.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;margin:0 auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.material-icons:hover{cursor:pointer}.mat-mdc-tooltip-panel{font-size:14px}.green:hover{background-color:#00874e;color:#fff;border:solid thin rgb(0,135,78)}.red:hover{background-color:#db2f2fc5;color:#fff;border:solid thin rgba(219,47,47,.774)}.glyphicon{display:inline-block;font: 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0)}.snackbar{z-index:9999999999999!important}.hidden{visibility:hidden}.groupbtns{width:100%;background-color:#f5f5f5;margin:5px;border:solid thin #888888;border-radius:2px;text-align:center;cursor:pointer}.glyphicon.pull-left{margin-right:.3em}.glyphicon.pull-right{margin-left:.3em}.glyphicon.glyphicon-chevron-left:before{content:"\f053"}.glyphicon.glyphicon-chevron-right:before{content:"\f054"}.glyphicon.glyphicon-chevron-up:before{content:"\f077"}.glyphicon.glyphicon-chevron-down:before{content:"\f078"}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border-radius:5px;background:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,.1)}body{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px}.not_allowed{cursor:not-allowed;pointer-events:none}.blank{height:0px;width:0px}.right{float:right}.left{float:left}.center{margin:0 auto}.clear{clear:both}.hiddenState{opacity:0;visibility:hidden;height:0px}.notVisible{opacity:0;visibility:hidden}.container-sm{max-width:640px;width:auto}.container-fluid{padding-right:0;padding-left:0;margin-right:auto;margin-left:auto}.row{margin-left:0;margin-right:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{min-height:1px;padding-left:0;padding-right:0;position:relative}@media only screen and (max-width: 700px){.header-container{width:100vw;height:40px;position:fixed;z-index:1000!important;border-bottom:solid thin transparent}.header-container .dropdown-toggle:after{display:none}.header-container .logo img{padding-left:10px;max-height:30px}.header-container .agentStatus{display:none}.header-container .agentStatus2{font-size:12px;width:100px;text-align:center;font-weight:300;border:solid thin transparent;border-radius:5px;height:calc(100% - 10px);padding:2px;cursor:pointer}.header-container .agentStatus2 .hover-class-grey:hover{background-color:#d5d5d5}.header-container .top-panel .top-panel-item{display:none}.header-container .top-panel .top-panel-item2{display:block}.header-container .dropdown-item{width:inherit;font-weight:300;font-size:12px}}@media only screen and (min-width: 700px){.header-container{width:100vw;height:60px;position:fixed;z-index:1000!important;border-bottom:solid thin transparent}.header-container .dropdown-toggle:after{display:none}.header-container .logo img{padding-left:10px;max-height:50px}.header-container .agentStatus{width:360px;text-align:center;font-weight:300;border:solid thin transparent;border-radius:5px;height:calc(100% - 10px);padding:5px;cursor:pointer}.header-container .agentStatus .hover-class-grey:hover{background-color:#d5d5d5}.header-container .agentStatus2{display:none}.header-container .top-panel .top-panel-item{display:block}.header-container .top-panel .top-panel-item2{display:none}.header-container .dropdown-item{width:inherit;font-weight:300;font-size:12px}.user-btn{margin-top:5px;display:flex;justify-content:center;align-items:center;margin-right:25px;border:none!important;outline-style:none!important}.user-btn:hover{background-color:var(--primary-color, #ef6c00);color:#fff}.user-btn:focus{outline:none!important;box-shadow:none!important}.user-btn-menu:hover{background-color:var(--primary-color, #ef6c00)!important;border:1px solid var(--primary-color, #ef6c00)!important;color:#fff}.user-cfg-wrapper{width:380px;display:flex;flex-direction:column;padding:20px 50px;overflow:hidden}.menu-usr{box-shadow:0 2px 1px -1px #8b9199,0 1px 1px #8b9199,0 1px 3px #8b9199;padding:10px 5px}.pws_req{font-size:14px}}.disabled{cursor:not-allowed!important}@media only screen and (max-width: 700px){.sidebar-container{display:none}}@media only screen and (min-width: 700px){.sidebar-container{padding-top:60px;padding-bottom:5px;width:60px;height:100vh;position:fixed;z-index:1!important;left:0;top:0;border-right:solid thin transparent}.sidebar-container .sidebar-element{width:100%;padding:10px;text-align:center;cursor:pointer}}.mat-badge-content{font-size:10px!important}.button{border:1px solid #e6e9eb;font-weight:600;letter-spacing:0px;text-align:center;display:inline}.sml_btn{font-size:12px;line-height:16px;padding:4px 16px;width:101px;height:24px}.med_btn{font-size:14px;line-height:18px;padding:7px 15.5px;width:128px;height:32px}.lrg_btn{font-size:14px;line-height:18px;padding:15px 32px;width:146px;height:48px}.xlrg_btn{font-size:16px;line-height:20px;padding:9px 32px 15px 9px;width:200px;height:56px}.xlrg_btn .subtext{opacity:.5;font-size:12px;color:#fff;letter-spacing:0px;line-height:16px;height:16px;text-align:center}.sml_edge{border-radius:3px}.lrg_edge{border-radius:100px}.alert{margin:16px;border-radius:3px;font-weight:400;font-size:14px;color:#404b54;letter-spacing:0px;position:relative;padding:15px 52px 15px 56px}.info{border:1px solid #6d9cff;background:rgba(109,155,255,.1)}.success{background:rgba(110,202,98,.1);border:1px solid #6eca63}.warning{background:rgba(245,155,104,.1);border:1px solid #f59b69}.error{background:rgba(234,91,85,.1);border:1px solid #ea5c55}.icon_display,.icon_placement{position:absolute;top:12px;left:12px}.close_alert{position:absolute;top:12px;right:12px}.white_on_purple{background:#a46aee;color:#fff;border:none!important}.white_on_purple:hover{box-shadow:0 1px 2px #43276f80,0 2px 8px #43276f80}.black_on_white{background:#ffffff;color:#404b54}.black_on_white:hover{box-shadow:0 1px 2px #404b5480,0 2px 8px #404b5480}.white_on_blue{background:#6d9cff;color:#fff}.white_on_blue .white_on_blue:hover{box-shadow:0 1px 2px #404b5480,0 2px 8px #404b5480}.white_on_green{background:#59dc98;color:#fff}.white_on_green:hover{box-shadow:0 1px 2px #404b5480,0 2px 8px #404b5480}.white_on_yellow{background:#c8db60;color:#fff}.white_on_yellow{box-shadow:0 1px 2px #404b5480,0 2px 8px #404b5480}.white_on_red{background:#fe857c;color:#fff}.white_on_red{box-shadow:0 1px 2px #404b5480,0 2px 8px #404b5480}.white_on_grey{background:#404b54;color:#fff}.white_on_grey:hover{box-shadow:0 1px 2px #0c151a80,0 2px 8px #0c151a80}.black_on_lightgrey{background:#404b54;color:#e6e9eb}.black_on_lightgrey:hover{box-shadow:0 1px 2px #0c151a80,0 2px 8px #0c151a80}.white_on_green_alert{background:#6eca63;color:#fff;box-shadow:0 1px 2px #404b5426,0 2px 8px #404b5426}.white_on_green_alert:hover{box-shadow:0 1px 2px #404b5480,0 2px 8px #404b5480}.white_on_orange_alert{background:#f59b69;color:#fff;box-shadow:0 1px 2px #404b5426,0 2px 8px #404b5426}.white_on_orange_alert:hover{box-shadow:0 1px 2px #404b5480,0 2px 8px #404b5480}.white_on_red_alert{background:#ea5c55;color:#fff;box-shadow:0 1px 2px #404b5426,0 2px 8px #404b5426}.white_on_red_alert:hover{box-shadow:0 1px 2px #404b5480,0 2px 8px #404b5480}.disabled{opacity:.3}.svg_blue{fill:#6d9cff}.svg_orange_alert{fill:#f59b69}.svg_red_alert{fill:#ea5c55}.svg_green_alert{fill:#6eca63}.status_switcher{width:272px;height:48px;border-radius:100px;font-weight:400;font-size:16px;letter-spacing:0px;line-height:20px;padding-top:2px;text-align:center}.status_switcher .sub_info{opacity:.5;font-weight:400;font-size:14px;color:#0c151a;line-height:16px;padding-top:2px;text-align:center}.dropdown_box{background:#ffffff;box-shadow:0 1px 2px #404b541a,0 2px 8px #404b541a;border-radius:3px;padding-top:8px;padding-bottom:8px;width:272px;margin-top:5px}.dropdown_box .ready_list label{font-size:14px;color:#999;letter-spacing:0px;line-height:16px;padding-top:9px;height:32px;text-align:left;width:95%;padding-left:10%}.dropdown_box .ready_list label:hover{background-color:#f2f4f5}.dropdown_box .ready_end{background-repeat:no-repeat}.dropdown_box .notready_list label{font-size:14px;color:#999;letter-spacing:0px;line-height:16px;padding-top:9px;height:32px;text-align:left;width:95%;padding-left:10%}.dropdown_box .notready_list label:hover{background-color:#f2f4f5}.dropdown_box .not_ready_middle,.dropdown_box .not_ready_end{background-repeat:no-repeat}.disposition_wrapper{width:100%;padding:5px;margin-bottom:5px}.no_disposition_wrapper{height:40px;width:100%;padding:5px;margin-bottom:5px;text-align:center;display:flex;justify-content:center;align-items:center}.disposition_header{display:flex;justify-content:space-between}.disposition_info{display:flex;justify-content:space-between;font-size:10px;margin:0}.disposition_status{display:flex;align-items:center;justify-content:center;width:90px;height:16px;font-size:10px;border-radius:25px;color:#fff;font-weight:700}.dispoSelect{outline:none;width:100%;margin-bottom:6px;height:16px!important;font-size:11px}.small_button{height:25px;font-size:12px!important;font-weight:700;display:flex!important;align-items:center;justify-content:center}.form_style h1,.form_style h2,.form_style h3,.form_style h4,.form_style h5,.form_style h6{font-weight:700}.form_style input{background:#ffffff;border:1px solid #e6e9eb;border-radius:3px;font-weight:400;font-size:14px;color:#8b9199;letter-spacing:0px;line-height:18px;margin:1px;padding-top:7px;padding-bottom:7px;padding-left:7.5px}.form_style input :focus{border:1px solid #8b9199}.form_style ::-webkit-input-placeholder{font-weight:400;font-size:14px;color:#bfc3c7;letter-spacing:0px;line-height:18px}.form_style :-ms-input-placeholder{font-weight:400;font-size:14px;color:#bfc3c7;letter-spacing:0px;line-height:18px}.form_style ::-moz-placeholder{font-weight:400;font-size:14px;color:#bfc3c7;letter-spacing:0px;line-height:18px;opacity:1}.form_style :-moz-placeholder{font-weight:400;font-size:14px;color:#bfc3c7;letter-spacing:0px;line-height:18px;opacity:1}.form_style select{background:#ffffff;border:1px solid #e6e9eb;border-radius:3px;font-weight:400;font-size:14px;color:#8b9199;letter-spacing:0px;line-height:18px;padding-top:7px;padding-bottom:7px;padding-left:7.5px}.form_style option{background:#ffffff;border-radius:3px;font-weight:400;font-size:14px;color:#404b54;letter-spacing:0px;padding-left:16px;padding-top:7px;padding-bottom:7px}.form_style label{font-weight:700;font-size:14px;color:#404b54;letter-spacing:0px;line-height:18px}.form_style li{padding:1px}.form_style .ng-invalid{background:#ffffff;border:1px solid #ea5c55;border-radius:3px;font-size:14px;color:#8b9199;letter-spacing:0px;line-height:18px}.form_style .help_text{font-size:12px;color:#8b9199;letter-spacing:0px;line-height:16px}.icon_size_18{width:18px;height:18px}.icon_size_24{width:24px;height:24px}.icon_size_32{width:32px;height:32px}.icon_size_64{width:64px;height:64px}.icon_size_96{width:96px;height:96px}.icon_size_128{width:128px;height:128px}.color_label{font-weight:600;font-size:10px;letter-spacing:0px;line-height:10px}.color_notification{border-radius:100px;font-weight:400;font-size:10px;letter-spacing:0px;line-height:10px}.tooltip_aid{position:relative;display:inline-block}.tooltip_aid .textright{visibility:hidden;background:#404b54;color:#fff;text-align:center;letter-spacing:0px;line-height:16px;border-radius:3px;box-shadow:0 1px 2px #0c151a1a,0 2px 8px #0c151a1a;padding:4px 16px;z-index:1;position:absolute;font-weight:400;left:105%;top:-4px;width:100px}.tooltip_aid .textleft{visibility:hidden;background:#404b54;color:#fff;text-align:center;letter-spacing:0px;line-height:16px;border-radius:3px;box-shadow:0 1px 2px #0c151a1a,0 2px 8px #0c151a1a;padding:4px 16px;z-index:1;position:absolute;font-weight:400;right:105%;top:-4px;width:100px}.tooltip_aid .textup{visibility:hidden;background:#404b54;color:#fff;text-align:center;letter-spacing:0px;line-height:16px;border-radius:3px;box-shadow:0 1px 2px #0c151a1a,0 2px 8px #0c151a1a;padding:4px 16px;z-index:1;position:absolute;font-weight:400;bottom:125%;left:50%;width:100px;margin-left:-50px}.tooltip_aid .textdown{visibility:hidden;background:#404b54;color:#fff;text-align:center;letter-spacing:0px;line-height:16px;border-radius:3px;box-shadow:0 1px 2px #0c151a1a,0 2px 8px #0c151a1a;padding:4px 16px;z-index:1;position:absolute;font-weight:400;top:125%;left:50%;width:100px;margin-left:-50px}.tooltip_aid .textdown:after{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #404b54 transparent}.tooltip_aid .textright:after{content:" ";position:absolute;top:50%;right:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent #404b54 transparent transparent}.tooltip_aid .textleft:after{content:" ";position:absolute;top:50%;left:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent transparent transparent #404b54}.tooltip_aid .textup:after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#404b54 transparent transparent transparent}.tooltip_aid:hover,.tooltip_aid:hover .textright,.tooltip_aid:hover .textleft,.tooltip_aid:hover .textup,.tooltip_aid:hover .textdown{visibility:visible}.page_block{background:#ffffff;box-shadow:0 1px 2px #404b5440,0 2px 8px #404b5440;border-radius:3px;margin:20px 0;padding:16px}@media (min-width: 992px){.page_block{margin:12px}}.page_block_narrow{background:#ffffff;box-shadow:0 1px 2px #404b5440,0 2px 8px #404b5440;border-radius:3px;margin:20px 0;padding:16px;min-height:200px}@media (min-width: 992px){.page_block_narrow{margin:10px 20px}}.small_page_block_square{background:#ffffff;box-shadow:0 1px 2px #404b5440,0 2px 8px #404b5440;border-radius:3px;margin:20px 10px;padding:10px;width:150px;height:150px;display:block}.content_container{padding:0}@media (min-width: 992px){.content_container{padding:0}}.tab_row{height:46px;background-color:#e6e9eb;margin:0 10px}.tab_inactive{font-weight:600;background-color:#e6e9eb;color:#8b9199;height:46px;text-align:center;font-size:18px;padding-top:10px}.tab_active{font-weight:600;background-color:#fff;color:#404b54;border-top-left-radius:3px;border-top-right-radius:3px;height:46px;text-align:center;font-size:18px;padding-top:10px}.secondary_tab_inactive{font-weight:400;color:#8b9199;text-align:center;font-size:15px;height:25px;margin-top:6px;min-width:20vw;cursor:pointer;background-color:#e6e9eb;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.secondary_tab_inactive{min-width:25vw}}.secondary_tab_active{font-weight:600;color:#404b54;text-align:center;font-size:15px;height:32px;min-width:20vw;background-color:#f2f4f5;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.secondary_tab_active{min-width:25vw}}.secondary_tab_disabled{font-weight:600;color:#ccc;text-align:center;font-size:16px;height:32px;min-width:100px;background-color:#e6e9eb;border-top-left-radius:10px;border-top-right-radius:10px}.sidebar{top:0;position:fixed;bottom:0;left:0;background:#162126;z-index:310;overflow-x:hidden;width:0}@media (min-width: 992px){.sidebar{width:60px}}.sidebar .toggleMenu{font-size:30px;margin:0 10px 0 20px;color:#fff;cursor:pointer;height:60px;padding-top:10px}.sidebar .profile_container{text-align:center;padding-top:10px}.sidebar .team_name{background-color:#6d9cff}.sidebar .profile{background:#0c151a;font-weight:600;font-size:14px;color:#fff;letter-spacing:0px;line-height:18px}.sidebar .profile .profile_pic{width:104px;height:104px;background:#fe857c;margin:0 auto 8px;text-align:center}.sidebar .profile .sub_text{color:#8b9199;font-weight:400}.sidebar .notification{background:#ea5c55;border-radius:100px;font-size:10px;color:#fff;line-height:10px;width:20px;height:14px}.sidebar .nav_bar{font-weight:400;letter-spacing:0px;position:relative}.sidebar .nav_tab_head{font-size:12px;color:#636c75;padding-top:16px;padding-bottom:8px;padding-left:24px}.sidebar .nav_tab_element{font-size:14px;color:#8b9199;width:100%;padding-top:15px;padding-bottom:15px;padding-left:18px}.sidebar .nav_tab_element:hover{background-color:#2c3e50}.sidebar .nav_tab_inactive{cursor:not-allowed}.sidebar .nav_tab_active{cursor:pointer}.sidebar .nav_tab_active:hover{color:#fff}.sidebar .nav_tab_selected{font-weight:600;background:#0c151a;border-left:4px solid #a46aee;color:#fff;cursor:auto!important}.sidebar .nav_icon_position{position:absolute;left:24px}.sidebar .nav_footer{position:absolute;bottom:100%}table{width:100%}.table_head{background:#ffffff;font-weight:700;font-size:14px;color:#404b54;letter-spacing:0px;line-height:18px;padding:7px 30px 7px 8px;border-radius:3px 3px 0 0;border-bottom:1px solid #bfc3c7}.table_head_active{cursor:pointer}.table_head_active:hover{background:#f2f4f5}.table_row{border-bottom:1px solid #e6e9eb;border-radius:3px}.table_row td{background:#ffffff;font-weight:400;font-size:14px;color:#404b54;letter-spacing:0px;line-height:18px;padding:2px 8px}.table_row_active{cursor:pointer}.table_row_active:hover{background:#f2f4f5}.table_pagination{margin-top:16px}.table_pagination td{background:#ffffff;font-weight:600;font-size:14px;color:#8b9199;letter-spacing:0px;line-height:18px;padding-top:24px;padding-bottom:6px}.table_pagination td .numeration{float:right;border:1px solid #e6e9eb;border-radius:3px;font-weight:600;font-size:14px;color:#404b54;letter-spacing:0px;line-height:18px;width:32px;height:32px;text-align:center;padding:6px}.tabbar_level1{background:#e6e9eb;height:48px;width:1200;margin-left:32px}.tabbar_level1 .tab_element{color:#8b9199;padding:15px 16px;font-weight:400;font-size:14px;letter-spacing:0px}.tabbar_level1 .tab_element .active{color:#404b54;border-bottom:4px solid #a46aee}.tabbar_level2{background:#e6e9eb;height:48px;width:1136px}.tabbar_level2 .tab_element{color:#8b9199;padding:15px 16px;font-weight:400;font-size:14px;letter-spacing:0px}.tabbar_level2 .tab_element .active{background:#ffffff;color:#404b54}.tabbar_level3{background:#ffffff;height:32px;width:1072px}.tabbar_level3 .tab_element{color:#8b9199;padding:7px 16px;font-weight:400;font-size:14px;letter-spacing:0px;line-height:18px}.tabbar_level3 .tab_element .active{color:#404b54;border-bottom:2px solid #a46aee}.default_titlebar{font-weight:400;font-size:14px;color:#8b9199;letter-spacing:0px;line-height:18px;height:48px;width:752px;margin-left:16px;padding-left:15px;padding-right:15px}.disabledBtn{opacity:.3;cursor:not-allowed}.ready{background:#4caf50;background:linear-gradient(#4caf50,#288e51);cursor:pointer;box-shadow:2px 2px 2px #00000040}.ready:hover{box-shadow:2px 2px 2px #00000080}.not_ready{background:#f34235;background:linear-gradient(#f34235,#c53227);cursor:pointer;box-shadow:2px 2px 2px #00000040}.not_ready:hover{box-shadow:2px 2px 2px #00000080}.new_version_container{background:#ea5c55;background:linear-gradient(to bottom,#ea5c55 0%,#a03b3b 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ea5c55",endColorstr="#a03b3b",GradientType=0);text-align:center;color:#fff;border-radius:0 0 10px 10px;margin:0 10%;min-height:40px;padding:12px 20px 10px;position:absolute;z-index:10;top:0;width:80%;box-shadow:2px 2px 2px #00000040;cursor:pointer;opacity:0;visibility:hidden}.new_version_container .new_version_title{font-size:24px;font-weight:700}.new_version_container .new_version_subtitle{font-size:18px;font-weight:400}.showReasonList{opacity:1;visibility:visible}.app_content_header{background-position:center top}@media (min-width: 992px){.app_content_header{top:60px;z-index:250}}.on_call{background:#ff9c00;background:linear-gradient(#ff9c00,#c87d08);cursor:default;box-shadow:2px 2px 2px #00000040}.error_icon{fill:#fff;width:20px;height:20px;margin-right:10px}.state_header_image_inactive{background-image:url(/assets/img/bg-inactive.png)}.state_header_image_active{background-image:url(/assets/img/bg-active.png)}.state_header_image_oncall{background-image:url(/assets/img/bg-oncall.png)}.agent_state_header{font-size:14px;height:0px}.connection_error{background:#ea5c55;background:linear-gradient(to bottom,#ea5c55 0%,#a03b3b 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ea5c55",endColorstr="#a03b3b",GradientType=0);border-radius:0 0 10px 10px;color:#fff;min-height:60px;margin:0 100px;overflow:hidden;padding:14px 10px 10px 20px;text-align:center;visibility:visible;font-size:16px;box-shadow:1px 4px 4px #00000040}@media (min-width: 992px){.states_in_call{top:-50px}}.states_container{margin-top:5px}@media (min-width: 992px){.states_container{position:relative;z-index:5}}.states_container .state_btn_enabled{cursor:pointer;opacity:1}.states_container .state_btn_disabled{cursor:not-allowed;opacity:.5}.states_container .state_display{margin:0 auto;text-align:center}.states_container .state_timer{font-weight:400;font-size:14px;color:#fff}.states_container .blocker{display:block;width:100%;height:90px;position:relative;z-index:5;top:-90px}.states_container .state_reasons_off{visibility:hidden;height:0px;opacity:0;left:200px;position:relative}.states_container .state_reasons_on{visibility:visible;height:auto;opacity:1;left:0;position:relative}@keyframes showReasonList{0%{opacity:0;left:200px}to{opacity:1;left:0}}.states_container .state_reasons_transition_in{position:relative;height:auto;-webkit-animation-name:showReasonList;-webkit-animation-duration:.2s;animation-name:showReasonList;animation-duration:.2s}@keyframes hideReasonList{0%{opacity:1;left:0}to{opacity:0;left:200px}}.states_container .state_reasons_transition_out{position:relative;height:auto;-webkit-animation-name:hideReasonList;-webkit-animation-duration:.2s;animation-name:hideReasonList;animation-duration:.2s}.states_container .state_reasons{display:block;background-clip:padding-box;background-color:#fff;border:1px solid #e1e1e1;border-radius:3px;box-shadow:0 2px 10px #00000040;margin-top:10px}.states_container .state_reasons ul{padding:10px 0;margin:0}.states_container .state_reasons ul li{display:block;list-style-type:none}.states_container .state_reasons ul li .reason_ready{color:#fff!important;background-color:#4caf50!important}.states_container .state_reasons ul li .reason_ready:hover{background-color:#288e51!important}.states_container .state_reasons ul li .reason{display:block;width:100%;padding:5px;color:#444;text-align:center;font-size:14px;background-color:#fff}.states_container .state_reasons ul li .reason:hover{background-color:#efefef}.states_container .state_full{transition:all 1s ease-out;width:100%;height:auto}.app_content_container{top:55px;z-index:210}.app_content_container_error{width:100%}@media (min-width: 992px){.app_content_container_error{top:240px;position:absolute;z-index:210}}@media (min-width: 992px){.agent{left:60px;right:0;position:absolute}}@media (min-width: 992px){.centered{top:0;left:0}}.tooltipBlock{background-color:#fff;border-radius:5px;box-shadow:2px 2px 2px #00000040;padding:5px;display:block;width:auto;color:#666;font-size:11px;position:absolute;z-index:1000}.accountContainer{position:relative;z-index:100;text-align:center}.accountContainer .account_wrapper{margin:0 auto;padding-bottom:20px;max-width:400px}.accountContainer .accountBox{border-radius:3px;padding:32px;box-shadow:2px 2px 5px #888;background-color:#fff}.accountContainer .accountBox .login_preloader{font-size:30px;overflow:hidden}.accountContainer .accountBox .login_correct{font-size:40px;overflow:hidden;color:#0f3}.accountContainer .accountBox .login_incorrect{font-size:40px;overflow:hidden;color:#f34235}.accountContainer .accountBox input{font-weight:400}.accountContainer .accountBox input[type=email]{margin-bottom:10px}.accountContainer .accountBox button{font-weight:400}.accountContainer .accountBox .forgot_password{margin-top:20px;font-weight:400}.accountContainer .accountBox .logout_title{font-size:32px;text-align:center;margin-bottom:25px;font-weight:700}.accountContainer .accountBox .logout_subtitle{font-size:16px;text-align:center;margin-top:20px;font-weight:400}.accountContainer .accountBox .btn_container{text-align:center;margin-top:80px;font-weight:400}.accountContainer .accountBox .btn_container .btn{border-radius:5px;text-align:center;cursor:pointer;vertical-align:middle;padding:8px;display:block;color:#fff;font-size:14px;width:200px;margin:0 auto}.accountContainer .accountBox .btn_container .logout_btn{background-color:#4caf50}.accountContainer .accountBox .accountMessage{color:#fff;text-align:center;margin-bottom:10px;border-radius:2px}.accountContainer .accountBox .accountMessageCollapsed{background-color:#fff;height:0px;padding:0}.accountContainer .accountBox .accountErrorExpanded{background-color:#f34235;height:100%;padding:10px;text-align:center;color:#fff;margin-bottom:10px;border-radius:5px}.accountContainer .accountBox .accountConfirmExpanded{background-color:#4caf50;height:100%;padding:10px}.accountContainer .errorMessage{color:#ea5c55;font-size:11px;font-weight:400}@media only screen and (max-width: 700px){.user-skills-mobile{display:none}.dashboard{padding-top:45px;padding-left:5px;height:calc(100vh - 5px);width:calc(100vw - 5px);overflow-y:auto}.dashboard .inner-dashboard{height:calc(100% - 40px);width:calc(100% - 10px);overflow-y:auto}.dashboard .skill-container{margin-top:20px}.dashboard .skill-container .fixed-title{width:120px;height:30px;position:fixed;margin-top:50px;text-align:center;font-size:12px}.dashboard .queue-container{display:none}.dashboard .queue-container2{margin-top:5px}.dashboard .masfondos{display:none}.dashboard .card{padding:10px;width:100%}.dashboard .card .card-body{padding:0}.dashboard .card .card-body select,.dashboard .card .card-body input{outline:none}.dashboard .card .card-body button{padding-left:5px}.dashboard .card .card-body button i{font-size:14px}.block_display{border:1px solid #dddddd;box-shadow:2px 2px 2px #00000040;background-color:#fff}.dashboard_header{color:#2a373e;background-color:#fff;height:40px;padding-top:4px;font-size:16px;font-weight:400}.separator{background-color:#ddd;width:100%;height:1px;margin:8px 0}.user_info_body{padding:10px;display:block;max-width:900px;color:#666}.profile_padding{padding-top:10px}.agent_contact,.agent_details{font-weight:400}.agent_email,.agent_extension{font-size:12px;color:#666;padding-right:5px;min-height:50px}.extnInput{border:1px solid #bfc3c7;width:100%}.extnInput_wrong{border:1px solid #ea5c55;width:100%}.extnSubmit{color:#fff;font-size:20px;margin-left:10px;background-color:#6eca63;width:32px;height:32px;text-align:center;border-radius:5px;cursor:pointer;display:inline-block;padding:4px}.extn_icon{fill:#fff;width:20px;height:20px;margin-top:2px}.ext_input{margin-left:5px}.ext_input input{height:32px;border-radius:3px;padding-left:10px}.ext_not_connected{color:#ea5c55;padding-top:7px}.ext_connected{color:#6eca63;padding-top:7px}.agent_email_icon{fill:#636c75;width:20px;height:20px}.agent_email_text{font-weight:400;color:#636c75;font-size:14px;margin-left:10px}.agent_softphone_title{font-size:12px;font-weight:700;color:#666}.agent_softphone_content{font-size:12px;color:#666}.agent_softphone_status{font-size:12px;color:#59bd09}.agent_softphione_icon{border:1px solid #999999;border-radius:5px;color:#666;display:inline-block;height:20px;margin-left:5px;padding:0 4px;width:20px}.team_title{font-weight:600;font-size:12px;color:#666}.team_content{font-size:12px;color:#666}.sectionTitle{font-size:15px;color:#999;padding-top:25px;display:flex;justify-content:space-between;align-items:center;font-weight:400}}@media only screen and (max-width: 700px) and (min-width: 992px){.sectionTitle{padding-top:5px}}@media only screen and (max-width: 700px){.skills{font-size:12px;color:#666;text-align:center}}@media only screen and (max-width: 700px){.percentage{font-weight:400;font-size:16px;position:relative;top:-80px}}@media only screen and (max-width: 700px){.skill_name{font-weight:400;font-size:11px;position:relative;top:-80px}}@media only screen and (max-width: 700px){.queue_header{text-align:center;color:#666;font-size:46px;padding-top:0}}@media only screen and (max-width: 700px){.queue_subheader{text-align:center;color:#666;font-size:13px;padding-top:0}}@media only screen and (max-width: 700px){.queue_name{text-align:center;color:#666;font-size:20px;padding:10px;text-transform:capitalize;margin-bottom:20px}}@media only screen and (max-width: 700px){.queue_body{padding-top:10px}}@media only screen and (max-width: 700px){.dark{background-color:#00a1cb;color:#fff;font-size:12px;padding:5px 10px}}@media only screen and (max-width: 700px){.light{background-color:#86d2e6;color:#fff;font-size:12px;padding:5px 10px}}@media only screen and (max-width: 700px){.activeNumbers{font-weight:700;font-size:12px;color:#666}}@media only screen and (min-width: 700px){.user-skills-mobile{display:block}.dashboard{padding-top:65px;padding-left:65px;height:calc(100vh - 5px);overflow-y:auto}.dashboard .inner-dashboard{height:100%;width:calc(100% - 10px)}.dashboard .skill-container{margin-top:20px}.dashboard .skill-container .fixed-title{width:120px;height:30px;position:fixed;margin-top:50px;text-align:center;font-size:12px}.dashboard .queue-container{margin-top:20px}.dashboard .queue-container .card{min-width:0px}.dashboard .queue-container .card .card-body{padding:5px;word-wrap:break-word}.dashboard .queue-container .card .card-body .qbox{height:50px;width:154px}.dashboard .queue-container2{display:none}.dashboard .card{padding:10px;margin:10px;min-width:250px}.dashboard .card .card-body{padding:0}.dashboard .card .card-body select,.dashboard .card .card-body input{outline:none}.dashboard .card .card-body button{padding-left:5px}.dashboard .card .card-body button i{font-size:14px}.block_display{border:1px solid #dddddd;box-shadow:2px 2px 2px #00000040;background-color:#fff}.dashboard_header{color:#2a373e;background-color:#fff;height:40px;padding-top:4px;font-size:16px;font-weight:400}.separator{background-color:#ddd;width:100%;height:1px;margin:8px 0}.user_info_body{padding:10px;display:block;max-width:900px;color:#666}.profile_padding{padding-top:10px}.agent_contact,.agent_details{font-weight:400}.agent_email,.agent_extension{font-size:12px;color:#666;padding-right:5px;min-height:50px}.extnInput{border:1px solid #bfc3c7;width:100%}.extnInput_wrong{border:1px solid #ea5c55;width:100%}.extnSubmit{color:#fff;font-size:20px;margin-left:10px;background-color:#6eca63;width:32px;height:32px;text-align:center;border-radius:5px;cursor:pointer;display:inline-block;padding:4px}.extn_icon{fill:#fff;width:20px;height:20px;margin-top:2px}.ext_input{margin-left:5px}.ext_input input{height:32px;border-radius:3px;padding-left:10px}.ext_not_connected{color:#ea5c55;padding-top:7px}.ext_connected{color:#6eca63;padding-top:7px}.agent_email_icon{fill:#636c75;width:20px;height:20px}.agent_email_text{font-weight:400;color:#636c75;font-size:14px;margin-left:10px}.agent_softphone_title{font-size:12px;font-weight:700;color:#666}.agent_softphone_content{font-size:12px;color:#666}.agent_softphone_status{font-size:12px;color:#59bd09}.agent_softphione_icon{border:1px solid #999999;border-radius:5px;color:#666;display:inline-block;height:20px;margin-left:5px;padding:0 4px;width:20px}.team_title{font-weight:600;font-size:12px;color:#666}.team_content{font-size:12px;color:#666}.sectionTitle{font-size:15px;color:#999;padding-top:25px;display:flex;justify-content:space-between;align-items:center;font-weight:400}}@media only screen and (min-width: 700px) and (min-width: 992px){.sectionTitle{padding-top:5px}}@media only screen and (min-width: 700px){.skills{font-size:12px;color:#666;text-align:center}}@media only screen and (min-width: 700px){.percentage{font-weight:400;font-size:16px;position:relative;top:-80px}}@media only screen and (min-width: 700px){.skill_name{font-weight:400;font-size:11px;position:relative;top:-80px}}@media only screen and (min-width: 700px){.queue_header{text-align:center;color:#666;font-size:46px;padding-top:0}}@media only screen and (min-width: 700px){.queue_subheader{text-align:center;color:#666;font-size:13px;padding-top:0}}@media only screen and (min-width: 700px){.queue_name{text-align:center;color:#666;font-size:20px;padding:10px;text-transform:capitalize;margin-bottom:20px}}@media only screen and (min-width: 700px){.queue_body{padding-top:10px}}@media only screen and (min-width: 700px){.dark{background-color:#00a1cb;color:#fff;font-size:12px;padding:5px 10px}}@media only screen and (min-width: 700px){.light{background-color:#86d2e6;color:#fff;font-size:12px;padding:5px 10px}}@media only screen and (min-width: 700px){.activeNumbers{font-weight:700;font-size:12px;color:#666}}@media (max-width: 1366px){.dashboard_header{color:#2a373e;background-color:#fff;height:40px;padding-left:0;padding-top:0;font-size:16px;margin-bottom:0;font-weight:400}}@media only screen and (max-width: 700px){.calls-container{display:none}.calls-container2{position:fixed;top:45px;left:5px;z-index:1;height:calc(100vh - 90px);width:calc(100% - 10px);overflow:auto}.calls-container2 .card{margin-top:5px}.calls-container2 app-dialer{width:100%}.calls-container2 app-dialer .dialer .card{padding:0;width:100%}.calls-container2 app-dialer .dialer .card .card-body{padding:0;width:100%}.calls-container2 app-dialer .dialer .card .card-body .display{font-size:12px;outline:none;height:120px;background-color:#fff;border:solid 1px #aaa;color:#555;padding:0;margin:0}.calls-container2 app-dialer .dialer .card .card-body .display i{cursor:pointer;font-size:22px;color:#000}.calls-container2 app-dialer .dialer .card .card-body .buttons i{font-size:21px}.calls-container2 app-dialer .dialer .card .card-body .buttons .button{height:40px;width:40px;border-radius:50%;font-weight:300;background-color:#f5f5f5;color:#000}.calls-container2 app-dialer .dialer .card .card-body .buttons .button .letters{position:absolute;margin-top:15px;font-size:9px;margin-left:-15px}.calls-container2 app-dialer .dialer .card .card-body .buttons .button:hover{background-color:#fff;color:#000;cursor:pointer}.calls-container2 app-dialer .dialer .card .card-body .buttons .button .button-text{font-size:8px}.dock,.dock-container{display:none}}@media only screen and (min-width: 700px){.calls-container2{display:none}.calls-container{position:fixed;top:65px;left:65px;z-index:1;width:calc(100vw - 95px);height:calc(100vh - 95px)}.calls-container .dialer{margin-left:10px;margin-bottom:5px;min-width:270px;max-width:270px}.calls-container .dialer .card{margin:0;padding:0}.calls-container .dialer .card .card-body{padding:0;min-width:270px}.calls-container .dialer .card .card-body .display{font-size:12px;outline:none;width:270px;height:108px;background-color:#fff;border:solid 1px #aaa;color:#555;padding:0;margin:0}.calls-container .dialer .card .card-body .display i{cursor:pointer;font-size:22px;color:#000}.calls-container .dialer .card .card-body .buttons i{font-size:21px}.calls-container .dialer .card .card-body .buttons .button{height:40px;width:40px;border-radius:50%;font-weight:300;background-color:#f5f5f5;color:#000}.calls-container .dialer .card .card-body .buttons .button .letters{position:absolute;margin-top:15px;font-size:9px;margin-left:-15px}.calls-container .dialer .card .card-body .buttons .button:hover{background-color:#fff;color:#000;cursor:pointer}.calls-container .dialer .card .card-body .buttons .button .button-text{font-size:8px}.dock-container{height:100vh;position:fixed;top:0;right:0;z-index:9999!important}.dock-container .dock{padding-top:5px;padding-bottom:5px;width:40px;border-radius:5px;position:fixed;right:-35px;z-index:9999!important;background-color:#707070;color:#000;border:solid thin #c5c5c5}.dock-container .dock i{margin:5px}.dock-container .dock:hover{right:0}.dock-container .dock:hover{background-color:#eaeaea}.call-history{width:270px;padding:0;margin-left:10px;margin-bottom:5px;font-size:12px}.call-history i{margin-top:2px;font-size:18px}.call-history .btn-sm{font-size:10px;border-radius:0;margin:2px}.call-history button .selected{background-color:#4f8f52}}.red-dot{height:10px;width:10px;background-color:red;border-radius:50%;display:inline-block}.green-dot{height:10px;width:10px;background-color:green;border-radius:50%;display:inline-block}.disabled-icon{color:gray!important;cursor:not-allowed;filter:grayscale(100%);opacity:.5;pointer-events:none}@media only screen and (max-width: 700px){.chat-iframe{background-color:#f5f5f5;position:fixed;top:45px;left:5px;z-index:1!important;width:calc(100vw - 10px);height:calc(100vh - 90px)}}@media only screen and (min-width: 700px){.chat-iframe{background-color:#f5f5f5;position:fixed;top:65px;left:65px;z-index:1!important;width:calc(100vw - 75px);height:calc(100vh - 75px)}}.app_content_chat{position:fixed;top:65px;left:65px;z-index:10000000000000000000!important;background-color:#fff;box-shadow:2px 2px 2px #00000040}.app_content_chat .chat_frame{width:100%;height:100%;padding:10px 10px 20px}.app_content_chat .chat_frame iframe{width:100%;height:100%;border:none}.attachmentBox{padding:5px;background-color:#fff;border-radius:5px;box-shadow:2px 2px 5px #ccc;border:1px #ffffff solid}.attachmentBox:hover{border:1px #dddddd solid}.markAsRead{text-align:right;font-weight:400;padding:2px;margin:5px;border-radius:10px;color:#636c75;cursor:pointer}.markAsRead:hover{color:#ea5c55}.social_client_icon{width:40px;height:40px;border:1px solid #bfc3c7;border-radius:50%;overflow:hidden;text-align:center}.save_draft_button{font-weight:400;background-color:#bfc3c7;padding:3px;font-size:14px;color:#fff;width:90%;text-align:center;border-radius:5px;height:26px;float:right;cursor:pointer}.save_draft_button:hover{background-color:#404b54}.history_block{background:#ffffff;padding:8px}.social_page_block{background:#ffffff;box-shadow:0 1px 2px #404b5440,0 2px 8px #404b5440;border-radius:3px;margin:10px 0;padding:8px}@media (max-width: 768px){.social_page_block{margin:0!important}}@media (min-width: 992px){.social_page_block{margin:4px 7px 10px 0}}.social_page_block_sub{height:88vh;overflow-y:auto}.social_page_block{height:100%}@media (max-width: 1366px){.social_page_block{margin-top:0;height:110%}}.social_page_block_div{margin-left:1%;padding-top:12px}@media screen and (orientation: portrait) and (max-width: 992px){.social_page_block_div{padding:14% 10px}}.panelClosed{right:-30%;transition:all .6s cubic-bezier(.165,.84,.44,1)}@media (max-width: 992px){.panelClosed{right:-40%!important}}@media (min-width: 1200px){.panelClosed{right:-25%!important}}@media (max-width: 768px){.panelClosed{right:-90%!important}}.panelOpen{right:-8px;transition:all .6s cubic-bezier(.165,.84,.44,1)}.social_sidePanel{position:fixed;top:60px;bottom:0;z-index:610;min-width:calc(30% - 15px);max-width:30%}@media (min-width: 1200px){.social_sidePanel{position:fixed;top:48px;bottom:0;z-index:610;min-width:calc(25% - 15px);max-width:25%}}@media (max-width: 992px){.social_sidePanel{min-width:calc(40% - 15px);max-width:40%}}@media (max-width: 768px){.social_sidePanel{min-width:calc(90% - 15px);max-width:90%;bottom:40px}}.social_sidePanel .social_sidePanel_handle{display:flex;align-items:center;justify-content:flex-end}.social_sidePanel .social_sidePanel_handle .socialHandle i{color:#000;opacity:.8;cursor:pointer;font-size:24px;margin-right:10px}.social_sidePanel .social_sidePanel_handle .socialHandle i:hover{opacity:1}.social_sidePanel .social_sidePanel_handle .sidebarNotOpen{position:absolute;left:-50px;top:64px}.social_sidePanel .social_block_chat .socialHandle{background:white}@media (max-width: 992px){.social_sidePanel .social_sidePanel_content{height:100%}}@media (min-width: 992px){.social_sidePanel .social_sidePanel_content{height:100%;width:100%;float:right;border-bottom-left-radius:5px;overflow-y:unset}}.disposition_entry{color:#fff;font-size:12px;font-weight:400;padding:5px;text-align:center;border-radius:10px;margin:10px auto 20px;width:90%}.agent_comment_panel textarea{font-weight:400;font-size:12px;width:100%;border:2px solid #dddddd;resize:none;border-radius:10px;outline:0;height:120px}.queue_transfer_pointer{padding:0 5px;width:60%;text-align:center;color:#a46aee}.social_history_disposition{color:#fff;font-size:11px;text-align:center;padding:5px;line-height:11px;border-radius:5px;margin:5px 0}.entry_twitter{border-left-color:#2da1f2}.entry_facebook{border-left-color:#4267b2}.background_twitter{background-color:#2da1f2}.background_facebook{background-color:#4267b2}.social_refresh{cursor:pointer}.social_refresh:hover{color:#000}.socialTitle{font-size:15px;color:#999;padding-top:5px;font-weight:400}.socialSubtitle{font-size:11px;color:#999;font-weight:400;padding-top:6px;padding-left:5px}.social_filter{cursor:pointer;-webkit-user-select:none;user-select:none;color:#252424}.social_filter .icon{opacity:.8}.social_filter .icon:hover{opacity:1}.reply_button{height:26px!important;float:right}.social_queue_svgIcon{width:16px;height:16px}.social_interaction_history_svgIcon{width:30px;height:30px}.social_history_svgIcon{width:16px;height:16px;fill:#fff}.profile_icon{font-size:12px;text-align:center;padding-top:3px;border-radius:50%;width:18px;height:18px;margin-right:5px;color:#fff}.twitter{fill:#2da1f2}.facebook{fill:#4267b2}.comment{fill:#2a373e}.content_box_initial{width:calc(100% - 50px)}.content_box_history{width:calc(100% - 35px)}.reply_button_svg{width:30px;height:30px;margin:10px 0 0 10px;cursor:pointer;fill:#a46aee}.reply_button_svg:hover{fill:#bfc3c7}.history_table_filter{margin:30px 0 20px;font-weight:400;font-size:14px}.filter_lables{text-align:right}.filter_lables select{background-color:#bfc3c7;background-repeat:no-repeat;color:#fff;text-align:left;border:1px solid #bfc3c7;border-radius:3px;height:26px;width:90%}.thread_history_info_title{font-size:11px;font-weight:700}.thread_history_info{font-size:11px;font-weight:400;margin-left:4px}.thread_history_info__label{width:calc(100% - 90px);padding-left:1%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.contact_profile_popup .popup_field_title{font-size:12px;text-align:left;border-radius:50%;width:60px;height:30px;margin:0 5px 0 20px;color:#404b54;text-align:right;font-weight:700;padding-top:12px}.contact_profile_popup .popup_field_input{width:calc(100% - 100px)}.contact_profile_popup .popup_field_input input{font-size:12px;font-weight:400;height:26px;width:100%;border:1px solid #e6e9eb;margin:4px;padding:4px;border-radius:2px}.contact_profile_popup .popup_field_input input:disabled{border:1px solid #f2f4f5}.contact_profile_popup .saveDetails{font-weight:400;background-color:#bfc3c7;padding:6px 3px 3px;font-size:14px;color:#fff;width:100px;text-align:center;border-radius:10px;height:34px;cursor:pointer}.contact_profile_popup .saveDetails:hover{background-color:#404b54}.dispositions_container{overflow-y:auto;max-height:200px}.disposition_button{min-height:30px;padding:5px;border-radius:5px;text-align:center;color:#fff;margin:5px 0;cursor:pointer}.disposition_control_button{min-height:30px;padding:5px;border-radius:5px;text-align:center;color:#fff;cursor:pointer}.queueTransfer_button{min-height:30px;padding:5px;border-radius:5px;text-align:center;color:#0c151a;cursor:pointer;background-color:#f2f4f5}.thread_entry_size{border-radius:50%;width:21px;height:21px;font-weight:600;font-size:10px;color:#fff;margin-left:10px;text-align:center;line-height:21px}.interaction_secondLevel{width:95%;float:right;border-left-style:solid;border-left-width:1px;border-left-color:#a46aee}.thread_history_container{overflow-y:auto;padding:0}.contact_profile{cursor:pointer}.contact_profile .social_contact_info{margin-top:15px}.contact_error{color:#ea5c55}.contact_error .social_contact_info{margin-top:15px}.messageHeaderExcerpt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:44%;margin:2px 0 0 10px}.thread_activity{font-weight:400;color:#2a373e;margin:3px 5px 0 3px;font-size:12px}.thread_activity .content_circle{background-image:url(/assets/img/horizontal-line.png);background-repeat:repeat-x;background-attachment:fixed;background-position:0px 35px}.thread_activity .content_circle .type_circle{border-radius:50%;width:40px;height:40px;text-align:center;font-size:14px;border:1px solid #bfc3c7}@media (max-width: 1366px){.thread_activity .content_circle .type_circle{width:24px;height:24px}.thread_activity .content_circle .type_circle img{width:22px}}.thread_activity .content_box_read{box-shadow:2px 2px 2px #00000040;cursor:default;margin:5px 0}.thread_activity .content_box_unread{box-shadow:0 0 8px 2px #eb5c54cc;cursor:pointer}.thread_activity .content_box{padding:10px 5px;border-radius:3px;width:calc(100% - 50px)}.thread_activity .content_box .content_text{padding:0 10px}.thread_activity .content_box .content_arrow{width:10%;padding-right:10px;font-size:20px;cursor:pointer;color:#636c75}.thread_activity .content_box .content_arrow:hover{color:#43276f}.thread_activity .entry_date{font-size:10px;font-style:italic;margin-top:10px;color:#666;padding-left:10px}.thread_activity .reply_txt_btn{font-size:11px;margin-top:10px;margin-right:10px;color:#a46aee;cursor:pointer}.thread_activity .agent_comment{background-color:#bfc3c7}.thread_activity .agent_interaction{background-color:#e6e9eb}.thread_activity .client_interaction{background-color:#f2f4f5}.thread_activity .error_interaction{background-color:#ea5c55;color:#fff}.thread_activity .entry_text_header{font-weight:700;color:#0c151a;font-size:14px;display:block}.queueActionContainer{overflow-y:auto}.social_queue_entry{cursor:pointer;background-color:transparent}.social_queue_entry:hover{background-color:#f2f4f5}.social_queue_entry .queue_contact_name{font-weight:600;font-size:14px}.social_queue_entry .thread_entry_name{font-weight:600;color:#0c151a;font-size:12px;width:calc(100% - 30px)}.social_queue_entry .queue_contact_date{font-weight:400;font-size:10px}.social_queue_entry .social_icon{font-size:11px;padding:0 1px}.selected_entry{border-left-width:4px;border-left-style:solid;border-left-color:#a46aee;padding-left:10px;background-color:#f5f5f5}.active_title{cursor:pointer;background-color:transparent}.active_title:hover{background-color:#fff}.panel_title{font-weight:600;font-size:14px;text-align:center}.panel_container{width:134px;float:right}.panel_container .panel_body{background-color:#bfc3c7;border-radius:3px;padding:3px 10px}.panel_container .panel_body .panel_type{cursor:pointer;color:#fff;font-size:26px;margin:3px}.panel_container .panel_body .panel_type:hover{color:#f2f4f5}.thread_info{margin:10px 0}.reply_panel_textfield textarea{font-weight:400;font-size:12px;border:2px solid #dddddd;resize:none;border-radius:10px;outline:0;width:100%}.reply_length_indicator{font-weight:400;font-size:11px;margin-bottom:10px}.panel_controls select{border:1px solid #bfc3c7;text-align:left;border-radius:3px;height:26px;width:90%;width:125px;background-color:#fff;color:#636c75;outline:none}@media (max-width: 1366px){.thread_activity .content_circle .type_circle{width:24px;height:24px}.thread_activity .content_circle .type_circle img{width:22px}.thread_activity .content_box_read{box-shadow:2px 2px 2px #00000040;cursor:default;margin:5px 0}.thread_activity .content_box_unread{box-shadow:0 0 8px 2px #eb5c54cc;cursor:pointer}.thread_activity .content_box{padding:10px 5px;border-radius:3px;width:calc(100% - 50px)}.thread_activity .content_box .content_text{padding:0 10px}.thread_activity .content_box .content_arrow{width:10%;padding-right:10px;font-size:20px;cursor:pointer;color:#636c75}.thread_activity .content_box .content_arrow:hover{color:#43276f}.thread_activity .entry_date{font-size:10px;font-style:italic;margin-top:10px;color:#666;padding-left:10px}.thread_activity .reply_txt_btn{font-size:11px;margin-top:10px;margin-right:10px;color:#a46aee;cursor:pointer}.thread_activity .agent_comment{background-color:#bfc3c7}.thread_activity .agent_interaction{background-color:#e6e9eb}.thread_activity .client_interaction{background-color:#f2f4f5}.thread_activity .error_interaction{background-color:#ea5c55;color:#fff}.thread_activity .entry_text_header{font-weight:700;color:#0c151a;font-size:14px;display:block}}.social-conversation_first-element_spacer{margin-top:10px}@media (max-width: 1366px){.social-conversation_first-element_spacer{margin-top:0}}@media (max-width: 1366px){.social_container .separator{display:none}}@media (max-width: 1366px){.social_container .fileSelector{margin-top:0;padding-top:0}}@media (max-width: 1366px){.social_container .markAsRead{margin:0 30px 0 0;padding:0;font-size:11px}}@media (max-width: 1366px){.social_container .email_attachment_ui{margin-top:0}}@media (max-width: 1366px){.social_container .attachment_iconSize_small{font-size:20px}}.email_pagination_button_container{margin:20px 0 30px;text-align:center;width:100%;border-bottom:1px solid #eaeaea}.email_pagination_button_container_hide{display:none;border:0px}.chat_vertical_seperator{height:100vh;padding:0 3px;border-right:1px solid #bfc3c7}@media (max-width: 1366px){.chat_vertical_seperator{display:none}}.meta_delivered{color:#44abff}.message-container{display:flex;flex-direction:column;background-color:#bfc3c7}.top{display:flex;align-items:center}.top .entry_date{margin-left:auto;padding-right:10px}.email_client_icon{width:40px;height:40px;border:1px solid #bfc3c7;border-radius:50%;overflow:hidden;text-align:center;margin-right:10px}.email_client_icon_history{width:30px;height:30px;border:1px solid #bfc3c7;border-radius:50%;overflow:hidden;text-align:center;margin-top:5px;float:left}.email_client_type_history{text-align:center;padding-top:10px;padding-left:5px;float:left}.email_error{background-color:#ea5c55;margin:0 0 10px;border-radius:10px;color:#fff;padding:20px 5px}.email_info{padding:10px 0 0;width:calc(100% - 120px)}.email_contact_date{padding-top:15px;font-size:10px}.email_reply_button{min-height:30px;padding:5px;border-radius:5px;text-align:center;color:#fff;min-width:60px;cursor:pointer}.reply_container{margin-top:10px}.reply_panel_WYSIWYG{padding:0!important}.email_reply_controls{margin-top:10px}.email_reply_controls input{width:100%;font-size:11px}.email_reply_controls .field_titles{font-size:11px}.email_read{box-shadow:2px 2px 2px #00000040;cursor:default}.email_unread{box-shadow:0 0 2px 1px #eb5c5466;cursor:pointer}.email_agent_interaction{background-color:#d3d3e2}.email_interaction{background-color:#f8f8f8;border:#e6e9eb solid 1px}.email_content_box{padding:10px 5px;border-radius:3px;width:100%}.email_content_box .content_text{width:100%;padding-left:10px;padding-right:10px;text-align:justify}.email_content_box .content_text img{width:100%}.entry_date{font-size:10px;font-style:italic;margin-top:10px}.reply_txt_btn{font-size:11px;margin-top:10px;margin-right:10px;color:#a46aee;cursor:pointer}.agent_comment{background-color:#bfc3c7}.email_block_header_unread{background-color:#e6e9eb}.email_block_header{background-color:#bfc3c7}.email_agent_comment_header{background-color:#8a89a6}.email_header_reply{margin-left:10px;margin-top:8px}.email_header_date{margin-right:10px;text-align:right}.send_direct_email{font-weight:600;font-weight:700;color:#fff;font-size:13px;margin-top:10px;text-align:center;height:40px;border-radius:20px;padding-top:8px;cursor:pointer;width:80%;float:right;background-color:#a46aee}.send_direct_email:hover{background-color:#43276f}.email_send_error{font-weight:600;color:#fff;background-color:#ea5c55;text-align:center;padding:5px;font-size:14px}.compose_email_field .halfWidth{width:calc(50% - 20px)}.compose_email_field .fullWidth{width:100%}.compose_email_field input,.compose_email_field select{font-weight:400;width:100%;height:30px;margin:5px 0;padding:2px}.compose_email_field textarea{font-weight:400;width:100%;height:100px;padding:2px}.email_info{width:100%}.email_info .email_thread_entry_name{font-weight:600;font-weight:700;color:#0c151a;font-size:12px;width:100%;padding-left:10px}.email_info .email_thread_entry_body{font-weight:400;color:#0c151a;font-size:12px;margin-top:20px;width:100%;overflow-x:auto;padding-right:10px;padding-left:10px;text-align:justify}.attachment_iconSize{font-size:40px;margin-right:15px;width:60px;cursor:pointer;position:relative;z-index:0}.attachment_iconSize_small{font-size:30px;margin-right:15px;width:60px;position:relative;z-index:0}.attachment_needs_download{font-size:20px;position:relative;z-index:1;top:-30px;left:20px;width:20px;height:20px}.attachment_ready_download{font-size:20px;position:relative;z-index:1;top:-22px;left:20px;width:20px;height:20px;color:#6eca63}.delete_uploaded_attachment{font-size:20px;position:relative;z-index:1;top:-22px;left:20px;width:20px;height:20px;color:#ea5c55;cursor:pointer}.attachment_fileName{font-size:10px;width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fileSelector{padding-top:0}.fileSelector label{display:none}.email_attachment_ui{background-color:#f5f5f5;margin-top:3px;padding:5px 0}.email-container .nav-tabs{border-bottom:none}.email-container .conversations{height:calc(100vh - 110px);background-color:#222;margin:2px;overflow-y:auto}.email-container .card{min-height:0px;padding:0;background-color:#111;color:#fff;border-radius:0;margin-top:2px}.email-container .card:hover{background-color:#fff;color:#000;cursor:pointer}.error_wrapper{padding-top:100px;padding-bottom:50px;text-align:center;width:100%}.error_wrapper .error_container{border-radius:5px;box-shadow:2px 2px 5px #888;background-color:#fff;max-width:600px;margin:0 auto}.error_wrapper .error_retry{cursor:pointer;color:#666}.error_wrapper .error_retry:hover{color:#ccc}.message{font-size:14px;font-family:OpenSans;font-weight:400;text-align:center;padding-top:30px}@media (min-width: 992px){.message{font-size:18px}}.controls{margin-top:50px}.controls .btn{border-radius:5px;text-align:center;cursor:pointer;vertical-align:middle;padding:8px;display:inline-block;color:#fff;font-size:14px;font-weight:400}@media (min-width: 992px){.controls .btn{font-size:18px}}.controls .logout_btn{background-color:#f34235}.controls .resume_btn{background-color:#4caf50}.popup_global_container{background:#ffffff;box-shadow:0 1px 2px #404b541a,0 2px 8px #404b541a;border-radius:3px;margin:20px 0;padding:10px}@media (min-width: 992px){.popup_global_container{margin:10px}}.popup_sectionTitle{float:left;width:150px;font-weight:700;padding-top:5px}.popup_sectionContent{float:left;padding-top:5px}.popup_sectionContent input{height:25px;border:1px solid #666;padding-left:5px;width:70%}.popup_editBtn{margin-top:20px;border-radius:5px;text-align:center;cursor:pointer;vertical-align:middle;padding:8px;display:inline-block;color:#fff;font-size:14px;background-color:#4caf50}.popup_editBtn_disabled{margin-top:20px;border-radius:5px;text-align:center;cursor:pointer;vertical-align:middle;padding:8px;display:inline-block;color:#fff;font-size:14px;background-color:gray}.passW{background-color:#4caf50}.popup_container{position:absolute;z-index:1000;display:block}.popup_container .popup_hidden{visibility:hidden}.popup_container .popup_visible{visibility:visible}.popup_container .popup_overlay{background-color:#0006;inset:0;position:fixed;z-index:3!important;width:100vw;height:100vh}.popup_container .closeIcon{font-size:20px;cursor:pointer;text-align:right}.popup_container .popup_content{position:fixed;overflow-y:hidden;z-index:3;margin-top:70px}.popup_container .password_popup_content{padding:5;z-index:1200;float:right}.popup_container .popup_close_btn{width:24px;height:24px;position:absolute;top:0;right:0;background-color:#fff;border-radius:100%}.incoming_call_content{background-color:#0c151a;border-radius:3px;position:fixed;top:5px;right:5px;text-align:center;box-shadow:2px 2px 2px #00000040;z-index:610;display:block}.incoming_call_content .message_header{font-size:16px;text-align:left;color:#fff;font-weight:400}@media (min-width: 992px){.incoming_call_content .message_header{font-size:21px}}.incoming_call_content .phoneNumber{font-size:32px;text-align:left;color:#fff;font-weight:400}.incoming_call_content .callerName,.incoming_call_content .extraMessage{font-size:14px;text-align:left;color:#636c75;font-weight:400}.incoming_call_content .callControll{margin-top:20px}.incoming_call_content .callControll .call_controls{fill:#fff;width:36px;height:36px}.incoming_call_content .callControll .callButton{border-radius:50%;width:56px;height:56px;color:#fff;font-size:40px;padding:5px 10px 10px;display:block;cursor:pointer}.incoming_call_content .callControll .callButton:hover{box-shadow:0 2px 10px #00000040}.incoming_call_content .callControll .answer{background-color:#6eca63}.incoming_call_content .callControll .reject{background-color:#ea5c55}@media only screen and (max-width: 700px){.login-container{width:100%;height:100%;position:fixed}.login-container img{max-height:50px;max-width:200px}.login-container .card{font-size:14px;font-weight:300;width:calc(100% - 50px);border:solid thin #cacaca}.login-container .btn{font-weight:300}}@media only screen and (min-width: 700px){.login-container{width:100%;height:100%;position:fixed}.login-container img{max-height:100px;max-width:300px}.login-container .card{font-size:14px;font-weight:300;width:450px;border:solid thin #cacaca}.login-container .btn{font-weight:300}}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f4f4f4}.table-hover>tbody>tr{cursor:pointer}.table-hover>tbody>tr.selected{background-color:#f1f1f1}tr.table-hover-row:hover{background:whitesmoke;cursor:pointer}.report_submit_button{font-weight:400;padding:3px;font-size:14px;width:100px;text-align:center;border-radius:5px;height:31px;float:right;cursor:pointer;border:none}.report_submit_button:disabled{background-color:#dbdee0;cursor:wait}.report_submit_button.stop-btn:disabled{cursor:not-allowed}#report-table tr{height:30px}.report-no-content-message{display:flex;width:100%;height:300px;justify-content:center;align-items:center}::ng-deep .mat-tab-body-content{height:auto!important}.mat-mdc-tab-body-wrapper{display:block!important}#payment-box button:disabled{background-color:#bdbdbd;cursor:not-allowed}#payment-box .valid{box-shadow:0 0 5px #dcedc8}#payment-box .valid *{border-color:#c5e1a5!important}#payment-box .invalid{box-shadow:0 0 5px #ffcdd2}#payment-box .invalid *{border-color:#ef9a9a!important}#resizableVideo{position:absolute;z-index:100000000;width:500px;resize:both}#resizableVideo #remoteVideo{top:0;left:0;width:100%;z-index:-1;border-radius:10px;overflow:hidden;box-shadow:0 0 8px -1px #00000080}#resizableVideo #localVideoWrapper{position:absolute;right:10px;bottom:13px;transition-duration:.1s}#resizableVideo #localVideoWrapper #localVideo{width:130px;box-shadow:0 0 8px -1px #00000080;border-radius:10px}#resizableVideo #localVideoWrapper .pause-cover{width:100%;height:calc(100% - 4px);position:absolute;top:0;left:0;border-radius:10px;background-color:#455a64;opacity:.9;display:flex;justify-content:center;align-items:center;color:#fff}#resizableVideo #localVideoWrapper .pause-cover i{width:20px}#resizableVideo .pause-cover-remote{width:100%;height:calc(100% - 4px);position:absolute;top:0;left:0;border-radius:10px;background-color:#455a64;opacity:.9;display:flex;justify-content:center;align-items:center;color:#fff}#resizableVideo .pause-cover-remote i{width:20px}#actions{position:absolute;bottom:13px;left:10px;width:calc(100% - 20px);display:flex;flex-direction:row}#actions .action{cursor:pointer;background-color:#e0e0e066;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:50%}#actions .action.enable{background-color:#fff;color:#37474f}#resizableVideo:hover{cursor:grab}#resizableVideo .resizer-right{width:5px;height:100%;background:transparent;position:absolute;right:0;bottom:0;cursor:e-resize;z-index:1000000000}#resizableVideo .resizer-bottom{width:100%;height:5px;background:transparent;position:absolute;right:0;bottom:0;cursor:n-resize;z-index:1000000000}#resizableVideo .resizer-both{width:10px;height:10px;background:transparent;position:absolute;right:0;bottom:0;cursor:nw-resize;z-index:1000000000}.recorder_wrapper{margin-left:8px;width:280px;height:110px;display:flex;padding:5px;flex-direction:column;align-items:center;justify-content:center;border:solid thin #cacaca;border-radius:8px}.timer_wrapper{width:100%;display:flex;align-content:center;justify-content:center;align-items:center;border-bottom:solid thin #cacaca;padding:0}.timer_icon{font-size:16px}.record_info{margin-left:6px;font-size:12px}.control_wrapper{margin:5px 0;width:110px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.record_idle{background-color:#2e8b57}.record_audio{height:25px;width:100%;text-align:center}.record_disabled{background-color:#bebebed5;cursor:not-allowed}.icon_disabled{cursor:not-allowed!important}.record_control{border:none;color:#fff;border-radius:50%;padding:3px;width:30px;height:30px}button.record_control:focus{background-color:red;outline:none}button.record_idle:hover{background-color:red}.record_rec{background-color:red;animation-name:pulse;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes pulse{0%{box-shadow:0 0 1px #ad00004d}65%{box-shadow:0 0 2px 7px #ad00004d}90%{box-shadow:0 0 5px 11px #ad000000}}.app-container{height:auto;min-height:100%;width:100%}div.mat-mdc-paginator-container{padding:0;margin:0;min-height:0px}div.mat-mdc-paginator-range-label{margin:0}@media only screen and (max-width: 700px){::-webkit-scrollbar{width:0px;background-color:transparent;color:transparent}.app-navbar{display:block;position:fixed;bottom:0;left:0;width:100vw;height:40px;border-top:solid thin #aaaaaa;background-color:#ccc;color:#000;font-size:20px;z-index:1!important}.app-navbar .nav-item{padding-top:5px;width:100%;text-align:center;cursor:pointer}}@media only screen and (min-width: 700px){.app-navbar{display:none}.app-navbar .nav-item{display:none;width:100%;text-align:center;cursor:pointer}}:root{color-scheme:unset!important}.iframe-wrapper{position:absolute;height:calc(100vh - 70px);width:calc(100vw - 70px);top:65px;left:65px}.iframe-wrapper iframe{width:100%;height:100%;border:solid thin black}.rounded{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:2px}.status-optimal{background-color:#8cd47e}.status-warning{background-color:#ffb54c}.status-down{background-color:#ff6961}.status-text-optimal{color:#8cd47e!important}.status-text-warning{color:#ffb54c!important}.status-text-down{color:#ff6961!important}.status-container{background-color:#fff;border-radius:3px;padding:3px;font-size:12px;color:#555}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:16px;display:inline-block;color:#222427;border:1px solid #d9d9d9;border-radius:5px;background:#fff}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #d9d9d9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.emoji-mart-anchors{display:flex;flex-direction:row;justify-content:space-between;padding:0 6px;line-height:0}.emoji-mart-anchor{position:relative;display:block;flex:1 1 auto;color:#858585;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;margin:0;box-shadow:none;background:none;border:none}.emoji-mart-anchor:focus{outline:0}.emoji-mart-anchor:hover,.emoji-mart-anchor:focus,.emoji-mart-anchor-selected{color:#464646}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:0}.emoji-mart-anchor-bar{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#464646}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg,.emoji-mart-anchors img{fill:currentColor;height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;padding:0 6px 6px;will-change:transform}.emoji-mart-search{margin-top:6px;padding:0 6px;position:relative}.emoji-mart-search input{font-size:16px;display:block;width:100%;padding:5px 25px 6px 10px;border-radius:5px;border:1px solid #d9d9d9;outline:0}.emoji-mart-search input,.emoji-mart-search input::-webkit-search-decoration,.emoji-mart-search input::-webkit-search-cancel-button,.emoji-mart-search input::-webkit-search-results-button,.emoji-mart-search input::-webkit-search-results-decoration{-webkit-appearance:none}.emoji-mart-search-icon{position:absolute;top:3px;right:11px;z-index:2;padding:2px 5px 1px;border:none;background:none}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center;cursor:default}.emoji-mart-category .emoji-mart-emoji:hover:before{z-index:0;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f4f4f4;border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background-color:#fff;background-color:#fffffff2}.emoji-mart-category-list{margin:0;padding:0}.emoji-mart-category-list li{list-style:none;margin:0;padding:0;display:inline-block}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0;margin:0;padding:0;border:none;background:none;box-shadow:none}.emoji-mart-emoji-native{font-family:"Segoe UI Emoji",Segoe UI Symbol,Segoe UI,"Apple Color Emoji",Twemoji Mozilla,"Noto Color Emoji","Android Emoji"}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#858585}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover:before{content:none}.emoji-mart-preview{position:relative;height:70px}.emoji-mart-preview-emoji,.emoji-mart-preview-data,.emoji-mart-preview-skins{position:absolute;top:50%;transform:translateY(-50%)}.emoji-mart-preview-emoji{left:12px}.emoji-mart-preview-data{left:68px;right:12px;word-break:break-all}.emoji-mart-preview-skins{right:30px;text-align:right}.emoji-mart-preview-skins.custom{right:10px;text-align:right}.emoji-mart-preview-name{font-size:14px}.emoji-mart-preview-shortname{font-size:12px;color:#888}.emoji-mart-preview-shortname+.emoji-mart-preview-shortname,.emoji-mart-preview-shortname+.emoji-mart-preview-emoticon,.emoji-mart-preview-emoticon+.emoji-mart-preview-emoticon{margin-left:.5em}.emoji-mart-preview-emoticon{font-size:11px;color:#bbb}.emoji-mart-title span{display:inline-block;vertical-align:middle}.emoji-mart-title .emoji-mart-emoji{padding:0}.emoji-mart-title-label{color:#999a9c;font-size:26px;font-weight:300}.emoji-mart-skin-swatches{font-size:0;padding:2px 0;border:1px solid #d9d9d9;border-radius:12px;background-color:#fff}.emoji-mart-skin-swatches.custom{font-size:0;border:none;background-color:#fff}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch{width:16px;padding:0 2px}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after{opacity:.75}.emoji-mart-skin-swatch{display:inline-block;width:0;vertical-align:middle;transition-property:width,padding;transition-duration:.125s;transition-timing-function:ease-out}.emoji-mart-skin-swatch:nth-child(1){transition-delay:0s}.emoji-mart-skin-swatch:nth-child(2){transition-delay:.03s}.emoji-mart-skin-swatch:nth-child(3){transition-delay:.06s}.emoji-mart-skin-swatch:nth-child(4){transition-delay:.09s}.emoji-mart-skin-swatch:nth-child(5){transition-delay:.12s}.emoji-mart-skin-swatch:nth-child(6){transition-delay:.15s}.emoji-mart-skin-swatch.selected{position:relative;width:16px;padding:0 2px}.emoji-mart-skin-swatch.selected:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background-color:#fff;border-radius:100%;pointer-events:none;opacity:0;transition:opacity .2s ease-out}.emoji-mart-skin-swatch.custom{display:inline-block;width:0;height:38px;overflow:hidden;vertical-align:middle;transition-property:width,height;transition-duration:.125s;transition-timing-function:ease-out;cursor:default}.emoji-mart-skin-swatch.custom.selected{position:relative;width:36px;height:38px;padding:0 2px 0 0}.emoji-mart-skin-swatch.custom.selected:after{content:"";width:0;height:0}.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover{background-color:#f4f4f4;border-radius:10%}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom{width:36px;height:38px;padding:0 2px 0 0}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after{opacity:.75}.emoji-mart-skin-text.opened{display:inline-block;vertical-align:middle;text-align:left;color:#888;font-size:11px;padding:5px 2px;width:95px;height:40px;border-radius:10%;background-color:#fff}.emoji-mart-skin{display:inline-block;width:100%;padding-top:100%;max-width:12px;border-radius:100%}.emoji-mart-skin-tone-1{background-color:#ffc93a}.emoji-mart-skin-tone-2{background-color:#fadcbc}.emoji-mart-skin-tone-3{background-color:#e0bb95}.emoji-mart-skin-tone-4{background-color:#bf8f68}.emoji-mart-skin-tone-5{background-color:#9b643d}.emoji-mart-skin-tone-6{background-color:#594539}.emoji-mart-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.emoji-mart-dark{color:#fff;border-color:#555453;background-color:#222}.emoji-mart-dark .emoji-mart-bar{border-color:#555453}.emoji-mart-dark .emoji-mart-search input{color:#fff;border-color:#555453;background-color:#2f2f2f}.emoji-mart-dark .emoji-mart-search-icon svg{fill:#fff}.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before{background-color:#444}.emoji-mart-dark .emoji-mart-category-label span{background-color:#222;color:#fff}.emoji-mart-dark .emoji-mart-skin-swatches{border-color:#555453;background-color:#222}.emoji-mart-dark .emoji-mart-anchor:hover,.emoji-mart-dark .emoji-mart-anchor:focus,.emoji-mart-dark .emoji-mart-anchor-selected{color:#bfbfbf}