.channels{height:calc(1.5em + 1.25rem - 1px);border-radius:.375rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #dce2ea}.channels button{height:100%;width:100%;text-decoration:none;border:none;background-color:#fff}.channels button:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.channels button:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.channels button:focus{outline-style:none}.channels button i{font-size:18px;color:#b7b8ba}.channels .all-channels{background-color:#dce2ea}.channels .all-channels i{color:#000}.channels .selected .InMail{color:#ffa10d}.channels .selected .WhatsApp{color:#28cf46}.channels .selected .InBox{color:#0882f1}.channels .selected .InApp{color:#8503d8}.channels .selected .Yammer{color:#6abdc3}.channels .selected .Workplace{color:#4267b2}.cin-input-date-interval{position:relative;-ms-flex-item-align:center;align-self:center;height:43px;background-color:#fff;border-radius:5px;text-align:center;vertical-align:middle;font-size:13px;min-width:215px;border:1px solid #dce2ea;cursor:pointer}.cin-input-date-interval .bloco-filtros{display:grid;grid-template-columns:34.5px 1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.cin-input-date-interval .bloco-filtros .opt.selected{-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;color:#022138}.cin-input-date-interval .bloco-filtros .fa-caret-down,.cin-input-date-interval .bloco-filtros .fa-caret-up{float:right;color:#8b2ffc;padding:10px 9px 9px;border-radius:0 5px 5px 0;cursor:pointer}.cin-input-date-interval .bloco-filtros .icone-externo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#dce2ea;height:100%;width:34.5px;border-radius:3px 0 0 3px}.cin-input-date-interval .bloco-filtros .icone-externo i{font-size:18px;color:#000}.cin-input-date-interval .bloco-filtros .arrow{float:right}.cin-input-date-interval button{width:100%}.cin-input-date-interval .bloco-flyer{position:absolute;min-width:200px;background-color:#fff;top:50px;-webkit-box-shadow:0 6px 15px rgba(57,84,117,.13)!important;box-shadow:0 6px 15px rgba(57,84,117,.13)!important;border-radius:5px;border:none;z-index:9999}.cin-input-date-interval .bloco-flyer:before{content:"";top:-6px;position:absolute;width:12px;height:12px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1;left:calc(50% - 6px)}.cin-input-date-interval .bloco-flyer .metade-left{float:left;width:50%;padding-right:3px}.cin-input-date-interval .bloco-flyer .metade-right{float:left;width:50%;padding-left:3px}.cin-input-date-interval .html-flyer-periodo{padding:7px 17px}.cin-input-date-interval .bloco-flyer ul{list-style:none;padding:0}.cin-input-date-interval .bloco-flyer ul li{float:left;width:100%;border-bottom:1px solid #efefef}.cin-input-date-interval .bloco-flyer>ul>li:last-of-type{border-bottom:0;border-radius:0 0 3px 3px}.cin-input-date-interval .bloco-flyer .li-item{text-align:left;padding:11px 17px;font-size:13px;color:#5c656d;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;cursor:pointer}.cin-input-date-interval .bloco-flyer .li-item.active{border-left:3px solid #8b2ffc}.cin-input-date-interval .bloco-flyer .li-item:hover{background-color:#fff;color:#8b2ffc;border-left:3px solid #8b2ffc}.cin-input-date-interval .bloco-flyer input[type=text]{border:0;border-bottom:1px solid #8b2ffc;background-color:#f8f8f8;float:left;width:100%;padding:4px 10px;border-radius:3px;font-size:13px;margin-bottom:10px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cin-input-date-interval .bloco-flyer input[type=text]:focus{outline-style:none;background-color:#fff}.cin-input-date-interval .bloco-flyer .error input[type=text]{border:1px solid #d6375d}.cin-input-date-interval .bloco-flyer .errormsg{font-size:11px;padding-bottom:10px;color:red}