/* Minification failed. Returning unminified contents.
(5398,24): run-time error CSS1039: Token not allowed after unary operator: '-top'
(5407,28): run-time error CSS1039: Token not allowed after unary operator: '-top'
(5416,24): run-time error CSS1039: Token not allowed after unary operator: '-top'
(5417,25): run-time error CSS1039: Token not allowed after unary operator: '-left'
(5425,28): run-time error CSS1039: Token not allowed after unary operator: '-top'
(5873,28): run-time error CSS1039: Token not allowed after unary operator: '-top'
(5886,32): run-time error CSS1039: Token not allowed after unary operator: '-top'
*/
/*!
* FullCalendar v1.6.4 Stylesheet
* Docs & License: http://arshaw.com/fullcalendar/
* (c) 2013 Adam Shaw
*/
.fc {
direction: ltr;
text-align: left;
}
.fc table {
border-collapse: collapse;
border-spacing: 0;
}
html .fc,
.fc table {
font-size: 1em;
font-family: "Helvetica Neue", Helvetica;
}
.fc td,
.fc th {
padding: 0;
vertical-align: top;
}
/* Header
------------------------------------------------------------------------*/
.fc-header td {
white-space: nowrap;
padding: 15px 10px 0px;
}
.fc-header-left {
width: 25%;
text-align: left;
}
.fc-header-center {
text-align: center;
}
.fc-header-right {
width: 25%;
text-align: right;
}
.fc-header-title {
display: inline-block;
vertical-align: top;
margin-top: -5px;
}
.fc-header-title h2 {
margin-top: 0;
white-space: nowrap;
font-size: 32px;
font-weight: 100;
margin-bottom: 10px;
}
.fc .fc-header-space {
padding-left: 10px;
}
.fc-header .fc-button {
margin-bottom: 1em;
vertical-align: top;
}
/* buttons edges butting together */
.fc-header .fc-button {
margin-right: -1px;
}
.fc-header .fc-corner-right,
/* non-theme */
.fc-header .ui-corner-right {
/* theme */
margin-right: 0;
/* back to normal */
}
/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
z-index: 2;
}
.fc-header .fc-state-down {
z-index: 3;
}
.fc-header .fc-state-active,
.fc-header .ui-state-active {
z-index: 4;
}
/* Content
------------------------------------------------------------------------*/
.fc-content {
clear: both;
zoom: 1;
/* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}
.fc-view {
width: 100%;
overflow: hidden;
}
/* Cell Styles
------------------------------------------------------------------------*/
/* | , usually */
.fc-widget-content {
/* | , usually */
border: 1px solid #e5e5e5;
}
.fc-widget-header {
border-bottom: 1px solid #EEE;
}
.fc-state-highlight {
/* | today cell */
/* TODO: add .fc-today to | */
/* background: #fcf8e3; */
}
.fc-state-highlight>div>div.fc-day-number {
background-color: #ff3b30;
color: #FFFFFF;
border-radius: 50%;
margin: 4px;
}
.fc-cell-overlay {
/* semi-transparent rectangle while dragging */
background: #bce8f1;
opacity: .3;
filter: alpha(opacity=30);
/* for IE */
}
/* Buttons
------------------------------------------------------------------------*/
.fc-button {
position: relative;
display: inline-block;
padding: 0 .6em;
overflow: hidden;
height: 1.9em;
line-height: 1.9em;
white-space: nowrap;
cursor: pointer;
}
.fc-state-default {
/* non-theme */
border: 1px solid;
}
.fc-state-default.fc-corner-left {
/* non-theme */
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
/* non-theme */
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/*
Our default prev/next buttons use HTML entities like ‹ › « »
and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {
margin: 0 .4em;
font-size: 2em;
line-height: 23px;
vertical-align: baseline;
/* for IE7 */
}
.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow {
/* for ‹ › */
font-weight: bold;
}
/* icon (for jquery ui) */
.fc-button .fc-icon-wrap {
position: relative;
float: left;
top: 50%;
}
.fc-button .ui-icon {
position: relative;
float: left;
margin-top: -50%;
*margin-top: 0;
*top: -50%;
}
.fc-state-default {
border-color: #ff3b30;
color: #ff3b30;
}
.fc-button-month.fc-state-default,
.fc-button-agendaWeek.fc-state-default,
.fc-button-agendaDay.fc-state-default {
min-width: 67px;
text-align: center;
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
color: #333333;
background-color: #FFE3E3;
}
.fc-state-hover {
color: #ff3b30;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
background-color: #ff3b30;
background-image: none;
outline: 0;
color: #FFFFFF;
}
.fc-state-disabled {
cursor: default;
background-image: none;
background-color: #FFE3E3;
filter: alpha(opacity=65);
box-shadow: none;
border: 1px solid #FFE3E3;
color: #ff3b30;
}
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container>* {
z-index: 8;
}
.fc-event-container>.ui-draggable-dragging,
.fc-event-container>.ui-resizable-resizing {
z-index: 9;
}
.fc-event {
border: 1px solid #FFF;
/* default BORDER color */
background-color: #FFF;
/* default BACKGROUND color */
color: #919191;
/* default TEXT color */
font-size: 12px;
cursor: default;
}
.fc-event.chill {
background-color: #f3dcf8;
}
.fc-event.info {
background-color: #c6ebfe;
}
.fc-event.important {
background-color: #FFBEBE;
}
.fc-event.success {
background-color: #BEFFBF;
}
.fc-event:hover {
opacity: 0.7;
}
a.fc-event {
text-decoration: none;
}
a.fc-event,
.fc-event-draggable {
cursor: pointer;
}
.fc-rtl .fc-event {
text-align: right;
}
.fc-event-inner {
width: 100%;
height: 100%;
overflow: hidden;
line-height: 15px;
}
.fc-event-time,
.fc-event-title {
padding: 0 1px;
}
.fc .ui-resizable-handle {
display: block;
position: absolute;
z-index: 99999;
overflow: hidden;
/* hacky spaces (IE6/7) */
font-size: 300%;
/* */
line-height: 50%;
/* */
}
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
border-width: 1px 0;
margin-bottom: 1px;
}
.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
border-left-width: 1px;
/*
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
*/
}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
border-right-width: 1px;
/*
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
*/
}
/* resizable */
.fc-event-hori .ui-resizable-e {
top: 0 !important;
/* importants override pre jquery ui 1.7 styles */
right: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: e-resize;
}
.fc-event-hori .ui-resizable-w {
top: 0 !important;
left: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: w-resize;
}
.fc-event-hori .ui-resizable-handle {
_padding-bottom: 14px;
/* IE6 had 0 height */
}
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
border-collapse: separate;
}
.fc-border-separate th,
.fc-border-separate td {
border-width: 1px 0 0 1px;
}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
border-right-width: 1px;
}
.fc-border-separate tr.fc-last td {}
.fc-border-separate .fc-week .fc-first {
border-left: 0;
}
.fc-border-separate .fc-week .fc-last {
border-right: 0;
}
.fc-border-separate tr.fc-last th {
border-bottom-width: 1px;
border-color: #cdcdcd;
font-size: 16px;
font-weight: 300;
line-height: 30px;
}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
border-top-width: 0;
}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
text-align: center;
}
.fc .fc-week-number {
width: 22px;
text-align: center;
}
.fc .fc-week-number div {
padding: 0 2px;
}
.fc-grid .fc-day-number {
float: right;
padding: 0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
opacity: 0.3;
filter: alpha(opacity=30);
/* for IE */
/* opacity with small font can sometimes look too faded
might want to set the 'color' property instead
making day-numbers bold also fixes the problem */
}
.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 1px;
/* distance between events and day edges */
}
/* event styles */
.fc-grid .fc-event-time {
font-weight: bold;
}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
float: left;
}
.fc-rtl .fc-grid .fc-event-time {
float: right;
}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
border-collapse: separate;
}
.fc-agenda-days th {
text-align: center;
}
.fc-agenda .fc-agenda-axis {
width: 50px;
padding: 0 4px;
vertical-align: middle;
text-align: right;
white-space: nowrap;
font-weight: normal;
}
.fc-agenda .fc-week-number {
font-weight: bold;
}
.fc-agenda .fc-day-content {
padding: 2px 2px 1px;
}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
border-right-width: 1px;
}
.fc-agenda-days .fc-col0 {
border-left-width: 0;
}
/* all-day area */
.fc-agenda-allday th {
border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
min-height: 34px;
/* TODO: doesnt work well in quirksmode */
_height: 34px;
}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
height: 2px;
overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
background: #eee;
}
/* slot rows */
.fc-agenda-slots th {
border-width: 1px 1px 0;
}
.fc-agenda-slots td {
border-width: 1px 0 0;
background: none;
}
.fc-agenda-slots td div {
height: 20px;
}
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
border-top-width: 0;
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
*border-top-style: solid;
/* doesn't work with background in IE6/7 */
}
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
border-width: 0 1px;
}
.fc-event-vert.fc-event-start {
border-top-width: 1px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.fc-event-vert.fc-event-end {
border-bottom-width: 1px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc-event-vert .fc-event-time {
white-space: nowrap;
font-size: 10px;
}
.fc-event-vert .fc-event-inner {
position: relative;
z-index: 2;
}
.fc-event-vert .fc-event-bg {
/* makes the event lighter w/ a semi-transparent overlay */
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .25;
filter: alpha(opacity=25);
}
.fc .ui-draggable-dragging .fc-event-bg,
/* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
display: none\9;
/* for IE6/7/8. nested opacity filters while dragging don't work */
}
/* resizable */
.fc-event-vert .ui-resizable-s {
bottom: 0 !important;
/* importants override pre jquery ui 1.7 styles */
width: 100% !important;
height: 8px !important;
overflow: hidden !important;
line-height: 8px !important;
font-size: 11px !important;
font-family: monospace;
text-align: center;
cursor: s-resize;
}
.fc-agenda .ui-resizable-resizing {
/* TODO: better selector */
_overflow: hidden;
}
thead tr.fc-first {
background-color: #f7f7f7;
}
table.fc-header {
background-color: #FFFFFF;
border-radius: 6px 6px 0 0;
}
.fc-week .fc-day>div .fc-day-number {
font-size: 15px;
margin: 2px;
min-width: 19px;
padding: 6px;
text-align: center;
}
.fc-sun,
.fc-sat {
color: #b8b8b8;
}
.fc-week .fc-day:hover .fc-day-number {
background-color: #B8B8B8;
border-radius: 50%;
color: #FFFFFF;
transition: background-color 0.2s;
}
.fc-week .fc-day.fc-state-highlight:hover .fc-day-number {
background-color: #ff3b30;
}
.fc-button-today {
border: 1px solid rgba(255, 255, 255, .0);
}
.fc-view-agendaDay thead tr.fc-first .fc-widget-header {
text-align: right;
padding-right: 10px;
}
/*!
* Bootstrap Colorpicker v2.5.2
* https://itsjavi.com/bootstrap-colorpicker/
*
* Originally written by (c) 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0.txt
*
*/.colorpicker-saturation{width:100px;height:100px;background-image:url(data:image/png;base64,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);cursor:crosshair;float:left}.colorpicker-saturation i{display:block;height:5px;width:5px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}.colorpicker-saturation i b{display:block;height:5px;width:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-alpha,.colorpicker-hue{width:15px;height:100px;float:left;cursor:row-resize;margin-left:4px;margin-bottom:4px}.colorpicker-alpha i,.colorpicker-hue i{display:block;height:1px;background:#000;border-top:1px solid #fff;position:absolute;top:0;left:0;width:100%;margin-top:-1px}.colorpicker-hue{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAh0lEQVR4XgXAg3EDAAAAwI9to7Zt27a1/w49BASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHXo1KVbj159+g0YNGTYiFFjxk2YNGXajFlz5i1YtGTZilVr1m3YtGXbjl179h04dOTYiVNnzl24dOXajVt37j149OTZi1dv3n349OXbj19//wOxE1dQ8reGAAAAAElFTkSuQmCC)}.colorpicker-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=);display:none}.colorpicker-alpha,.colorpicker-hue,.colorpicker-saturation{background-size:contain}.colorpicker{padding:4px;min-width:130px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:2500}.colorpicker:after,.colorpicker:before{display:table;content:"";line-height:0}.colorpicker:after{clear:both}.colorpicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px}.colorpicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=);background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-selectors{display:none;height:10px;margin-top:5px;clear:both}.colorpicker-selectors i{cursor:pointer;float:left;height:10px;width:10px}.colorpicker-selectors i+i{margin-left:3px}.colorpicker-element .add-on i,.colorpicker-element .input-group-addon i{display:inline-block;cursor:pointer;height:16px;vertical-align:text-top;width:16px}.colorpicker.colorpicker-inline{position:relative;display:inline-block;float:none;z-index:auto}.colorpicker.colorpicker-horizontal{width:110px;min-width:110px;height:auto}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-alpha,.colorpicker.colorpicker-horizontal .colorpicker-hue{width:100px;height:15px;float:left;cursor:col-resize;margin-left:0;margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-alpha i,.colorpicker.colorpicker-horizontal .colorpicker-hue i{display:block;height:15px;background:#fff;position:absolute;top:0;left:0;width:1px;border:none;margin-top:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAbUlEQVR4XgXAghEDsbxtlrZt27ax/w49ACAYQTGcICmaYTleECVZUTXdMC1Wm93hdLk9Xp8/EAyFI9FYPJFMpTPZXL5QLJUr1Vq90Wy1O91efzAcjSfT2XyxXK03293+cDydL9fb/fF8vT/f3x+LfRNXARMbCAAAAABJRU5ErkJggg==)}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAQAAADoFTP1AAAB9ElEQVR4XoWTQW4VMRBEu9qWEimL7DhEMp8NF+ASnJJLcAQgE1bcgBUSkYKUuHCrZ9pjeqSU5Yn9LPu7umJQBIIv+k7vIOrtK66L4lmr3pVOrOv3otp619KZ0/KjdNI79L52Uo09FBQWrU0vfe5trezU+hLsoUKd3Repovte+0vbq/7Lj5XbaHECKasR9G4MPlbp+gzZxd6koPEJCkAYC5SjcOTAIIOK90Dja1IfIZ8Z+zAY9jm3b5Ia+MT5sFcqRJrR2AYYA8Kua5BzYRrFPNmD4PQMegGJMOffJJUsWiI3nCHZZjInNdffLWOufzbc3JaboCAVxwmnRHbhLSPwRJ4wU0BRSc6HkECYYVw95nMKgJOcylxrJttE5Ibzf9Xq9GPvP+WX3MiV/MGHfRu/SentRQrfG1GzsIrytdNXucSRKxQNIGHM9YhGFQJcdjNcBZvfJayuYe4Sia1CzwW+19mWOhe37HsxJWKwbu/jluEU15QzAQjAqCEbhMJc78GYV2E0kooHDubUImWkTOhGpgv8PoT8DJG/bzxna4BZ0eOFSOaLADGeSpFsg5AzeaDZIDQQXjZ4y/8ryfzUXBwdELRjTjCNvOeT0rNlrJz90vwy6N9pXXQEluX0inElpPWokSdiLCfiNJJjMKQ8Qsh8GEKQKMo/eiHrNbI9UksAAAAASUVORK5CYII=)}.colorpicker-right:before{left:auto;right:6px}.colorpicker-right:after{left:auto;right:7px}.colorpicker-no-arrow:before{border-right:0;border-left:0}.colorpicker-no-arrow:after{border-right:0;border-left:0}.colorpicker-alpha.colorpicker-visible,.colorpicker-hue.colorpicker-visible,.colorpicker-saturation.colorpicker-visible,.colorpicker-selectors.colorpicker-visible,.colorpicker.colorpicker-visible{display:block}.colorpicker-alpha.colorpicker-hidden,.colorpicker-hue.colorpicker-hidden,.colorpicker-saturation.colorpicker-hidden,.colorpicker-selectors.colorpicker-hidden,.colorpicker.colorpicker-hidden{display:none}.colorpicker-inline.colorpicker-visible{display:inline-block}
/*# sourceMappingURL=bootstrap-colorpicker.min.css.map */
/** Rubik**/
@font-face {
font-family: 'Rubik';
src: url('../fonts/rubik/Rubik-Regular.ttf');
}
@font-face {
font-family: 'Rubik';
src: url('../fonts/rubik/Rubik-Bold.ttf');
font-weight: bold;
}
@font-face {
font-family: 'Rubik';
src: url('../fonts/rubik/Rubik-Italic.ttf');
font-style: italic;
}
@font-face {
font-family: 'Rubik-medium';
src: url('../fonts/rubik/Rubik-Medium.ttf');
}
/** Roboto **/
@font-face {
font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-Regular.ttf');
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-Bold.ttf');
font-weight: bold;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-Italic.ttf');
font-style: italic;
}
@font-face {
font-family: 'Roboto-medium';
src: url('../fonts/roboto/Roboto-Medium.ttf');
}
@media (max-width: 768px) {
.hide-mobile {
display: none !important;
}
}
@media (min-width: 768px) {
.show-mobile {
display: none !important;
}
}
/*html {
background-color: #F1F4F9;
}*/
body {
background-color: #F1F4F9;
}
p.description {
margin: 0;
font-size: 12px;
font-family: 'Roboto';
}
h1,
h2 {
font-family: 'Roboto-Regular';
margin: 0;
}
h1.title {
font-size: 20px;
font-family: 'Roboto-medium';
}
h2.title {
font-size: 15px;
font-family: 'Roboto-medium';
color: #999999;
}
h3.title {
font-size: 14px;
font-family: 'Roboto-medium';
}
.body-container {
padding-top: 50px;
margin-left: 100px;
-webkit-transition: .2s;
transition: .2s;
}
.body-container-menu-closed {
margin-left: 50px;
}
.no-padding {
padding: 0;
}
@media screen and (max-width: 768px) {
.body-container {
margin-left: 0px;
}
}
.contaienr-margin-top {
margin-top: 85px;
}
*:focus {
-webkit-tap-highlight-color: transparent;
outline: none;
box-shadow: none;
border-color: transparent;
background: transparent;
}
input[type=text],
input[type=email],
input[type=tel]{
border: solid #E6E6E6 1px;
border-radius: 2px;
height: 34px;
background-color: #FAFAFA !important;
}
input[type=text]:focus {}
.section {
border-radius: 7px;
background-color: #ffffff;
padding: 15px 20px;
position: relative;
margin-bottom: 30px;
}
.section>.section-header,
.section>.section-body,
.section>.section-footer {
width: 100%;
padding: 0;
}
.section .section-flag {
position: absolute;
top: 5px;
width: 39.5px;
height: 42px;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.section .section-header {
margin-bottom: 25px;
}
.section .section-header h2 {
letter-spacing: 0px;
padding-top: 5px;
padding-left: 50px;
color: #999999;
opacity: 1;
font-family: 'Roboto-medium';
font-size: 16px;
line-height: 1.14;
text-align: left;
margin: 0;
}
.section .section-body>div {
border-top: 1px solid #f3f2f0;
cursor: pointer;
}
.section .section-body>div:last-child {
border-bottom: 1px solid #f3f2f0;
}
.section>.section-footer {
text-align: center;
padding: 7px;
}
.section>.section-footer .see-more {
font-family: 'Roboto-medium';
font-size: 10px;
font-weight: 500;
line-height: 2;
text-align: center;
color: #3595e0;
cursor: pointer;
}
.section .section-loading {
display: none;
border: none;
position: absolute;
z-index: 2;
background: white;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.section .section-loading.active {
display: flex;
}
/** TABS **/
.tabs li a {
border: none;
font-family: 'Roboto-medium';
font-size: 14px;
font-weight: 500;
line-height: 1.21;
text-align: center;
color: #717171;
}
.tabs li.active a,
.tabs li.active a:focus,
.tabs li.active a:hover {
border: none;
border-bottom: 3px solid #2a7294;
}
/** END TABS **/
/** SCROLLABLE ROW FOR MOBILE **/
.row.row-scrollable {
padding-left: 15px;
padding-right: 15px;
}
@media screen and (max-width: 768px) {
.row.row-scrollable {
overflow-x: auto;
white-space: nowrap;
}
.row.row-scrollable > div {
display: inline-block;
float: none;
min-width: 300px;
}
.row.row-scrollable p,
.row.row-scrollable span,
.row.row-scrollable h1,
.row.row-scrollable h2,
.row.row-scrollable h3,
.row.row-scrollable h4,
.row.row-scrollable h5 {
white-space: pre-wrap;
}
}
/** FILTER **/
.filter {
height: 100%;
min-width: 100%;
max-width: 100%;
max-height: 100%;
z-index: 99;
position: absolute;
top: 0;
left: 0;
background: white;
overflow-x: auto;
display: none;
}
.filter .filter-header {
width: 100%;
height: 50px;
background-color: #2a7294;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 16px;
}
.filter .filter-header h2.title {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
text-align: left;
color: #fafafa;
}
.filter .filter-header button.close-filter {
font-family: 'Roboto-medium';
font-size: 13px;
font-weight: 500;
line-height: 1.38;
text-align: center;
color: #14b9eb;
background: none;
border: none;
}
.filter .filter-body {
padding: 24px 16px;
}
.filter .filter-body .filter-form form>div>div {
padding: 0 10px;
}
.filter .filter-body .filter-form .title {
font-family: 'Roboto-medium';
font-weight: 500;
line-height: 2;
text-align: left;
color: #717171;
}
.filter .filter-body .filter-form .radio label {
font-family: 'Roboto';
font-size: 14px;
line-height: 1.71;
text-align: left;
color: #717171;
}
/** INPUT RADIO $ CHECKBOX **/
.radio .container-label,
.checkbox .container-label {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.radio .container-label input,
.checkbox .container-label input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.radio .checkmark:after,
.checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
}
.radio .container-label input:checked~.checkmark:after,
.checkbox .container-label input:checked~.checkmark:after {
display: block;
}
/** INPUT RADIO **/
.radio .container-label.checked {
font-family: 'Roboto';
font-size: 14px;
font-weight: bold;
line-height: 1.71;
text-align: left;
color: #2a7294 !important;
}
.radio .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border: 1px solid #b7b7b7;
border-radius: 50%;
margin-top: 2px;
}
.radio .container-label input:checked~.checkmark {
background-color: #b7b7b7;
}
.radio .container-label .checkmark:after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 16px;
height: 16px;
border-radius: 50%;
background: #2a7294;
}
/** END INPUT RADIO **/
/** INPUT CHECKBOX **/
.checkbox .container-label.checked {
font-family: 'Roboto';
font-size: 14px;
font-weight: bold;
line-height: 1.71;
text-align: left;
color: #2a7294 !important;
}
.checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border: 1px solid #b7b7b7;
border-radius: 2px;
margin-top: 2px;
}
.checkbox .container-label .checkmark:after {
top: -1px;
left: 5px;
width: 9px;
height: 15px;
border: solid #2a7294;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/** END INPUT CHECKBOX **/
/** END INPUT RADIO $ CHECKBOX **/
/** BUTTONS **/
.buttons-form {
display: flex;
align-items: center;
}
.buttons-form.center {
text-align: center;
}
.buttons-form button {
padding: 6px 10px;
}
.buttons-form button:not(:first-child) {
margin-left: 18px;
}
.buttons-form button.cancel,
.buttons-form button.submit {
width: 145px;
border-radius: 7px;
text-align: center;
font-family: 'Roboto-medium';
font-size: 15px;
font-weight: 500;
line-height: 2;
letter-spacing: 0.8px;
border: none;
}
.buttons-form button.cancel {
color: #b9b9b9;
background-color: #f3f2f0;
}
.buttons-form button.submit {
background-color: #307DA2;
color: #ffffff;
}
#microphone {
background-color: #307DA2;
}
@media (max-width: 768px) {
.buttons-form button:first-child {
margin-right: 5px;
}
}
/** END BUTTONS **/
/** TABLE **/
.portal-table {
max-width: 100%;
overflow-x: auto;
}
.portal-table,
.portal-table table {
width: 100%;
}
.portal-table table thead th {
font-family: 'Roboto';
font-size: 14px;
font-weight: bold;
line-height: 1.71;
text-align: left;
color: #999999;
}
.portal-table table tbody tr {
border-top: 1px solid rgba(142, 142, 142, .2);
}
.portal-table table thead tr th,
.portal-table table tbody tr td {
padding: 10px 18px;
text-align: left;
}
.portal-table table tbody tr td {
font-family: 'Roboto';
font-size: 14px;
line-height: 1.71;
text-align: left;
color: #717171;
height: 70px;
}
.portal-table table tbody tr:hover {
background: #fff;
cursor: pointer;
}
.portal-table table tbody tr td .actions-container {
display: flex;
align-items: center;
justify-content: flex-end;
}
.portal-table table tbody tr td .actions-container a {
width: 32px;
height: 32px;
text-align: center;
line-height: 35px;
border-radius: 50%;
display: block;
}
.portal-table table tbody tr td .actions-container a .svg {
height: 15px;
width: 15px;
}
.portal-table table tbody tr td .actions-container a .svg {
fill: #6C7A8F;
}
.portal-table table tbody tr td .actions-container a:hover {
background-color: #6C7A8F;
}
.portal-table table tbody tr td .actions-container a:hover .svg {
fill: #6C7A8F;
}
/** END TABLE **/
/** SCROLLBAR */
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track {
border: none;
}
::-webkit-scrollbar-thumb {
background: #C1C1C1;
border-radius: 3px;
}
/** END SCROLLBAR */
/** DATATABLES */
.dataTables_paginate {
text-align: center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
font-weight: bold;
min-width: 1.5em;
padding: 0.5em 1em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
color: #3B96C2 !important;
border: 1px solid #DCDCDC;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: white !important;
background: #3B96C2;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
cursor: default;
color: #3B96C2 !important;
border: 1px solid #DCDCDC;
background: transparent;
box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
outline: none;
color: white;
background-color: #3B96C2;
}
.dataTables_rowButtons {
float:right;
min-width:105px;
}
/** END DATATABLES */
/** CONTAINER CIGAM */
@media (min-width: 768px) {
#container-content.open-menu {
display: block;
}
#container-content.open-menu .container nav.navbar {
display: block;
}
}
/** END CONTAINER CIGAM*/
/** START TOP-HEADER **/
.top-header {
display: flex;
height: 50px;
width: 100%;
background: #F5F5F5;
opacity: 1;
position: fixed;
z-index: 1011;
}
#baseline-menu-icon {
height: 24px;
cursor: pointer;
}
/** ALINHAMENTO ESTRELA DETALHES CONTATOS INTERNOS **/
.img-favorite {
margin-left: 5px;
margin-top: 5px;
}
.baseline-header {
display: flex;
justify-content: flex-start;
padding-left: 10px;
align-items: center;
min-width: 50px;
height: 50px;
background-color: #F5F5F5;
cursor: pointer;
}
.baseline-header.short {
min-width: 50px;
}
.baseline-header.short span {
min-width: 50px;
display: none;
}
.baseline-header span {
font: 12px Roboto-medium;
letter-spacing: 0.9px;
color: #6C7A8F;
opacity: 1;
margin-left: 16px;
}
.header-content {
display: flex;
width: 100%;
padding-right: 17px;
justify-content: space-between;
align-items: center;
}
.header-content h2 {
font: 12px Roboto-medium;
letter-spacing: 0.9px;
color: #6C7A8F;
opacity: 1;
}
@media only screen and (max-width: 768px) {
.header-content {
display: flex;
width: 100%;
padding-right: 6px;
justify-content: space-between;
align-items: center;
}
}
.margin-title {
margin-left: 50px;
}
.header-content > div:nth-child(3) {
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.baseline-header {
min-width: 50px;
}
}
#header-logo-content {
display: flex;
align-items: flex-end;
}
#header-logo-content span {
margin-bottom: -10px;
text-align: left;
font: 10px/30px Roboto;
letter-spacing: 0.56px;
color: #999999;
opacity: 1;
margin-left: 10px;
}
/** NOTIFICATIONS AND PORTAL SECTION **/
.notifications, .portais {
position: absolute;
right: 5px;
top: 55px;
width: 322px;
height: auto;
max-height: 430px;
overflow-y: auto;
padding: 16px;
background: #FFF;
border: 1px solid #E6E6E6;
-webkit-box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.16);
display: none;
}
.notifications .notification-header, .portais .portal-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 5px;
}
.notifications .notification-header h4, .portais .portal-header h4 {
font-family: 'Roboto-medium';
font-size: 12px;
color: #717171;
text-align: left;
margin: 0;
letter-spacing: 0.4px;
}
.notifications .notification-header .green-button {
background: #0F9D58;
border-radius: 4px;
border: none;
font-family: 'Roboto-medium';
font-size: 14px;
color: #FFF;
padding: 7px 20px 7px 9px;
position: relative;
cursor: pointer;
}
.notifications .notification-header .green-button span {
margin-right: 12px;
}
.notifications .notification {
width: 100%;
background: #FFF;
border: 1px solid #F3F2F0;
display: flex;
margin-top: 15px;
padding: 20px 11px;
cursor: pointer;
-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16);
}
.notifications .notification .n-icon {
width: 20%;
display: flex;
align-items: flex-start;
justify-content: center;
}
.notifications .notification .n-icon.yellow svg path {
fill: #EBBA16;
}
.notifications .notification .n-icon.green svg path.a {
fill: #0F9D58;
}
.notifications .notification .n-data {
width: 80%;
overflow-wrap: break-word;
}
.notifications .notification .n-data h3 {
margin: 0;
font-family: 'Roboto';
font-weight: bold;
font-size: 15px;
text-align: left;
color: #717171;
margin-bottom: 5px;
}
.notifications .notification .n-data span {
font-family: 'Roboto';
font-size: 12px;
text-align: left;
color: #8E8E8E;
}
.notifications .notification .n-data > span {
display: inherit;
width: 100%;
}
.notifications .notification .n-data > span > span {
float: right;
}
.notification.read {
background: #F6F6F6;
}
.notification.read .n-icon svg path.a {
fill: #8E8E8E;
}
.notification.read .n-data {
opacity: 0.8;
}
.notification.read .n-data h3 {
color: #8E8E8E;
font-family: 'Roboto';
font-weight: 100;
}
.portais {
padding-top: 25px;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
width: 70%;
cursor: default;
max-width: 1000px;
}
.portais .portal-header {
margin: 0px 0px 15px 20px;
}
.portais .portal-body {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
gap: 20px;
cursor: default;
}
.portais .portal-body .portal-item {
height: 90px;
text-align: center;
margin-bottom: 25px;
cursor: pointer;
}
.portal-item-pb {
cursor: default;
}
.portais .portal-body .portal-item > div {
text-align: center;
}
.portais .portal-body .portal-item .portal-img {
height: 48px;
width: 48px;
}
.portais .portal-body .portal-item h4 {
font-family: 'Roboto-medium';
font-size: 13px;
font-weight: 500;
line-height: 1.15;
color: #8e8e8e;
}
/* FAVORITOS */
.portais .favorito-body {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.portais .favorito-body .favorito-img {
width: 20px;
height: 20px;
}
.portais .favorito-item {
margin: 0px 10px 10px 10px;
display: flex;
align-items: center;
}
.portais .favorito-item .favorito-btns {
margin: 2px 0px 0px 5px;
background-color: transparent;
border: none;
padding: 0;
}
.portais .favorito-body .favorito-item h4 {
font-family: 'Roboto-medium';
font-size: 15px;
font-weight: 500;
line-height: 1.15;
color: #8e8e8e;
}
.btn-add-favorito, .btn-edit-favorito {
background-color: transparent;
border: none;
padding: 0;
margin: 0;
}
.icone-menu-favorito {
margin: 5px 5px 5px 0px;
cursor: default;
}
.selecionar-icone-favorito {
margin: 0px 5px 5px 0px;
}
.selecionar-icone-favorito-selected {
margin: 0px 5px 5px 0px;
border-color: #1f7aa4 !important;
transition: all .3s;
}
.selecionar-icone-favorito:hover {
border-color: #1f7aa4;
transition: all .3s;
}
/** END TOP-HEADER **/
/** PROFILE OPTIONS */
#profile-options .options {
position: absolute;
right: 5px;
top: 55px;
background: #FFF;
border: 1px solid #E6E6E6;
width: 150px;
display: none;
}
#profile-options .options ul {
margin: 0;
padding: 0;
list-style: none;
}
#profile-options .options ul li {
border: none !important;
}
#profile-options .options ul li:not(:last-child) {
border-bottom: 1px solid #E6E6E6;
}
#profile-options .options ul li:hover {
background: #E6E6E6;
cursor: pointer;
}
#profile-options .options ul li a {
display: block;
padding: 15px 30px;
text-decoration: none;
font-family: 'Roboto';
font-size: 14px;
}
#profile-options .options ul li a:hover {
color: #7C7D7E;
}
/** END PROFILE OPTIONS **/
/** START LEFT-MENU **/
.left-menu {
position: fixed;
z-index: 1012;
width: 194px;
left: 0;
top: 0px;
min-height: 100%;
background: #307DA2;
-webkit-transition: .0s;
/*transition: .2s;*/
}
.left-menu .close-left-menu {
height: 50px;
width: 100%;
display: none;
}
.left-menu.short .option #container-content:hover {
display: none;
}
.left-menu.short {
width: 50px;
}
.left-menu .open-sub-menu .close-left-menu {
/*margin-top: 20px;*/
}
.left-menu .open-sub-menu .arrow-sub-menu {
width: 100%;
text-align: right;
margin-top: -10px;
margin-bottom: -5px;
}
.left-menu .open-sub-menu .arrow-sub-menu svg {
margin-bottom: 0;
}
.left-menu .open-sub-menu hr {
margin: 0 auto;
width: 70%;
height: 0;
background: #f1f4f9;
color: #f1f4f9;
margin-bottom: 8px;
opacity: .6;
}
.left-menu .sub-menu {
position: absolute;
min-height: 100%;
width: 0;
padding-top: 8px;
margin-top: 50px;
box-sizing: border-box;
background: #FFFFFF;
top: 0;
left: 100%;
box-shadow: 4px 1px 6px #c4c4c4;
}
.left-menu .sub-menu.open {
width: 200px;
}
.left-menu .sub-menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.left-menu .sub-menu ul li {
font-family: 'Roboto';
font-size: 13px;
line-height: 1.15;
font-weight: bold;
text-align: left;
color: #FF5811;
padding: 16px 25px;
cursor: default;
display: none;
box-sizing: border-box;
}
.left-menu .sub-menu ul li a {
font-family: 'Roboto';
font-weight: normal;
font-size: 12px;
line-height: 1.15;
color: #6C7A8F;
}
.left-menu .sub-menu.open ul li {
display: block;
}
.left-menu .sub-menu ul li:hover {
background: #F9F9F9;
opacity: 1;
}
.left-menu.short .option {
position: relative;
display: flex;
width: 50px;
height: 55px;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
background: #307DA2;
}
.left-menu.short .submenu {
height: 55px;
opacity: 1;
}
.left-menu.short .option span {
display: none;
}
.left-menu .show-mobile {
display: none;
}
.left-menu.short .option span {
display: none;
}
.left-menu .option {
position: relative;
display: flex;
width: 100%;
padding-top: 12px;
padding-left: 12.1px;
height: 55px;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
background: #307DA2;
border-left: 5px solid #307DA2;
}
.left-menu .option.active, .left-menu .option:hover {
background-color: #13597B;
border-left: 5px solid #F5F5F5;
}
.left-menu .option:active, .left-menu .option:focus {
background-color: #13597B;
border-left: 5px solid #F5F5F5;
}
.left-menu .option:hover:before {
content: '';
position: absolute;
top: 0;
left: 0;
color: #FFF;
opacity: 0.5;
background: #13597B;
width: 100%;
height: 100%;
}
a .option .link-txt:hover {
color: darkred;
}
.left-menu .option span {
font-family: 'Roboto';
font-size: 12px;
color: #FFF;
margin-left: 10px;
margin-block-start: 2px;
vertical-align: super;
}
.left-menu .option img {
margin-bottom: 8px;
}
@media only screen and (max-width: 768px) {
.left-menu {
position: fixed;
z-index: 1012;
width: 194px;
left: 0;
top: 0px;
min-height: 100%;
background: #3B96C2;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
-webkit-transition: .0s;
/*transition: .2s;*/
}
.left-menu .close-left-menu {
height: 50px;
width: 100%;
display: none;
}
.left-menu.short #container-content:hover {
display: none;
}
.left-menu.short {
width: 0px;
}
.left-menu .open-sub-menu .close-left-menu {
/*margin-top: 20px;*/
}
.left-menu .open-sub-menu .arrow-sub-menu {
width: 100%;
text-align: right;
/*margin-top: -5px;*/
margin-top: -10px;
margin-bottom: -5px;
}
.left-menu .open-sub-menu .arrow-sub-menu svg {
margin-bottom: 0;
}
.left-menu .open-sub-menu hr {
margin: 0 auto;
width: 1005%;
height: 0;
background: #f1f4f9;
color: #f1f4f9;
margin-bottom: 8px;
opacity: .2;
}
.left-menu .sub-menu {
position: absolute;
min-height: 100%;
width: 0;
padding-top: 8px;
margin-top: 50px;
box-sizing: border-box;
background: #3B96C2;
top: 0;
left: 22%;
/*box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);*/
}
.left-menu .sub-menu.open, .left-menu .option {
width: 200px;
}
.left-menu .sub-menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.left-menu .sub-menu ul li {
font-family: 'Roboto';
font-size: 14px;
line-height: 1.15;
font-weight: bold;
text-align: left;
color: #fff;
padding: 16px 25px;
cursor: default;
display: none;
box-sizing: border-box;
}
.left-menu .sub-menu ul li a {
font-family: 'Roboto';
font-weight: normal;
font-size: 13px;
line-height: 1.15;
color: #fff;
}
.left-menu .sub-menu.open ul li {
display: block;
}
.left-menu.open {
width: 194px;
}
.left-menu.open .close-left-menu {
display: block;
margin-top: -40px;
}
.left-menu.open .sub-menu.open {
width: 170px;
margin-top: 50px;
z-index: 1012;
}
.left-menu.open .sub-menu.open ul li {
display: block;
}
.left-menu .sub-menu ul li:hover {
background: #9DCBE1;
opacity: 1;
}
.left-menu.short .option {
display: none;
position: relative;
width: 50px;
height: 55px;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
}
.left-menu.short .submenu {
height: 60px;
opacity: 1;
}
.left-menu.short .option span {
display: none;
}
.left-menu .show-mobile {
display: block;
width: 100%;
border-top: 1px solid rgba(157, 203, 225, 0.4);
padding-top: 12px;
margin-top: 12px;
}
.left-menu.short .option span {
display: none;
}
.left-menu .option {
height: 55px;
width: 100%;
display: flex;
color: #FFFFFF;
padding: 12px 1em;
cursor: pointer;
position: relative;
padding-top: 12px;
padding-left: 12.1px;
-webkit-tap-highlight-color: transparent;
}
.left-menu .option.active, .left-menu .option:hover {
opacity: 1;
}
.left-menu .option:active, .left-menu .option:focus {
background-color: #2A7294;
border-left-style: solid;
border-left-color: #fff;
opacity: 0.8;
}
.left-menu .option:hover:before {
content: '';
position: absolute;
top: 0;
left: 0;
/*color: #337ab7;*/
opacity: 0.5;
background: #9DCBE1;
width: 100%;
height: 100%;
}
.left-menu .option span {
font-family: 'Roboto';
font-size: 13px;
color: #ffffff;
margin-left: 10px;
vertical-align: super;
}
.left-menu .option img {
margin-bottom: 8px;
}
}
/** END LEFT-MENU **/
/** START DOCUMENTS **/
.search-nav {
position: fixed;
display: flex;
padding-left: 20px;
padding-right: 20px;
width: 100%;
background-color: #FFFFFF;
align-items: center;
height: 60px;
z-index: 9;
top: 50px;
}
.search-nav.short {
width: 100%;
}
.search-nav > div {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
}
.search-nav .left-content {
justify-content: flex-start;
}
.search-nav .titles > * {
margin: 0;
color: #999999;
margin-left: 6px;
}
.search-nav .center-content form {
width: 100%;
}
.search-nav .center-content #search-input {
margin-left: 0;
}
.search-nav .right-content {
justify-content: flex-end;
}
.search-nav h1 {
height: 23px;
color: #717171;
margin-left: 6px;
}
.search-nav a {
cursor: pointer;
}
.search-nav .button {
border: none;
border-radius: 7px;
cursor: pointer;
padding: 8px 24px 8px 13px;
}
.search-nav .button,
.search-nav .button a {
color: #fff;
fill: #fff;
font-family: 'Roboto';
font-size: 14px;
line-height: 1.71;
display: flex;
align-items: center;
justify-content: center;
}
.search-nav .button:not(:last-child) {
margin-right: 15px;
}
.search-nav .button img, .search-nav .button .icon, .search-nav .button .svg, .search-nav .button i {
margin-right: 10px;
}
.search-nav .button.blue-button, .search-nav .button.blue-button a {
background-color: #307DA2;
}
.search-nav .button.green-button, .search-nav .button.green-button a {
background-color: #479055;
}
.search-nav .button.transparent-button, .search-nav .button.transparent-button a {
background: none;
color: #3b96c2;
fill: #3b96c2;
}
.search-nav .search-menu-options {
position: relative;
padding-right: 8%;
}
.search-nav .search-menu-options .search-menu {
position: absolute;
top: 45px;
right: 15px;
background: white;
min-width: 138px;
border-radius: 7px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
z-index: 2;
display: none;
}
.search-nav .search-menu-options .search-menu ul {
padding: 0;
margin: 0;
list-style: none;
}
.search-nav .search-menu-options .search-menu ul li {
padding: 5px 10px;
cursor: pointer;
}
.search-nav .search-menu-options .search-menu ul li, .search-nav .search-menu-options .search-menu ul li a {
font-family: Roboto;
font-size: 14px;
line-height: 2.07;
text-align: left;
color: #3b96c2;
}
.search-nav .search-menu-options .search-menu ul li a {
text-decoration: none;
}
#search-input {
background: url(../Images/Icons/musica-searcher.svg) no-repeat scroll 7px 9px;
padding-right: 30px;
max-width: 475px;
width: 100%;
margin-left: 25%;
}
@media screen and (max-width: 1366px) {
#search-input {
margin-left: 10%;
}
}
@media screen and (max-width: 768px) {
.search-nav {
padding-left: 0px;
padding-right: 15px;
height: 45px;
}
.search-nav h1 {
font-size: 14px;
}
.search-nav,
.search-nav.short {
width: 100%;
}
#search-input {
background: url(../Images/Icons/musica-searcher.svg) no-repeat scroll 16px 9px;
padding-left: 40px;
margin-left: 0px;
max-width: 100%;
border: none;
border-radius: 2px;
height: 34px;
background-color: #FFFFFF !important;
}
.search-nav button {
font-family: 'Roboto-medium';
font-size: 13px;
background: none;
color: #14B9EB;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
}
.search-nav .button,
.search-nav .button a {
font-size: 10px;
}
}
/** START FILES BODY **/
.document-container {
display: flex;
flex-flow: row;
justify-content: center;
padding-left: 25px;
background-color: #F1F4F9;
padding-right: 25px;
padding-top: 85px;
}
.file-container {
display: flex;
flex-flow: column;
background-color: #FFFFFF;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 25px;
width: 100%;
border-radius: 7px;
}
.file-container > h2 {
margin-left: 10px;
margin-top: 30px;
margin-bottom: 30px;
color: #999999;
}
.folder-container {
display: flex;
flex-flow: row;
flex-wrap: wrap;
}
.folder-card {
display: flex;
align-items: center;
margin: 10px;
padding-left: 30px;
min-width: 340px;
background-color: #FAFAFA;
height: 100px;
border-radius: 5px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.10);
transition: .2s;
cursor: pointer;
}
@media(max-width: 768px) {
.document-container {
padding: 0px;
padding-top: 45px;
margin: 10px;
margin-right: 20px;
}
.file-container {
padding-left: 0px;
padding-right: 0px;
background-color: transparent;
}
.file-container > h2 {
display: none;
margin-left: 0px;
}
.file-container > span {
color: #3B96C2;
}
.folder-card {
height: 75px;
margin: 5px;
}
}
.folder-card > div {
display: flex;
flex-flow: column;
justify-content: center;
margin-left: 15px;
}
.folder-card > div h2 {
color: #999999;
}
.folder-card > div p {
font-size: 12px;
color: #717171;
}
.folder-card:hover {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.50);
}
.recent-document {
display: flex;
flex-flow: column;
margin-left: 20px;
max-width: 310px;
width: 100%;
max-height: 580px;
background-color: #FFFFFF;
border-radius: 7px;
padding: 7px;
padding-top: 30px;
}
.recent-document h2.title {
padding-left: 17px;
margin-bottom: 18px;
color: #999999;
}
.recent-document div a {
font-size: 12px;
color: #3595E0;
font-family: 'Roboto-medium';
margin-left: 40%;
margin-top: 10px;
}
/** END FILES BODY **/
/** START RECENT FAV */
.recent-fav {
display: flex;
border-bottom: solid 1px #f3f2f0;
}
.recent-fav h3 {
color: #999999;
opacity: .5;
margin-left: 8px;
padding-left: 9px;
padding-right: 20px;
padding-bottom: 5px;
margin-bottom: 0px;
margin-top: 0px;
cursor: pointer;
}
.recent-fav h3.active {
color: #999999;
opacity: 1;
border-bottom: solid 3px #FF5811;
}
.recent-fav-item {
display: flex;
height: 60px;
padding-left: 15px;
padding-bottom: 15px;
border-bottom: solid 1px #f3f2f0;
cursor: pointer;
}
.recent-fav-item h3.title {
color: #999999;
margin-left: 13px;
margin-bottom: 3px;
margin-top: 12px;
}
.recent-fav-item p.description {
color: #717171;
margin-left: 13px;
}
#recent-content {
display: none;
}
#fav-content {
display: none;
}
#recent-content.active, #fav-content.active {
display: flex;
flex-flow: column;
}
/** END RECENT FAV */
/** START FILES */
.star-down {
margin-left: auto !important;
display: flex !important;
flex-flow: column !important;
height: 100%;
align-items: center;
justify-content: space-between !important;
}
.star-down img {
margin: 10px;
}
@media (max-width: 768px) {
.star-down {
margin-right: 5px;
}
.star-down img {
margin: 0px;
}
}
/** END FILES */
/** END DOCUMENTS **/
/** HOME **/
.container-home {
margin-top: 0px;
margin-bottom: 25px;
}
.cards-home > div {
padding-left: 5px;
}
@media screen and (min-width: 768px) {
.slider-container {
padding-left: 25px;
}
.cards-home {
padding-right: 10px;
padding-left: 0px;
}
.cards-home > div {
padding-left: 5px;
}
.cards-home {
padding-top: 67px;
}
}
@media screen and (max-width: 768px) {
.container-home {
width: 100%;
max-width: 100%;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.cards-home {
padding-left: 25px;
}
}
/** END HOME **/
/** FAVORITE CONTACTS & EVENTS & BIRTHDAYS **/
.favorite-contacts .favorite-contact .title, .events .event .title, .birthdays .birthday .title {
letter-spacing: 0px;
color: #999999;
opacity: 1;
margin: 0;
}
.favorite-contacts .favorite-contact, .events .event, .birthdays .birthday, .month-events .event {
width: 100%;
padding: 10px 0;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
/** FAVORITE CONTACTS **/
.favorite-contacts .favorite-contact {
justify-content: flex-start;
}
.favorite-contacts .section-header #search-input {
margin-left: 0;
margin-top: 20px;
}
.favorite-contacts .favorite-contact .user-photo {
width: 15%;
}
.favorite-contacts .favorite-contact .contact {
width: 100%;
}
.favorite-contacts .favorite-contact .contact .contact-data {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.favorite-contacts .favorite-contact small, .birthdays .birthday .time small, .events .event .time small {
font-family: 'Roboto';
font-size: 12px;
line-height: 2;
text-align: left;
letter-spacing: 0px;
color: #717171;
opacity: 1;
}
.favorite-contacts .favorite-contact h3.phone {
font-family: 'Roboto-medium';
font-size: 13px;
line-height: 2;
text-align: right;
color: #717171;
margin: 0;
}
/** END FAVORITE CONTACTS **/
/** EVENTS **/
.events .section-flag svg path.cls-2 {
fill: white;
}
.events .event, .month-events .event {
justify-content: center;
}
.events .event .event-icon, .month-events .event .event-icon {
width: 15%;
padding: 10px;
}
.events .event .event-data, .month-events .event .event-data {
width: 85%;
}
.events .event .title, .month-events .event .title {
color: #999999;
margin: 0;
margin-bottom: 5px;
word-break: break-all;
}
.events .event .time, .month-events .event .time {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
/** END EVENTS **/
/** BIRTHDAYS **/
.birthdays .birthday {
justify-content: center;
}
.birthdays .birthday .birthday-photo {
width: 15%;
}
.birthdays .birthday .birthday-photo img {
max-height: 33px;
max-width: 33px;
border-radius: 50%;
}
.birthdays .birthday .birthday-data {
width: 85%;
}
.birthdays .birthday .title {
margin-bottom: 5px;
}
.birthdays .birthday .time {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.birthdays .birthday .time .birthday-date, .birthday-date {
display: flex;
align-items: center;
justify-content: center;
}
.birthdays .birthday .time .birthday-date img, .birthday-date img {
margin-right: 5px;
}
.birthdays .birthday .time .birthday-date.today small {
font-family: 'Roboto-medium';
font-weight: 500;
text-align: right;
color: #717171;
}
.portal-table .birthday-date {
font-size: 13px;
justify-content: flex-start;
}
.portal-table .birthday-date img {
width: 12px;
height: 12px;
}
/** END BIRTHDAYS **/
/** END FAVORITE CONTACTS & EVENTS & BIRTHDAYS **/
/** SLICK SLIDER **/
.news-slider {
display: flex;
justify-content: center;
align-items: center;
}
.news-slider.slick-slider {
height: 400px;
}
.news-slider.slick-slider .slick-slide {
width: 100%;
height: 400px;
display: flex;
align-items: center;
justify-content: center;
}
.news-slider img {
/*width: 100%;*/
max-width: 100%;
max-height: 400px;
border-radius: 7px;
}
.news-slider .slick-next.slick-arrow, .news-slider .slick-prev.slick-arrow {
width: 33.3px;
height: 86px;
border-radius: 7px;
/*background-color: rgba(250, 250, 250, 0.7);*/
background: #d1d1d1;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
border: none;
}
.news-slider .slick-next {
right: 30px;
}
.news-slider .slick-prev {
left: 30px;
}
.news-slider .slick-dots {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
z-index: 2;
list-style: none;
margin: 0;
padding: 0;
}
.news-slider .slick-next {
right: 30px;
}
.news-slider .slick-prev {
left: 30px;
}
.news-slider .slick-dots {
position: absolute;
bottom: 0;
z-index: 2;
list-style: none;
}
.news-slider .slick-dots > li {
display: inline;
}
.news-slider .slick-dots > li button {
width: 14.6px;
height: 15px;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border: solid 2px #d1d1d1;
background: none;
color: transparent;
margin-left: 14px;
}
.news-slider .slick-dots > li:first-child button {
margin-left: 0;
}
.news-slider .slick-dots > li.slick-active button {
background: #d1d1d1;
}
@media screen and (max-width: 768px) {
.news-slider {
padding: 0;
width: 100%;
}
.news-slider.slick-slider,
.news-slider.slick-slider .slick-slide {
height: auto;
}
.news-slider img {
border-radius: 0px;
}
.news-slider .slick-next.slick-arrow,
.news-slider .slick-prev.slick-arrow {
width: 17px;
height: 46px;
padding: 0;
border-radius: 2px;
}
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
}
.slick-slider .slick-list, .slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after, .slick-track:before {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
/** **/
/** NEWS **/
@media screen and (max-width: 768px) {
.row.section-new {
padding-left: 15px;
padding-right: 15px;
}
}
.section-new-title {
margin: 21px 0;
width: 100%;
}
.section-new-title h1 {
font-family: 'Roboto-medium';
font-size: 18px;
font-weight: 500;
line-height: 1.5;
text-align: left;
letter-spacing: 0px;
color: #999999;
opacity: 1;
}
.news {
padding: 0;
border-radius: 7px;
cursor: pointer;
min-height: 419px;
}
.news .news-img {
max-width: 100%;
height: 200px;
width: 100%;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
margin-bottom: 30px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.news .news-title, .news .news-description, .news .news-subscribe {
width: 100%;
padding: 0 20px;
}
.news .news-description {
padding-bottom: 20px;
}
.news .news-title {
margin-bottom: 17px;
}
.news .news-title h1 {
font-weight: 500;
line-height: 1.5;
text-align: left;
letter-spacing: 0px;
color: #307DA2;
opacity: 1;
}
.news .news-description p {
font-family: 'Roboto';
font-size: 14px;
line-height: 1.71;
text-align: left;
letter-spacing: 0px;
color: #717171;
opacity: 1;
}
.news .news-subscribe {
width: 100%;
padding-bottom: 16px;
}
.news .news-subscribe h3 {
font-family: 'Roboto-medium';
font-size: 13px;
font-weight: 500;
line-height: 2;
letter-spacing: 0.7px;
text-align: right;
color: #479055;
margin: 0;
}
/** END NEWS **/
/** CALENDAR **/
.month-events {
width: 100%;
border-top: 1px solid #E7E6E5;
padding-top: 20px;
overflow-y: auto;
}
.month-events h4.title {
font-family: 'Roboto';
font-size: 12px;
color: #717171;
text-align: left;
margin: 0;
margin-bottom: 20px;
}
.cards-calendar {
padding-right: 10px;
}
.datepicker-container {
display: flex;
justify-content: center;
padding-bottom: 25px;
}
.datepicker-container #datepicker, .datepicker-container #datepicker .datepicker-inline, .datepicker-container #datepicker table {
width: 100%;
}
.datepicker-container #datepicker th {
font-family: 'Roboto-medium';
text-transform: uppercase;
color: #307DA2;
}
.datepicker-container #datepicker th i {
color: #3b96c2;
}
.dow {
font-size: 12px;
text-transform: capitalize !important;
}
.day {
font-family: 'Roboto-medium';
font-size: 12px;
font-weight: 500;
color: #8f8c8c;
}
.datepicker-container .today.day, .datepicker-container .active.day {
font-family: 'Roboto';
font-size: 12px;
font-weight: bold;
line-height: 1.17;
color: #3b96c2 !important;
background: transparent !important;
}
.datepicker-container .today.day:hover {
background: transparent;
}
.datepicker-container table tr td.day {
position: relative;
}
.datepicker-container table tr td.day.purple-event, .datepicker-container table tr td.day.green-event {
font-family: 'Roboto-medium';
font-size: 12px;
text-align: center;
line-height: 30px;
color: #ffffff;
z-index: 2;
background: transparent;
}
.datepicker-container table tr td.day.purple-event:after, .datepicker-container table tr td.day.green-event:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
border-radius: 50%;
z-index: -1;
background-color: #9f27ca;
}
.datepicker-container table tr td.day.green-event:after {
background: #479055;
}
.old.day, .new.day {
opacity: 0.4 !important;
font-family: 'Roboto-medium';
font-size: 12px;
font-weight: 500;
color: #8f8c8c;
}
/** END CALENDAR **/
/** START CONTACT */
.align-contacts {
display: flex;
justify-content: center;
padding-right: 4px;
padding-left: 25px;
}
.align-contacts > div.section {
width: 100%;
}
.align-contacts > div:not(:last-child) {
margin-right: 18px;
}
.contact-header {
display: flex;
justify-content: space-between;
height: 40px;
padding: 0 25px;
margin-bottom: 35px;
}
.contact-header .tabs {
width: 100%;
}
.contact-header .form {
height: 40%;
}
/** CONTACT FILTER **/
.contact-filter select, .contact-table.contacts-companies .company-info .form select {
max-width: 100%;
width: 182px;
}
/** END CONTACT FILTER **/
/** CONTACT TABLE **/
.contact-table {
max-width: 100%;
overflow-x: auto;
}
.contact-table, .contact-table table {
width: 100%;
}
.contact-table table thead th {
font-family: 'Roboto';
font-size: 14px;
font-weight: bold;
line-height: 1.71;
text-align: left;
color: #717171;
}
.contact-table table tbody tr {
border-top: 1px solid rgba(142, 142, 142, .2);
}
@media (min-width: 768px) {
.contact-table table tbody tr:hover,
.contact-table table tbody tr.contact-selected {
background-color: #EBEBEB;
color: #fff !important;
cursor: pointer;
}
}
.contact-table table thead tr th, .contact-table table tbody tr td {
padding: 10px 18px;
text-align: left;
letter-spacing: 0px;
color: #999999;
opacity: 1;
}
.contact-table.companies table tbody tr td, .contact-table.contacts-companies table tbody tr td {
padding: 25px 18px;
}
.contact-table table tbody tr td img {
max-width: 45px;
border-radius: 50%;
}
.contact-table table tbody tr td {
font-family: 'Roboto';
font-size: 14px;
line-height: 1.71;
text-align: left;
letter-spacing: 0px;
color: #717171;
opacity: 1;
}
.contact-table table tbody tr td.name {
font-family: 'Roboto';
font-size: 14px;
line-height: 1.71;
text-align: left;
letter-spacing: 0px;
color: #717171;
opacity: 1;
}
.contact-table tbody tr td.name > div {
display: none;
}
.contact-table table tbody tr td.favorite {
cursor: pointer;
}
.contact-table table tbody tr td.favorite.active svg path.cls-2 {
fill: #ecbf11;
}
.contact-table table tbody tr td.see-contacts {
display: flex;
align-items: center;
font-family: 'Roboto-medium';
font-size: 12px;
font-weight: 500;
line-height: 2;
text-align: center;
color: #2a7294;
}
.contact-table table tbody tr td.see-contacts img {
margin-right: 4px;
}
.contact-table.contacts-companies .company-info {
width: 100%;
padding: 0px 26px 40px 26px;
display: flex;
align-items: center;
justify-content: space-between;
}
.contact-table.contacts-companies .company-info .title {
font-weight: 500;
line-height: 1.5;
text-align: left;
color: #2a7294;
}
.contact-table.contacts-companies .company-info .form label {
font-family: 'Roboto';
font-size: 15px;
font-style: italic;
line-height: 2;
color: #717171;
margin-right: 20px;
}
/** END CONTACT TABLE **/
.contact-container {
background-color: #f1f4f9;
}
.contact-container .section {
padding: 21px 0;
/*overflow-y: auto;*/
}
.contact-card {
display: none;
flex-flow: column;
/**width: 310px;*/
max-width: 310px;
border-radius: 7px;
background-color: #ffffff;
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
-webkit-transition: .2s;
transition: .2s;
width: 0;
position: relative;
}
.contact-card.open {
min-width: 310px;
display: flex;
min-height: 480px;
}
.contact-card > div:first-child {
display: flex;
flex-flow: column;
position: fixed;
width: 250px;
transition: all 0.3s;
}
.contact-card > div:first-child > img {
align-self: flex-end;
width: 27px;
height: 27px;
}
.contact-card .loading-contact {
position: absolute;
width: 100%;
height: 100%;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
background: white;
opacity: 0;
transition: .2s;
}
.contact-card h3 {
height: 14px;
font-family: Roboto;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 2;
letter-spacing: normal;
text-align: left;
color: #717171;
margin-bottom: 20px;
}
.card-profile {
display: flex;
flex-flow: row;
}
.card-profile > img {
width: 80px;
height: 80px;
}
.card-profile div {
display: flex;
flex-flow: column;
justify-content: center;
margin-left: 18px;
}
.card-profile h2 {
color: #717171;
}
.card-profile p {
color: #8e8e8e;
}
.card-contact-information {
display: flex;
flex-flow: column;
}
.card-contact-information div {
display: flex;
}
.card-contact-information div p:nth-child(1) {
font-family: 'Roboto-medium';
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #717171;
width: 80px;
}
.card-contact-information div p:nth-child(2) {
font-family: Roboto;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #8e8e8e;
}
.card-contact-information hr {
margin-top: 15px;
margin-bottom: 15px;
border-top: 1px solid #f1f4f9;
width: 100%;
height: 1px;
}
.contact-table tbody tr.open {
background-color: #1a5572;
}
.contact-table tbody tr.open td.name span {
color: #ffffff;
display: inherit;
}
.contact-table tbody tr.open td.name > div {
width: 100%;
margin-top: 12px;
}
.contact-table tbody tr.open td.name > div small {
display: inherit;
font-family: 'Roboto';
font-size: 12px;
line-height: 2;
text-align: left;
color: #3b96c2;
}
.contact-table tbody tr.open td.name > div .contact-icons {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 20px;
}
.contact-table tbody tr.open td.name > div .contact-icons a:not(:last-child) {
margin-right: 35px;
}
@media screen and (max-width: 768px) {
.contact-container {
padding-top: 50px;
}
.align-contacts {
padding: 0;
}
.align-contacts > div:not(:last-child) {
margin: 0;
padding: 0;
}
.contact-table table tbody tr td img {
max-width: 35px;
}
.contact-table tbody tr.letter {
border: none;
background: transparent;
background: #f1f4f9;
width: 100%;
}
.contact-table tbody tr.letter td {
font-family: 'Roboto-medium';
font-size: 15px;
font-weight: 500;
line-height: 2;
text-align: left;
color: #717171;
text-transform: uppercase;
}
.contact-table tbody tr.contact-selected:hover {
background: none;
}
.contact-table tbody tr.contact-selected {
background-color: #1a5572 !important;
}
.contact-table tbody tr.contact-selected > * {
vertical-align: top;
border-left: 1px solid #1a5572;
border-right: 1px solid #1a5572;
}
.contact-table tbody tr.contact-selected td.name span {
color: #ffffff;
display: inherit;
}
.contact-table tbody tr.contact-selected td.name > div {
display: block;
width: 100%;
margin-top: 12px;
}
.contact-table tbody tr.contact-selected td.name > div small {
display: inherit;
font-family: 'Roboto';
font-size: 12px;
line-height: 2;
text-align: left;
color: #3b96c2;
}
.contact-table tbody tr.contact-selected td.name > div .contact-icons {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 20px;
}
.contact-table tbody tr.contact-selected td.name > div .contact-icons a:not(:last-child) {
margin-right: 35px;
}
}
/** END CONTACT */
/** FORM REQUEST **/
.request-section {
padding: 45px 80px;
}
.request-title {
font-weight: 500;
line-height: 2;
letter-spacing: 0.8px;
text-align: left;
color: #717171;
margin-bottom: 33px;
}
.form > div:not(:last-child) {
margin-bottom: 22px;
}
.form input:not([type='checkbox']), .form select, .form textarea {
border-radius: 7px;
border: solid 1px #e6e6e6;
background-color: #fafafa;
min-height: 40px;
font-family: 'Roboto';
font-size: 14px;
line-height: 1.71;
text-align: left;
color: #717171;
box-shadow: none;
}
.form select {
background: transparent;
}
.form textarea {
min-height: 110px;
min-width: 100%;
max-width: 100%;
}
.form label {
font-family: 'Roboto-medium';
font-size: 12px;
font-weight: 500;
line-height: 2;
text-align: left;
color: #8e8e8e;
}
.form .form-group.no-label {
margin-top: 8px;
}
.form .checkbox input {
min-height: 0px;
}
.form .checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 15px;
width: 15px;
border: 1px solid #b7b7b7;
border-radius: 3px;
margin-top: 2px;
}
.checkbox .container-label input:checked ~ .checkmark {
background-color: #0a4f70;
}
.form .checkbox .container-label .checkmark:after {
top: 0px;
left: 4px;
width: 6px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.form .input-group.date .input-group-addon {
height: 40px;
line-height: 33px
}
.form .input-search {
background: url(../Images/Icons/musica-searcher.svg) no-repeat scroll 8px 12px;
padding-left: 30px;
}
@media screen and (max-width: 768px) {
.request-section {
padding: 20px 17px;
}
}
/** INPUT FILE **/
.form .input-file .input-file-name {
position: relative;
width: 100%;
}
.form .input-file .input-file-name > div {
display: flex;
align-items: center;
justify-content: center;
width: 112px;
height: 40px;
border: solid 1px #FF5811;
background-color: #FF5811;
font-family: 'Roboto';
font-size: 14px;
line-height: 1.71;
color: #FFF;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.form .input-file .input-file-name > input[type=text] {
padding-right: 120px;
}
.form .input-file input[type=file] {
display: none;
}
/** END INPUT FILE **/
/** END FORM REQUEST **/
/** CALENDAR **/
table thead tr.fc-first.fc-last {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
background-color: #f3f3f3;
}
table thead tr.fc-first.fc-last th {
border-bottom: none;
}
table thead tr.fc-first.fc-last th:first-child {
border-top-left-radius: 7px;
}
table thead tr.fc-first.fc-last th:last-child {
border-top-right-radius: 7px;
}
table.fc-header tbody tr td.fc-header-left {
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 0;
width: 50%;
}
table.fc-header tbody tr td.fc-header-left span {
display: flex;
align-items: center;
justify-content: center;
}
table.fc-header tbody tr td.fc-header-left span:first-child {
padding-left: 0;
justify-content: flex-start;
}
table.fc-header tbody tr td.fc-header-left span img.fc-text-arrow {
margin: 0;
}
.fc-header-title h2 {
font-family: 'Roboto-medium';
font-size: 20px;
font-weight: 500;
line-height: 1.5;
text-align: left;
color: #307DA2;
}
.fc-button:hover {
background: transparent;
}
.fc-button.fc-button-prev, .fc-button.fc-button-next {
border: none;
color: #ABA9A9;
}
.fc-button.fc-button-agendaDay, .fc-button.fc-button-agendaWeek, .fc-button.fc-button-month {
border: 1px solid #307DA2;
color: #307DA2;
}
.fc-button.fc-button-agendaDay:hover, .fc-button.fc-button-agendaWeek:hover, .fc-button.fc-button-month:hover {
background: rgba(59, 150, 194, .6);
color: #ffffff;
}
.fc-button.fc-button-agendaDay.fc-state-active, .fc-button.fc-button-agendaWeek.fc-state-active, .fc-button.fc-button-month.fc-state-active {
background: #307DA2;
color: #ffffff;
}
table thead tr.fc-first th.fc-day-header, table.fc-agenda-days thead tr.fc-first th {
font-family: 'Roboto';
font-size: 14px;
line-height: 2.14;
letter-spacing: 0.7px;
text-align: center;
color: #307DA2;
padding: 6px 0;
text-transform: uppercase;
}
.fc-content {
margin-top: 10px;
}
.fc-day:hover {
background: rgba(59, 150, 194, .3);
cursor: pointer;
}
.fc-week td.fc-day:first-child, table.fc-agenda-days tbody tr th.fc-agenda-axis {
border-left: 2px solid #f3f3f3;
}
.fc-week td.fc-day:last-child {
border-right: 2px solid #f3f3f3;
}
.fc-week.fc-last td.fc-day {
border-bottom: 2px solid #f3f3f3;
}
.fc-agenda th.fc-agenda-axis {
font-family: 'Roboto-medium';
font-size: 12px;
letter-spacing: 0.7px;
color: #717171;
}
.fc-week .fc-day:hover div.fc-day-number {
background: transparent !important;
color: #717171;
}
.fc-week .fc-day.fc-today:hover div.fc-day-number {
color: #3b96c2;
}
.fc-week .fc-day > div {
min-height: 114px !important;
}
.fc-week .fc-day, .fc-week .fc-day.fc-other-month {
font-family: 'Roboto-medium';
font-size: 14px;
font-weight: 500;
line-height: 2.14;
letter-spacing: 0.7px;
color: #717171;
}
.fc-week .fc-day.fc-other-month, .fc-week .fc-other-month .fc-day-number {
opacity: 0.7;
}
.fc-week .fc-day.fc-today .fc-day-number {
font-family: 'Arial';
font-size: 14px;
font-weight: 900;
line-height: 1.36;
text-align: left;
color: #3b96c2;
background: transparent;
}
.fc-border-separate {
background: #ffffff;
}
.fc-event {
padding-right: 15px !important;
cursor: pointer;
}
.fc-event-inner {
display: flex;
flex-wrap: wrap-reverse;
}
.fc-event-inner .fc-event-title {
word-break: break-all;
}
.fc-event-inner .fc-event-time {
display: inherit;
width: 100%;
margin-top: 6px;
font-family: Arial;
font-size: 10px;
text-align: left;
font-weight: normal;
}
.purple-event, .green-event {
padding: 6px 10px;
}
.purple-event {
border-left-width: 3px !important;
border-left: 3px solid #9f27ca;
background: rgba(159, 39, 202, .2)
}
.purple-event span, .purple-event div, .green-event span, .green-event div {
font-family: Arial;
font-size: 10px;
font-weight: bold;
line-height: 1.1;
text-align: left;
color: #9f27ca;
}
.green-event {
border-left-width: 3px !important;
border-left: 3px solid #479055;
background: rgba(71, 144, 85, .2)
}
.green-event span, .green-event div {
color: #479055;
}
.delete-event {
position: absolute;
top: 1px;
right: 3px;
cursor: pointer;
opacity: 0;
font-size: 12px;
transition: .2s;
z-index: 89;
}
.delete-event > * {
max-height: 14px;
}
.fc-event:hover .delete-event {
opacity: 1;
}
/**MODAL CALENDAR*/
#detailsEvent label {
font-family: 'Roboto-medium';
font-size: 12px;
font-weight: 500;
line-height: 2;
text-align: left;
color: #8e8e8e;
display: inherit;
}
#detailsEvent p, #detailsEvent span {
font-family: 'Roboto';
font-size: 13px;
line-height: 1.85;
text-align: left;
color: #717171;
}
#detailsEvent .modal-body .col-sm-12, #detailsEvent .modal-body .col-sm-6 {
margin-bottom: 30px;
}
#deleteEvent .title {
margin-bottom: 20px;
}
#deleteEvent .margin-bottom {
margin-bottom: 20px;
}
#allAniversariantes .modal-content, #allEventos .modal-content {
padding-bottom: 45px;
}
#allEventos .modal-body {
max-height: 600px;
overflow-y: auto;
}
#allEventos .contacts.contact-table, #allAniversariantes .contacts.contact-table {
position: relative;
}
#allEventos .loading-eventos, #allAniversariantes .loading-aniversariantes {
display: none;
position: absolute;
top: 0;
left: 0;
min-height: 100%;
width: 100%;
background: white;
z-index: 2;
text-align: center;
padding: 20px;
}
/** END CALENDAR **/
/** ALERT MODAL **/
.modal-portal .modal-body, .modal-portal .modal-footer {
padding: 0 42px;
}
.modal-portal .modal-header h4 {
padding: 0 27px;
}
.modal-portal, .modal-portal .modal-header, .modal-portal .modal-footer {
border-radius: 7px;
}
.modal-portal .modal-header {
border: none;
}
.modal-portal .modal-header button.close {
margin-top: -2px;
}
.modal-portal .modal-header .modal-title {
font-family: 'Roboto-medium';
font-size: 12px;
font-weight: 500;
line-height: 2.5;
letter-spacing: 0.6px;
text-align: left;
color: #717171;
}
.modal-portal .modal-section {
padding: 25px 0;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.modal-portal .align-to-end {
display: flex;
align-items: center;
justify-content: flex-end;
}
.modal-portal span.text-span, span.text-span {
font-family: 'Roboto';
font-size: 14px;
line-height: 1.71;
text-align: left;
color: #717171;
}
.modal-portal small.until-text {
font-family: 'Roboto';
font-size: 12px;
font-weight: 300;
line-height: 2;
text-align: left;
color: #8e8e8e;
}
.modal-portal .margin-bottom {
margin-bottom: 45px;
}
.alert-modal .modal-footer {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.alert-modal .alert-data {
width: 100%;
}
.alert-modal .alert-data h2.title {
font-family: 'Roboto-medium';
font-size: 15px;
font-weight: 500;
line-height: 2;
text-align: left;
color: #3b96c2;
margin-bottom: 20px;
}
.alert-modal .alert-data p.alert-description {
font-family: 'Roboto';
font-size: 14px;
line-height: 1.71;
text-align: left;
color: #717171;
margin-bottom: 14px;
}
.alert-modal .alert-data .alert-conclusion {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
}
.alert-modal .alert-data .alert-conclusion span {
font-family: 'Roboto';
font-size: 14px;
line-height: 1.71;
text-align: left;
color: #b9b9b9;
margin-right: 6px;
}
.alert-modal .alert-data .alert-conclusion span.alert-time {
color: #3b96c2;
}
.alert-modal .alert-data .alert-author {
display: flex;
align-items: center;
justify-content: flex-start;
border-top: 1px solid #f1f4f9;
border-bottom: 1px solid #f1f4f9;
padding: 17px 0;
margin: 20px 0;
}
.alert-modal .alert-data .alert-author img {
max-width: 45px;
border-radius: 50%;
margin-right: 14px;
}
.alert-modal .alert-data .alert-author > div h3.title {
font-weight: 500;
line-height: 1.71;
text-align: left;
color: #717171;
margin: 0;
}
.alert-modal .alert-data .alert-author > div small {
font-family: 'Roboto';
font-size: 12px;
line-height: 2;
text-align: left;
color: #8e8e8e;
}
.alert-modal .alert-cancel {
display: flex;
justify-content: flex-end;
}
.alert-modal .alert-cancel button.submit {
display: flex;
align-items: center;
justify-content: space-between;
width: 127px;
padding-left: 13px;
padding-right: 13px;
margin-right: 0;
}
.alert-modal .modal-footer {
text-align: left;
border: none;
background-color: #f3f2f0;
margin-top: 20px;
padding-bottom: 30px
}
.alert-modal .modal-footer > div > h4 {
font-family: 'Roboto-medium';
font-size: 12px;
font-weight: 500;
line-height: 2.5;
letter-spacing: 0.6px;
text-align: left;
color: #717171;
}
.alert-modal .modal-footer form.form {
display: flex;
align-items: center;
justify-content: space-between;
}
.alert-modal .modal-footer form.form .form-group {
margin-bottom: 0;
}
.alert-modal .modal-footer > div .input-group-addon, .alert-modal .modal-footer > div button.submit {
background-color: #b9b9b9;
}
.alert-modal .modal-footer > div div.input-group {
padding-right: 23px;
}
.alert-modal .modal-footer > div button.submit {
width: 120px;
padding-left: 0;
padding-right: 0;
text-align: center;
margin-right: 0;
}
@media (max-width: 768px) {
.modal-portal .modal-body,
.modal-portal .modal-footer {
padding: 0 15px;
}
.modal-portal .modal-header h4 {
padding: 0;
}
.alert-modal .modal-footer form.form {
flex-flow: wrap;
}
.alert-modal .modal-footer form.form > div.form-group {
width: 100%;
margin-right: 0;
margin-left: 0;
margin-bottom: 10px;
text-align: right;
}
.alert-modal .modal-footer form.form > div.form-group div.input-group {
padding-right: 0;
padding-left: 0;
}
}
/** END ALERTA MODAL **/
/** REQUIRE ACCESS AND PASSWORD **/
.require-access {
padding: 75px 160px;
}
.require-access h1.title {
font-weight: 500;
line-height: 1.5;
color: #717171;
margin: 0;
margin-bottom: 40px;
}
.require-access .user-info {
display: table;
}
.require-access .user-info > div {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.require-access .user-info > div p {
font-family: 'Roboto';
text-align: left;
margin: 0;
}
.require-access .user-info > div p:first-child {
width: 60px;
font-size: 12px;
line-height: 2;
color: #8e8e8e;
}
.require-access .user-info > div p:last-child {
font-size: 14px;
line-height: 1.71;
color: #717171;
}
.require-access .form label {
color: #0a4f70;
}
.require-access .description {
font-family: 'Roboto';
font-size: 14px;
line-height: 1.71;
text-align: center;
color: #717171;
margin-bottom: 40px;
}
.require-access .description strong {
font-family: 'Roboto-medium';
}
@media (max-width: 768px) {
.require-access {
padding: 15px;
}
}
@media (max-width: 768px) {
.require-access {
padding: 15px;
}
}
/** END REQUIRE ACCESS AND PASSWORD **/
/** START LOGIN */
#login-container {
display: flex;
height: 100vh;
width: 100%;
justify-content: center;
align-items: center;
margin: 0px;
/*background-color: #7F7F7F;*/ /*comentado por estava cortando a imagem de login*/
}
#login-container > div {
min-width: 350px;
min-height: 340px;
border-radius: 7px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
background-color: #ffffff;
}
#login-container > div form {
display: flex;
flex-flow: column;
align-items: center;
padding: 30px;
}
#login-container > div form label {
align-self: flex-start;
color: #0a4f70;
font-weight: 900;
}
#login-container > div form input[type=text] {
width: 100%;
margin-bottom: 10px;
}
#login-container > div form > div {
display: flex;
flex-flow: row;
justify-content: flex-start;
margin: 0px;
}
#login-container > div form > div > label {
align-self: center;
font-size: 14px;
}
#login-container > div form > div > input[type=checkbox] {
border-radius: 3px;
background-color: #0a4f70;
}
#login-container > div form div {
width: 100%;
}
#login-container > div form div > button {
width: 100%;
margin: 0;
cursor: pointer;
margin-top: 10px;
margin-bottom: 20px;
}
#login-container > div form a {
font-family: 'Roboto-medium';
text-decoration: none;
font-size: 14px;
color: #3f48cc;
}
/** END LOGIN */
/** CREATE EVENT TYPE **/
.create-event-type .create-event-type-header {
width: 100%;
padding: 20px;
}
.create-event-type .create-event-type-header .form .form-group:not(.color) {
width: 35%;
margin-right: 20px;
}
.create-event-type .create-event-type-header .form .form-group:not(.color) input {
width: 100%;
}
.create-event-type .create-event-type-header .form .checkbox .checkmark {
margin-top: 7px;
}
.create-event-type h2.title {
font-family: 'Roboto-medium';
font-size: 15px;
font-weight: 500;
line-height: 2;
letter-spacing: 0.8px;
text-align: left;
color: #717171;
margin-bottom: 30px;
}
.create-event-type .form label {
font-family: 'Roboto-medium';
font-size: 14px;
font-weight: 500;
line-height: 2.14;
color: #0a4f70;
}
.create-event-type .color-selector {
position: relative;
width: 43px;
height: 40px;
}
.create-event-type .color-selector > input, .create-event-type .color-selector > div {
width: 100%;
height: 100%;
}
.create-event-type .color-selector > div {
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: #51b13d;
border-radius: 7px;
}
.create-event-type .colorpicker-alpha {
display: none !important;
}
.create-event-type .colorpicker {
min-width: 128px !important;
}
@media (max-width: 768px) {
.create-event-type .create-event-type-header .form .form-group:not(.color) {
width: 100%;
margin-right: 0;
}
.color {
display: table;
width: 100%;
text-align: right;
}
.color label {
margin-right: 10px;
}
.color .color-selector {
float: right;
}
}
/** END CREATE EVENT TYPE **/
/** START NEWS */
.news-container {
/*display: flex;*/
background-color: #ffffff;
border-radius: 7px;
margin: 26px;
margin-top: 68px;
margin-left: 15px;
margin-right: 15px;
justify-content: center;
padding-top: 30px;
padding-bottom: 30px;
max-width: 100%;
overflow-x: auto;
}
.news-container table {
table-layout: fixed;
width: 100%;
}
.news-container table tr {
border-bottom: solid 1px #f1f4f9;
position: relative;
}
.news-container table tr th {
font-family: 'Roboto-medium';
font-size: 14px;
font-weight: 500;
color: #717171;
width: 100%;
}
.news-container table tr td {
font-family: 'Roboto';
color: #717171;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
cursor: pointer;
}
.news-container table tr td .warning-news {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
width: 15px;
height: 15px;
background: #E2574C;
border-radius: 50%;
text-align: center;
line-height: 16px;
color: white;
font-size: 10px;
font-family: 'Roboto-medium';
font-weight: 500;
}
.news-container table tr td > img {
width: 70px;
height: 50px;
border-radius: 7px;
}
.news-container table tr td:nth-child(1) {
text-align: center;
}
.news-container table tr td:nth-child(7) {
text-align: right;
padding-right: 20px;
}
.news-container .actions-container {
display: flex;
align-items: center;
justify-content: flex-end;
}
.news-container .actions-container a {
width: 32px;
height: 32px;
text-align: center;
line-height: 35px;
border-radius: 50%;
display: block;
}
.news-container .actions-container a .svg {
height: 15px;
width: 15px;
}
.news-container .actions-container a .svg {
fill: #8b8a8a;
}
.news-container .actions-container a:hover {
background-color: #D8F2F3;
}
.news-container .actions-container a:hover .svg {
fill: #ffffff;
}
@media (max-width: 768px) {
.news-container table {
min-width: 650px;
}
.news-container table tr td:first-child {
padding-left: 11px;
}
.news-container table tr td .warning-news {
left: 0;
}
}
/** END NEWS */
/** EVENT TYPE LIST */
.event-type-table table thead tr th {
text-align: left;
padding: 10px;
}
.event-type-table table tbody tr .color > div {
width: 14px;
height: 14px;
border-radius: 4px;
}
.event-type-table table tbody tr {
border-top: none;
}
.event-type-table table tbody tr:nth-child(odd) td {
background: #F9F9F9;
}
.event-type-table table tbody tr td {
font-family: 'Roboto';
font-size: 12px;
line-height: 1.58;
text-align: left;
color: #717171;
padding: 13px 10px;
height: auto;
}
/** END EVENT TYPE LIST*/
/** NEWS */
/* DETAILS */
.details-news .section {
padding: 25px 20px;
}
.details-news .news-image {
width: 100%;
max-height: 300px;
text-align: center;
}
.details-news .news-image img {
max-width: 100%;
max-height: 300px;
}
.details-news .news-data {
margin: 50px 40px;
}
.details-news .news-data .news-title {
font-family: 'Roboto-medium';
font-size: 30px;
font-weight: 500;
line-height: 1.33;
text-align: left;
color: #3b96c2;
margin-bottom: 15px;
}
.details-news .news-data .news-date, .details-news .others-news .other-new .other-new-data .other-new-date {
font-family: Roboto;
font-size: 12px;
line-height: 2;
text-align: left;
color: #717171;
}
.details-news .news-data .news-description p {
font-family: Roboto;
font-size: 14px;
line-height: 1.71;
text-align: left;
color: #717171;
margin: 25px 0;
}
.details-news .news-data .news-description * {
max-width: 100%;
word-break: break-all;
}
.details-news .others-news .section {
padding-top: 30px;
}
.details-news .others-news .title {
font-weight: 500;
line-height: 1.21;
letter-spacing: 0.7px;
text-align: left;
color: #7f7f7f;
margin: 0;
padding: 0;
}
.details-news .others-news .other-new {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 15px 0;
border-bottom: 1px solid #f1f4f9;
}
.details-news .others-news .other-new .other-new-img {
width: 90.1px;
height: 72px;
margin-right: 15px;
border-radius: 7px;
background-position: center;
background-size: cover;
}
.details-news .others-news .other-new .other-new-img img {
max-width: 100%;
max-height: 100%;
border-radius: 7px;
}
.details-news .others-news .other-new .other-new-data {
display: flex;
flex-direction: column;
}
.details-news .others-news .other-new .other-new-data .title {
font-weight: 500;
text-align: left;
color: #2a7294;
}
.details-news .others-news .other-new .other-new-data .other-new-data {
margin-bottom: 15px;
}
.details-news .others-news .other-new .other-new-data .other-new-link {
font-family: 'Roboto';
font-size: 12px;
line-height: 1.25;
text-align: left;
color: #3595e0;
}
@media screen and (max-width: 768px) {
.details-news .news-data {
margin: 0;
margin-top: 20px;
}
.details-news .detail-news,
.others-news {
padding-right: 0;
padding-left: 0;
}
}
/* END DETAILS */
/** START SHOW NEWS */
.show-news-container {
display: flex;
flex-flow: row;
margin: 26px;
margin-top: 76px;
}
.main-news-container {
display: flex;
flex-flow: column;
background-color: #ffffff;
border-radius: 7px;
padding: 25px;
}
.main-news-container > img {
border-radius: 7px;
}
.main-news-container > div {
margin: 50px;
}
.main-news-container h1 {
font-size: 30px;
color: #3b96c2;
margin-bottom: 10px;
}
.main-news-container p {
font-size: 14px;
color: #717171;
font-family: 'Roboto'
}
.demo-news-container {
display: flex;
flex-flow: column;
background-color: #ffffff;
/*width: 320px;
height: 420px;
margin-left: 20px;*/
border-radius: 7px;
}
.demo-news-container > div h3 {
color: #2a7294;
font-size: 20px;
}
.demo-news-container > div p {
font-size: 14px;
font-family: 'Roboto';
color: #717171;
}
.demo-news-container > img {
max-width: 100%;
/*width: 315px;*/
height: 200px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
.demo-news-container > div {
margin: 17px;
}
/** END SHOW NEWS */
/** CREATE NEWS */
.create-news .section {
padding: 58px 54px;
}
.create-news form small {
font-family: Roboto;
font-size: 12px;
font-style: italic;
line-height: 2;
text-align: left;
color: #b9b9b9;
}
.create-news form div {
box-sizing: border-box;
}
.create-news form .load-file-news {
width: 265px;
height: 128px;
border-radius: 7px;
background-color: #fafafa;
text-align: center;
/*padding: 28px 70px;*/
cursor: pointer;
}
.create-news form .load-file-news .svg {
width: 39.5px;
height: 29.7px;
fill: #b9b9b9;
}
.create-news form .load-file-news span {
font-family: 'Roboto-medium';
font-size: 12px;
font-weight: 500;
line-height: 1.25;
text-align: center;
color: #b9b9b9;
}
.create-news form .load-file-news .load-file-news-text {
width: 100%;
height: 100%;
padding: 28px 70px;
}
.create-news form .load-file-news #img-preview {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
.create-news .form .create-news-buttons {
}
.create-news .form .create-news-buttons button {
border-radius: 7px;
border: solid 1px #e6e6e6;
background-color: #fafafa;
font-family: Roboto;
font-size: 14px;
line-height: 1.71;
text-align: center;
color: #3b96c2;
padding: 8px 15px;
min-width: 115px;
margin-right: 6px;
margin-bottom: 25px;
}
.create-news .form .create-news-buttons button:hover, .create-news .form .create-news-buttons button.active {
border: solid 1px #3b96c2;
background-color: #d3f1ff;
}
@media screen and (max-width: 768px) {
.create-news .section {
padding: 20px 15px;
}
}
/** END CREATE NEWS */
/** END NEWS */
/** START DEFAULT TABLE */
.default-table {
table-layout: fixed;
width: 100%;
}
.default-table tr {
border-bottom: solid 1px #f1f4f9;
position: relative;
}
.default-table tr th {
font-family: 'Roboto-medium';
font-size: 14px;
font-weight: 500;
color: #717171;
width: 100%;
}
.default-table tr td {
font-family: 'Roboto';
color: #717171;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
}
.default-table tr td > img {
width: 70px;
height: 50px;
border-radius: 7px;
}
.default-table tr td:nth-child(1) {
text-align: center;
}
.default-table tr td:nth-child(7) {
text-align: right;
padding-right: 20px;
}
.default-table-icons {
display: flex;
justify-content: flex-end;
}
.default-table-icons a {
margin-left: 20px;
margin-right: 20px;
}
/** END DEFAULT TABLE */
.input-error {
display: none;
color: red !important;
}
/* VISUALIZAR ARQUIVOS **/
#detailsFile .modal-content {
min-height: 300px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#detailsFile .modal-content > * {
max-width: 100%;
text-align: center;
}
#detailsFile .modal-content a {
margin: 10px;
}
/** TIPO SOLICITA��O*/
#criarTipoSolicitacao .checkbox {
margin-top: 35px;
width: 60px;
}
#criarTipoSolicitacao .container-label {
padding-left: 0;
}
#criarTipoSolicitacao .checkbox .checkmark {
top: 2px;
left: 80%;
}
/***/
.file-container.contacts.contact-table.portal-table {
background: white;
}
.carouselNoticiasControl {
top: 68px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
@media only screen and (min-width : 320px) and (max-width : 768px) {
.carouselNoticiasControl {
top: 0px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
}
#carouselNoticiaItem > .carousel-caption {
font-size: 18px;
text-shadow: 1px 1px black;
}
#carouselNoticiaItem > img {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
height: 350px !important;
width: 100%;
}
.favorite-contacts .section-flag {
background: #3b96c2;
}
.events .section-flag {
background: #479055;
}
.birthdays .section-flag {
background: #ca272d;
}
.btn-link {
color: #fff;
border: #307DA2;
border-radius: 7px;
}
.btn-link:hover, .btn-link:focus {
text-decoration: none;
color: #fff !important;
}
.btn-link[disabled]:hover {
color: #fff;
background-color: #D7D9DA !important;
text-decoration: none;
}
/* Funil de Vendas */
#funnel_placeholder {
float: left;
width: 90%;
}
.funnel_legend_margin {
margin-top: 20px;
}
#funnel_legend, #funnel {
float: left;
width: 48%
}
#funnel_legend ul {
padding-left: 0;
}
#funnel_legend li {
list-style: none;
text-transform: uppercase;
font-size: 10px;
font-family: arial;
text-align: left;
}
#funnel_legend li::before {
content: "\2022";
border-radius: 5px;
font-size: 40px;
vertical-align: middle;
line-height: 17px;
padding-right: 3px;
}
.dashboard-chart {
padding: 10px;
}
.panel-container {
height: 80vh;
position: inherit;
padding: 5px;
}
.panel {
background-color: #ffffff;
border-radius: 5px;
height: 100%;
padding: 25px;
}
#clientImgContainer {
position: relative;
width: 100%;
height: 100%;
display: flex;
}
#clientImg {
margin: auto;
}
.forma-pagamento-container {
padding: 0;
align-content: center
}
.btn-custom:hover {
color: #ffffff;
}
.btn-custom:focus {
color: #ffffff;
}
.opcoes-neg-container {
padding: 0;
margin-top: 2px;
height: 60px;
}
.btn-forma-pagamento {
width: 100%;
height: 60px;
font-size: 8px;
color: #ffffff;
border-radius: 4px;
background-color: darkgray;
padding: 0;
margin: 0;
}
.btn-opcoes-neg {
width: 100%;
height: 30px;
font-size: 12px;
color: #ffffff;
border-radius: 4px;
background-color: darkgray;
padding: 0;
margin: 0;
}
.btn-confirmar {
width: 100%;
height: 40px;
font-size: 20px;
font-weight: bold;
color: #ffffff;
border-radius: 4px;
background-color: #3B96C2;
padding: 0;
margin: 0;
}
.btn-finalizar {
width: 100%;
height: 40px;
font-size: 20px;
font-weight: bold;
color: #ffffff;
border-radius: 4px;
background-color: #008000;
padding: 0;
margin: 0;
}
.btn-itens {
width: 100%;
height: 60px;
font-size: 20px;
font-weight: bold;
color: #ffffff;
border-radius: 4px;
background-color: #3B96C2;
padding: 0;
margin: 0;
}
.label-valor {
color: #717171;
float: right;
}
.valor {
font-size: 20px;
color: #717171;
float: right;
margin-top: -10px;
}
.subtotal {
font-size: 30px;
}
.prod {
float: left;
}
.pos {
color: #008000;
}
.neg {
color: #ff0000;
}
.valor-container {
border-width: 0 0 1px 0;
border-style: solid;
border-color: lightgray;
}
.double-row {
height: 60px;
}
.btn-container {
padding: 2px;
}
.btn-active {
background-color: #3B96C2;
color: #ffffff;
}
.row-small {
height: 15%;
padding: 5px;
}
.finalizar {
position: absolute;
right: 0;
bottom: 45px;
}
.itens {
position: absolute;
float: left;
bottom: 45px;
}
#tableComposicaoContainer {
height: 70%;
width: 100%;
padding: 0px;
}
#tableOuter {
overflow: hidden;
height: 90%;
padding: 0px;
}
#tableComposicao {
display: block;
height: 90%;
padding-top: 0;
overflow-y: scroll;
width: 350px;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
#tableComposicao::-webkit-scrollbar {
display: none;
}
#tableComposicao thead {
position: sticky;
top: 0;
z-index: 2;
background-color: #ffffff;
}
#tableComposicao tr th {
position: sticky;
top: 0;
margin-top: -2px;
z-index: 2;
background-color: #ffffff;
}
#tableComposicao tr td {
font-size: 10px;
}
.row-medium {
height: 85%;
padding: 5px;
}
.row-full {
height: 100%;
padding: 5px;
}
.row-finalizar {
height: 55%;
padding: 5px;
}
.row-cart {
height: 45%;
padding: 5px;
}
.tr-active {
background-color: #3B96C2;
color: #ffffff;
border: 1px #3B96C2 solid;
border-radius: 4px;
}
/*.cart-table-row{
}*/
@media only screen and (max-width: 932px) {
.panel {
height: auto !important;
}
.panel-container {
height: auto !important;
}
#tableComposicao {
max-height: 46vh;
}
}
@media only screen and (max-width: 767px) {
.height-40-mob {
height: 40px !important;
}
}
.page-content-wrapper .page-content {
padding: 0 0px 0px 0px;
background-color: #E1E1E1;
padding-right: 10px;
}
#dynamic-content {
display: table;
}
.container-pipeline .default-header {
padding-right: 30px;
}
.container-pipeline {
overflow-x: auto;
padding: 0 15px 0 0;
position: relative;
margin-top: 94px;
}
.container-pipeline.tabela {
margin-top: -8px;
}
.container-pipeline.tabela form {
float: right;
}
.container-pipeline .fixer-nav {
width: 100%;
position: fixed;
height: 95px;
background: #f3f2f1;
top: calc(var(--top) + 59px);
transition: all 0.3s;
left: 0px;
z-index: 400;
backface-visibility: hidden;
will-change: transform;
}
.container-pipeline .fixer-nav.fixed {
top: calc(var(--top) + 10px);
}
.container-pipeline .fixer-nav.shadow {
box-shadow: 1px 3px 10px #d8d7d7;
}
.container-pipeline #fixed-nav {
position: fixed;
top: calc(var(--top) + 60px);
left: calc(var(--left) + 15px);
z-index: 500;
width: 100%;
transition: top 0.3s;
margin-top: 0px;
}
.container-pipeline #fixed-nav.fixed {
top: calc(var(--top) + 10px) !important;
}
.container-pipeline .header-pipeline {
height: 50px;
white-space: nowrap;
color: white;
background-color: transparent;
margin-left: -20px;
font-size: 0;
padding-top: 5px;
}
.container-pipeline .header-pipeline .item-pipeline {
width: 20%;
display: inline-block;
height: 100%;
text-align: center;
padding: 8px;
position: relative;
height: 50px;
margin: 0 0.1%;
background: #1f7aa4;
}
.container-pipeline .header-pipeline .item-pipeline:first-child:nth-last-child(4),
.container-pipeline .header-pipeline .item-pipeline:first-child:nth-last-child(4) ~ div {
width: 25%;
}
.container-pipeline .header-pipeline .item-pipeline:first-child:nth-last-child(3),
.container-pipeline .header-pipeline .item-pipeline:first-child:nth-last-child(3) ~ div {
width: 33%;
}
.container-pipeline .header-pipeline .item-pipeline:first-child:nth-last-child(2),
.container-pipeline .header-pipeline .item-pipeline:first-child:nth-last-child(2) ~ div {
width: 50%;
}
.container-pipeline .header-pipeline .item-pipeline:first-child:nth-last-child(1),
.container-pipeline .header-pipeline .item-pipeline:first-child:nth-last-child(1) ~ div {
width: 100%;
}
.container-pipeline .header-pipeline .item-pipeline:first-child:before {
display: none;
}
.container-pipeline .header-pipeline .item-pipeline:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 0;
border-left: 10px solid #f3f2f1;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
}
.container-pipeline .header-pipeline .item-pipeline:after {
content: "";
position: absolute;
right: -10px;
bottom: 0;
width: 0;
height: 0;
border-left: 10px solid #1f7aa4;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
}
.container-pipeline .header-pipeline .item-pipeline .title {
font-size: 11px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-weight: 400;
}
.container-pipeline .header-pipeline .item-pipeline .value {
font-size: 14px;
font-weight: 600;
}
.container-dragdrop {
white-space: nowrap;
/*margin-top: 100px;*/
font-size: 0;
}
.container-dragdrop .column {
width: 20%;
display: inline-block;
white-space: normal;
vertical-align: top;
margin: 0 0.1%;
border: 2px dashed transparent;
}
.container-dragdrop .column.selected {
border-color: #1f7aa4;
}
.container-dragdrop .column.auto {
height: auto !important;
}
.container-dragdrop .column:first-child:nth-last-child(4),
.container-dragdrop .column:first-child:nth-last-child(4) ~ div {
width: 25%;
}
.container-dragdrop .column:first-child:nth-last-child(3),
.container-dragdrop .column:first-child:nth-last-child(3) ~ div {
width: 33%;
}
.container-dragdrop .column:first-child:nth-last-child(2),
.container-dragdrop .column:first-child:nth-last-child(2) ~ div {
width: 50%;
}
.container-dragdrop .column:first-child:nth-last-child(1),
.container-dragdrop .column:first-child:nth-last-child(1) ~ div {
width: 100%;
}
.container-dragdrop .column .card {
margin-bottom: 4px;
}
.container-dragdrop .column .card.full-width {
width: 100% !important;
}
.container-dragdrop .column .card:hover .card-content {
border-color: #e7e7e7;
/*background: #e7e7e7;*/
}
.container-dragdrop .column .card.selected .card-content {
border-color: #6DA8C3;
}
.container-dragdrop .column .card .card-content {
transition: all 0s;
min-width: unset;
width: 100%;
font-size: 0px;
height: 160px;
border: 3px solid transparent;
position: relative;
}
.container-dragdrop .column .card .card-content .bullet {
position: absolute;
right: 0px;
bottom: 0px;
border-bottom: 15px solid red;
border-left: 15px solid transparent;
}
.container-dragdrop .column .card .name {
font-weight: bold;
overflow: hidden;
}
.container-dragdrop .column .card .contact,
.container-dragdrop .column .card .control {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-height: 17px;
}
.container-dragdrop .column .card .value {
color: #267EA7;
font-weight: bold;
}
.container-dragdrop .column .card .card-text {
display: inline-block;
width: calc(100% - 35px);
font-size: 12px;
}
.container-dragdrop .column .card .card-icon {
vertical-align: top;
float: right;
margin-right: 5px;
}
.container-pipeline .view-grid {
font-size: 0;
display: inline-block;
text-align: left;
width: 100%;
margin: 6px 0;
position: relative;
}
.container-pipeline .grid-filter {
display: inline-block;
float: right;
width: 160px;
}
.container-pipeline .grid-filter .form-group {
margin-bottom: 0;
}
.container-pipeline .grid-filter .form-control {
height: 25px;
padding: 3px;
font-size: 12px;
}
.container-pipeline .view-grid a {
float: none !important;
display: inline-block !important;
border-width: 1px !important;
margin: 0 3px;
}
.container-pipeline.tabela a.tabela {
border-color: #267EA7 !important;
}
.container-pipeline.fase a.fase {
border-color: #267EA7 !important;
}
.container-pipeline.previsao a.previsao {
border-color: #267EA7 !important;
}
.container-pipeline.controle a.controle {
border-color: #267EA7 !important;
}
.container-pipeline .container-load-more {
height: 50px;
margin-top: 50px;
position: relative;
width: 100%;
}
.container-pipeline .container-load-more #btn-load-more {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
backface-visibility: hidden; /** FF BUG-FIX */
}
#container-modal {
display: none;
position: fixed;
top: 0px;
left: 50px;
width: calc(100% - 50px);
background: #ededed;
z-index: 1010;
overflow-y: auto;
}
.container-cadastro {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 10px;
margin-right: -15px;
}
/*.fixed-footer {
background-color: #E5E5E5;
border-top: 1px solid #717171;
padding-bottom: 15px;
margin-bottom: -15px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}*/
/* SECONDARY PIPELINE */
.container-pipeline.secondary .item-pipeline {
background: #1f7aa4;
border: 1px solid #dae0ea;
margin: 0 0.1%;
}
.container-pipeline.secondary .item-pipeline:before,
.container-pipeline.secondary .item-pipeline:after {
display: none;
}
.mobile-box {
display: none;
}
.ui-sortable-placeholder {
visibility: inherit !important;
background: #e2dfdf;
}
.card-container {
padding: 10px;
}
.card-container .card-icon {
position: absolute;
right: 5px;
top: 5px;
}
.card-container .icon-link:hover {
border-color: #1f7aa4 !important;
transition: all 0.3s;
}
.card-text .name {
min-height: 35px;
}
#modal_body_confirma_email .modal-dialog {
width: 50%;
margin: 5% 25%;
}
/* Media Query - Tratamento responsivo */
@media (max-width: 770px) {
#container-modal {
left: 0;
width: 100%;
}
#container-modal .default-header .description {
width: calc(100% - 110px) !important;
}
.container-dragdrop {
margin-top: 25px;
}
.container-dragdrop .column {
width: 100%;
overflow: hidden;
margin: 0;
height: auto !important;
}
.container-pipeline .container-load-more #btn-load-more {
width: calc(100% - 15px);
}
.container-pipeline .item-pipeline {
cursor: pointer;
}
.container-pipeline .item-pipeline:hover {
transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
opacity: 0.8;
}
.container-pipeline.secondary .item-pipeline {
margin: 0;
}
.mobile-box {
display: none;
position: fixed;
left: 0;
top: 60px;
z-index: 1000;
width: 100%;
overflow-y: auto;
background-color: #fff;
}
.mobile-box .pipeline-line {
display: block;
width: 100%;
background: #fff;
color: #1f7aa4;
height: 90px;
line-height: 20px;
border-bottom: 2px solid #e5e5e5;
padding: 33px 20px 0 20px;
cursor: pointer;
}
.mobile-box .pipeline-line .title {
display: block;
float: left;
width: 50%;
}
.mobile-box .pipeline-line .value {
display: block;
float: left;
text-align: right;
width: 50%;
font-weight: bold;
}
.card-container {
padding-top: 20px;
}
.card-footer {
padding-bottom: 20px;
}
.container-dragdrop .column .card {
margin-bottom: 9px;
}
.container-dragdrop .column .card .card-text {
width: calc(100% - 40px);
}
.container-dragdrop .column .card .card-content {
height: auto;
}
.container-dragdrop .column .card .card-icon a {
width: 40px;
height: 40px;
}
.container-dragdrop .column .card .card-icon a svg {
width: 80% !important;
height: 80% !important;
margin: 10% auto;
}
.slick-list {
overflow: hidden;
}
.container-pipeline {
padding: 0 15px;
}
.container-pipeline .fixer-nav {
width: 100%;
top: calc(var(--top) + 59px);
height: 105px;
box-shadow: 1px 3px 10px #d8d7d7;
}
.container-pipeline #fixed-nav {
position: fixed;
left: 15px !important;
transition: all 0.3s;
}
.container-pipeline #fixed-nav.fixed {
position: fixed;
top: calc(var(--top) + 10px);
}
.container-pipeline .header-pipeline {
overflow-x: hidden;
position: relative;
padding-right: 0;
margin-left: 0;
padding-left: 0;
padding-top: 0px;
}
.container-pipeline .view-grid {
margin-bottom: 10px;
}
.container-pipeline .view-grid a {
height: 25px;
margin: 0 4px;
}
.container-pipeline .view-grid a .link-txt {
display: none;
}
.container-pipeline .view-grid svg {
margin: 0;
}
.header-pipeline .slick-arrow {
border: none;
color: #e8e8e8;
opacity: 0.8;
position: absolute;
top: -1px;
width: 40px;
height: 50px;
line-height: 50px;
z-index: 500;
font-size: 35px;
font-family: monospace;
overflow: hidden;
outline: none;
}
.header-pipeline .next-arrow {
right: 0;
}
.header-pipeline .prev-arrow {
left: 0;
text-align: right;
}
.container-pipeline .header-pipeline .item-pipeline {
width: 100%;
}
.container-pipeline .header-pipeline .item-pipeline:after,
.container-pipeline .header-pipeline .item-pipeline:before {
display: none;
}
#modal_body_confirma_email .modal-dialog {
width: 98%;
margin: 5% 1%;
}
}
@media (max-width: 450px) {
.header-pipeline .slick-arrow {
width: 40px;
}
}
@media (min-width: 770px) {
.mobile-box {
display: none !important;
}
}
@media (min-width: 1000px) {
#pesquisa_20002 tr th:nth-child(1) {
text-align: center;
}
#pesquisa_20002 tr th:nth-child(2) {
display: none !important;
}
#pesquisa_20002 tr td:nth-child(1) {
text-align: right;
}
#pesquisa_20002 tr td:nth-child(2) {
text-align: left;
}
}
.kanban-layout-container {
padding: 20px;
}
.dd {
position: relative;
display: block;
margin: 0;
padding: 0;
max-width: 600px;
list-style: none;
font-size: 13px;
line-height: 20px;
}
.dd-list {
display: block;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.dd-list .dd-list {
padding-left: 30px;
}
.dd-item,
.dd-empty,
.dd-placeholder {
display: block;
position: relative;
margin: 0;
padding: 0;
min-height: 20px;
font-size: 13px;
line-height: 20px;
}
.dd-handle {
display: block;
margin-bottom: 10px;
padding: 15px;
color: #333;
text-decoration: none;
font-weight: bold;
border: 1px solid #ccc;
background: #fafafa;
border-radius: 5px;
box-sizing: border-box;
}
.dd-handle:hover {
color: #2ea8e5;
background: #fff;
}
.dd-item > .btn-action {
position: absolute;
right: 15px;
bottom: 11px;
}
.dd-item > .btn-action{
cursor: pointer;
}
.dd-item > .btn-action svg:last-of-type {
margin-left: 10px;
}
.dd-item > button {
position: relative;
cursor: pointer;
float: left;
width: 25px;
margin: 5px 0;
padding: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: 0;
background: transparent;
font-size: 12px;
line-height: 1;
text-align: center;
font-weight: bold;
padding: 14px 0px;
}
.dd-item > button:before {
display: block;
position: absolute;
width: 100%;
text-align: center;
text-indent: 0;
}
.dd-item > button.dd-expand:before {
content: '+';
}
.dd-item > button.dd-collapse:before {
content: '-';
}
.dd-expand {
display: none;
}
.dd-collapsed .dd-list,
.dd-collapsed .dd-collapse {
display: none;
}
.dd-collapsed .dd-expand {
display: block;
}
.dd-empty,
.dd-placeholder {
margin: 5px 0;
padding: 0;
min-height: 30px;
background: #f2fbff;
border: 1px dashed #b6bcbf;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.dd-empty {
border: 1px dashed #bbb;
min-height: 100px;
background-color: #e5e5e5;
background-size: 60px 60px;
background-position: 0 0, 30px 30px;
}
.dd-dragel {
position: absolute;
pointer-events: none;
z-index: 9999;
}
.dd-dragel > .dd-item .dd-handle {
margin-top: 0;
}
.dd-dragel .dd-handle {
box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.dd-nochildren .dd-placeholder {
display: none;
}
.header-content {
padding-left:50px;
}
.tooltip-inner {
background-color: #666666;
}
.tooltip.top-right .tooltip-arrow,
.tooltip.top-left .tooltip-arrow {
border-top-color: #666666;
}
.tooltip.right .tooltip-arrow {
border-right-color: #666666;
}
.tooltip.left .tooltip-arrow {
border-left-color: #666666;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #666666;
}
.tooltip-crm + .tooltip > .tooltip-inner,
.tooltip-lgpd + .tooltip > .tooltip-inner {
background: #F5F5F9;
border: 0.5px solid #D7D9DA;
border-radius: 5px;
color: #546E7A;
opacity: 1;
text-align: left;
padding: 10px 10px;
font: normal normal normal 12px/16px Roboto;
min-width: 208px;
}
.tooltip-crm + .tooltip.top .tooltip-arrow,
.tooltip-lgpd + .tooltip.right .tooltip-arrow {
display: none !important;
}
.svg-lgpd {
margin-left: 5px;
position: relative;
top: 2px;
}
#arquivomodelo {
display: none;
}
#anexararquivo {
width: 25%;
margin-right: 5px;
float: left;
}
#labelarquivo {
width: 74%;
}
.dataTables_paginate {
text-align: center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
font-weight: bold;
min-width: 1.5em;
padding: 0.5em 1em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
color: #3B96C2 !important;
border: 1px solid #DCDCDC;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: white !important;
background: #3B96C2;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
cursor: default;
color: #3B96C2 !important;
border: 1px solid #DCDCDC;
background: transparent;
box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
outline: none;
color: white;
background-color: #3B96C2;
}
|