Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 7308 | Rev 7321 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i);
.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{box-sizing:border-box;height:100%;display:flex;flex-direction:column;align-items:stretch}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px 5px;vertical-align:middle;font-weight:bold;font-size:1.1rem;text-transform:capitalize;min-height:0;position:relative}.rbc-header::after{content:"";position:absolute;height:3px;width:80%;bottom:0;left:0;background-color:rgba(0,0,0,.3)}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:var(--subtitle-color);font-size:1.1rem;font-weight:600;background:none;margin:0;padding:0;border:none;cursor:pointer;user-select:text}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center;font-size:1.5rem;font-weight:600;color:var(--title-color);text-transform:capitalize}.rbc-toolbar button{color:var(--subtitle-color);display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;padding:.375rem 1rem;border-radius:var(--border-radius);line-height:normal;white-space:nowrap;font-weight:600}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-color:var(--button-bg);color:var(--button-text-color)}.rbc-toolbar button:active:hover,.rbc-toolbar button.rbc-active:hover{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:hover{color:#373a3c;background-color:#e6e6e6}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;box-sizing:border-box;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5)}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px 1px}.rbc-selected-cell{background-color:rgba(0,0,0,.1)}.rbc-show-more{background-color:rgba(255,255,255,.3);z-index:4;font-weight:bold;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid var(--border-primary);background-color:var(--bg-color);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;flex:1 0 0;width:100%;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;position:relative;flex-direction:column;flex:1 0 0;flex-basis:0px;overflow:hidden;height:100%;min-height:90px}.rbc-date-cell{flex:1 1 0;min-width:0;padding-left:5px;padding-top:5px;text-align:left}.rbc-date-cell.rbc-now{font-weight:bold}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex-direction:row;flex:1 0 0;overflow:hidden}.rbc-day-bg{flex:1 0 0%}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.25);padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px -10px;padding:2px 10px}.rbc-agenda-view{display:flex;flex-direction:column;flex:1 0 0;overflow:auto;border:1px solid var(--border-primary);background-color:var(--bg-color);border-radius:var(--border-radius);padding:1rem}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:flex;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;position:absolute;right:0;margin-right:10px;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:flex;max-height:100%;min-height:20px;flex-flow:column wrap;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;flex:1 0 0;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;flex:1 1 0;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:bold}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:rgba(0,0,0,.5);color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:flex;flex-direction:column;flex:1;width:100%;border:1px solid var(--border-primary);background-color:var(--bg-color);border-radius:var(--border-radius);min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{flex:1;display:flex;min-width:0;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{display:flex;flex:1 0 0%;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}
/*!
 * https://github.com/arqex/react-datetime
 */

.rdt {
  position: relative;
}
.rdtPicker {
  display: none;
  position: absolute;
  min-width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  border: 1px solid #f9f9f9;
}
.rdtOpen .rdtPicker {
  display: block;
}
.rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}

.rdtPicker .rdtTimeToggle {
  text-align: center;
}

.rdtPicker table {
  width: 100%;
  margin: 0;
}
.rdtPicker td,
.rdtPicker th {
  text-align: center;
  height: 28px;
}
.rdtPicker td {
  cursor: pointer;
}
.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: #eeeeee;
  cursor: pointer;
}
.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #999999;
}
.rdtPicker td.rdtToday {
  position: relative;
}
.rdtPicker td.rdtToday:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}
.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker td span.rdtOld {
  color: #999999;
}
.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.rdtPicker th {
  border-bottom: 1px solid #f9f9f9;
}
.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
  cursor: default;
}
.rdtPicker th.rdtSwitch {
  width: 100px;
}
.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 21px;
  vertical-align: top;
}

.rdtPrev span,
.rdtNext span {
  display: block;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.rdtPicker thead tr:first-of-type th {
  cursor: pointer;
}
.rdtPicker thead tr:first-of-type th:hover {
  background: #eeeeee;
}

.rdtPicker tfoot {
  border-top: 1px solid #f9f9f9;
}

.rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}
.rdtPicker button:hover {
  background-color: #eee;
}

.rdtPicker thead button {
  width: 100%;
  height: 100%;
}

td.rdtMonth,
td.rdtYear {
  height: 50px;
  width: 25%;
  cursor: pointer;
}
td.rdtMonth:hover,
td.rdtYear:hover {
  background: #eee;
}

.rdtCounters {
  display: inline-block;
}

.rdtCounters > div {
  float: left;
}

.rdtCounter {
  height: 100px;
}

.rdtCounter {
  width: 40px;
}

.rdtCounterSeparator {
  line-height: 100px;
}

.rdtCounter .rdtBtn {
  height: 40%;
  line-height: 40px;
  cursor: pointer;
  display: block;

  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}
.rdtCounter .rdtBtn:hover {
  background: #eee;
}
.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}

.rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px;
}

.rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 37px;
}

.rdtTime td {
  cursor: default;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}h1,h2,h3,h4,h5,h6,p,b,a,span,label{color:var(--font-color)}h1,h2{color:var(--title-color)}h2{font-size:1.5rem;font-weight:600}body{background-color:var(--bg-color-secondary);font-family:"Source Sans Pro",sans-serif;font-weight:400;line-height:1;position:relative;overflow-x:hidden;overflow-y:scroll}ol,ul{list-style:none}a{text-decoration:none;display:inline-flex}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}button{outline:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0}a:focus{text-decoration:none;outline:none}button,button:active,button:focus{outline:none;border:none;background:rgba(0,0,0,0)}input{outline:none}textarea{outline:none}section{width:100%;position:relative}p{font-size:14px;line-height:1;color:var(--font-color)}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid #e5e5e5 !important}img{max-width:100%}*::-webkit-scrollbar{width:6px !important;height:6px !important}*::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}*::-webkit-scrollbar-track{background:rgba(255,255,255,.08)}*::-webkit-input-placeholder{color:#ccc;font-size:15px}*::-moz-placeholder{color:#ccc;font-size:15px}#root{position:relative;min-height:80vh}.cursor-pointer{cursor:pointer}.cursor-auto{cursor:initial}.no-margin{margin:0 !important}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}@keyframes fadedown{0%{opacity:.01;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0px)}}.fadedown{transition:opacity 300ms ease-in,transform 300ms ease-in;animation:300ms ease-in 0s both fadedown}.modal-content{background-color:var(--bg-color) !important;color:var(--font-color) !important;border:0px}.modal-content textarea,.modal-content input,.modal-content select{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.modal-content select{height:40px;padding-left:15px;margin-bottom:0;background-color:#fff}.modal-content .job_descp img,.modal-content .job_descp video{object-fit:contain;height:auto;max-height:600px}.modal-header{position:relative;border-bottom:none}.modal-header h3{font-size:18px}.modal-header .close{z-index:100;border:none;top:1rem;right:1rem}.modal-footer{justify-content:flex-start;border-top:none}.modal-footer button{background-color:var(--button-bg);color:var(--button-text-color);border:none;font-size:15px;font-weight:500;padding:10px;border-radius:var(--border-radius)}.modal-footer button:hover,.modal-footer button:active{background-color:var(--button-bg-hover)}.modal-footer button:nth-child(2){color:var(--button-text-color-secondary) !important;background-color:var(--button-bg-secondary);border:1px solid var(--border-gray-primary)}.modal-footer button:nth-child(2):hover{background-color:var(--button-bg-secondary-hover)}.modal-footer button.save{color:var(--button-text-color-secondary);background-color:var(--button-bg-secondary)}.modal-footer button.save:hover{background-color:var(--button-bg-secondary-hover)}.profile-attr{background:var(--bg-color);border:1px solid var(--border-primary);border-radius:var(--border-radius);height:fit-content;box-shadow:var(--light-shadow);width:100%;padding:1rem;display:flex;flex-direction:column;gap:.5rem}@media(max-width: 767px){.profile-attr{border-radius:0;border-left:0;border-right:0}}.profile-attr span,.profile-attr p{color:var(--font-color)}.profile-attr ul{display:flex;flex-wrap:wrap;gap:.5rem}.profile-attr ul li{display:inline-flex;width:fit-content}.profile-attr ul li span{background-color:var(--font-color);border-radius:30px;color:var(--bg-color);font-size:14px;font-weight:600;padding:.5rem 1rem;width:fit-content}.profile-attr-header{display:flex;align-items:center;justify-content:space-between}.profile-attr-header h2{color:var(--title-color);font-size:18px;font-weight:600}.profile-info{background:var(--bg-color);border:1px solid var(--border-primary);border-radius:var(--border-radius);height:fit-content;box-shadow:var(--light-shadow);width:100%;align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:center}@media(max-width: 767px){.profile-info{border-radius:0;border-left:0;border-right:0}}.profile-info img{border-radius:50%;border:2px solid var(--font-color);height:150px;width:150px}.profile-info h3{color:var(--title-color);font-size:1.1rem;font-weight:600}.profile-info span{color:var(--subtitle-color)}.profile-info svg,.profile-info b{color:var(--font-color)}.profile-info .row{gap:.5rem}.profile-info .social-network-header{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.profile-info .social-network-header button{position:absolute;right:15%}.profile-info .social-network-header button svg{font-size:1.2rem}.profile-info .social-links{display:flex;flex-direction:column;gap:.5rem;width:100%}.profile-info .social-links li{border-bottom:1px solid var(--border-primary)}.profile-info .social-links li a{display:flex;align-items:center;gap:.5rem}.profile-info .social-links li a svg{color:var(--font-color)}.profile-info .social-links li a span{white-space:nowrap;max-width:-webkit-fill-available;text-overflow:ellipsis;overflow:hidden}h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.1rem}h4{font-size:1rem}.app__body{grid-template-areas:"sidebar" "main" "aside"}.layout__content{column-gap:1rem;display:grid;grid-area:content;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto;row-gap:.5rem}.user__image{border-radius:50%;object-fit:cover;background-color:#c9ced4}.empty__section{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1rem}.empty__section p{color:var(--font-color);font-weight:600}@media(min-width: 768px){.app__body{grid-template-areas:"sidebar main" ". aside";grid-template-columns:minmax(0, 7fr) minmax(0, 17fr)}}@media(min-width: 992px){.app__body{grid-template-areas:"sidebar main aside";grid-template-columns:minmax(0, 5fr) minmax(0, 12fr) minmax(300px, 7fr)}}.btn{font-size:.95rem;height:fit-content;line-height:1}.btn-primary{background-color:var(--button-bg);border-radius:var(--border-radius);color:var(--button-text-color) !important;border:none !important}.btn-primary:hover{background-color:var(--button-bg-hover)}.btn-secondary{background:var(--button-bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius);color:var(--button-text-color-secondary) !important}.btn-secondary:hover{background-color:var(--button-bg-secondary-hover);border-color:var(--border-trasnparent)}.btn-tertiary{background-color:var(--button-bg-tertiary);border-radius:var(--border-radius);border-color:#f4f4f4;color:var(--button-text-color-tertiary) !important}.btn-tertiary:hover{background:#d4d4d4;border:1px solid var(--border-primary);color:var(--border-primary) !important}.btn-secondary:disabled,.btn-primary:disabled,.btn-tertiary:disabled{cursor:no-drop}.message{box-shadow:var(--light-shadow);display:inline-flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem;max-width:70%;min-width:4rem;padding:.5rem;position:relative}.message>p{color:var(--chat-color);max-width:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.message>img{max-width:250px;max-height:250px;object-fit:contain}.message:first-child{margin-top:.5rem}.message.sent{background-color:var(--chat-send);border-radius:10px 0 10px 10px}.message.received{background-color:var(--chat-received);border-radius:0 10px 10px 10px}.message_time{color:var(--subtitle-color);font-size:.8rem}.message .emojione{width:1rem;height:1rem}.download_btn{display:inline-flex;gap:.5rem;padding:2px 10px;margin-left:.2rem;color:#000}.user_name{font-size:.7rem;color:var(--font-color);align-self:flex-start;margin-bottom:.2rem}.display-reactions{align-items:center;background:var(--bg-color);border-radius:10px;box-shadow:var(--shadow);color:var(--icons-color);display:flex;gap:.5rem;padding:1rem}.display-reactions button{color:var(--icons-color)}.message_container{display:flex;gap:.5rem;width:100%;align-items:center}.message_container.sent{flex-direction:row-reverse}.message_container.received{flex-direction:row}#react-chat{bottom:0;margin:0;padding:0;right:5%;position:fixed;z-index:1000;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:1rem;font-family:Arial,sans-serif}#react-chat button{background:rgba(0,0,0,0);border:none;margin:0;padding:0;outline:none}.chat-helper{background-color:var(--bg-color);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2);display:grid;gap:.5rem;max-height:25rem;height:fit-content;width:235px}.chat-helper .chat_options{border-bottom:1px solid var(--border-primary);overflow:hidden;position:relative}.chat-helper .chat_options a{border-left:1px solid var(--border-primary);color:var(--font-color);padding:3px 8px 3px 3px;border:0;font-size:.9rem;cursor:pointer;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions-container{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;padding:0 1rem}.action-btn{position:relative;font-weight:700;color:var(--font-color);display:inline-flex;align-items:center}.action-btn.active{padding-bottom:5px !important}.action-btn.active::before{content:"";position:absolute;top:100%;width:100%;height:3px;background:var(--border-primary)}.search-input{display:flex;align-items:center;border-radius:5px;height:34px;color:gray;cursor:pointer;width:-webkit-fill-available;padding:.5rem;background-color:#eef3f0}.search-input>input{border:none;outline:none;background:none;width:100%}.contacts-list{width:100%;overflow-y:auto;max-height:250px}.contacts-list .contacts-list__item{align-items:center;display:flex;height:auto;padding:.2rem 1rem;gap:.5rem}.contacts-list .contacts-list__item img{height:36px;width:36px;border-radius:50%}.contacts-list .contacts-list__item .contacts-list__item-content{display:flex;flex-direction:column;gap:.5rem}.contacts-list .contacts-list__item span{font-size:.9rem;cursor:pointer;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:20ch}.emojione-container{background-color:var(--bg-color);bottom:100%;left:0;position:absolute;width:100%}.smiley-panel{transform-origin:bottom;overflow:hidden}.smiley-panel-body{height:160px;padding:10px 0;border-top:1px solid var(--border-primary);overflow:auto}.smiley-panel-body .e1{cursor:pointer}.active_chats-list{display:flex;align-items:flex-end;gap:10px;width:fit-content;z-index:100}.personal-chat{background:var(--bg-color);border:1px solid var(--border-primary);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);box-shadow:0 0 6px rgba(0,0,0,.1);width:260px;position:relative;z-index:10}.personal-chat .chat-header{background-color:var(--bg-color-secondary);border-bottom:1px solid var(--border-primary);display:flex;font-weight:bold;gap:.5rem;padding:.5rem}.personal-chat .chat-header a{color:var(--subtitle-color)}.personal-chat .chat-header small{color:var(--subtitle-color);font-size:12px}.personal-chat .chat-header small::after{content:"";position:absolute;height:10px;width:10px;left:30px;top:35px;border-radius:50%}.personal-chat .chat-header small::after.online:after{background-color:var(--online-green)}.personal-chat .chat-header small::after.offline:after{background-color:#bdbdbd}.personal-chat .chat-header>img{width:36px;height:36px;border-radius:50%}.personal-chat .chat-header.notify{animation:notify 2s infinite}.personal-chat .chat-header .info-content{display:flex;flex-direction:column}.personal-chat .chat-header .btn-group,.personal-chat .chat-header .btn-group-vertical{position:relative;display:inline-block;vertical-align:middle;cursor:pointer}.chatbox-icon{right:230px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:998;cursor:pointer;display:none;position:fixed}.options{display:flex;gap:5px;color:var(--subtitle-color)}.chat-conversation{background-color:var(--bg-color);display:flex;flex-flow:column-reverse;overflow:auto;padding:1rem;height:275px}.conversation-list{display:flex;flex-direction:column;gap:.5rem}.conversation-list .conversation-text{align-items:center;display:flex;flex-direction:row;gap:.5rem;width:100%}.conversation-list .conversation-text .ctext-wrap{background:var(--chat-received);border-radius:0 10px 10px 10px;display:inline-block;padding:5px;position:relative;box-shadow:0 1px 2px rgba(0,0,0,.1);max-width:65%}.conversation-list .conversation-text .ctext-wrap p{color:var(--chat-color);word-break:break-word}.conversation-list .conversation-text .ctext-wrap img,.conversation-list .conversation-text .ctext-wrap video{border-radius:10px;max-height:200px;outline:none;width:100%}.conversation-list .conversation-text .ctext-wrap label{align-items:center;color:var(--chat-color);font-size:.8rem;gap:.5rem;display:inline-flex}.conversation-list .conversation-text .ctext-wrap .emojione{height:1rem;width:1rem}.conversation-list .conversation-text .ctext-wrap .pdf{width:40px}.conversation-list .conversation-text .icon{border-radius:50px;color:var(--chat-color);cursor:pointer;display:grid;height:1.5rem;padding:0;place-items:center;transition:all .2s;width:1.5rem}.conversation-list .conversation-text .icon:hover{background:var(--chat-send)}.conversation-list .conversation-text .display-reactions{align-items:center;background:var(--bg-color);border-radius:10px;box-shadow:var(--shadow);color:var(--icons-color);display:flex;gap:.5rem;padding:1rem}.conversation-list .conversation-text .display-reactions button{color:var(--icons-color)}.conversation-list .conversation-text.odd{flex-direction:row-reverse}.conversation-list .conversation-text.odd .ctext-wrap{background:var(--chat-send);border-radius:10px 0 10px 10px}.chat-text_box{align-items:center;background-color:var(--bg-color-secondary);display:flex;gap:.5rem;padding:.5rem;position:relative;border:1px solid var(--border-primary)}.chat-text_box .btn-emoji{margin:0;padding:0}.chat-text_box textarea{background-color:var(--bg-color-secondary);border:none;height:1.8rem;padding:5px;outline:none;resize:none}.subpanel_title{background:var(--bg-color-secondary);color:var(--subtitle-color);cursor:pointer;font-weight:bold;padding:.5rem 1rem;font-size:1.1rem;display:flex;justify-content:space-between;height:30px}.subpanel_title .subpanel_title-icons{display:flex;align-items:center;gap:.5rem;color:var(--subtitle-color)}*::-webkit-scrollbar{width:6px !important;height:6px !important}*::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}*::-webkit-scrollbar-track{background:rgba(255,255,255,.08)}*::-webkit-input-placeholder{color:#ccc;font-size:15px}*::-moz-placeholder{color:#ccc;font-size:15px}.customtab2{border-bottom:1px solid #f7fafc;border-top:1px solid #f7fafc;background:#f9f9f9}.customtab2 li a{color:#333}.customtab2 li:hover a{color:#333;border-bottom:1px solid #333}.customtab2 li.active a,.customtab2 li.active a:hover,.customtab2 li.active a:focus{background:#333;border:1px solid #333;color:#fff}.menu-tabs{display:flex;align-items:center}.menu-item{cursor:pointer;flex:1;text-align:center}@keyframes notify{0%{background-color:unset}50%{background-color:#00b0ff}100%{background-color:unset}}