.waves-effect{
    position:relative;
    cursor:pointer;
    display:inline-block;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    vertical-align:middle;
    z-index:1;
    will-change:opacity,transform;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.waves-effect .waves-ripple{
    position:absolute;
    border-radius:50%;
    width:20px;
    height:20px;
    margin-top:-10px;
    margin-left:-10px;
    opacity:0;
    background:rgba(0,0,0,.2);
    -webkit-transition:all .7s ease-out;
    -moz-transition:all .7s ease-out;
    -o-transition:all .7s ease-out;
    -ms-transition:all .7s ease-out;
    transition:all .7s ease-out;
    -webkit-transition-property:-webkit-transform,opacity;
    -moz-transition-property:-moz-transform,opacity;
    -o-transition-property:-o-transform,opacity;
    transition-property:transform,opacity;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    pointer-events:none
}
.waves-effect.waves-light .waves-ripple{
    background-color:rgba(255,255,255,.45)
}
.waves-effect.waves-red .waves-ripple{
    background-color:rgba(244,67,54,.7)
}
.waves-effect.waves-yellow .waves-ripple{
    background-color:rgba(255,235,59,.7)
}
.waves-effect.waves-orange .waves-ripple{
    background-color:rgba(255,152,0,.7)
}
.waves-effect.waves-purple .waves-ripple{
    background-color:rgba(156,39,176,.7)
}
.waves-effect.waves-green .waves-ripple{
    background-color:rgba(76,175,80,.7)
}
.waves-effect.waves-teal .waves-ripple{
    background-color:rgba(0,150,136,.7)
}
a.waves-effect .waves-ripple{
    z-index:-1
}
.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
}
.fc-header td{
    white-space:nowrap;
    padding:15px 10px 0
}
.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
}
.fc-header .fc-button{
    margin-right:-1px
}
.fc-header .fc-corner-right,.fc-header .ui-corner-right{
    margin-right:0
}
.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
}
.fc-content{
    clear:both;
    zoom:1
}
.fc-view{
    width:100%;
    overflow:hidden
}
.fc-widget-content{
    border:1px solid #e5e5e5
}
.fc-widget-header{
    border-bottom:1px solid #eee
}
.fc-state-highlight{
}
.fc-state-highlight>div>div.fc-day-number{
    background-color:#ff3b30;
    color:#fff;
    border-radius:50%;
    margin:4px
}
.fc-cell-overlay{
    background:#bce8f1;
    opacity:.3;
    filter:alpha(opacity=30)
}
.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{
    border:1px solid
}
.fc-state-default.fc-corner-left{
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
}
.fc-state-default.fc-corner-right{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
.fc-text-arrow{
    margin:0 .4em;
    font-size:2em;
    line-height:23px;
    vertical-align:baseline
}
.fc-button-prev .fc-text-arrow,.fc-button-next .fc-text-arrow{
    font-weight:bold
}
.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 .2s;
    -webkit-transition:all .2s
}
.fc-state-hover,.fc-state-down,.fc-state-active,.fc-state-disabled{
    color:#333;
    background-color:#ffe3e3
}
.fc-state-hover{
    color:#ff3b30;
    text-decoration:none;
    background-position:0 -15px;
    -webkit-transition:background-position .1s linear;
    -moz-transition:background-position .1s linear;
    -o-transition:background-position .1s linear;
    transition:background-position .1s linear
}
.fc-state-down,.fc-state-active{
    background-color:#ff3b30;
    background-image:none;
    outline:0;
    color:#fff
}
.fc-state-disabled{
    cursor:default;
    background-image:none;
    background-color:#ffe3e3;
    filter:alpha(opacity=65);
    box-shadow:none;
    border:1px solid #ffe3e3;
    color:#ff3b30
}
.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;
    background-color:#fff;
    color:#919191;
    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:.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;
    font-size:300%;
    line-height:50%
}
.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
}
.fc-ltr .fc-event-hori.fc-event-end,.fc-rtl .fc-event-hori.fc-event-start{
    border-right-width:1px
}
.fc-event-hori .ui-resizable-e{
    top:0!important;
    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
}
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
}
.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:.3;
    filter:alpha(opacity=30)
}
.fc-grid .fc-day-content{
    clear:both;
    padding:2px 2px 1px
}
.fc-grid .fc-event-time{
    font-weight:bold
}
.fc-rtl .fc-grid .fc-day-number{
    float:left
}
.fc-rtl .fc-grid .fc-event-time{
    float:right
}
.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
}
.fc-agenda-days .fc-agenda-axis{
    border-right-width:1px
}
.fc-agenda-days .fc-col0{
    border-left-width:0
}
.fc-agenda-allday th{
    border-width:0 1px
}
.fc-agenda-allday .fc-day-content{
    min-height:34px;
    _height:34px
}
.fc-agenda-divider-inner{
    height:2px;
    overflow:hidden
}
.fc-widget-header .fc-agenda-divider-inner{
    background:#eee
}
.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
}
.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{
    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,.fc-select-helper .fc-event-bg{
    display:none\9
}
.fc-event-vert .ui-resizable-s{
    bottom:0!important;
    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{
    _overflow:hidden
}
thead tr.fc-first{
    background-color:#f7f7f7
}
table.fc-header{
    background-color:#fff;
    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:#fff;
    transition:background-color .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
}
.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
}
@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')
}
@media(max-width:768px){
    .hide-mobile{
        display:none!important
    }
}
@media(min-width:768px){
    .show-mobile{
        display:none!important
    }
}
body{
    background-color:#f1f4f9
}
p.description{
    margin:0;
    font-size:12px;
    font-family:'Rubik'
}
h1,h2{
    font-family:'Rubik-Regular';
    margin:0
}
h1.title{
    font-size:20px;
    font-family:'Rubik-medium'
}
h2.title{
    font-size:15px;
    font-family:'Rubik-medium'
}
h3.title{
    font-size:14px;
    font-family:'Rubik-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:0
    }
}
.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]{
    border:solid #e6e6e6 1px;
    border-radius:2px;
    height:34px;
    background-color:#fafafa!important
}
input[type=text]:focus{
}
.section{
    border-radius:7px;
    background-color:#fff;
    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;
    right:20px;
    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{
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    line-height:1.14;
    letter-spacing:.7px;
    text-align:left;
    color:#000;
    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:'Rubik-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:#fff;
    width:100%;
    height:100%;
    align-items:center;
    justify-content:center
}
.section .section-loading.active{
    display:flex
}
.tabs li a{
    border:none;
    font-family:'Rubik-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
}
.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{
    height:100%;
    min-width:100%;
    max-width:100%;
    max-height:100%;
    z-index:99;
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    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:'Rubik-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:'Rubik-medium';
    font-weight:500;
    line-height:2;
    text-align:left;
    color:#717171
}
.filter .filter-body .filter-form .radio label{
    font-family:'Rubik';
    font-size:14px;
    line-height:1.71;
    text-align:left;
    color:#717171
}
.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
}
.radio .container-label.checked{
    font-family:'Rubik';
    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
}
.checkbox .container-label.checked{
    font-family:'Rubik';
    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)
}
.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:'Rubik-medium';
    font-size:15px;
    font-weight:500;
    line-height:2;
    letter-spacing:.8px;
    border:none
}
.buttons-form button.cancel{
    color:#b9b9b9;
    background-color:#f3f2f0
}
.buttons-form button.submit{
    background-color:#3b96c2;
    color:#fff
}
@media(max-width:768px){
    .buttons-form button:first-child{
        margin-right:5px
    }
}
.portal-table{
    max-width:100%;
    overflow-x:auto
}
.portal-table,.portal-table table{
    width:100%
}
.portal-table table thead th{
    font-family:'Rubik';
    font-size:14px;
    font-weight:bold;
    line-height:1.71;
    text-align:left;
    color:#717171
}
.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:'Rubik';
    font-size:14px;
    line-height:1.71;
    text-align:left;
    color:#717171;
    height:70px
}
.portal-table table tbody tr:hover{
    background:#f1f2f7;
    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:#8b8a8a
}
.portal-table table tbody tr td .actions-container a:hover{
    background-color:#3b96c2
}
.portal-table table tbody tr td .actions-container a:hover .svg{
    fill:#fff
}
::-webkit-scrollbar{
    width:7px;
    height:7px
}
::-webkit-scrollbar-track{
    border:none
}
::-webkit-scrollbar-thumb{
    background:#c1c1c1;
    border-radius:3px
}
@media(min-width:768px){
    #container-content.open-menu{
        display:block
    }
    #container-content.open-menu .container nav.navbar{
        display:block
    }
}
.top-header{
    display:flex;
    height:50px;
    width:100%;
    background:#f5f5f5;
    opacity:1;
    position:fixed;
    z-index:1011
}
#baseline-menu-icon{
    height:24px;
    cursor:pointer
}
.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:.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:.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:.56px;
    color:#999;
    opacity:1;
    margin-left:10px
}
.notifications,.portais{
    position:absolute;
    right:5px;
    top:55px;
    width:322px;
    height:auto;
    max-height:394px;
    overflow-y:auto;
    padding:16px;
    background:#fff;
    border:1px solid #e6e6e6;
    -webkit-box-shadow:0 6px 6px 0 rgba(0,0,0,.16);
    -moz-box-shadow:0 6px 6px 0 rgba(0,0,0,.16);
    box-shadow:0 6px 6px 0 rgba(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:.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:0 3px 3px 0 rgba(0,0,0,.16);
    -moz-box-shadow:0 3px 3px 0 rgba(0,0,0,.16);
    box-shadow:0 3px 3px 0 rgba(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:.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;
    max-height:530px;
    width:338px
}
.portais .portal-header{
    margin-bottom:20px;
    padding:0 25px
}
.portais .portal-body{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-flow:row;
    flex-wrap:wrap
}
.portais .portal-body .portal-item{
    height:90px;
    text-align:center;
    margin-bottom:25px;
    width:33%;
    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;
    word-wrap:break-word;
    max-width:100%
}
#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{
    padding:15px 30px
}
#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{
    text-decoration:none;
    font-family:'Roboto';
    font-size:14px
}
#profile-options .options ul li a:hover{
    color:#7c7d7e
}
.left-menu{
    position:fixed;
    z-index:1012;
    width:194px;
    left:0;
    top:0;
    min-height:100%;
    background:#307da2;
    -webkit-transition:0s
}
.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{
}
.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:#fff;
    top:0;
    left:100%;
    box-shadow:4px 1px 6px #c4c4c4
}
.left-menu .sub-menu.open{
    width:160px
}
.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:.5;
    background:#13597b;
    width:100%;
    height:100%
}
a .option .link-txt:hover{
    color:#8b0000
}
.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:0;
        min-height:100%;
        background:#3b96c2;
        -webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,.1);
        -moz-box-shadow:0 3px 6px 0 rgba(0,0,0,.1);
        box-shadow:0 3px 6px 0 rgba(0,0,0,.1);
        -webkit-transition:0s
    }
    .left-menu .close-left-menu{
        height:50px;
        width:100%;
        display:none
    }
    .left-menu.short #container-content:hover{
        display:none
    }
    .left-menu.short{
        width:0
    }
    .left-menu .open-sub-menu .close-left-menu{
    }
    .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: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%
    }
    .left-menu .sub-menu.open,.left-menu .option{
        width:160px
    }
    .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,.4);
        padding-top:12px;
        margin-top:12px
    }
    .left-menu.short .option span{
        display:none
    }
    .left-menu .option{
        height:55px;
        width:100%;
        display:flex;
        color:#fff;
        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:.8
    }
    .left-menu .option:hover:before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        opacity:.5;
        background:#9dcbe1;
        width:100%;
        height:100%
    }
    .left-menu .option span{
        font-family:'Roboto';
        font-size:13px;
        color:#fff;
        margin-left:10px;
        vertical-align:super
    }
    .left-menu .option img{
        margin-bottom:8px
    }
}
.search-nav{
    position:fixed;
    display:flex;
    padding-left:20px;
    padding-right:20px;
    width:100%;
    background-color:#fff;
    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:#999;
    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:#fff;
    min-width:138px;
    border-radius:7px;
    box-shadow:0 3px 6px 0 rgba(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:0;
        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:0;
        max-width:100%;
        border:none;
        border-radius:2px;
        height:34px;
        background-color:#fff!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
    }
}
.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:#fff;
    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:#999
}
.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:0 3px 6px rgba(0,0,0,.1);
    transition:.2s;
    cursor:pointer
}
@media(max-width:768px){
    .document-container{
        padding:0;
        padding-top:45px;
        margin:10px;
        margin-right:20px
    }
    .file-container{
        padding-left:0;
        padding-right:0;
        background-color:transparent
    }
    .file-container>h2{
        display:none;
        margin-left:0
    }
    .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:#999
}
.folder-card>div p{
    font-size:12px;
    color:#717171
}
.folder-card:hover{
    box-shadow:0 3px 6px rgba(0,0,0,.5)
}
.recent-document{
    display:flex;
    flex-flow:column;
    margin-left:20px;
    max-width:310px;
    width:100%;
    max-height:580px;
    background-color:#fff;
    border-radius:7px;
    padding:7px;
    padding-top:30px
}
.recent-document h2.title{
    padding-left:17px;
    margin-bottom:18px;
    color:#999
}
.recent-document div a{
    font-size:12px;
    color:#3595e0;
    font-family:'Roboto-medium';
    margin-left:40%;
    margin-top:10px
}
.recent-fav{
    display:flex;
    border-bottom:solid 1px #f3f2f0
}
.recent-fav h3{
    color:#999;
    opacity:.5;
    margin-left:8px;
    padding-left:9px;
    padding-right:20px;
    padding-bottom:5px;
    margin-bottom:0;
    margin-top:0;
    cursor:pointer
}
.recent-fav h3.active{
    color:#999;
    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:#999;
    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
}
.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:0
    }
}
.container-home{
    margin-top:0;
    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:0
    }
    .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
    }
}
.favorite-contacts .favorite-contact .title,.events .event .title,.birthdays .birthday .title{
    letter-spacing:0;
    color:#999;
    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-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:0;
    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
}
.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:#999;
    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
}
.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
}
.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{
    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:#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,.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:0
    }
    .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
}
@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:0;
    color:#999;
    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:0;
    color:#307da2;
    opacity:1
}
.news .news-description p{
    font-family:'Roboto';
    font-size:14px;
    line-height:1.71;
    text-align:left;
    letter-spacing:0;
    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:.7px;
    text-align:right;
    color:#479055;
    margin:0
}
.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:#fff;
    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:.4!important;
    font-family:'Roboto-medium';
    font-size:12px;
    font-weight:500;
    color:#8f8c8c
}
.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 select,.contact-table.contacts-companies .company-info .form select{
    max-width:100%;
    width:182px
}
.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:0;
    color:#999;
    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:0;
    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:0;
    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:0 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
}
.contact-container{
    background-color:#f1f4f9
}
.contact-container .section{
    padding:21px 0
}
.contact-card{
    display:none;
    flex-flow:column;
    max-width:310px;
    border-radius:7px;
    background-color:#fff;
    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 .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:#fff;
    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:#fff;
    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:#fff;
        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
    }
}
.request-section{
    padding:45px 80px
}
.request-title{
    font-weight:500;
    line-height:2;
    letter-spacing:.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:0
}
.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:0;
    left:4px;
    width:6px;
    height:10px;
    border:solid #fff;
    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
    }
}
.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
}
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:#fff
}
.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:#fff
}
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:.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:.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:.7px;
    color:#717171
}
.fc-week .fc-day.fc-other-month,.fc-week .fc-other-month .fc-day-number{
    opacity:.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:#fff
}
.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
}
#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:#fff;
    z-index:2;
    text-align:center;
    padding:20px
}
.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:.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:.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
    }
}
.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
    }
}
#login-container{
    display:flex;
    height:100vh;
    width:100%;
    justify-content:center;
    align-items:center;
    margin:0
}
#login-container>div{
    min-width:350px;
    min-height:340px;
    border-radius:7px;
    box-shadow:0 3px 6px 0 rgba(0,0,0,.16);
    background-color:#fff
}
#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:0
}
#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
}
.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:.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
    }
}
.news-container{
    background-color:#fff;
    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:#fff;
    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:#fff
}
@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
    }
}
.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
}
.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:.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
    }
}
.show-news-container{
    display:flex;
    flex-flow:row;
    margin:26px;
    margin-top:76px
}
.main-news-container{
    display:flex;
    flex-flow:column;
    background-color:#fff;
    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:#fff;
    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%;
    height:200px;
    border-top-left-radius:7px;
    border-top-right-radius:7px
}
.demo-news-container>div{
    margin:17px
}
.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;
    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
    }
}
.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
}
.input-error{
    display:none;
    color:red!important
}
#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
}
#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:#fff
}
.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:0;
        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
}
#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:"•";
    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:#fff;
    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:#fff
}
.btn-custom:focus{
    color:#fff
}
.opcoes-neg-container{
    padding:0;
    margin-top:2px;
    align-content:center;
    height:60px
}
.btn-forma-pagamento{
    width:100%;
    height:60px;
    font-size:8px;
    color:#fff;
    border-radius:4px;
    background-color:#a9a9a9;
    padding:0;
    margin:0
}
.btn-opcoes-neg{
    width:100%;
    height:30px;
    font-size:12px;
    color:#fff;
    border-radius:4px;
    background-color:#a9a9a9;
    padding:0;
    margin:0
}
.btn-confirmar{
    width:100%;
    height:60px;
    font-size:20px;
    font-weight:bold;
    color:#fff;
    border-radius:4px;
    background-color:#3b96c2;
    padding:0;
    margin:0
}
.btn-finalizar{
    width:100%;
    height:60px;
    font-size:20px;
    font-weight:bold;
    color:#fff;
    border-radius:4px;
    background-color:green;
    padding:0;
    margin:0
}
.btn-itens{
    width:100%;
    height:60px;
    font-size:20px;
    font-weight:bold;
    color:#fff;
    border-radius:4px;
    background-color:#3b96c2;
    padding:0;
    margin:0
}
.label-valor{
    color:#717171;
    float:right
}
.valor{
    font-size:20px;
    color:#717171;
    float:right
}
.subtotal{
    font-size:30px
}
.prod{
    float:left
}
.pos{
    color:green
}
.neg{
    color:red
}
.valor-container{
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:#d3d3d3
}
.double-row{
    height:60px
}
.btn-container{
    padding:2px
}
.btn-active{
    background-color:#3b96c2;
    color:#fff
}
.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:0
}
#tableOuter{
    overflow:hidden;
    height:100%;
    padding:0
}
#tableComposicao{
    display:block;
    height:90%;
    padding-top:0;
    overflow-y:scroll;
    width:350px;
    -ms-overflow-style:none;
    scrollbar-width:none
}
#tableComposicao::-webkit-scrollbar{
    display:none
}
#tableComposicao thead{
    position:sticky;
    top:0;
    z-index:2;
    background-color:#fff
}
#tableComposicao tr th{
    position:sticky;
    top:0;
    margin-top:-2px;
    z-index:2;
    background-color:#fff
}
#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:#fff;
    border:1px #3b96c2 solid;
    border-radius:4px
}
.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 0
}
.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,.1)
}
.dd-nochildren .dd-placeholder{
    display:none
}
.header-content{
    padding-left:50px
}
.tooltip-inner{
    background-color:#666
}
.tooltip.top-right .tooltip-arrow,.tooltip.top-left .tooltip-arrow{
    border-top-color:#666
}
.tooltip.right .tooltip-arrow{
    border-right-color:#666
}
.tooltip.left .tooltip-arrow{
    border-left-color:#666
}
.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow{
    border-bottom-color:#666
}
.tooltip-lgpd+.tooltip>.tooltip-inner{
    background:#f5f5f9;
    border:.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-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%
}