/* Minification failed. Returning unminified contents.
(4471,1): run-time error CSS1060: Expected closing curly-brace, found '0transform'
(4472,1): run-time error CSS1019: Unexpected token, found '}'
(4474,1): run-time error CSS1019: Unexpected token, found '100%'
(4474,6): run-time error CSS1019: Unexpected token, found '{'
(4475,18): run-time error CSS1030: Expected identifier, found '360deg'
(4475,24): run-time error CSS1031: Expected selector, found ')'
(4475,24): run-time error CSS1025: Expected comma or open brace, found ')'
(4476,1): run-time error CSS1019: Unexpected token, found '}'
(4477,1): run-time error CSS1019: Unexpected token, found '}'
(9375,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9385,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9406,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9416,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9437,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9447,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9468,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9514,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13907,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13922,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14007,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14019,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16563,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16587,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(16588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16599,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16600,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16611,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(16612,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18049,40): run-time error CSS1034: Expected closing parenthesis, found ','
(18049,40): run-time error CSS1042: Expected function, found ','
(18049,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(18819,30): run-time error CSS1038: Expected hex color, found '#6666'
(18825,30): run-time error CSS1038: Expected hex color, found '#6666'
(18830,30): run-time error CSS1038: Expected hex color, found '#6666'
(18886,30): run-time error CSS1038: Expected hex color, found '#6666'
(19475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19481,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-500'
(19485,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-300'
(19489,25): run-time error CSS1039: Token not allowed after unary operator: '-blue-300'
(19502,25): run-time error CSS1039: Token not allowed after unary operator: '-blue-300'
(19698,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20144,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20445,1): run-time error CSS1019: Unexpected token, found '}'
(20459,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20460,8): run-time error CSS1035: Expected colon, found '{'
(21078,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22924,25): run-time error CSS1046: Expect comma, found '192'
(22924,32): run-time error CSS1046: Expect comma, found ')'
(24331,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24332,8): run-time error CSS1035: Expected colon, found '{'
(24337,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24338,8): run-time error CSS1035: Expected colon, found '{'
(25345,12): run-time error CSS1036: Expected expression, found '$'
(25940,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-300'
(25944,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-300'
(25945,23): run-time error CSS1039: Token not allowed after unary operator: '-blue-300'
(25965,21): run-time error CSS1038: Expected hex color, found '#0000'
(26062,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26063,6): run-time error CSS1035: Expected colon, found '{'
(26854,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800,300italic,400italic,600italic);

.grecaptcha-badge {
  visibility: hidden;
}

.toggle a  {
	color: rgba(255, 255, 255, 0.3) !important;
  /*color :#4c5264;*/
}
.toggle a:hover {
	color:#D1D138 !important; 
  /*color: #e5e9ec;*/
}

.header-aligment-right{
    text-align:right;
}
/* a {
color:#5A738E;
text-decoration:none;
}	
	*/
.left_col {
    /*background:#2A3F54;*/
    min-height: 100%;
    background: #666666 !important;
    background: -webkit-linear-gradient(top, #666666 0%,#3e3e3e 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: -ms-linear-gradient(top, #666666, #3e3e3e) !important;
    background: -moz-linear-gradient(top, #666666 0%, #3e3e3e 100%) !important; /* FF3.6-15 */
    background: -o-linear-gradient(#3e3e3e, #666666) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e3e', endColorstr='#666666', GradientType=0) !important; /* IE6-8 */
    color: #fff;
    border-bottom: 0 solid transparent;
    top: 56px;
}

.nav-sm .container.body .col-md-3.left_col {
width:70px;
padding:0;
min-height:100%;
position:absolute;
}
.CheckingMenuTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 60px; 
   
}

.nav-sm .container.body .col-md-3.left_col.menu_fixed {
position:fixed;
height:100%;
z-index: 78;
}

.nav-sm .container.body .col-md-3.left_col .mCSB_container,.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
overflow:visible;
}

.nav-sm .hidden-small {
visibility:hidden;
}

.nav-sm .container.body .right_col { /* ESPAÇO ENTRE BARRA TODO E CONTENT  */
 padding:10px 20px; /*VALOR PADRÃO DO DASHBOARD*/ 
/*padding: 60px 20px 0px 20px;*/
margin-left:70px;
z-index:2;
}

.nav-sm .navbar.nav_title {
width:70px;
}

.nav-sm .navbar.nav_title a span {
display:none;
}

.nav-sm .navbar.nav_title a i {
font-size:27px;
margin:13px 0 0 3px;
}

.site_title i {
border:1px solid #EAEAEA;
padding:5px 6px;
border-radius:50%;
}

.nav-sm .main_container .top_nav {
display:block;
margin-left:70px;
z-index:1000;
}

.nav-sm .nav.side-menu li a {
text-align:center!important;
font-weight:400;
font-size:10px;
padding:10px 5px;
}

.nav-sm .nav.child_menu li.active,.nav-sm .nav.side-menu li.active-sm { /* COR BORDA SIDEBAR LINK ATIVO */
border-right:5px solid #D1D138;
}

.nav-md .nav.child_menu.current-page
{
  display:block;
}

.nav-sm ul.nav.child_menu ul,.nav-sm .nav.side-menu li.active-sm ul ul {
position:static;
width:200px;
background:none;
}

.nav-sm>.nav.side-menu>li.active-sm>a {
/*color:#1ABB9C!important;*/
color:#D1D138 !important;
}

.nav-sm .nav.side-menu li a i.toggle-up {
display:none!important;

}

.nav-sm .nav.side-menu li a i {
font-size:25px!important;
text-align:center;
width:100%!important;
margin-bottom:5px;
}

.nav-sm ul.nav.child_menu { /* COR FUNDO BARRA LATERAL ESQUESDA COLLAPSED */
left:100%;
position:absolute;
top:0;
max-height: 300px;
overflow: auto;
width:210px;
z-index:4000;
/*background:#3E5367;*/
background: #666666!important;
  background: -webkit-linear-gradient(top,  #666666 0%,#3e3e3e 100%) !important; /* Chrome10-25,Safari5.1-6 */
  background: -ms-linear-gradient(top, #666666, #3e3e3e) !important;
  background: -moz-linear-gradient(top,  #666666 0%, #3e3e3e 100%) !important; /* FF3.6-15 */
  background: -o-linear-gradient(#3e3e3e, #666666) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e3e', endColorstr='#666666', GradientType=0) !important; /* IE6-8 */
display:none;
}

.nav-sm ul.nav.child_menu li {
padding:0 10px;
}

.nav-sm ul.nav.child_menu li a {
text-align:left!important;
}

.nav-sm .profile {
display:none;
}

.menu_section {
margin-bottom:35px;
}

.menu_section h3 {
padding-left:23px;
color:#fff;
text-transform:uppercase;
letter-spacing:.5px;
font-weight:700;
font-size:11px;
margin-bottom:0;
margin-top:0;
text-shadow:1px 1px #000;
}

.menu_section>ul {
margin-top:10px;
}

.profile_pic {
width:35%;
float:left;
}

.img-circle.profile_img {
width:70%;
background:#fff;
margin-left:15%;
z-index:1000;
position:inherit;
margin-top:20px;
border:1px solid rgba(52,73,94,0.44);
padding:4px;
}

.profile_info {
padding:25px 10px 10px;
width:65%;
float:left;

}

.nav-md .main_menu
{
  width:230px;
}
.nav-sm .main_menu
{
  width:70px;
}

.profile_info span {
font-size:13px;
line-height:30px;
color:#BAB8B8;
}

.profile_info h2 {
font-size:14px;
color:#ECF0F1;
margin:0;
font-weight:300;
}

.profile.img_2 {
text-align:center;
}

.profile.img_2 .profile_pic {
width:100%;
}

.profile.img_2 .profile_pic .img-circle.profile_img {
width:50%;
margin:10px 0 0;
}

.profile.img_2 .profile_info {
padding:15px 10px 0;
width:100%;
margin-bottom:10px;
float:left;
}

.main_menu span.fa { /* COR SETA MULTILEVEL SIDEBAR MENU */
float:right;
text-align:center;
margin-top:5px;
font-size:10px;
min-width:inherit;
color:#C4CFDA;
}

.active a span.fa {
text-align:right!important;
margin-right:4px;
}

.nav-sm .menu_section {
margin:0;
}

.nav-sm span.fa,.nav-sm .menu_section h3 {
display:none;
}

.nav-sm li li span.fa {
display:inline-block;
}

.nav_menu { /* COR BARRA SUPERIOR DIREITA */
float:left;
/*background:#EDEDED;*/
/*background: #666666!important;*/
background: -webkit-linear-gradient(top,  #666666 0%,#3e3e3e 100%) !important; /* Chrome10-25,Safari5.1-6 */
/*background: -webkit-linear-gradient(top,  #1b1e24 0%,#1b1e24 100%) !important;*/
background: -ms-linear-gradient(top, #666666, #3e3e3e) !important;
background: -moz-linear-gradient(top,  #666666 0%, #3e3e3e 100%) !important; /* FF3.6-15 */
background: -o-linear-gradient(#3e3e3e, #666666) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e3e', endColorstr='#666666', GradientType=0) !important; /* IE6-8 */
color:#fff !important;
border-bottom:0 solid transparent;
border-bottom:1px solid #D9DEE4;
margin-bottom:10px;
width:100%;
position:relative;
z-index:999;
}
@media min-width 480px{
.nav_menu {
position:static;
}
}

.nav-md .container.body .col-md-3.left_col {
width:230px;
min-height:100%;
padding:0;
position:absolute;
display:0;
display:flex;
}

.nav-md .container.body .col-md-3.left_col.menu_fixed {
height:100%;
position:fixed;
}

body .container.body .right_col {
background:#F7F7F7;
}

.nav-md .container.body .right_col { 
padding:60px 20px 0;
margin-left:230px;
}

.nav_title { /*COR BARRA ESQUERDA TOPO */
width:230px;
float:left; 
/* background:#2A3F54; */     
/*background: #666666!important;*/
background: -webkit-linear-gradient(top,  #666666 0%,#3e3e3e 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: -ms-linear-gradient(top, #666666, #3e3e3e) !important;
background: -moz-linear-gradient(top,  #666666 0%, #3e3e3e 100%) !important; /* FF3.6-15 */
background: -o-linear-gradient(#3e3e3e, #666666) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e3e', endColorstr='#666666', GradientType=0) !important; /* IE6-8 */
color:#fff;border-bottom:0 solid transparent;
border-radius:0;
height:57px;
position:fixed;
z-index:999;
}

@media max-width 991px{
.nav-md .container.body .right_col,.nav-md .container.body .top_nav {
width:100%;
margin:0;
}

.nav-md .container.body .col-md-3.left_col {
display:none;

}

.nav-md .container.body .right_col {
width:100%;
padding-right:0;
}

.right_col {
padding:10px!important;
}
}

@media max-width 1200px{
.x_title h2 {
width:62%;
font-size:17px;
}

.tile,.graph {
zoom:85%;
height:inherit;
}
}

@media max-width 1270px and min-width 192px{
.x_title h2 small {
display:none;
}
}

.left_col .mCSB_scrollTools {
width:6px;
}

.left_col .mCSB_dragger {
max-height:400px!important;
}

.yellow {
    color: yellow;
}
.blue {
    color: #3498DB;
}

.purple {
color:#9B59B6;
}

.green {
color:#1ABB9C;
}

.aero {
color:#9CC2CB;
}

.red {
color:#E74C3C;
}

.dark {
color:#34495E;
}

.border-blue {
border-color:#3498DB!important;
}

.border-purple {
border-color:#9B59B6!important;
}

.border-green {
border-color:#D1D138!important;
}

.border-aero {
border-color:#9CC2CB!important;
}

.border-red {
border-color:#E74C3C!important;
}

.border-dark {
border-color:#34495E!important;
}

.bg-white {
background:#fff!important;
border:1px solid #fff!important;
color:#73879C;
}

.bg-green {
background:#1ABB9C!important;
border:1px solid #1ABB9C!important;
color:#fff;
}

.bg-red {
background:#E74C3C!important;
border:1px solid #E74C3C!important;
color:#fff;
}

.bg-blue {
background:#3498DB!important;
border:1px solid #3498DB!important;
color:#fff;
}

.bg-orange {
background:#F39C12!important;
border:1px solid #F39C12!important;
color:#fff;
}

.bg-purple {
background:#9B59B6!important;
border:1px solid #9B59B6!important;
color:#fff;
}

.bg-blue-sky {
background:#50C1CF!important;
border:1px solid #50C1CF!important;
color:#fff;
}

.container {
width:100%;
padding:0;
}

.navbar-nav>li>a,.navbar-brand,.navbar-nav>li>a {
color:#fff!important;
}

.top_nav .nav>li>a:focus,.top_nav .nav>li>a:hover,.top_nav .nav .open>a,.top_nav .nav .open>a:focus,.top_nav .nav .open>a:hover {
/* COR LINK ATIVO BARRA SUPERIOR DIREITA COM TRANSPARENCIA */
/*background:#D9DEE4;*/
background:rgba(0,0,0,0.1);
color:#f6f6f6;

}

body {
color:#73879C;
/*background:#2A3F54;*/
font-family:"Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
font-size:13px;
font-weight:400;
line-height:1.471;
}

.main_container .top_nav {
display:block;
margin-left:230px;
}

.no-padding {
padding:0!important;
}

.page-title {
width:100%;
height:65px;
padding:10px 0;
}

.page-title .title_left {
width:45%;
float:left;
display:block;
}

.page-title .title_left h3 {
margin:9px 0;
}

.page-title .title_right {
width:55%;
float:left;
display:block;
}

.page-title .title_right .pull-right {
margin:10px 0;
}

.fixed_height_320 {
height:320px;
}

.fixed_height_390 {
height:390px;
}

.fixed_height_200 {
height:200px;
}

.overflow_hidden {
overflow:hidden;
}

.progress-bar-dark {
background-color:#34495E!important;
}

.progress-bar-gray {
background-color:#BDC3C7!important;
}

table.no-margin .progress {
margin-bottom:0;
}

.main_content {
padding:10px 20px;
}

.col-md-55 {
width:50%;
margin-bottom:10px;
}

@media min-width 768px{
.col-md-55 {
width:20%;
}
}

@media min-width 992px{
.col-md-55 {
width:20%;
}
}

@media min-width 1200px{
.col-md-55 {
width:20%;
}
}

@media min-width 192px and max-width 1270px{
table.tile_info span.right {
margin-right:7px;
float:left;
}
}

.center-margin {
margin:0 auto;
float:none!important;
}

.col-md-55,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
position:relative;
min-height:1px;
float:left;
padding-right:10px;
padding-left:10px;
}

.row {
margin-right:-10px;
margin-left:-10px;
}

.grid_slider .col-md-6 {
padding:0 40px;
}

h1,.h1,h2,.h2,h3,.h3 {
margin-top:10px;
margin-bottom:10px;
}

a {
color:#5A738E;
text-decoration:none;
}

a,a:visited,a:focus,a:active,:visited,:focus,:active,.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {
outline:0;
}

a:hover,a:focus {
text-decoration:none;
}

.navbar {
margin-bottom:0;
}

.navbar-header {
/*background:#34495E;*/
background: #666666!important;
background: -webkit-linear-gradient(top,  #666666 0%,#3e3e3e 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: -ms-linear-gradient(top, #666666, #3e3e3e) !important;
background: -moz-linear-gradient(top,  #666666 0%, #3e3e3e 100%) !important; /* FF3.6-15 */
background: -o-linear-gradient(#3e3e3e, #666666) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e3e', endColorstr='#666666', GradientType=0) !important; /* IE6-8 */
color:#fff;
border-bottom:0 solid transparent;
}

.navbar-right {
margin-right:0;
}

.top_nav .navbar-right {
margin:0;
width:70%;
float:right;
}

.top_nav .navbar-right li {
display:inline-block;
float:right;
position:static;
}

@media min-width 480px{
.top_nav .navbar-right li {
position:relative;
}
}

.top_nav .dropdown-menu li {
width:100%;
}

.top_nav .dropdown-menu li a {
width:100%;
padding:12px 20px;
}

.top_nav li a i { /* COR ICONES NAVEGAÇÂO SUPERIOR */
font-size:15px;
/*color: rgba(255, 255, 255, 0.5) !important;*/
}
.top_nav li a:hover i {
	color:#D1D138 !important;
}
.navbar-static-top {
position:fixed;
top:0;
width:100%;
}

.sidebar-header {
border-bottom:0;
margin-top:46px;
}

.sidebar-header:first-of-type {
margin-top:0;
}

.nav.side-menu>li {
position:relative;
display:block;
cursor:pointer;
}

.nav.side-menu>li>a {
margin-bottom:6px;
}

.nav.side-menu>li>a:hover {
color:#F2F5F7!important;
}

.nav.side-menu>li>a:hover,.nav>li>a:focus {
text-decoration:none;
background:transparent;
}

.nav.child_menu {
display:none;
max-height: 300px;
overflow: auto;
}

.nav.child_menu li:hover,.nav.child_menu li.active {
background-color:rgba(255,255,255,0.06);
}

.nav.child_menu li {
padding-left:36px;
}

.nav-md ul.nav.child_menu li:not(.subheader):before { /* COR BOLINHAS E BARRA MENU LATERAL ESQUERDO */
background:rgba(209, 209, 56, 0.65);
bottom:auto;
content:"";
height:8px;
left:23px;
margin-top:15px;
position:absolute;
right:auto;
width:8px;
z-index:1;
border-radius:50%;
}

.nav-md ul.nav.child_menu li:not(.subheader):after { /* COR DA LINHA VERTICAL BARRA MENU LATERAL ESQUERDO */
border-left:1px solid rgba(156, 156, 156, 0.22);
bottom:0;
content:"";
left:27px;
position:absolute;
top:0;
}

.nav.side-menu>li>a,.nav.child_menu>li>a {
color:#E7E7E7;
font-weight:500;
}

.nav.child_menu li li:hover,.nav.child_menu li li.active {
background:none;
}

.nav.child_menu li li a:hover,.nav.child_menu li li a.active {
color:#fff;
}

.nav>li>a {
position:relative;
display:block;
padding:13px 15px 12px;
}

.nav.side-menu>li.current-page,.nav.side-menu>li.active { /* COR DA BORDA MENU LATERAL ESQUERDO PAGINA ATUAL / LINK ATIVO */
border-right:5px solid #D1D138;
}

.nav li.current-page { /*COR PAGINA ATUAL BARRA LATERAL COLLAPESD*/
/*background:rgba(255,255,255,0.05);*/
background:linear-gradient(#424242,#424242),#424242;
}

.nav li li li.current-page {
background:none;
}

.nav li li.current-page a {
color:#fff;
}

.nav.side-menu>li.active>a { /* COR ITEM ATIVO BARRA LATERAL ESQUERDA */
text-shadow:rgba(0,0,0,0.25) 0 -1px 0;
background:linear-gradient(#424242,#424242),#424242;
box-shadow:rgba(0,0,0,0.25) 0 1px 0 rgba(255,255,255,0.16) 0 1px 0;
}

.navbar-brand,.navbar-nav>li>a {
font-weight:500;
color:#ECF0F1!important;
margin-left:0!important;
line-height:32px;
}

.site_title {
text-overflow:ellipsis;
overflow:hidden;
font-weight:400;
font-size:22px;
width:100%;
color:#ECF0F1!important;
margin-left:0!important;
line-height:59px;
display:block;
height:55px;
margin:0;
padding-left:10px;
}

.site_title:hover,.site_title:focus {
text-decoration:none;
}

.nav.navbar-nav>li>a { /* COR DOS LINKS BARRA SUPERIOR DIREITA */
/*color:#515356!important;*/
color: rgba(255, 255, 255, 0.5) !important;
}


.nav.top_menu>li>a {
position:relative;
display:block;
padding:10px 15px;
color:#34495E!important;
}

.nav>li>a:hover,.nav>li>a:focus {
background-color:transparent;
}

.top_search {
padding:0;
}

.top_search .form-control {
border-right:0;
box-shadow:inset 0 1px 0 rgba(0,0,0,0.075);
border-radius:25px 0 0 25px;
padding-left:20px;
border:1px solid rgba(221,226,232,0.49);
}

.top_search .form-control:focus {
border:1px solid rgba(221,226,232,0.49);
border-right:0;
}

.top_search .input-group-btn button {
border-radius:0 25px 25px 0;
border:1px solid rgba(221,226,232,0.49);
border-left:0;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
color:#93A2B2;
margin-bottom:0!important;
}

.toggle {
float:left;
margin:0;
padding-top:16px;
width:70px;
}

.toggle a {
padding:15px 15px 0;
margin:0;
cursor:pointer;
}

.toggle a i {
font-size:26px;
}

.nav.child_menu>li>a {
color:rgba(255,255,255,0.75);
font-size:12px;
padding:9px;
}

.panel_toolbox {
float:right;
min-width:70px;
}

.panel_toolbox>li {
float:left;
cursor:pointer;
}

.panel_toolbox>li>a {
padding:5px;
color:#C5C7CB;
font-size:14px;
}

.panel_toolbox>li>a:hover {
background:#F5F7FA;
}

.line_30 {
line-height:30px;
}

.main_menu_side {
padding:0;
}

.bs-docs-sidebar .nav>li>a {
display:block;
padding:4px 6px;
}

footer {
background:#fff;
padding:15px 20px;
display:block;
}

@media min-width 768px{
footer {
margin-left:230px;
}
}

.nav-sm footer {
margin-left:70px;
}

.footer_fixed footer {
position:fixed;
left:0;
bottom:0;
width:100%;
}

@media min-width 768px{
.footer_fixed footer {
margin-left:0;
}
}

@media min-width 768px{
.footer_fixed .nav-sm footer {
margin-left:0;
}
}

.tile-stats.sparkline {
padding:10px;
text-align:center;
}

.jqstooltip {
background:#34495E!important;
width:30px!important;
height:22px!important;
text-decoration:none;
}

.tooltip {
display:block!important;
}

.tiles {
border-top:1px solid #ccc;
margin-top:15px;
padding-top:5px;
margin-bottom:0;
}

.tile {
overflow:hidden;
}

.top_tiles {
margin-bottom:0;
}

.top_tiles .tile h2 {
font-size:30px;
line-height:30px;
margin:3px 0 7px;
font-weight:700;
}

article.media {
width:100%;
}

*,:before,:after {
box-sizing:border-box;
}

#integration-list {
width:100%;
margin:0 auto;
display:table;
}

#integration-list ul {
padding:0;
margin:20px 0;
color:#555;
}

#integration-list ul>li {
list-style:none;
border-top:1px solid #ddd;
display:block;
padding:15px;
overflow:hidden;
}

#integration-list ul:last-child {
border-bottom:1px solid #ddd;
}

#integration-list ul>li:hover {
background:#efefef;
}

.expand {
display:block;
text-decoration:none;
color:#555;
cursor:pointer;
}

.expand h2 {
width:85%;
float:left;
}

h2 {
font-size:18px;
font-weight:400;
}

#left,#right {
display:table;
}

#sup {
display:table-cell;
vertical-align:middle;
width:80%;
}

.detail a {
text-decoration:none;
color:#C0392B;
border:1px solid #C0392B;
padding:6px 10px 5px;
font-size:13px;
margin-right:7px;
}

.detail {
margin:10px 0;
display:none;
line-height:22px;
height:150px;
}

.detail span {
margin:0;
}

.right-arrow {
width:10px;
float:right;
font-weight:700;
font-size:20px;
}

.accordion .panel {
margin-bottom:5px;
border-radius:0;
border-bottom:1px solid #efefef;
}

.accordion .panel-heading {
background:#F2F5F7;
padding:13px;
width:100%;
display:block;
}

.accordion .panel:hover {
background:#F2F5F7;
}

.x_panel {
position:relative;
width:100%;
margin-bottom:10px;
padding:10px 17px;
display:inline-block;
background:#fff;
border:1px solid #E6E9ED;
-webkit-column-break-inside:avoid;
-moz-column-break-inside:avoid;
column-break-inside:avoid;
opacity:1;
transition:all .2s ease;
}

.x_title {
border-bottom:2px solid #E6E9ED;
padding:1px 5px 6px;
margin-bottom:10px;
}

.x_title .filter {
width:40%;
float:right;
}

.x_title h2 {
margin:5px 0 6px;
float:left;
display:block;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}

.x_title h2 small {
margin-left:10px;
}

.x_title span {
color:#BDBDBD;
}

.x_content {
padding:0 5px 6px;
position:relative;
width:100%;
float:left;
clear:both;
margin-top:5px;
}

.x_content h4 {
font-size:16px;
font-weight:500;
}

legend {
padding-bottom:7px;
}

.demo-placeholder {
height:280px;
}

.profile_details:nth-child(3n) {
clear:both;
}

.profile_details .profile_view {
display:inline-block;
padding:10px 0 0;
background:#fff;
}

.profile_details .profile_view .divider {
border-top:1px solid #e5e5e5;
padding-top:5px;
margin-top:5px;
}

.profile_details .profile_view .ratings {
margin-bottom:0;
}

.profile_details .profile_view .bottom {
background:#F2F5F7;
padding:9px 0;
border-top:1px solid #E6E9ED;
}

.profile_details .profile_view .left {
margin-top:20px;
}

.profile_details .profile_view .left p {
margin-bottom:3px;
}

.profile_details .profile_view .right {
margin-top:0;
padding:10px;
}

.profile_details .profile_view .img-circle {
border:1px solid #E6E9ED;
padding:2px;
}

.profile_details .profile_view h2 {
margin:5px 0;
}

.profile_details .profile_view .ratings {
text-align:left;
font-size:16px;
}

.profile_details .profile_view .brief {
margin:0;
font-weight:300;
}

.profile_details .profile_left {
background:#FFF;
}

.pagination.pagination-split li {
display:inline-block;
margin-right:3px;
}

.pagination.pagination-split li a {
border-radius:4px;
color:#768399;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

table.tile h3,table.tile h4,table.tile span {
font-weight:700;
vertical-align:middle!important;
}

table.tile th,table.tile td {
text-align:center;
}

table.tile th {
border-bottom:1px solid #E6ECEE;
}

table.tile td {
padding:5px 0;
}

table.tile td ul {
text-align:left;
padding-left:0;
}

table.tile td ul li {
list-style:none;
width:100%;
}

table.tile td ul li a {
width:100%;
}

table.tile td ul li a big {
right:0;
float:right;
margin-right:13px;
}

table.tile_info {
width:100%;
}

table.tile_info td {
text-align:left;
padding:1px;
font-size:15px;
}

table.tile_info td p {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
margin:0;
line-height:28px;
}

table.tile_info td i {
margin-right:8px;
font-size:17px;
float:left;
width:18px;
line-height:28px;
}

table.tile_info td:first-child {
width:83%;
}

td span {
line-height:28px;
}

.centerText{
  text-align:center;
}

.sidebar-widget {
overflow:hidden;
}

.error-number {
font-size:90px;
line-height:90px;
margin:20px 0;
}

.col-middle {
margin-top:5%;
}

.mid_center {
width:370px;
margin:0 auto;
text-align:center;
padding:10px 20px;
}

h3.degrees {
font-size:22px;
font-weight:400;
text-align:center;
}

.degrees:after {
content:"o";
position:relative;
top:-12px;
font-size:13px;
font-weight:300;
}

.daily-weather .day {
font-size:14px;
border-top:2px solid rgba(115,135,156,0.36);
text-align:center;
border-bottom:2px solid rgba(115,135,156,0.36);
padding:5px 0;
}

.weather-days .col-sm-2 {
overflow:hidden;
width:16.66666667%;
}

.weather .row {
margin-bottom:0;
}

.bulk-actions {
display:none;
}

table.countries_list {
width:100%;
}

table.countries_list td {
padding:0 10px;
line-height:30px;
border-top:1px solid #eee;
}

.dataTables_paginate a {
padding:6px 9px!important;
background:#ddd!important;
border-color:#ddd!important;
}

.paging_full_numbers a.paginate_active {
background-color:rgba(38,185,154,0.59)!important;
border-color:rgba(38,185,154,0.59)!important;
}

button.DTTT_button,div.DTTT_button,a.DTTT_button {
border:1px solid #E7E7E7!important;
background:#E7E7E7!important;
box-shadow:none!important;
}

table.jambo_table {
border:1px solid rgba(221,221,221,0.78);
}

table.jambo_table thead {
background:rgba(52,73,94,0.94);
color:#ECF0F1;
}

table.jambo_table tbody tr:hover td {
background:rgba(38,185,154,0.07);
border-top:1px solid rgba(38,185,154,0.11);
border-bottom:1px solid rgba(38,185,154,0.11);
}

table.jambo_table tbody tr.selected {
background:rgba(38,185,154,0.16);
}

table.jambo_table tbody tr.selected td {
border-top:1px solid rgba(38,185,154,0.4);
border-bottom:1px solid rgba(38,185,154,0.4);
}

.dataTables_paginate a {
background:red;
}

.paginate_button {
  cursor: pointer;
}

.dataTables_wrapper {position:relative;clear:both;zoom:1;
/*margin-top: 20px;*/
margin-left: 10px;margin-right: 10px;}

.dataTables_processing {
position:absolute;
top:50%;
left:50%;
width:250px;
height:30px;
margin-left:-125px;
margin-top:-15px;
padding:14px 0 2px;
border:1px solid #ddd;
text-align:center;
color:#999;
font-size:14px;
background-color:#FFF;
}

.dataTables_length {
width:40%;
float:left;
}

.dataTables_filter {
width:50%;
float:right;
text-align:right;
}

.dataTables_info {
width:60%;
float:left;
}

.dataTables_paginate {
float:right;
text-align:right;
}

table.dataTable th.focus,table.dataTable td.focus {
outline:2px solid #1ABB9C!important;
outline-offset:-1px;
}

.paginate_disabled_previous,.paginate_enabled_previous,.paginate_disabled_next,.paginate_enabled_next {
height:19px;
float:left;
cursor:pointer;
color:#111!important;
}

.paginate_disabled_previous:hover,.paginate_enabled_previous:hover,.paginate_disabled_next:hover,.paginate_enabled_next:hover {
text-decoration:none!important;
}

.paginate_disabled_previous:active,.paginate_enabled_previous:active,.paginate_disabled_next:active,.paginate_enabled_next:active {
outline:none;
}

.paginate_disabled_previous,.paginate_disabled_next {
color:#666!important;
}

.paginate_disabled_previous,.paginate_enabled_previous {
padding-left:23px;
}

.paginate_disabled_next,.paginate_enabled_next {
padding-right:23px;
margin-left:10px;
}

.paginate_disabled_previous {
background:url(../images/back_disabled.png) no-repeat top left;
}

.paginate_enabled_previous {
background:url(../images/back_enabled.png) no-repeat top left;
}

.paginate_enabled_previous:hover {
background:url(../images/back_enabled_hover.png) no-repeat top left;
}

.paginate_disabled_next {
background:url(../images/forward_disabled.png) no-repeat top right;
}

.paginate_enabled_next {
background:url(../images/forward_enabled.png) no-repeat top right;
}

.paginate_enabled_next:hover {
background:url(../images/forward_enabled_hover.png) no-repeat top right;
}

table.display {
margin:0 auto;
clear:both;
width:100%;
}

table.display thead th {
padding:8px 18px 8px 10px;
border-bottom:1px solid #000;
font-weight:700;
cursor:pointer;
}

table.display tfoot th {
padding:3px 18px 3px 10px;
border-top:1px solid #000;
font-weight:700;
}

table.display tr.heading2 td {
border-bottom:1px solid #aaa;
}

table.display td {
padding:3px 10px;
}

table.display td.center {
text-align:center;
}

table.display thead th:active,table.display thead td:active {
outline:none;
}

.dataTables_scroll {
clear:both;
}

.dataTables_scrollBody {
margin-top:-1px;
-webkit-overflow-scrolling:touch;
}

.top .dataTables_info {
float:none;
}

.clear {
clear:both;
}

.dataTables_empty {
text-align:center;
}

tfoot input {
margin:.5em 0;
width:100%;
color:#444;
}

tfoot input.search_init {
color:#999;
}

td.group {
background-color:#d1cfd0;
border-bottom:2px solid #A19B9E;
border-top:2px solid #A19B9E;
}

td.details {
background-color:#d1cfd0;
border:2px solid #A19B9E;
}

.example_alt_pagination div.dataTables_info {
width:40%;
}

.paging_full_numbers {
width:400px;
height:22px;
line-height:22px;
}

.paging_full_numbers a:active {
outline:none;
}

.paging_full_numbers a:hover {
text-decoration:none;
}

.paging_full_numbers a.paginate_button,.paging_full_numbers a.paginate_active {
border:1px solid #aaa;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:2px 5px;
margin:0 3px;
cursor:pointer;
}

.paging_full_numbers a.paginate_button {
background-color:#ddd;
}

.paging_full_numbers a.paginate_button:hover {
background-color:#ccc;
text-decoration:none!important;
}

.paging_full_numbers a.paginate_active {
background-color:#99B3FF;
}

table.display tr.even.row_selected td {
background-color:#B0BED9;
}

table.display tr.odd.row_selected td {
background-color:#9FAFD1;
}

div.box {
height:100px;
padding:10px;
overflow:auto;
background-color:#E5E5FF;
}

ul.msg_list li {
background:#f7f7f7;
padding:0px;
display:0;
display:flex;
margin:6px 6px 0;
width:96%!important;
}

ul.msg_list li:last-child {
margin-bottom:6px;
padding:10px;
}

ul.msg_list li a {
padding:7px 0px!important;
}

ul.msg_list li a .image img {
border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
float:left;
margin-right:10px;
width:11%;
}

ul.msg_list li a .time {
font-size:11px;
font-style:italic;
font-weight:700;
position:absolute;
right:35px;
}

ul.msg_list li a .message {
display:block!important;
font-size:11px;
}

.dropdown-menu.msg_list span {
white-space:normal;
}

.dropdown-menu {
border:medium none;
box-shadow:none;
display:none;
float:left;
font-size:12px;
left:0;
list-style:none outside none;
padding:0;
position:absolute;
text-shadow:none;
top:100%;
z-index:9998;
border:1px solid #D9DEE4;
border-top-left-radius:0;
border-top-right-radius:0;
}

.dropdown-menu>li>a {
color:#5A738E;
}

.navbar-nav .open .dropdown-menu {
position:absolute;
background:#fff;
margin-top:0;
border:1px solid #D9DEE4;
-webkit-box-shadow:none;
right:0;
left:auto;
width:220px;
}

.navbar-nav .open .dropdown-menu.msg_list {
width:300px;
}

.info-number .badge {
font-size:10px;
font-weight:400;
line-height:13px;
padding:2px 6px;
position:absolute;
right:2px;
top:8px;
}

ul.to_do {
padding:0;
}

ul.to_do li {
background:#f3f3f3;
border-radius:3px;
position:relative;
padding:7px;
margin-bottom:5px;
list-style:none;
}

ul.to_do p {
margin:0;
}

.dashboard-widget {
background:#f6f6f6;
border-top:5px solid #79C3DF;
border-radius:3px;
padding:5px 10px 10px;
}

.dashboard-widget .dashboard-widget-title {
font-weight:400;
border-bottom:1px solid #c1cdcd;
margin:0 0 10px;
padding-bottom:5px;
padding-left:40px;
line-height:30px;
}

.dashboard-widget .dashboard-widget-title i {
font-size:100%;
margin-left:-35px;
margin-right:10px;
color:#33a1c9;
padding:3px 6px;
border:1px solid #abd9ea;
border-radius:5px;
background:#fff;
}

ul.quick-list {
width:45%;
padding-left:0;
display:inline-block;
}

ul.quick-list li {
padding-left:10px;
list-style:none;
margin:0;
padding-bottom:6px;
padding-top:4px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}

ul.quick-list li i {
padding-right:10px;
color:#757679;
}

.dashboard-widget-content {
padding-top:9px;
}

.dashboard-widget-content .sidebar-widget {
width:50%;
display:inline-block;
vertical-align:top;
background:#fff;
border:1px solid #abd9ea;
border-radius:5px;
text-align:center;
float:right;
padding:2px;
margin-top:10px;
}

.widget_summary {
width:100%;
display:0;
display:inline-flex;
}

.widget_summary .w_left {
float:left;
text-align:left;
}

.widget_summary .w_center {
float:left;
}

.widget_summary .w_right {
float:left;
text-align:right;
}

.widget_summary .w_right span {
font-size:20px;
}

.w_20 {
width:20%;
}

.w_25 {
width:25%;
}

.w_55 {
width:55%;
}

h5.graph_title {
text-align:left;
margin-left:10px;
}

h5.graph_title i {
margin-right:10px;
font-size:17px;
}

span.right {
float:right;
font-size:14px!important;
}

.tile_info a {
text-overflow:ellipsis;
}

.sidebar-footer {
bottom:0;
clear:both;
display:block;
padding:5px 0 0;
position:fixed;
width:230px;
/*background:#2A3F54;*/
/*background: #666666!important;*/
  background: -webkit-linear-gradient(top,  #666666 0%,#3e3e3e 100%) !important; /* Chrome10-25,Safari5.1-6 */
  background: -ms-linear-gradient(top, #666666, #3e3e3e) !important;
  background: -moz-linear-gradient(top,  #666666 0%, #3e3e3e 100%) !important; /* FF3.6-15 */
  background: -o-linear-gradient(#3e3e3e, #666666) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e3e', endColorstr='#666666', GradientType=0) !important; /* IE6-8 */
}

.sidebar-footer a { /* LEFT SIDEBAR FOOTER MENU */
color: #8b91a0;
padding:7px 0 3px;
text-align:center;
/*width:25%;*/
width: 33%;
font-size:17px;
display:block;
float:left;
/* background-color:#22262e !important; */
/*background: #424242 !important;*/ 
  /*background: -webkit-linear-gradient(top,  #424242 0%,#3e3e3e 100%) !important;*/ /* Chrome10-25,Safari5.1-6 */
  /* background: -ms-linear-gradient(top, #424242, #3e3e3e) !important; */
  background: -moz-linear-gradient(top,  #424242 0%, #3e3e3e 100%) !important; /* FF3.6-15 */
  background: -o-linear-gradient(#3e3e3e, #424242) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e3e', endColorstr='#424242', GradientType=0) !important; /* IE6-8 */
}

.sidebar-footer a:hover {
 color: #d1d138 !important;
 background:#424242;
}

.tile_count {
/*margin-bottom:20px;*/
/*margin-top:20px;*/
margin-bottom:10px;
margin-top:10px;
}

.tile_count .tile_stats_count {
border-bottom:1px solid #D9DEE4;
padding:0 10px 0 10px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
position:relative;
}

@media min-width 992px{
.tile_count .tile_stats_count {
margin-bottom:10px;
border-bottom:0;
padding-bottom:10px;
}
}

.tile_count .tile_stats_count:before {
content:"";
position:absolute;
left:0;
height:65px;
border-left:2px solid #ADB2B5;
margin-top:10px;
}

.tile_count .tile_stats_count:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    height: 65px;
    border-left: none;
    margin-top: 10px;
}

@media min-width 992px{
.tile_count .tile_stats_count:first-child:before {
border-left:0;
}
}




.tile_count .tile_stats_count .count {
font-size:30px;
line-height:47px;
font-weight:600;
}

.icon-stats i{
    font-size: 30px ;
    margin-top: 0px ;
}

@media screen and (max-width: 1366px) {
    .tile_count .tile_stats_count .count {
        font-size: 20px;
        line-height: 47px;
        font-weight: 600;
    }
    .icon-stats i{
        font-size: 20px;
        margin-top:0px;
    }
}


@media min-width 768px{
.tile_count .tile_stats_count .count {
font-size:40px;
}
}

@media min-width 992px and max-width 1100px{
.tile_count .tile_stats_count .count {
font-size:30px;
}
}

.tile_count .tile_stats_count span {
font-size:12px;
}

@media min-width 768px{
.tile_count .tile_stats_count span {
font-size:13px;
}
}

.tile_count .tile_stats_count .count_bottom i {
width:12px;
}

.dashboard_graph {
/*background:#fff;*/
border-bottom: 1px solid #cdd3d9;
padding:7px 10px;
}

.dashboard_graph .col-md-9,.dashboard_graph .col-md-3 {
padding:0;
}

a.user-profile {
color:#5E6974!important;
}

.user-profile img {
width:29px;
height:29px;
border-radius:50%;
margin-right:10px;
}

ul.top_profiles {
height:330px;
width:100%;
}

ul.top_profiles li {
margin:0;
padding:3px 5px;
}

ul.top_profiles li:nth-child(odd) {
background-color:#eee;
}

.media .profile_thumb {
border:1px solid;
width:50px;
height:50px;
margin:5px 10px 5px 0;
border-radius:50%;
padding:9px 12px;
}

.media .profile_thumb i {
font-size:30px;
}

.media .date {
background:#ccc;
width:52px;
margin-right:10px;
border-radius:10px;
padding:5px;
}

.media .date .month {
margin:0;
text-align:center;
color:#fff;
}

.media .date .day {
text-align:center;
color:#fff;
font-size:27px;
margin:0;
line-height:27px;
font-weight:700;
}

.event .media-body a.title {
font-weight:700;
}

.event .media-body p {
margin-bottom:0;
}

h4.graph_title {
margin:7px;
text-align:center;
}

.fontawesome-icon-list .fa-hover a:hover {
background-color:#ddd;
color:#fff;
text-decoration:none;
}

.fontawesome-icon-list .fa-hover a {
display:block;
line-height:32px;
height:32px;
padding-left:10px;
border-radius:4px;
}

.fontawesome-icon-list .fa-hover a:hover .fa {
font-size:28px;
vertical-align:-6px;
}

.fontawesome-icon-list .fa-hover a .fa {
width:32px;
font-size:16px;
display:inline-block;
text-align:right;
margin-right:10px;
}

.main_menu .fa {
width:26px;
opacity:.99;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
font-size:18px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.tile-stats {
position:relative;
display:block;
margin-bottom:12px;
border:1px solid #E4E4E4;
-webkit-border-radius:5px;
overflow:hidden;
padding-bottom:5px;
-webkit-background-clip:padding-box;
-moz-border-radius:5px;
-moz-background-clip:padding;
border-radius:5px;
background-clip:padding-box;
background:#FFF;
transition:all 300ms ease-in-out;
}

.tile-stats:hover .icon i {
animation-name:tansformAnimation;
animation-duration:.5s;
animation-iteration-count:1;
color:rgba(58,58,58,0.41);
animation-timing-function:ease;
animation-fill-mode:forwards;
-webkit-animation-name:tansformAnimation;
-webkit-animation-duration:.5s;
-webkit-animation-iteration-count:1;
-webkit-animation-timing-function:ease;
-webkit-animation-fill-mode:forwards;
-moz-animation-name:tansformAnimation;
-moz-animation-duration:.5s;
-moz-animation-iteration-count:1;
-moz-animation-timing-function:ease;
-moz-animation-fill-mode:forwards;
}

.tile-stats .icon {
width:20px;
height:20px;
color:#BAB8B8;
position:absolute;
right:53px;
top:22px;
z-index:1;
}

.tile-stats .icon i {
margin:0;
font-size:60px;
line-height:0;
vertical-align:bottom;
padding:0;
}

.tile-stats .count {
font-size:38px;
font-weight:700;
line-height:1.65857;
}


.tile-stats .count,.tile-stats h3,.tile-stats p {
position:relative;
margin:0;
margin-left:10px;
z-index:5;
padding:0;
}

.tile-stats h3 {
color:#BAB8B8;
}

.tile-stats p {
margin-top:5px;
font-size:12px;
}

.tile-stats>.dash-box-footer {
position:relative;
text-align:center;
margin-top:5px;
padding:3px 0;
color:#fff;
color:rgba(255,255,255,0.8);
display:block;
z-index:10;
background:rgba(0,0,0,0.1);
text-decoration:none;
}

.tile-stats>.dash-box-footer:hover {
color:#fff;
background:rgba(0,0,0,0.15);
}

.tile-stats>.dash-box-footer:hover {
color:#fff;
background:rgba(0,0,0,0.15);
}

table.tile_info {
padding:10px 15px;
}

table.tile_info span.right {
margin-right:0;
float:right;
position:absolute;
right:4%;
}

.tile:hover {
text-decoration:none;
}

.tile_header {
border-bottom:transparent;
padding:7px 15px;
margin-bottom:15px;
background:#E7E7E7;
}

.tile_head h4 {
margin-top:0;
margin-bottom:5px;
}

.tiles-bottom {
padding:5px 10px;
margin-top:10px;
background:rgba(194,194,194,0.3);
text-align:left;
}

a.star {
color:#428bca!important;
}

.mail_content {
background:none repeat scroll 0 0 #FFF;
border-radius:4px;
margin-top:20px;
min-height:500px;
padding:10px 11px;
width:100%;
}

.list-btn-mail {
margin-bottom:15px;
}

.list-btn-mail.active {
border-bottom:1px solid #39B3D7;
padding:0 0 14px;
}

.list-btn-mail>i {
float:left;
font-size:18px;
font-style:normal;
width:33px;
}

.list-btn-mail>.cn {
background:none repeat scroll 0 0 #39B3D7;
border-radius:12px;
color:#FFF;
float:right;
font-style:normal;
padding:0 5px;
}

.button-mail {
margin:0 0 15px!important;
text-align:left;
width:100%;
}

.buttons,button,.btn {
margin-bottom:5px;
margin-right:5px;
}

.btn-group-vertical .btn,.btn-group .btn {
margin-bottom:0;
margin-right:0;
}

.mail_list_column {
border-left:1px solid #DBDBDB;
}

.mail_view {
border-left:1px solid #DBDBDB;
}

.mail_list {
width:100%;
border-bottom:1px solid #DBDBDB;
margin-bottom:2px;
display:inline-block;
}

.mail_list .left {
width:5%;
float:left;
margin-right:3%;
}

.mail_list .right {
width:90%;
float:left;
}

.mail_list h3 {
font-size:15px;
font-weight:700;
margin:0 0 6px;
}

.mail_list h3 small {
float:right;
color:#ADABAB;
font-size:11px;
line-height:20px;
}

.mail_list .badge {
padding:3px 6px;
font-size:8px;
background:#BAB7B7;
}

@media max-width 767px{
.mail_list {
margin-bottom:5px;
display:inline-block;
}
}

.mail_heading h4 {
font-size:18px;
border-bottom:1px solid #ddd;
padding-bottom:10px;
margin-top:20px;
}

.attachment {
margin-top:30px;
}

.attachment ul {
width:100%;
list-style:none;
padding-left:0;
display:inline-block;
margin-bottom:30px;
}

.attachment ul li {
float:left;
width:150px;
margin-right:10px;
margin-bottom:10px;
}

.attachment ul li img {
height:150px;
border:1px solid #ddd;
padding:5px;
margin-bottom:10px;
}

.attachment ul li span {
float:right;
}

.attachment .file-name {
float:left;
}

.attachment .links {
width:100%;
display:inline-block;
}

.compose {
padding:0;
position:fixed;
bottom:0;
right:0;
background:#fff;
border:1px solid #D9DEE4;
border-right:0;
border-bottom:0;
border-top-left-radius:5px;
z-index:9999;
display:none;
}

.compose .compose-header {
padding:5px;
background:#169F85;
color:#fff;
border-top-left-radius:5px;
}

.compose .compose-header .close {
text-shadow:0 1px 0 #fff;
line-height:.8;
}

.compose .compose-body .editor.btn-toolbar {
margin:0;
}

.compose .compose-body .editor-wrapper {
height:100%;
min-height:50px;
max-height:180px;
border-radius:0;
border-left:none;
border-right:none;
overflow:auto;
}

.compose .compose-footer {
padding:10px;
}

.editor.btn-toolbar {
zoom:1;
background:#F7F7F7;
margin:5px 2px;
padding:3px 0;
border:1px solid #EFEFEF;
}

.input-group {
margin-bottom:10px;
}

.ln_solid {
border-top:1px solid #e5e5e5;
color:#fff;
background-color:#fff;
height:1px;
margin:20px 0;
}

span.section {
display:block;
width:100%;
padding:0;
margin-bottom:20px;
font-size:21px;
line-height:inherit;
color:#333;
border:0;
border-bottom:1px solid #e5e5e5;
}

.form-control {
border-radius:0;
width:100%;
}

.form-horizontal .control-label {
padding-top:8px;
}

.form-control:focus {
border-color:#CCD0D7;
box-shadow:none!important;
}

legend {
font-size:18px;
color:inherit;
}

.form-horizontal .form-group {
margin-right:0;
margin-left:0;
}

.form-control-feedback {
margin-top:8px;
height:23px;
color:#bbb;
line-height:24px;
font-size:15px;
}

.form-control-feedback.left {
border-right:1px solid #ccc;
left:13px;
}

.form-control-feedback.right {
border-left:1px solid #ccc;
right:13px;
}

.form-control.has-feedback-left {
padding-left:45px;
}

.form-control.has-feedback-right {
padding-right:45px;
}

.form-group {
margin-bottom:10px;
}

.validate {
margin-top:10px;
}

.invalid-form-error-message {
margin-top:10px;
padding:5px;
}

.invalid-form-error-message.filled {
border-left:2px solid #E74C3C;
}

p.parsley-success {
color:#468847;
background-color:#DFF0D8;
border:1px solid #D6E9C6;
}

p.parsley-error {
color:#B94A48;
background-color:#F2DEDE;
border:1px solid #EED3D7;
}

ul.parsley-errors-list {
list-style:none;
color:#E74C3C;
padding-left:0;
}

input.parsley-error,textarea.parsley-error,select.parsley-error {
background:#FAEDEC;
border:1px solid #E85445;
}

.btn-group .parsley-errors-list {
display:none;
}

.bad input,.bad select,.bad textarea {
border:1px solid #CE5454;
box-shadow:0 0 4px -2px #CE5454;
position:relative;
left:0;
-moz-animation:.7s 1 shake linear;
-webkit-animation:.7s 1 shake linear;
}

.item input,.item textarea {
transition:.42s;
}

.item .alert {
float:left;
margin:0 0 0 20px;
padding:3px 10px;
color:#FFF;
border-radius:3px 4px 4px 3px;
background-color:#CE5454;
max-width:150px;
white-space:pre;
position:relative;
left:-15px;
opacity:0;
z-index:1;
transition:.15s ease-out;
}

.item .alert::after {
content:'';
display:block;
height:0;
width:0;
border-color:transparent #CE5454 transparent transparent;
border-style:solid;
border-width:11px 7px;
position:absolute;
left:-13px;
top:1px;
}

.item.bad .alert {
left:0;
opacity:1;
}

.inl-bl {
display:inline-block;
}

.well .markup {
background:#fff;
color:#777;
position:relative;
padding:45px 15px 15px;
margin:15px 0 0;
background-color:#fff;
border-radius:0 0 4px 4px;
box-shadow:none;
}

.well .markup::after {
content:"Example";
position:absolute;
top:15px;
left:15px;
font-size:12px;
font-weight:700;
color:#bbb;
text-transform:uppercase;
letter-spacing:1px;
}

.autocomplete-suggestions {
border:1px solid #e4e4e4;
background:#F4F4F4;
cursor:default;
overflow:auto;
}

.autocomplete-suggestion {
padding:2px 5px;
font-size:1.2em;
white-space:nowrap;
overflow:hidden;
}

.autocomplete-selected {
background:#f0f0f0;
}

.autocomplete-suggestions strong {
font-weight:400;
color:#39f;
font-weight:bolder;
}

.btn {
border-radius:3px;
}

a.btn-success,a.btn-primary,a.btn-warning,a.btn-danger {
color:#fff;
}

.btn-success {
background:#26B99A;
border:1px solid #169F85;
}

.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success {
background:#169F85;
}

.btn-dark {
color:#E9EDEF;
background-color:#4B5F71;
border-color:#364B5F;
}

.btn-dark:hover,.btn-dark:focus,.btn-dark:active,.btn-dark.active,.open .dropdown-toggle.btn-dark {
color:#FFF;
background-color:#394D5F;
border-color:#394D5F;
}

.btn-round {
border-radius:30px;
}

.btn.btn-app {
position:relative;
padding:15px 5px;
margin:0 0 10px 10px;
min-width:80px;
height:60px;
box-shadow:none;
border-radius:0;
text-align:center;
color:#666;
border:1px solid #ddd;
background-color:#fafafa;
font-size:12px;
}

.btn.btn-app>.fa,.btn.btn-app>.glyphicon,.btn.btn-app>.ion {
font-size:20px;
display:block;
}

.btn.btn-app:hover {
background:#f4f4f4;
color:#444;
border-color:#aaa;
}

.btn.btn-app:active,.btn.btn-app:focus {
box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
}

.btn.btn-app>.badge {
position:absolute;
top:-3px;
right:-10px;
font-size:10px;
font-weight:400;
}

textarea {
padding:10px;
vertical-align:top;
width:200px;
}

textarea:focus {
/*outline-style:solid;*/
outline-width:2px;
}

.btn_ {
display:inline-block;
padding:3px 9px;
margin-bottom:0;
font-size:14px;
line-height:20px;
text-align:center;
vertical-align:middle;
cursor:pointer;
color:#333;
text-shadow:0 1px 1px rgba(255,255,255,0.75);
background-color:#f5f5f5;
background-image:linear-gradient(tobottom,#fff,#e6e6e6);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
border:1px solid #ccc;
border-bottom-color:#b3b3b3;
border-radius:4px;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

.bs-glyphicons {
margin:0 -10px 20px;
overflow:hidden;
}

.bs-glyphicons-list {
padding-left:0;
list-style:none;
}

.bs-glyphicons li {
float:left;
width:25%;
height:115px;
padding:10px;
font-size:10px;
line-height:1.4;
text-align:center;
background-color:#f9f9f9;
border:1px solid #fff;
}

.bs-glyphicons .glyphicon {
margin-top:5px;
margin-bottom:10px;
font-size:24px;
}

.bs-glyphicons .glyphicon-class {
display:block;
text-align:center;
word-wrap:break-word;
}

.bs-glyphicons li:hover {
color:#fff;
background-color:#1ABB9C;
}

@media min-width 768px{
.bs-glyphicons {
margin-right:0;
margin-left:0;
}

.bs-glyphicons li {
width:12.5%;
font-size:12px;
}
}

.tagsinput {
border:1px solid #CCC;
background:#FFF;
padding:6px 6px 0;
width:300px;
overflow-y:auto;
}

span.tag {
-moz-border-radius:2px;
-webkit-border-radius:2px;
display:block;
float:left;
padding:5px 9px;
text-decoration:none;
background:#1ABB9C;
color:#F1F6F7;
margin-right:5px;
font-weight:500;
margin-bottom:5px;
font-family:helvetica;
}

span.tag a {
color:#F1F6F7!important;
}

.tagsinput span.tag a {
font-weight:700;
color:#82ad2b;
text-decoration:none;
font-size:11px;
}

.tagsinput input {
width:80px;
margin:0;
font-family:helvetica;
font-size:13px;
border:1px solid transparent;
padding:3px;
background:transparent;
color:#000;
outline:0;
}

.tagsinput div {
display:block;
float:left;
}

.tags_clear {
clear:both;
width:100%;
height:0;
}

.not_valid {
background:#FBD8DB!important;
color:#90111A!important;
}

ul.bar_tabs {
overflow:visible;
background:#F5F7FA;
height:25px;
margin:21px 0 14px;
padding-left:14px;
position:relative;
z-index:1;
width:100%;
border-bottom:1px solid #E6E9ED;
}

ul.bar_tabs>li {
border:1px solid #E6E9ED;
color:#333!important;
margin-top:-17px;
margin-left:8px;
background:#fff;
border-bottom:none;
border-radius:4px 4px 0 0;
}

ul.bar_tabs>li.active {
border-right:6px solid #D3D6DA;
border-top:0;
margin-top:-15px;
}

ul.bar_tabs>li a {
padding:10px 17px;
background:#F5F7FA;
margin:0;
border-top-right-radius:0;
}

ul.bar_tabs>li a:hover {
border:1px solid transparent;
}

ul.bar_tabs>li.active a {
border-bottom:none;
}

ul.bar_tabs.right {
padding-right:14px;
}

ul.bar_tabs.right li {
float:right;
}

a:focus {
outline:none;
}

ul.timeline li {
position:relative;
border-bottom:1px solid #e8e8e8;
clear:both;
}

.timeline .block {
margin:0;
border-left:3px solid #e8e8e8;
overflow:visible;
padding:10px 15px;
margin-left:105px;
}

.timeline.widget {
min-width:0;
max-width:inherit;
}

.timeline.widget .block {
margin-left:5px;
}

.timeline .tags {
position:absolute;
top:15px;
left:0;
width:84px;
}

.timeline .tag {
display:block;
height:30px;
font-size:13px;
padding:8px;
}

.timeline .tag span {
display:block;
overflow:hidden;
width:100%;
white-space:nowrap;
text-overflow:ellipsis;
}

.tag {
line-height:1;
background:#1ABB9C;
color:#fff!important;
}

.tag:after {
content:" ";
height:30px;
width:0;
position:absolute;
left:100%;
top:0;
margin:0;
pointer-events:none;
border-top:14px solid transparent;
border-bottom:14px solid transparent;
border-left:11px solid #1ABB9C;
}

.timeline h2.title {
position:relative;
font-size:16px;
margin:0;
}

.timeline h2.title:before {
content:"";
position:absolute;
left:-23px;
top:3px;
display:block;
width:14px;
height:14px;
border:3px solid #d2d3d2;
border-radius:14px;
background:#f9f9f9;
}

.timeline .byline {
padding:.25em 0;
}

.byline {
-webkit-font-smoothing:antialiased;
font-style:italic;
font-size:.9375em;
line-height:1.3;
color:#aab6aa;
}

ul.social li {
border:0;
}

.social-sidebar,.social-body {
float:right;
}

.social-sidebar {
background:#EDEDED;
width:22%;
}

.social-body {
border:1px solid #ccc;
width:78%;
}

.thumb img {
width:50px;
height:50px;
border-radius:50%;
}

.chat .thumb img {
width:27px;
height:27px;
border-radius:50%;
}

.chat .status {
float:left;
margin:16px 0 0 -16px;
font-size:14px;
font-weight:700;
width:12px;
height:12px;
display:block;
border:2px solid #FFF;
z-index:12312;
border-radius:50%;
}

.chat .status.online {
background:#1ABB9C;
}

.chat .status.away {
background:#F39C12;
}

.chat .status.offline {
background:#ccc;
}

.chat .media-body {
padding-top:5px;
}

.dashboard_graph .x_title {
padding:5px 5px 7px;
}

.dashboard_graph .x_title h3 {
margin:0;
font-weight:400;
}

.chart {
position:relative;
display:inline-block;
width:110px;
height:110px;
margin-top:5px;
margin-bottom:5px;
text-align:center;
}

.chart canvas {
position:absolute;
top:0;
left:0;
}

.percent {
display:inline-block;
line-height:110px;
z-index:2;
font-size:18px;
}

.percent:after {
content:'%';
margin-left:.1em;
font-size:.8em;
}

.angular {
margin-top:100px;
}

.angular .chart {
margin-top:0;
}

.widget {
min-width:250px;
max-width:310px;
}

.widget_tally_box .btn-group button {
text-align:center;
}

.widget_tally_box .btn-group button {
color:inherit;
font-weight:500;
background-color:#f5f5f5;
border:1px solid #e7e7e7;
}

ul.widget_tally,ul.widget_tally li {
width:100%;
}

ul.widget_tally li {
padding:2px 10px;
border-bottom:1px solid #ECECEC;
padding-bottom:4px;
}

ul.widget_tally .month {
width:70%;
float:left;
}

ul.widget_tally .count {
width:30%;
float:left;
text-align:right;
}

.pie_bg {
border-bottom:1px solid rgba(101,204,182,0.16);
padding-bottom:15px;
border-radius:4px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
padding-bottom:10px;
box-shadow:0 4px 6px -6px #222;
}

.widget_tally_box .flex {
display:0;
display:flex;
}

ul.widget_profile_box {
width:100%;
height:42px;
padding:3px;
background:#ececec;
margin-top:40px;
margin-left:1px;
}

ul.widget_profile_box li:first-child {
width:25%;
float:left;
}

ul.widget_profile_box li:first-child a {
float:left;
}

ul.widget_profile_box li:last-child {
width:25%;
float:right;
}

ul.widget_profile_box li:last-child a {
float:right;
}

ul.widget_profile_box li a {
font-size:22px;
text-align:center;
width:35px;
height:35px;
border:1px solid rgba(52,73,94,0.44);
display:block;
border-radius:50%;
padding:0;
}

ul.widget_profile_box li a:hover {
color:#1ABB9C!important;
border:1px solid #26b99a;
}

ul.widget_profile_box li .profile_img {
width:85px;
height:85px;
margin:0;
margin-top:-28px;
}

.widget_tally_box p,.widget_tally_box span {
text-align:center;
}

.widget_tally_box .name {
text-align:center;
margin:25px;
}

.widget_tally_box .name_title {
text-align:center;
margin:5px;
}

.widget_tally_box ul.legend {
margin:0;
}

.widget_tally_box ul.legend p,.widget_tally_box ul.legend span {
text-align:left;
}

.widget_tally_box ul.legend li .icon {
font-size:20px;
float:left;
width:14px;
}

.widget_tally_box ul.legend li .name {
font-size:14px;
margin:5px 0 0 14px;
text-overflow:ellipsis;
float:left;
}

.widget_tally_box ul.legend p {
display:inline-block;
margin:0;
}

.widget_tally_box ul.verticle_bars li {
height:140px;
width:23%;
}

.widget .verticle_bars li .progress.vertical.progress_wide {
width:65%;
}

ul.count2 {
width:100%;
margin-left:1px;
border:1px solid #ddd;
border-left:0;
border-right:0;
padding:10px 0;
}

ul.count2 li {
width:30%;
text-align:center;
}

ul.count2 li h3 {
font-weight:400;
margin:0;
}

ul.count2 li span {
font-weight:300;
}

.divider {
border-bottom:1px solid #ddd;
margin:10px;
}

.divider-dashed {
border-top:1px dashed #e7eaec;
background-color:#fff;
height:1px;
margin:10px 0;
}

ul.messages {
padding:0;
list-style:none;
}

ul.messages li,.tasks li {
border-bottom:1px dotted #e6e6e6;
padding:8px 0;
}

ul.messages li img.avatar,img.avatar {
height:32px;
width:32px;
float:left;
display:inline-block;
border-radius:2px;
padding:2px;
background:#f7f7f7;
border:1px solid #e6e6e6;
}

ul.messages li .message_date {
float:right;
text-align:right;
}

ul.messages li .message_wrapper {
margin-left:50px;
margin-right:40px;
}

ul.messages li .message_wrapper h4.heading {
font-weight:600;
margin:0;
cursor:pointer;
margin-bottom:10px;
line-height:100%;
}

.button-download {
  font-family: "Inter", sans-serif;
  width: 200px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: none;
  font-size: 16px;
  margin: 0;
  justify-content: center;
  position: relative;
  background-image: linear-gradient(to left, #e9e9ed 50%, hsl(240, 1%, 65%) 50%);
  background-size: 240%;
  background-position: right;
  transition: background 1s;
}

.button-download.button-loading.return-color{
  background-image: linear-gradient(to left, #e9e9ed 50%,#e9e9ed 50%);
  color: rgb(76, 82, 100);
}

.button-download:hover {
  filter: brightness(80%);

}

.button-download.button-loading{
  background-position: left;
  color: white
}
.download,
.default {
  display: flex;
  gap: 8px;
  align-items: center;
  width: fit-content;
}


.download i {
  font-size: 18px;
  width: 18px;
  height: 18px;
}

.description-download{
  font-size: 10px;
  display: inline-block;
  width: 100%;
  font-weight: 500;
  text-align: center;
  margin-bottom: 6px;
  font-family: "Inter";
}

.error-button-download{
  font-size: 10px;
  display: inline-block;
  width: 100%;
  color: red;
  font-weight: 500;
  text-align: center;
  margin-bottom: 6px;
  font-family: "Inter";

}

.download .icon-exportation-download {
  display: flex;
  gap: 8px;
  align-items: center;
}

.default .content, .download, .complete {
  position: relative;
  z-index: 5;
}

.button-download i {
  width: 18px;
  font-size: 18px;
  height: 18px;
}

.button-complete  i {
  width: 18px;
  font-size: 18px;
  height: 18px;
}


.button-complete {
  background-image: linear-gradient(to left, #e9e9ed 50%,#37b534 50%);
} 

.button-complete .complete{
   animation-name: scaleComplete;
   animation-duration: .5s;
   animation-delay: 0.3s;
}


@keyframes scaleComplete {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

ul.messages li .message_wrapper blockquote {
padding:0 10px;
margin:0;
border-left:5px solid #eee;
}

ul.user_data li {
margin-bottom:6px;
}

ul.user_data li p {
margin-bottom:0;
}

ul.user_data li .progress {
width:90%;
}

.project_progress .progress {
margin-bottom:3px!important;
margin-top:5px;
}

.projects .list-inline {
margin:0;
}

.profile_title {
background:#F5F7FA;
border:0;
padding:7px 0;
display:0;
display:flex;
}

ul.stats-overview {
border-bottom:1px solid #e8e8e8;
padding-bottom:10px;
margin-bottom:10px;
}

ul.stats-overview li {
display:inline-block;
text-align:center;
padding:0 15px;
width:30%;
font-size:14px;
border-right:1px solid #e8e8e8;
}

ul.stats-overview li:last-child {
border-right:0;
}

ul.stats-overview li .name {
font-size:12px;
}

ul.stats-overview li .value {
font-size:14px;
font-weight:700;
display:block;
}

ul.stats-overview li:first-child {
padding-left:0;
}

ul.project_files li {
margin-bottom:5px;
}

ul.project_files li a i {
width:20px;
}

.project_detail p {
margin-bottom:10px;
}

.project_detail p.title {
font-weight:700;
margin-bottom:0;
}

.avatar img {
border-radius:50%;
max-width:45px;
}

.pricing {
background:#fff;
}

.pricing .title {
background:#1ABB9C;
height:110px;
color:#fff;
padding:15px 0 0;
text-align:center;
}

.pricing .title h2 {
text-transform:capitalize;
font-size:18px;
border-radius:5px 5px 0 0;
margin:0;
font-weight:400;
}

.pricing .title h1 {
font-size:30px;
margin:12px;
}

.pricing .title span {
background:rgba(51,51,51,0.28);
padding:2px 5px;
}

.pricing_features {
background:#FAFAFA;
padding:20px 15px;
min-height:230px;
font-size:13.5px;
}

.pricing_features ul li {
margin-top:10px;
}

.pricing_footer {
padding:10px 15px;
background-color:#f5f5f5;
border-top:1px solid #ddd;
text-align:center;
border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
}

.pricing_footer p {
font-size:13px;
padding:10px 0 2px;
display:block;
}

.ui-ribbon-container {
position:relative;
}

.ui-ribbon-container .ui-ribbon-wrapper {
position:absolute;
overflow:hidden;
width:85px;
height:88px;
top:-3px;
right:-3px;
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
background-color:#5b90bf;
}

.ui-ribbon-container .ui-ribbon {
position:relative;
display:block;
text-align:center;
font-size:15px;
font-weight:700;
color:#fff;
transform:rotate(45deg);
padding:7px 0;
left:-5px;
top:15px;
width:120px;
line-height:20px;
background-color:#555;
box-shadow:0 0 3px rgba(0,0,0,0.3);
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {
border-top:2px solid #5b90bf;
}

.ui-ribbon-container .ui-ribbon:before {
left:0;
bottom:-1px;
}

.ui-ribbon-container .ui-ribbon:before {
right:0;
}

.ui-ribbon-container .ui-ribbon:after,.ui-ribbon-container .ui-ribbon:before {
position:absolute;
content:" ";
line-height:0;
border-top:2px solid #555;
border-left:2px solid transparent;
border-right:2px solid transparent;
}

.thumbnail .image {
height:120px;
overflow:hidden;
}

.caption {
padding:9px 5px;
background:#F7F7F7;
}

.caption p {
margin-bottom:5px;
}

.thumbnail {
height:190px;
overflow:hidden;
}

.view {
overflow:hidden;
position:relative;
text-align:center;
box-shadow:1px 1px 2px #e6e6e6;
cursor:default;
}

.view .mask,.view .content {
position:absolute;
width:100%;
overflow:hidden;
top:0;
left:0;
}

.view img {
display:block;
position:relative;
}

.view .tools {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
padding:3px;
background:rgba(0,0,0,0.35);
margin:43px 0 0;
}

.mask.no-caption .tools {
margin:90px 0 0;
}

.view .tools a {
display:inline-block;
color:#FFF;
font-size:18px;
font-weight:400;
padding:0 4px;
}

.view p {
font-family:Georgia, serif;
font-style:italic;
font-size:12px;
position:relative;
color:#fff;
padding:10px 20px 20px;
text-align:center;
}

.view a.info {
display:inline-block;
text-decoration:none;
padding:7px 14px;
background:#000;
color:#fff;
text-transform:uppercase;
box-shadow:0 0 1px #000;
}

.view-first img {
transition:all .2s linear;
}

.view-first .mask {
opacity:0;
background-color:rgba(0,0,0,0.5);
transition:all .4s ease-in-out;
}

.view-first .tools {
transform:translateY(-100px);
opacity:0;
transition:all .2s ease-in-out;
}

.view-first p {
transform:translateY(100px);
opacity:0;
transition:all .2s linear;
}

.view-first:hover img {
transform:scale(1.1);
}

.view-first:hover .mask {
opacity:1;
}

.view-first:hover .tools,.view-first:hover p {
opacity:1;
transform:translateY(0px);
}

.view-first:hover p {
transition-delay:.1s;
}

/*!
 * bootstrap-vertical-tabs - v1.2.1
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-11-07
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */
.tabs-left,.tabs-right {
border-bottom:none;
padding-top:2px;
}

.tabs-left {
border-right:1px solid #F7F7F7;
}

.tabs-right {
border-left:1px solid #F7F7F7;
}

.tabs-left>li,.tabs-right>li {
float:none;
margin-bottom:2px;
}

.tabs-left>li {
margin-right:-1px;
}

.tabs-right>li {
margin-left:-1px;
}

.tabs-left>li.active>a,.tabs-left>li.active>a:hover,.tabs-left>li.active>a:focus {
border-bottom-color:#F7F7F7;
border-right-color:transparent;
}

.tabs-right>li.active>a,.tabs-right>li.active>a:hover,.tabs-right>li.active>a:focus {
border-bottom:1px solid #F7F7F7;
border-left-color:transparent;
}

.tabs-left>li>a {
border-radius:4px 0 0 4px;
margin-right:0;
display:block;
background:#F7F7F7;
text-overflow:ellipsis;
overflow:hidden;
}

.tabs-right>li>a {
border-radius:0 4px 4px 0;
margin-right:0;
background:#F7F7F7;
text-overflow:ellipsis;
overflow:hidden;
}

.sideways {
margin-top:50px;
border:none;
position:relative;
}

.sideways>li {
height:20px;
width:120px;
margin-bottom:100px;
}

.sideways>li>a {
border-bottom:1px solid #ddd;
border-right-color:transparent;
text-align:center;
border-radius:4px 4px 0 0;
}

.sideways>li.active>a,.sideways>li.active>a:hover,.sideways>li.active>a:focus {
border-bottom-color:transparent;
border-right-color:#ddd;
border-left-color:#ddd;
}

.sideways.tabs-left {
left:-50px;
}

.sideways.tabs-right {
right:-50px;
}

.sideways.tabs-right>li {
transform:rotate(90deg);
}

.sideways.tabs-left>li {
transform:rotate(-90deg);
}

.avatar-view {
display:block;
border:3px solid #fff;
border-radius:5px;
box-shadow:0 0 5px rgba(0,0,0,0.15);
cursor:pointer;
overflow:hidden;
}

.avatar-body {
padding-right:15px;
padding-left:15px;
}

.avatar-upload {
overflow:hidden;
}

.avatar-upload label {
display:block;
float:left;
clear:left;
width:100px;
}

.avatar-upload input {
display:block;
margin-left:110px;
}

.avater-alert {
margin-top:10px;
margin-bottom:10px;
}

.avatar-wrapper {
height:364px;
width:100%;
margin-top:15px;
box-shadow:inset 0 0 5px rgba(0,0,0,0.25);
background-color:#fcfcfc;
overflow:hidden;
}

.avatar-wrapper img {
display:block;
height:auto;
max-width:100%;
}

.avatar-preview {
float:left;
margin-top:15px;
margin-right:15px;
border:1px solid #eee;
border-radius:4px;
background-color:#fff;
overflow:hidden;
}

.avatar-preview:hover {
border-color:#ccf;
box-shadow:0 0 5px rgba(0,0,0,0.15);
}

.avatar-preview img {
width:100%;
}

.preview-lg {
height:184px;
width:184px;
margin-top:15px;
}

.preview-md {
height:100px;
width:100px;
}

.preview-sm {
height:50px;
width:50px;
}

@media min-width 992px{
.avatar-preview {
float:none;
}
}

.avatar-btns {
margin-top:30px;
margin-bottom:15px;
}

.avatar-btns .btn-group {
margin-right:5px;
}

.loading {
display:none;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:#fff url(../images/loading.gif) no-repeat center center;
opacity:.75;
filter:alpha(opacity=75);
z-index:20140628;
}

.morris-hover {
position:absolute;
z-index:1000;
}

.morris-hover.morris-default-style {
padding:6px;
color:#666;
background:rgba(243,242,243,0.8);
border:solid 2px rgba(195,194,196,0.8);
font-family:sans-serif;
font-size:12px;
text-align:center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
font-weight:700;
margin:.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
white-space:nowrap;
margin:.1em 0;
}

.price {
font-size:40px;
font-weight:400;
color:#26B99A;
margin:0;
}

.prod_title {
border-bottom:1px solid #DFDFDF;
padding-bottom:5px;
margin:30px 0;
font-size:20px;
font-weight:400;
}

.product-image img {
width:90%;
}

.prod_color li {
margin:0 10px;
}

.prod_color li p {
margin-bottom:0;
}

.prod_size li {
padding:0;
}

.prod_color .color {
width:25px;
height:25px;
border:2px solid rgba(51,51,51,0.28)!important;
padding:2px;
border-radius:50px;
}

.product_gallery a {
width:100px;
height:100px;
float:left;
margin:10px;
border:1px solid #e5e5e5;
}

.product_gallery a img {
width:100%;
margin-top:15px;
}

.product_price {
margin:20px 0;
padding:5px 10px;
background-color:#FFF;
text-align:left;
border:2px dashed #E0E0E0;
}

.price-tax {
font-size:18px;
}

.product_social {
margin:20px 0;
}

.product_social ul li a i {
font-size:35px;
}

.login {
background:#F7F7F7;
}

.login .fa-paw {
font-size:26px;
}

a.hiddenanchor {
display:none;
}

.login_wrapper {
right:0;
margin:0 auto;
margin-top:5%;
max-width:350px;
position:relative;
}

.registration_form,.login_form {
position:absolute;
top:0;
width:100%;
}

.registration_form {
z-index:21;
opacity:0;
width:100%;
}

.login_form {
z-index:22;
}

#signup:target ~ .login_wrapper .registration_form,#signin:target ~ .login_wrapper .login_form {
z-index:22;
animation-name:fadeInLeft;
animation-delay:.1s;
}

#signup:target ~ .login_wrapper .login_form,#signin:target ~ .login_wrapper .registration_form {
animation-name:fadeOutLeft;
}

.animate {
-webkit-animation-duration:.5s;
-webkit-animation-timing-function:ease;
-webkit-animation-fill-mode:both;
-moz-animation-duration:.5s;
-moz-animation-timing-function:ease;
-moz-animation-fill-mode:both;
-o-animation-duration:.5s;
-o-animation-timing-function:ease;
-o-animation-fill-mode:both;
-ms-animation-duration:.5s;
-ms-animation-timing-function:ease;
-ms-animation-fill-mode:both;
animation-duration:.5s;
animation-timing-function:ease;
animation-fill-mode:both;
}

.login_box {
padding:20px;
margin:auto;
}

.left {
float:left;
}

.alignleft {
float:left;
margin-right:15px;
}

.alignright {
float:right;
margin-left:15px;
}

.clearfix:after,form:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.login_content {
margin:0 auto;
padding:25px 0 0;
position:relative;
text-align:center;
text-shadow:0 1px 0 #fff;
min-width:280px;
}

.login_content a,.login_content .btn-default:hover {
text-decoration:none;
}

.login_content a:hover {
text-decoration:underline;
}

.login_content h1 {
font:normal 25px Helvetica, Arial, sans-serif;
letter-spacing:-.05em;
line-height:20px;
margin:10px 0 30px;
}

.login_content h1:before,.login_content h1:after {
content:"";
height:1px;
position:absolute;
top:10px;
width:27%;
}

.login_content h1:after {
background:#7e7e7e;
background:linear-gradient(left,#7e7e7e 0%,#fff 100%);
right:0;
}

.login_content h1:before {
background:#7e7e7e;
background:linear-gradient(right,#7e7e7e 0%,#fff 100%);
left:0;
}

.login_content h1:before,.login_content h1:after {
content:"";
height:1px;
position:absolute;
top:10px;
width:20%;
}

.login_content h1:after {
background:#7e7e7e;
background:linear-gradient(left,#7e7e7e 0%,#fff 100%);
right:0;
}

.login_content h1:before {
background:#7e7e7e;
background:linear-gradient(right,#7e7e7e 0%,#fff 100%);
left:0;
}

.login_content form {
margin:20px 0;
position:relative;
}

.login_content form input[type="text"],.login_content form input[type="email"],.login_content form input[type="password"] {
border-radius:3px;
-ms-box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,0.08) inset;
-o-box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,0.08) inset;
box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,0.08) inset;
border:1px solid #c8c8c8;
color:#777;
margin:0 0 20px;
width:100%;
}

.login_content form input[type="text"]:focus,.login_content form input[type="email"]:focus,.login_content form input[type="password"]:focus {
-ms-box-shadow:0 0 2px #ed1c24 inset;
-o-box-shadow:0 0 2px #ed1c24 inset;
box-shadow:0 0 2px #A97AAD inset;
background-color:#fff;
border:1px solid #A878AF;
outline:none;
}

#username {
background-position:10px 10px!important;
}

#password {
background-position:10px -53px!important;
}

.login_content form div a {
font-size:12px;
margin:10px 15px 0 0;
}

.reset_pass {
margin-top:10px!important;
}

.login_content div .reset_pass {
margin-top:13px!important;
margin-right:39px;
float:right;
}

.separator {
border-top:1px solid #D8D8D8;
margin-top:10px;
padding-top:10px;
}

.button {
background:#f7f9fa;
background:linear-gradient(top, #f7f9fa 0%,#f0f0f0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f9fa',endColorstr='#f0f0f0',GradientType=0);
-ms-box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;
-o-box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;
box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;
border-radius:0 0 5px 5px;
border-top:1px solid #CFD5D9;
padding:15px 0;
}

.login_content form input[type="submit"],#content form .submit {
float:left;
margin-left:38px;
}

.button a {
background:url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
color:#7E7E7E;
font-size:17px;
padding:2px 0 2px 40px;
text-decoration:none;
transition:all .3s ease;
}

.button a:hover {
background-position:0 -135px;
color:#00aeef;
}

header {
width:100%;
}

#nprogress {
pointer-events:none;
}

#nprogress .bar {
background:#29d;
position:fixed;
z-index:1031;
top:0;
left:0;
width:100%;
height:2px;
}

#nprogress .peg {
display:block;
position:absolute;
right:0;
width:100px;
height:100%;
box-shadow:0 0 10px #29d, 0 0 5px #29d;
opacity:1.0;
transform:rotate(3deg) translate(0px,-4px);
}

#nprogress .spinner {
display:block;
position:fixed;
z-index:1031;
top:15px;
right:15px;
}

#nprogress .spinner-icon {
width:18px;
height:18px;
box-sizing:border-box;
border:solid 2px transparent;
border-top-color:#29d;
border-left-color:#29d;
border-radius:50%;
animation:nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
overflow:hidden;
position:relative;
}

.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar {
position:absolute;
}

@keyframes nprogress-spinner {
0transform:rotate(0deg);
}

100% {
transform:rotate(360deg);
}
}

.editor-wrapper {
min-height:250px;
background-color:#FFF;
border-collapse:separate;
border:1px solid #ccc;
padding:4px;
box-sizing:content-box;
box-shadow:rgba(0,0,0,0.07451) 0 1px 1px 0 inset;
border-top-right-radius:3px;
border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
border-top-left-radius:3px;
overflow:scroll;
outline:none;
}

.voiceBtn {
width:20px;
color:transparent;
background-color:transparent;
transform:scale(2,2);
-webkit-transform:scale(2,2);
-moz-transform:scale(2,2);
border:transparent;
cursor:pointer;
box-shadow:none;
-webkit-box-shadow:none;
}

div[data-role="editor-toolbar"] {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

.dropdown-menu a {
cursor:pointer;
}

.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple {
background-color:#fff;
border:1px solid #ccc;
border-radius:0;
min-height:38px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
color:#73879C;
padding-top:5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
padding-top:3px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
height:36px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .select2-selection--multiple .select2-selection__clear {
margin-top:2px;
border:none;
border-radius:0;
padding:3px 5px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
border:1px solid #ccc;
}

.switchery {
width:32px;
height:20px;
}

.switchery>small {
width:20px;
height:20px;
}

fieldset {
border:none;
margin:0;
padding:0;
}

.cropper .img-container,.cropper .img-preview {
background-color:#f7f7f7;
width:100%;
text-align:center;
}

.cropper .img-container {
min-height:200px;
max-height:516px;
margin-bottom:20px;
}

@media min-width 768px{
.cropper .img-container {
min-height:516px;
}
}

.cropper .img-container>img {
max-width:100%;
}

.cropper .docs-preview {
margin-right:-15px;
}

.cropper .img-preview {
float:left;
margin-right:10px;
margin-bottom:10px;
overflow:hidden;
}

.cropper .img-preview>img {
max-width:100%;
}

.cropper .preview-lg {
width:263px;
height:148px;
}

.cropper .preview-md {
width:139px;
height:78px;
}

.cropper .preview-sm {
width:69px;
height:39px;
}

.cropper .preview-xs {
width:35px;
height:20px;
margin-right:0;
}

.cropper .docs-data>.input-group {
margin-bottom:10px;
}

.cropper .docs-data>.input-group>label {
min-width:80px;
}

.cropper .docs-data>.input-group>span {
min-width:50px;
}

.cropper .docs-buttons>.btn,.cropper .docs-buttons>.btn-group,.cropper .docs-buttons>.form-control {
margin-right:5px;
margin-bottom:10px;
}

.cropper .docs-toggles>.btn,.cropper .docs-toggles>.btn-group,.cropper .docs-toggles>.dropdown {
margin-bottom:10px;
}

.cropper .docs-tooltip {
display:block;
margin:-6px -12px;
padding:6px 12px;
}

.cropper .docs-tooltip>.icon {
margin:0 -3px;
vertical-align:top;
}

.cropper .tooltip-inner {
white-space:normal;
}

.cropper .btn-upload .tooltip-inner,.cropper .btn-toggle .tooltip-inner {
white-space:nowrap;
}

.cropper .btn-toggle {
padding:6px;
}

.cropper .btn-toggle>.docs-tooltip {
margin:-6px;
padding:6px;
}

@media max-width 400px{
.cropper .btn-group-crop {
margin-right:-15px!important;
}

.cropper .btn-group-crop>.btn {
padding-left:5px;
padding-right:5px;
}

.cropper .btn-group-crop .docs-tooltip {
margin-left:-5px;
margin-right:-5px;
padding-left:5px;
padding-right:5px;
}
}

.cropper .docs-options .dropdown-menu {
width:100%;
}

.cropper .docs-options .dropdown-menu>li {
padding:3px 20px;
}

.cropper .docs-options .dropdown-menu>li:hover {
background-color:#f7f7f7;
}

.cropper .docs-options .dropdown-menu>li>label {
display:block;
}

.cropper .docs-cropped .modal-body {
text-align:center;
}

.cropper .docs-cropped .modal-body>img,.cropper .docs-cropped .modal-body>canvas {
max-width:100%;
}

.cropper .docs-diagram .modal-dialog {
max-width:352px;
}

.cropper .docs-cropped canvas {
max-width:100%;
}

.form_wizard .stepContainer {
display:block;
position:relative;
margin:0;
padding:0;
border:0 solid #CCC;
overflow:hidden;
height: auto!important;
}

.wizard_horizontal ul.wizard_steps {
display:table;
list-style:none;
position:relative;
width:100%;
margin:0 0 20px;
}

.wizard_horizontal ul.wizard_steps li {
display:table-cell;
text-align:center;
}

.wizard_horizontal ul.wizard_steps li a,.wizard_horizontal ul.wizard_steps li:hover {
display:block;
position:relative;
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
color:#666;
}

.wizard_horizontal ul.wizard_steps li a:before {
content:"";
position:absolute;
height:4px;
background:#ccc;
top:20px;
width:100%;
z-index:4;
left:0;
}

.wizard_horizontal ul.wizard_steps li a.disabled .step_no {
background:#ccc;
}
.wizard_horizontal ul.wizard_steps li a.blocked .step_no {
background:red;
}

.wizard_horizontal ul.wizard_steps li a .step_no {
width:40px;
height:40px;
line-height:40px;
border-radius:100px;
display:block;
margin:0 auto 5px;
font-size:16px;
text-align:center;
position:relative;
z-index:5;
}

.wizard_horizontal ul.wizard_steps li a.selected:before,.step_no {
background:#34495E;
color:#fff;
}

.wizard_horizontal ul.wizard_steps li a.done:before,.wizard_horizontal ul.wizard_steps li a.done .step_no {
background:#1ABB9C;
color:#fff;
}

.wizard_horizontal ul.wizard_steps li:first-child a:before {
left:50%;
}

.wizard_horizontal ul.wizard_steps li:last-child a:before {
right:50%;
width:50%;
left:auto;
}

.wizard_verticle .stepContainer {
width:80%;
float:left;
padding:0 10px;
}

.actionBar {
width:100%;
border-top:1px solid #ddd;
padding:10px 5px;
text-align:right;
margin-top:10px;
}

.actionBar .buttonDisabled {
cursor:not-allowed;
pointer-events:none;
opacity:.65;
filter:alpha(opacity=65);
box-shadow:none;
}

.actionBar a {
margin:0 3px;
}

.wizard_verticle .wizard_content {
width:80%;
float:left;
padding-left:20px;
}

.wizard_verticle ul.wizard_steps {
display:table;
list-style:none;
position:relative;
width:20%;
float:left;
margin:0 0 20px;
}

.wizard_verticle ul.wizard_steps li {
display:list-item;
text-align:center;
}

.wizard_verticle ul.wizard_steps li a {
height:80px;
}

.wizard_verticle ul.wizard_steps li a:first-child {
margin-top:20px;
}

.wizard_verticle ul.wizard_steps li a,.wizard_verticle ul.wizard_steps li:hover {
display:block;
position:relative;
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
color:#666;
}

.wizard_verticle ul.wizard_steps li a:before {
content:"";
position:absolute;
height:100%;
background:#ccc;
top:20px;
width:4px;
z-index:4;
left:49%;
}

.wizard_verticle ul.wizard_steps li a.disabled .step_no {
background:#ccc;
}

.wizard_verticle ul.wizard_steps li a .step_no {
width:40px;
height:40px;
line-height:40px;
border-radius:100px;
display:block;
margin:0 auto 5px;
font-size:16px;
text-align:center;
position:relative;
z-index:5;
}

.wizard_verticle ul.wizard_steps li a.selected:before,.step_no {
background:#34495E;
color:#fff;
}

.wizard_verticle ul.wizard_steps li a.done:before,.wizard_verticle ul.wizard_steps li a.done .step_no {
background:#1ABB9C;
color:#fff;
}

.wizard_verticle ul.wizard_steps li:first-child a:before {
left:49%;
}

.wizard_verticle ul.wizard_steps li:last-child a:before {
left:49%;
left:auto;
width:0;
}

.form_wizard .loader {
display:none;
}

.form_wizard .msgBox {
display:none;
}

.progress {
border-radius:0;
}

.progress-bar-info {
background-color:#3498DB;
}

.progress-bar-success {
background-color:#26B99A;
}

.progress_summary .progress {
margin:5px 0 12px!important;
}

.progress_summary .row {
margin-bottom:5px;
}

.progress_summary .row .col-xs-2 {
padding:0;
}

.progress_summary .more_info span {
text-align:right;
float:right;
}

.progress_summary .data span {
text-align:right;
float:right;
}

.progress_summary p {
margin-bottom:3px;
width:100%;
}

.progress_title .left {
float:left;
text-align:left;
}

.progress_title .right {
float:right;
text-align:right;
font-weight:300;
}

.progress.progress_sm {
border-radius:0;
margin-bottom:18px;
height:10px!important;
}

.progress.progress_sm .progress-bar {
height:10px!important;
}

.dashboard_graph p {
margin:0 0 4px;
}

ul.verticle_bars {
width:100%;
}

ul.verticle_bars li {
width:23%;
height:200px;
margin:0;
}

.progress.vertical.progress_wide {
width:35px;
}

.alert-success {
color:#fff;
background-color:rgba(38,185,154,0.88);
border-color:rgba(38,185,154,0.88);
}

.alert-info {
color:#E9EDEF;
background-color:rgba(52,152,219,0.88);
border-color:rgba(52,152,219,0.88);
}

.alert-warning {
color:#E9EDEF;
background-color:rgba(243,156,18,0.88);
border-color:rgba(243,156,18,0.88);
}

.alert-danger,.alert-error {
color:#E9EDEF;
background-color:rgba(231,76,60,0.88);
border-color:rgba(231,76,60,0.88);
}

.ui-pnotify.dark .ui-pnotify-container {
color:#E9EDEF;
background-color:rgba(52,73,94,0.88);
border-color:rgba(52,73,94,0.88);
}

.custom-notifications {
position:fixed;
margin:15px;
right:0;
float:right;
width:400px;
z-index:4000;
bottom:0;
}

ul.notifications {
float:right;
display:block;
margin-bottom:7px;
padding:0;
width:100%;
}

.notifications li {
float:right;
margin:3px;
width:36px;
box-shadow:3px 3px 3px rgba(0,0,0,0.3);
}

.notifications li:last-child {
margin-left:0;
}

.notifications a {
display:block;
text-align:center;
text-decoration:none;
text-transform:uppercase;
padding:9px 8px;
}

.tabbed_notifications .text {
padding:5px 15px;
height:140px;
border-radius:7px;
box-shadow:6px 6px 6px rgba(0,0,0,0.3);
}

.tabbed_notifications div p {
display:inline-block;
}

.tabbed_notifications h2 {
font-weight:700;
text-transform:uppercase;
width:80%;
float:left;
height:20px;
text-overflow:ellipsis;
overflow:hidden;
display:block;
}

.tabbed_notifications .close {
padding:5px;
color:#E9EDEF;
float:right;
opacity:1;
}

.fc-state-default {
background:#f5f5f5;
color:#73879C;
}

.fc-state-down,.fc-state-active {
color:#333;
background:#ccc;
}

.dropzone {
min-height:300px;
border:1px solid #e5e5e5;
}


/*nav-trigger*/

.menu-app, .menu-app .navbox-tiles, .navbox-trigger, .navbox-tiles .tile, .navbox-tiles .tile .icon .fa, .navbox-tiles .tile .title {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.navbox-tiles:after {
  content: '';
  display: table;
  clear: both;
}

.menu-app.navbox-open .navbox-trigger .fa {
    color: #D1D138 !important;
}
.menu-app.navbox-open .navbox-trigger span {
    color: #D1D138 !important;
}

/* Core Styles */
.menu-app {
    height: 50px;
    /*position: relative;*/
    z-index: 1000;
}

.menu-app .bar {
  text-align:center;
  /*background-color: #252525;*/
  width: 100%;
  height: 100%;
 /*position: relative;*/
  z-index: 2;
}

.menu-app .navbox {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all .2s;
  transition: all .2s;
}

.menu-app .navbox-tiles {
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
}

.menu-app.navbox-open .navbox-trigger { 
   color:#bdbd33; 
   border:0px;
  }

.menu-app.navbox-open .navbox:hover a{
  /*color:#000!important;*/
}
.menu-app.navbox-open .navbox:hover .fa{
 /*color:#000!important;*/ 
}

.menu-app.navbox-open .navbox {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
}

.menu-app.navbox-open .navbox-tiles {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.navbox-trigger {
  background-color: transparent;
  /*width: 50px;*/
  height: 50px;
  line-height: 50px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navbox-trigger .fa {
  font-size: 20px;
  color: #fff;
}

.navbox-trigger:hover { background-color: #484747; }

.navbox {
	margin-left: auto;
            margin-right: auto;
  /*background-color: #484747;*/
  width: 100%;
  max-width: 380px;
  -webkit-backface-visibility: initial;
  backface-visibility: initial;
}

.navbox-tiles {
  width: 100%;
  /*padding: 25px;*/
  padding: 13px;
}

.navbox-tiles .tile {
  display: block;
  background-color: #d1d138;
  width: 30.3030303030303%;
  height: 0;
  padding-bottom: 29%;
  float: left;
  border: 2px solid transparent;
  color: #222630;
  position: relative;
}

.navbox-tiles .tile .icon {
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}

.navbox-tiles .tile .icon .fa {
  font-size: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: initial;
  backface-visibility: initial;
}

.navbox-tiles .tile .title {
  padding: 5px;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.navbox-tiles .tile:hover {
  border-color: #fff;
  text-decoration: none;
}
.navbox-tiles .tile:not(:nth-child(3n+3)) {
 margin-right: 4.54545454545455%;
}

.navbox-tiles .tile:nth-child(n+4) { margin-top: 15px; }
 @media screen and (max-width: 370px) {

.navbox-tiles .tile .icon .fa { font-size: 25px; }

.navbox-tiles .tile .title {
  padding: 3px;
  font-size: 11px;
}
}


.nav-sm .nav.side-menu li a i.MenuConfigurationChecking {
    width: 37px !important;
}



.manual_insertion {
    float: right;
    right: 30px;
    top: 7px;
    position: relative;
}

/* CallsAnalytics DNIS*/
md-autocomplete[data-custom-select] input {
  padding: 0 !important;
}

.item-select {
  padding: 1rem;
}

@media screen and (max-width: 1366px) {
    .dropdown-multiselect ul li {
        display: flex;
        margin-right: 10px;
    }
}


.md-icon-custom {
  padding: 4px !important
}

.md-icon-svg {
  width: 30px !important;
  height: 30px !important;
}

@media (min-width: 1178px) {
  .control .col-md-3 {
      width: 20%; 
  }
 
}
/* Utils CSS */
.overflow-y-auto {
    overflow-y: auto;
}

.relative {
    position: relative;
}

.left-1 {
    left: 6px;
}

.pr-4 {
    padding-right: 20px;
}

.right-1 {
    right: 8px;
}

.ms-8 {
    margin-left: 70px;
}

.date-shortlink {
    font-size: 12px;
    font-family: "Inter";
    font-weight: 500;
    color: #919191;
}

.d-none {
    display: none;
}


text-gray {
    color: #838383 !important;
}

.dialog-md {
    width: 100% !important;
    max-width: 500px !important;
}

.dialog-lg {
    width: 100% !important;
    max-width: 656px !important;
}

.dialog-xl {
    width: 100% !important;
    max-width: 980px !important;
}

.dialog-2xl {
    width: 100% !important;
    max-width: 1140px !important;
}

.m-0 {
    margin: 0;
}

.mb-0 {
    margin: 0;
}

.m-6 {
    margin-left: 40px;
}

.w-40 {
    width: 120px;
}

.py-8 {
    padding: 24px 0;
}

.py-4{
    padding: 12px 0;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 1rem;
}


.px-3 {
    padding: 0 1rem;
}

.px-8 {
    padding: 0 22px;
}

.p-4 {
    padding: 1.5rem;

}

.p-6 {
    padding: 24px;

}

.pt-6 {
    padding-top: 1rem;
}

.pt-8 {
    padding-top: 32px;
}

.flex-children {
    flex: 1 auto !important;
}

.flex-children-fix {
    display: flex !important;
    flex: 1 auto !important;
}


.flex {
    display: flex !important;
    flex: unset !important;
}

.d-flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.justify-end {
    justify-content: end;
}

.items-center {
    align-items: center;
}

.items-start {
    align-items: flex-start !important;
}

.items-end {
    align-items: end;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 1rem;
}

.gap-4 {
    gap: 1.5rem;
}



.gap-6 {
    gap: 24px;

}

.w-full {
    width: 100%;
}

.w-0 {
    width: 0;
}

.w-70-percent {
    width: 70%;
}

.h-full {
    height: 100%;
}

.text-small {
    font-size: 12px;
}

.absolute {
    position: absolute !important;
}

.top-2 {
    top: 6px;
}

.right-2 {
    right: 6px;
}

.h-screen {
    height: 100vh;
}

.w-fit {
    width: fit-content;
}

.margin-unset {
    margin: unset !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-4 {
    margin-bottom: 16px;
}

.mb-6 {
    margin-bottom: 20px;
}

.w-lg {
    width: 200px;
}


.heading-sm {
    margin-top: 0;
    font-size: 12px;
    font-weight: 600;
}

/* end Utils */

/* groups */
.group-dashed-line {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: dashed 2px #dbdbdb;
    padding: 16px;
}

.multiselect-row {
    color: #b9b9b9;
    border-bottom: solid 1px #e3e3e3;
    font-size: 16px;
    font-family: Roboto, Helvetica Neue, sans-serif;
    padding: 10px 0 3px 0px;
    vertical-align: middle;
}

input.multiselect-row:focus {
    border-width: 2px;
    border-color: #666;
}

input.multiselect-row {
    color: rgb(66, 66, 66);
    border-top: none;
    border-left: none;
    border-right: none;
}


input.multiselect-row::placeholder {
    color: #b9b9b9;
}


/* end Utils */


/* request Widget */

/* .request-icon {
    padding: 8px
} */

.request-icon .icon-circle {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: block;
    background-color: transparent;
}

.request-icon .state1-class {}

.request-icon .state2-class {
    background: #00a2e8;
}

.request-icon .state3-class {
    background: #22b14c;
}

.request-icon .state4-class {
    background: #7f7f7f;
}

.request-icon .state5-class {
    background: #d1d138;
}

/* waiting */
.request-icon .status-2 {
    background-color: #00a2e8;
}

.request-icon .status-3 {}

/* select reset */
.custom-select-ui {
    padding: 6px 12px;
    background-color: #dbdbdb;
    border-radius: 4px;
    color: #1b1b1b;
    font-weight: 500;
    border-style: solid;
    border-width: 2px;
    border-color: #d6d5d5;
}

.custom-title {
    height: fit-content !important;
    margin-top: 7px !important;
}

.right-title,
.left-title {
    width: fit-content;
}



.custom-select-ui:focus-within {
    border-color: #d1d138;
}

/* Google Seatch page */

.wrapper-chart-loader {
    height: 100% !important
}

.wrapper-filters {
    background-color: white;
    padding: 24px;
    border-radius: 8px;
    margin-bottom: 24px;
}

.wrapper-chart {
    border-radius: 8px;
    overflow: hidden;
    padding: 16px;
    background-color: white;
    width: 100%;
}

.wrapper-chart .chart-element {
    width: 100% !important;
    height: 100% !important;
}

.wrapper-input {
    position: relative;
    display: flex;

}


.wrapper-input.datapicker-input .range-date-input {
    border-left: none;
    border-radius: 0 4px 4px 0;
    padding-left: 0;
}

.wrapper-input.datapicker-input .button-input {
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.range-date-input {
    padding: 6px 12px;
    border-color: #4c5264;
    border-radius: 4px;
    border-width: 2px;
    border-style: solid;
    line-height: 1;
}

.button-input {
    margin: 0;
    padding: 6px 12px;
    border-color: #4c5264;
    border-radius: 4px;
    border-width: 2px;
    border-style: solid;
    line-height: 1;
    display: flex;
    align-items: center;
}

/* fix select */


/* channelsAnalytics */

.header-navigation-content {
    padding: 24px 0 12px 0;
    align-items: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 12px;
    gap: 10px;
}

.header-navigation-content i {
    height: fit-content;
    font-size: 24px;
}

.header-navigation-content h2 {
    margin: 0;
    font-size: 24px;
    line-height: 1.2;
}

.header-navigation-content span {
    color: rgb(119, 119, 119);
    font-size: 15px;
    line-height: 1.5;
}

.page-channels {
    padding: 24px 0px;
}

.container-content {
    position: relative;
    width: 100%;
    height: calc(100vh - 250px);
}

.container-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 24px 40px;
    position: relative;
    width: 100%;
    height: calc(100vh - 250px);
    align-content: start;
}

.loading-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
}

.bannerVCategoty {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    left: 0;
    top: 0;
}

.wrapper-custom-table {
    border-radius: 8px;
    overflow: hidden;
}

.grid-filters-channels {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px
}

.grid-filters-channels-channel {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px
}

@media (max-width:1100px) {
    .grid-filters-channels {
        grid-template-columns: repeat(1, 1fr);

    }

    .grid-filters-channels-channel {
        grid-template-columns: repeat(1, 1fr);
    }
}



.container-multiselect {
    display: flex;
    flex-direction: column;
    /* height: fit-content; */
}

.container-multiselect span.label-multiselect {
    font-weight: 700;
}

.container-multiselect .md-chip-input-container {
    width: 100%;
}

.wrapper-multiselect {
    border-radius: 8px;
    background-color: white;
    padding: 12px;
    display: flex;
    align-items: end;
}

.wrapper-multiselect md-chips {
    width: 100%;
}

.wrapper-multiselect md-autocomplete {
    width: 100%;
}

.text-xs {
    font-size: 12px;
}

.table-details {
    width: 100%;
    padding: 0px 40px;
}

.loading-details {
    height: 240px;
    background-color: white
}

.table-details tbody {
    height: fit-content !important;
    max-height: 240px;
}

[table-details] {
    padding: 0 20px;
}


.table-details td {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 28px
}

.table-details th:first-child {
    width: unset !important;
    flex: 1;
}

.table-details td:first-child {
    width: unset !important;
    flex: 1;
}

.no-content-table {
    width: 100%;
    text-align: center;
    background: #eaeaea;
    font-size: 14px;
    padding: 4px 0;
}

/* .wrapper-multiselect .md-chip-input-container {
    margin: 0 !important;
} */

.wrapper-custom-table .custom-table {
    width: 100%;
    background-color: white;
}

.custom-table thead,
.custom-table tbody {
    display: flex;
    flex-direction: column;
}

.custom-table tr {
    display: flex;
}

.custom-table tbody {
    overflow-y: scroll;
    height: calc(100vh - 238px);
}

.wrapper-custom-table .custom-table thead {
    background: #eaeaea;
}

.wrapper-custom-table .custom-table td,
th {
    position: relative;
}

.wrapper-custom-table .custom-table td:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    width: 2px;
    height: 19px;
    background-color: #eaeaea;
    top: 50%;
    transform: translateY(-50%);
}

.wrapper-custom-table .custom-table th:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    width: 2px;
    height: 19px;
    background-color: #ccc;
    top: 50%;
    transform: translateY(-50%);
}

.wrapper-custom-table .custom-table th:first-child {
    width: 80px;
}

.wrapper-custom-table .custom-table td:first-child {
    width: 80px;
}

.wrapper-custom-table .custom-table td:not(:first-child) {
    flex: 1;
}

.wrapper-custom-table .custom-table th:not(:first-child) {
    flex: 1;
}

.wrapper-custom-table .custom-table th,
td {
    padding: 8px 16px;
}

.line-break {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.progress {
    margin-top: 10px;
}

.message {
    grid-column: 1/ 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .wrapper-custom-table .custom-table th, td {
    padding: 16px;
} */

.wrapper-custom-table header {
    background-color: #d1d138;
    padding: 8px 16px;
    font-weight: 600;
}


[data-custom-select] md-autocomplete-wrap {
    width: auto !important;
}

.autocomplete-flex .md-whiteframe-z1 {
    width: 500px !important;
}

.item-selecet-dnis {
    line-height: 1 !important;
    font-family: "Montserrat", sans-serif !important;
}

.description-item-select {
    font-size: 14px;
    color: #686868;
}

.item-multiselect {
    padding: 10px 14px;
    display: flex;
    gap: 14px;
    line-height: 1;
    height: fit-content;
}

.item-multiselect .description-multiselect {
    color: #838484;
    font-size: 12px;
    font-weight: 600;
}

.item-md-auto-complete {
    display: flex;
    border-bottom: 1px solid #c3c3c3;
}

.item-md-auto-complete i {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 5px;
    font-size: 23px;
    color: #000;
}

.notify-source {
    font-size: 14px;
    color: black;
    background-color: #d1d138;
    ;
    border-radius: 999px;
    line-height: 1;
    width: fit-content;
    height: fit-content;
    padding: 5px 8px;
    font-weight: 600;
    display: flex;
}

.wrapper-notify {
    width: 24px;
}


.item-source-name {
    display: block;
    margin-top: 5px;
    font-weight: 900
}

.personalized-gap {
    gap: 10px;
}

.align-center {
    align-items: center;
}

.item-term {
    display: flex;
    flex-direction: column;
    border: 2px solid #E6E6E6;
    border-radius: 8px;
    transition: all 0.3s;
    padding: 16px;
    gap: 10px;
    font-family: "Inter";
    color: #000;
    justify-content: space-between;
}

.item-term:hover {
    box-shadow: 1px 5px 20px 2px #00000033;
}

.item-term header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;

}

.icon-autocolect {
    display: flex;
    height: fit-content;
}

.item-term header h3 {
    margin: 0;
    font-size: 16px !important;
    line-height: 1.4;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: anywhere;
}

.item-term footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 0;
    margin: 0;
}

.item-term footer .status {
    font-size: 13px;
    line-height: 1.5;
    /* height: 19.5px; */
    font-weight: 500;
}

.item-term footer .delete-button {
    border-radius: 4px;
    background-color: #F14646;
    color: white;
    font-size: 14px;
    font-weight: 600;
    padding: 6px;
    border: none;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    transition: 0.3s;
}


.item-term footer .delete-button:hover {
    background-color: #841616;
}

.item-term section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.item-term section .description-monthly {
    font-size: 10px;
}

.item-term section .description-monthly-value {
    font-size: 14px;
    font-weight: 600;
}

.item-term section img {
    width: 36px;
    height: 36px;
}

.wrapper-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(5, 1fr);
}

.wrapper-scroll {
    overflow-y: scroll;
}

@media(max-width:1400px) {
    .wrapper-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}


.modal-custom-tunad {
    height: 100vh;
    display: flex;
    padding: 20px 0;
    justify-content: center;
}

.modal-custom-tunad .modal-dialog {
    margin: 0 !important;
    display: flex;
    border-radius: 3px;
    overflow: hidden;
}

.modal-custom-tunad .modal-header::after,
.modal-header::before {
    content: unset;
}

.modal-custom-tunad .modal-content {
    max-height: calc(100vh - 40px);
    min-height: 600px;
    height: fit-content;
    width: 100%;
}

.modal-custom-tunad .modal-body {
    max-height: calc(100vh - 165px);
}

.modal-custom-tunad footer {
    margin: 0
}

.modal-custom-tunad footer button {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.modal-custom-tunad .modal-header {
    height: 60px !important;
    color: #e5e5e5;
    background: -webkit-linear-gradient(top, #666666 0%, #3e3e3e 100%) !important;
}

.button-close-custom {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border: none;
    background-color: transparent;
    height: fit-content;
    margin: 0;
}



.description-title-select {
    font-size: 20px;
    font-weight: 600;
}

.buttons-identity-width {
    max-width: 200px;
    width: 100%;
}


.loading2 {
    font-size: 15px;
    margin-right: 5px;
}

.loading3 {
    font-size: 30px;
}

.loading-sm {
    font-size: 20px;
}

.loadingTriggers {
    text-align: center;
    font-size: 40px;
    margin-top: 10%;
}

.uploadBtnWrap {
    font-family: arial;
    font-size: 12px;
}


.buttonAccount {
    margin-top: 5px;
    /*width: 100%;*/
}

.labelAccount {
    margin-top: 12px;
}

.loadingNotification {
    position: relative;
    top: 0px;
}

.mHeight {
    height: 50px;
}

#contentScroll {
    height: 1%;
    overflow: scroll;
    overflow-x: hidden;
}

.NoChips md-chip {
    display: none !important;
}

.marginSearch {
    margin-top: 53px;
}

.hidden {
    display: none !important;
}

.setOpacityOnHover:hover {
    opacity: 1 !important;
}

.nav-md #resizeChart {
    width: 90px;
}

.nav-md .lala {
    width: 600px;
}

.setMdTextWidth md-option div.md-text {
    width: 100% !important;
}

/*decreases the margin of the number of shots for stations*/
.w_15 {
    width: 15%;
}


/*decreases the margin of the stations images*/

.w_13 {
    width: 13%;
}


/*align the dates of the notifications right*/

.last {
    text-align: right;
}


/*align the button 'no' on alert*/

.align {
    position: relative;
    top: 3px;
}

.redimentions {
    width: 3%;
}

.redimentions2 {
    width: 21%;
}

#container {
    height: 500px;
    min-width: 310px;
    max-width: 800px;
    margin: 0 auto;
}

.loading {
    margin-top: 10em;
    text-align: center;
    color: gray;
}

.adservices {
    float: left;
}

.adservices .service {
    width: 115px;
    height: 70px;
    float: left;
    margin: 5px;
    background-color: #ddd;
    border-radius: 5px;
    cursor: pointer;
}

.adservices .service:hover,
.adservices .service.active {
    background-color: #B8B8B8;
}

.adservices .service i {
    margin-top: 5px;
}

.fa.large {
    font-size: 40px;
}

.fa.medium {
    font-size: 20px;
}

.fa.small {
    font-size: 12px;
}

.list.info {
    display: inline-block;
    margin: 20px auto;
    text-align: left;
}

.actions span {
    cursor: pointer;
}

.centralizer {
    text-align: center !important;
}

.centralizer .ui-grid-invisible {
    display: none !important;
}


/*triggers */


/*só por enquanto*/

.triggerStyle {
    padding-left: 9px;
    height: 56px;
    padding-right: 9px;
    padding-top: 9px;
    width: 100%;
}

.flowform {
    position: relative
}

.flowform .fm-copy {
    display: block;
    position: relative;
    padding: 10px 12px;
    background-color: #F0F0F0;
    font-style: italic;
    margin-bottom: 30px;
    margin-top: -15px;
    font-size: 13px
}

.flowform .clicklock-needs-hover {
    display: none
}

.flowform.loading-needs {
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.flowform.loading-needs .clicklock-needs-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background-color: white;
    opacity: 0.2;
    z-index: 3
}

.flowform .formatic .fm-field {
    position: relative;
    min-height: 42px;
    padding: 0 0 30px
}

.flowform .formatic .fm-field .flanked {
    display: inline-block;
    width: 200px
}

.flowform .formatic .fm-field .flanked .insert-button {
    display: none !important
}

.flowform .formatic .fm-field .flanked div.pretty-text-wrapper div.pretty-text-box {
    padding-right: 8px
}

.flowform .formatic .fm-field .copy-button {
    position: absolute;
    right: 0;
    margin: 5px;
    z-index: 2
}

.flowform .formatic .fm-field .input-flanker {
    vertical-align: top;
    line-height: 39px
}

.flowform .formatic .fm-field .fm-custom-value {
    padding: 30px 0px 0px 0px
}

.flowform .formatic .fm-field .fm-custom-list-child-value {
    padding: 10px 0px 0px 0px
}

.flowform .formatic .fm-field .fm-field {
    padding-bottom: 8px
}

.flowform .formatic .fm-field .fm-field .inline-checkbox {
    font-size: 13px;
    font-weight: 600px
}

.flowform .formatic .fm-field .fm-field .inline-checkbox input {
    height: auto;
    width: auto;
    margin-right: 10px
}

.flowform .formatic .fm-field:last-child {
    padding-bottom: 0
}

.flowform .formatic .fm-field .fm-label {
    color: #354147;
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 0.7em 0
}

.flowform .formatic .fm-field .required-text:after {
    content: '(required)';
    color: #FF4A00;
    font-size: 11px;
    padding-right: 3px
}

.flowform .formatic .fm-field .not-required-text:after {
    content: '(optional)';
    color: #969EA2;
    font-size: 11px;
    padding-right: 3px
}

.flowform .formatic .fm-field .label-logo-wrapper .label-logo {
    display: inline-block;
    margin-top: -2px;
    margin-right: 0.5em
}

.flowform .formatic .fm-field .label-logo-wrapper .fm-label {
    display: inline-block
}

.flowform .formatic .fm-field .fm-help {
    color: #969EA2;
    font-size: 13px
}

.flowform .formatic .fm-field .fm-help p {
    margin-bottom: 10px
}

.flowform .formatic .fm-field .fm-help.fm-help-overridden p {
    margin-bottom: 0.5em;
    color: #5F6C72;
    background: #f1f4f5;
    display: inline-block;
    padding: 0.1em 0.5em;
    border-radius: 3px
}

.flowform .formatic .fm-field:hover .fm-help {
    display: block
}

.flowform .formatic .fm-field input[type=text],
.flowform .formatic .fm-field textarea {
    -webkit-appearance: none
}

.flowform .formatic .fm-field div.pretty-text-box,
.flowform .formatic .fm-field input,
.flowform .formatic .fm-field textarea {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    background: #fff;
    overflow: auto;
    white-space: pre-wrap;
    height: auto;
    width: 100%;
    line-height: 1.8;
    min-height: 45px;
    padding: 8px;
    margin: 0;
    border: 2px solid #DADFE2;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.flowform .formatic .fm-field div.pretty-text-box:focus,
.flowform .formatic .fm-field input:focus,
.flowform .formatic .fm-field textarea:focus {
    border-color: #DADFE2
}

.flowform .formatic .fm-field div.pretty-text-box:hover,
.flowform .formatic .fm-field input:hover,
.flowform .formatic .fm-field textarea:hover {
    background-color: #fff;
    border-color: #bfc3c6
}

.flowform .formatic .fm-field div.pretty-text-box.error,
.flowform .formatic .fm-field input.error,
.flowform .formatic .fm-field textarea.error {
    background: #ffeeeb;
    border-color: #E52F00;
    border-width: 2px
}

.flowform .formatic .fm-field div.pretty-text-box.error .CodeMirror-code,
.flowform .formatic .fm-field input.error .CodeMirror-code,
.flowform .formatic .fm-field textarea.error .CodeMirror-code {
    background: #ffeeeb
}

.flowform .formatic .fm-field div.pretty-text-box.warning,
.flowform .formatic .fm-field input.warning,
.flowform .formatic .fm-field textarea.warning {
    background: #fff3d7;
    border-color: #FFC43E;
    border-width: 2px
}

.flowform .formatic .fm-field div.pretty-text-box.warning .CodeMirror-code,
.flowform .formatic .fm-field input.warning .CodeMirror-code,
.flowform .formatic .fm-field textarea.warning .CodeMirror-code {
    background: #fff3d7
}

.flowform .formatic .fm-field input {
    height: 45px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.flowform .formatic .fm-field.fm-field-type-text div.pretty-text-box,
.flowform .formatic .fm-field.fm-field-type-text input {
    min-height: 90px
}

.flowform .formatic .fm-field.fm-field-type-text div.pretty-text-box .CodeMirror-code {
    min-height: 70px
}

.flowform .formatic .fm-field.fm-field-type-code div.pretty-text-box,
.flowform .formatic .fm-field.fm-field-type-code input {
    font-family: monospace
}

.flowform .formatic .fm-field div.pretty-text-box .CodeMirror {
    height: auto;
    width: 100%
}

.flowform .formatic .fm-field div.pretty-text-box.has-focus {
    border-color: #bfc3c6
}

.flowform .formatic .fm-field div.pretty-text-box .pretty-part {
    background-color: #e8ebed;
    border-radius: 12px;
    border: 2px solid #e8ebed;
    color: #354147;
    display: inline-block;
    line-height: normal;
    margin-right: 0.0625em;
    transition: all .1s ease
}

.flowform .formatic .fm-field div.pretty-text-box .pretty-part:not(.readonly-control):hover {
    background: #969EA2;
    border: solid 2px #969EA2;
    color: #fff;
    cursor: pointer
}

.flowform .formatic .fm-field div.pretty-text-box .pretty-part-error {
    color: #E52F00
}

.flowform .formatic .fm-field div.pretty-text-box .pretty-part-container {
    background: #fff;
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    padding-left: 5px;
    padding-right: 5px
}

.flowform .formatic .fm-field div.pretty-text-box .pretty-part-icon .img16 {
    position: relative;
    top: -1px
}

.flowform .formatic .fm-field div.pretty-text-box .pretty-part-step-number {
    color: #5F6C72;
    font-size: .85em;
    padding-left: 5px;
    position: relative;
    top: -1px
}

.flowform .formatic .fm-field div.pretty-text-box .pretty-part-step-number::before {
    content: "Step\00a0"
}

.flowform .formatic .fm-field div.pretty-text-box .pretty-part-label {
    font-size: .85em;
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    top: -1px
}

.flowform .formatic .fm-field div.pretty-text-wrapper {
    position: relative
}

.flowform .formatic .fm-field div.pretty-text-wrapper div.pretty-text-box {
    padding-right: 53px
}

.flowform .formatic .fm-field div.pretty-text-wrapper div.insert-button {
    color: transparent;
    display: block;
    position: absolute;
    background-color: #fff;
    width: 45px;
    height: 45px;
    top: 0;
    right: 0;
    border: 2px solid #DADFE2;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background-image: url("/static/1C9Fzs/images/frontend/insert-fields-2.png");
    background-position: center;
    background-size: 55%
}

.flowform .formatic .fm-field div.pretty-text-wrapper div.insert-button:not(.readonly-control) {
    cursor: pointer
}

.flowform .formatic .fm-field div.pretty-text-wrapper div.insert-button:not(.readonly-control):hover,
.flowform .formatic .fm-field div.pretty-text-wrapper div.insert-button:not(.readonly-control):focus {
    border-color: #bfc3c6;
    background-color: #f9f9f9
}

.flowform .formatic .fm-field div.pretty-text-wrapper .error~div.insert-button {
    border-color: #E52F00
}

.flowform .formatic .fm-field div.pretty-text-wrapper .warning~div.insert-button {
    border-color: #FFC43E
}

.flowform .formatic .fm-field.fm-prettyselect.error input,
.flowform .formatic .fm-field.fm-prettyselect.error .select-arrow {
    color: #000;
    border-color: #E52F00;
    border-width: 1px
}

.flowform .formatic .fm-field .fm-pretty-select-value {
    position: relative
}

.flowform .formatic .fm-field .fm-pretty-select-value .select-arrow {
    display: block;
    position: absolute;
    background-color: #fff;
    width: 45px;
    height: 45px;
    top: 0;
    right: 0;
    border: 2px solid #DADFE2;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background-image: url("/static/1C9Fzs/images/icons/arrow-down.png");
    background-size: 35%
}

.flowform .formatic .fm-field .fm-pretty-select-value .select-arrow:not(.readonly-control) {
    cursor: pointer
}

.flowform .formatic .fm-field .fm-pretty-select-value .select-arrow:not(.readonly-control):hover,
.flowform .formatic .fm-field .fm-pretty-select-value .select-arrow:not(.readonly-control):focus {
    border-color: #bfc3c6;
    background-color: #f9f9f9
}

.flowform .formatic .fm-field .fm-pretty-select-value .select-arrow.error {
    border-color: #E52F00;
    border-width: 1px
}

.flowform .formatic .fm-field .fm-assoc-list {
    position: relative;
    margin-right: 53px
}

.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-item {
    position: relative;
    padding-bottom: 8px
}

.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-item:after {
    content: "";
    display: table;
    clear: both
}

.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-item div.fm-assoc-list-item-key {
    width: 28%;
    float: left;
    margin-right: 1%
}

.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-item div.fm-assoc-list-item-value {
    width: 71%;
    float: left
}

.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-item .fm-assoc-list-item-control .fm-remove-item {
    display: block;
    position: absolute;
    color: transparent;
    background-color: #fff;
    width: 45px;
    height: 45px;
    top: 0;
    right: -53px;
    border: 2px solid #DADFE2;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url("/static/1C9Fzs/images/icons/minus.png");
    background-size: 25%
}

.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-item .fm-assoc-list-item-control .fm-remove-item:not(.readonly-control):hover,
.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-item .fm-assoc-list-item-control .fm-remove-item:not(.readonly-control):focus {
    cursor: pointer;
    border-color: #bfc3c6;
    background-color: #f9f9f9
}

.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-control {
    position: relative;
    height: 45px
}

.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-control .fm-add-item {
    display: block;
    position: absolute;
    color: transparent;
    background-color: #fff;
    width: 45px;
    height: 45px;
    top: 0;
    right: -53px;
    border: 2px solid #DADFE2;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url("/static/1C9Fzs/images/icons/plus.png");
    background-size: 25%
}

.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-control .fm-add-item:not(.readonly-control):hover,
.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-control .fm-add-item:not(.readonly-control):focus {
    cursor: pointer;
    border-color: #bfc3c6;
    background-color: #f9f9f9
}

.flowform .formatic .fm-field .fm-array {
    position: relative;
    margin-right: 53px
}

.flowform .formatic .fm-field .fm-array .fm-array-item {
    position: relative;
    margin: 8px 0
}

.flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-remove-item {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    position: absolute;
    color: transparent;
    background-color: #fff;
    width: 45px;
    height: 45px;
    top: 0;
    right: -53px;
    border: 2px solid #DADFE2;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    background-image: url("/static/1C9Fzs/images/icons/minus.png");
    background-size: 25%
}

.flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-remove-item:not(.readonly-control):hover,
.flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-remove-item:not(.readonly-control):focus {
    cursor: pointer;
    border-color: #bfc3c6;
    background-color: #f9f9f9
}

.flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-move-item-back {
    display: none
}

.flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-move-item-forward {
    display: none
}

.flowform .formatic .fm-field .fm-array .fm-array-control {
    position: relative;
    height: 45px
}

.flowform .formatic .fm-field .fm-array .fm-array-control .fm-add-item {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    position: absolute;
    color: transparent;
    background-color: #fff;
    width: 45px;
    height: 45px;
    top: 0;
    right: -53px;
    border: 2px solid #DADFE2;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    background-image: url("/static/1C9Fzs/images/icons/plus.png");
    background-size: 25%
}

.flowform .formatic .fm-field .fm-array .fm-array-control .fm-add-item:not(.readonly-control):hover,
.flowform .formatic .fm-field .fm-array .fm-array-control .fm-add-item:not(.readonly-control):focus {
    cursor: pointer;
    border-color: #bfc3c6;
    background-color: #f9f9f9
}

.flowform .formatic .fm-field .loading-choices {
    color: #999
}

.flowform .formatic .fm-field .loading-choices input {
    font-style: italic
}

.flowform .formatic .fm-field .choices-container {
    background: #fff;
    max-height: 300px;
    width: 100%;
    z-index: 1000;
    overflow-y: auto;
    margin-bottom: 50px;
    border: 0
}

.flowform .formatic .fm-field .choices-container::-webkit-scrollbar {
    background-color: #fff;
    height: 8px;
    width: 7px
}

.flowform .formatic .fm-field .choices-container::-webkit-scrollbar-thumb {
    background-color: #ccd3d7;
    border-radius: 5px;
    margin-top: 10px
}

.flowform .formatic .fm-field .choices-container::-webkit-scrollbar-track {
    background-color: #f7f8f8;
    border-radius: 0;
    width: 10px;
    margin: 2px
}

.flowform .formatic .fm-field .choices-container::-webkit-scrollbar-corner {
    background-color: #fff
}

.flowform .formatic .fm-field .choices-container .choices-search:before {
    color: #969EA2;
    font-family: 'FontAwesome';
    font-size: 15px;
    position: absolute;
    top: 12px;
    left: 12px;
    content: "\f002"
}

.flowform .formatic .fm-field .choices-container .choices-search input {
    background: linear-gradient(to bottom, #fff, #F7F9FA);
    color: #5F6C72;
    padding: 9px 8px 7px 2.8em;
    height: 40px;
    min-height: 40px;
    border: 0;
    border-bottom: 2px solid #bfc3c6;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.flowform .formatic .fm-field .choices-container ul.choices {
    margin: 0
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice {
    border-top: 1px solid #DADFE2;
    cursor: pointer
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice:first-child {
    border-top: none
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice a {
    color: #999;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-row {
    background: #fff;
    padding: 12px 8px;
    min-width: 600px
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-row .choice-name {
    color: #354147;
    font-weight: 600
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-section-arrow {
    float: right
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-label {
    color: #5F6C72;
    display: inline-block;
    font-weight: 600;
    margin-right: 1%;
    padding: 8px
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-label:only-child {
    max-width: none
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-sample {
    color: #aeb7bc
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-name {
    color: #354147;
    margin-left: 1%;
    vertical-align: middle
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-step-number {
    margin-right: 2%;
    border: 2px solid #969EA2;
    display: inline-block;
    text-align: center;
    height: 22px;
    width: 22px;
    border-radius: 100%;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6em
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-step-number.disabled {
    opacity: .4
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice a:hover {
    text-decoration: none;
    background: #eef0f2
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice a span.choice-action {
    color: #666;
    float: right;
    margin-top: 12px;
    margin-right: 8px
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice:first-child {
    border-top: 0
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice.hover a {
    background-color: #eef0f2
}

.flowform .formatic .fm-field .choices-container ul.choices li.choice.hover a .choice-row {
    background-color: #eef0f2
}

.flowform .formatic .fm-field div.pretty-text-wrapper div.pretty-text-box {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.flowform .formatic .fm-field div.pretty-text-wrapper.choices-open div.insert-button {
    border: 2px solid #bfc3c6;
    -moz-border-radius: 0 3px 0 0;
    -webkit-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0
}

.flowform .formatic .fm-field div.pretty-text-wrapper.choices-open div.pretty-text-box {
    border: 2px solid #bfc3c6;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.flowform .formatic .fm-field div.fm-pretty-select-value.choices-open .select-arrow,
.flowform .formatic .fm-field div.fm-pretty-select-value:focus .select-arrow {
    border: 2px solid #bfc3c6;
    -moz-border-radius: 0 3px 0 0;
    -webkit-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0
}

.flowform .formatic .fm-field div.fm-pretty-select-value.choices-open .fm-pretty-select-input {
    border-top: 2px solid #bfc3c6;
    border-right: 2px solid #bfc3c6;
    border-left: 2px solid #bfc3c6
}

.flowform .formatic .fm-field div.fm-pretty-select-value .pretty-text-wrapper.choices-open+.select-arrow {
    border: 2px solid #bfc3c6
}

.flowform .formatic .fm-field .choices-container {
    border: 2px solid #bfc3c6;
    margin-top: -2px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.flowform .formatic .fm-field .pretty-text-wrapper .choices-container li.choice a {
    background: #f7f8f8
}

.flowform .child-fields-group {
    border: 2px solid #eee;
    padding: 40px;
    margin-bottom: 30px
}

@media (max-width: 600px) {
    .flowform .child-fields-group {
        padding: 20px
    }
}

.flowform .child-fields-group legend {
    padding: 0 20px;
    margin-left: -20px;
    font-size: 1.3em
}

.flowform .child-fields-group .read-only-field .label-logo-wrapper span.label-logo,
.flowform .child-fields-group .read-only-field span.required-text,
.flowform .child-fields-group .read-only-field span.not-required-text,
.flowform .child-fields-group .read-only-field .fm-help,
.flowform .child-fields-group .read-only-field div.pretty-text-wrapper div.insert-button {
    display: none
}

.flowform .child-fields-group .read-only-field:hover .fm-help {
    display: none
}

.flowform .child-fields-group .read-only-field div.pretty-text-box {
    border: none;
    padding: 0
}

.flowform .child-fields-group .read-only-field .fm-assoc-list {
    margin-right: 0
}

.flowform .child-fields-group .read-only-field .fm-assoc-list .fm-assoc-list-item .fm-assoc-list-item-control {
    display: none
}

.flowform .child-fields-group .read-only-field .fm-assoc-list .fm-assoc-list-control {
    display: none
}

.flowform .child-fields-group .read-only-field .fm-array {
    margin-right: 0
}

.flowform .child-fields-group .read-only-field .fm-array .fm-array-item .fm-array-item-control {
    display: none
}

.flowform .child-fields-group .read-only-field .fm-array .fm-array-control {
    display: none
}

.flowform .child-fields-group .read-only-field .select-arrow {
    display: none
}

.flowform .child-fields-group .read-only-field .pretty-text-box,
.flowform .child-fields-group .read-only-field input,
.flowform .child-fields-group .read-only-field .CodeMirror {
    background-color: #fff;
    color: #5F6C72;
    font-weight: normal;
    border: none;
    padding: 0;
    font-family: 'Consolas', 'Liberation Mono', Courier, monospace
}

.flowform .fm-field label.inline-checkbox {
    font-size: 13px;
    font-weight: 600
}

.flowform .fm-field label.inline-checkbox input {
    height: auto;
    width: auto;
    margin-right: .7em;
    vertical-align: middle
}

.flowform__pretty-button {
    height: 45px;
    padding: 15px
}

.flowform.rule-cell .formatic .fm-field .choices-container,
.flowform .formatic .rule-cell .choices-container {
    max-width: 600px;
    min-width: 300px;
    width: auto
}

@media (max-width: 600px) {

    .flowform.rule-cell .formatic .fm-field .choices-container,
    .flowform .formatic .rule-cell .choices-container {
        width: 100%
    }
}

.flowform.readonly-rule input {
    border: 0
}

.flowform .placeholder .internal-text-wrapper {
    color: #969EA2
}

.flow-sidebar {
    min-height: 0;
    width: 400px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid #e0e4e6
}

@media (max-width:600px) {
    .flow-sidebar {
        margin-top: -55px;
        width: 100%
    }
}

.flow-sidebar__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll;
    /*padding: 20px;*/
    margin: 0 2px 0 0;
    position: relative
}

.flow-sidebar__content::-webkit-scrollbar {
    height: 8px;
    width: 7px;
    border-radius: 4px
}

@media (max-width:900px) {
    .flow-sidebar__content::-webkit-scrollbar {
        width: 5px
    }
}

.flow-sidebar__content::-webkit-scrollbar-thumb {
    background-color: #e5e9eb;
    border-radius: 5px
}

.flow-sidebar__content::-webkit-scrollbar-track {
    border-radius: 5px;
    width: 10px;
    margin: 6px
}

.flow-sidebar__content::-webkit-scrollbar-corner {
    background-color: #fff
}

.flow-sidebar__header {
    background: #fff;
    margin-right: 0;
    padding: 20px 10px 10px 23px
}

.flow-sidebar__drawer-row {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flow-sidebar__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin: 7px 10px 0 0
}

.flow-sidebar__toggle {
    margin: 0 10px
}

.flow-sidebar__note-icon {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .9em;
    font-weight: 600;
    margin-top: 1em;
    min-width: 0
}

.flow-sidebar__note-icon:hover {
    color: #499df3;
    text-decoration: none
}

.flow-sidebar__timeline {
    padding: 0 0 2em 35px
}

.flow-sidebar__help-bar {
    background-color: #fff;
    border-top: 1px solid #eef0f2;
    font-size: .9em;
    padding: 14px 20px 12px;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    vertical-align: middle
}

.flow-sidebar__help-bar:hover {
    text-decoration: none
}

.flow-sidebar__help-bar:hover .flow-sidebar__help-bar__link {
    color: #499df3
}

@media (max-width:700px) {
    .flow-sidebar__help-bar {
        width: 100%
    }
}

.flow-sidebar__help-bar__link {
    color: #5f6c72;
    font-weight: 600;
    margin-right: .3em;
    text-decoration: none
}

.flow-sidebar__help-bar__link:hover {
    color: #499df3;
    text-decoration: none
}

.flow-sidebar__help-bar__link i {
    color: inherit;
    display: inline-block;
    margin-right: .5em;
    vertical-align: middle
}

.flow-sidebar__help-bar__text {
    color: #a4aaae;
    line-height: 1.4em
}

.flow-sidebar__step-status {
    background-color: #fff;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    margin-left: 52px;
    margin-top: -72px;
    padding: .15em;
    font-size: 20px
}

.flow-sidebar__step-status--complete {
    color: #62d493
}

.flow-sidebar__step-status--error {
    color: #e52f00
}

.flow-sidebar__app-logo {
    cursor: pointer
}

.flow-sidebar__app-logo--disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5;
    cursor: default
}

.flow-sidebar__menu-outer {
    margin-left: -.6em
}

.flow-sidebar__menu-inner {
    overflow: auto;
    padding-left: .6em
}

.flow-sidebar--can-collapse .flow-sidebar__content {
    padding: 12px 8px 12px 14px
}

.flow-sidebar--can-collapse .flow-sidebar__help-bar {
    text-align: center
}

.drawer-toggle-button {
    padding: 2px 6px
}

.drawer-toggle-button__label {
    font-size: 2em;
    padding: 0 4px
}

.progress-circle {
    display: inline-block;
    vertical-align: top
}

.progress-circle--primary .progress-circle__bar {
    stroke: #499df3
}

.progress-circle--primary.progress-circle--can-click:hover .progress-circle__circle {
    stroke: #bcdbfb
}

.progress-circle--safe .progress-circle__bar {
    stroke: #13d0ab
}

.progress-circle--safe.progress-circle--can-click:hover .progress-circle__circle {
    stroke: #6cf2d7
}

.progress-circle--warning .progress-circle__bar {
    stroke: #ffc43e
}

.progress-circle--warning.progress-circle--can-click:hover .progress-circle__circle {
    stroke: #ffe9b8
}

.progress-circle--danger .progress-circle__bar {
    stroke: #ff4a00
}

.progress-circle--danger.progress-circle--can-click:hover .progress-circle__circle {
    stroke: #ffa17a
}

.progress-circle--can-click {
    cursor: pointer
}

.progress-circle__svg {
    display: block;
    overflow: visible;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.progress-circle__circle {
    fill: transparent;
    stroke: #dadfe2
}

.progress-circle__bar {
    fill: transparent;
    stroke: #969ea2;
    -webkit-transition: stroke-dashoffset .5s linear;
    transition: stroke-dashoffset .5s linear
}

.flow-app-bar__menu-button {
    display: inline-block;
    float: left;
    margin: 0 .7em 0 0;
    color: #fff
}

.flow-page {
    padding-right: 402px
}

@media (max-width:1660px) {
    .flow-page {
        padding-right: 0
    }
}

.flow-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    background: #fff
}

.flow-container__app-bar {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.flow-container__preloader {
    -ms-flex-item-align: center;
    align-self: center
}

.flow-container__editor {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 0
}

.flow-container__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll;
    position: relative;
    margin-left: 122px
}

@media screen and (min-width:900px) {
    .flow-container__content {
        margin-left: 0
    }
}

@media screen and (max-width:602px) {
    .flow-container__content {
        margin-left: 0
    }
}

.flow-container__content--can-collapse-sidebar {
    margin-left: 102px
}

.flow-container__content--can-collapse-sidebar .flow-page {
    padding-right: 102px
}

@media (max-width:1060px) {
    .flow-container__content--can-collapse-sidebar .flow-page {
        padding-right: 0
    }
}

.flow-container__clickblock {
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #354147;
    opacity: .4
}

.flow-container__sidebar {
    background: #fff;
    box-shadow: 0 0 1px rgba(95, 108, 114, .08), 0 0 6px rgba(95, 108, 114, .05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:900px) {
    .flow-container__sidebar {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

@media (max-width:600px) {
    .flow-container__sidebar {
        width: 85%
    }
}

.flow-container__sidebar--can-collapse {
    position: absolute;
    z-index: 1000
}

.flow-fields-page__missing-fields-section {
    padding-top: 30px
}

.flow-fields-page__remove-extra-fields-button-container {
    padding-top: 25px
}

.flow-fields-page__remove-extra-fields-wrapper {
    border: 2px solid #eee;
    padding: 20px 40px 40px;
    margin-bottom: 30px
}

@media (max-width:600px) {
    .flow-fields-page__remove-extra-fields-wrapper {
        padding: 20px
    }
}

.flow-fields-page__remove-extra-fields-wrapper legend {
    padding: 0 20px;
    margin-left: -20px;
    font-size: 1.3em
}

.flow-fields-page__advanced-fields-link-container {
    padding-top: 30px
}

.flow-fields-page__refresh-fields-button {
    margin-top: 20px
}

.flow-fields-page__refresh-fields-button i {
    margin-right: .5em
}

.highlight-control-chars__highlight {
    display: inline-block;
    min-width: 8px;
    box-shadow: inset 0 0 0 1px red
}

.sample-detail {
    position: relative;
    border: 1px solid #dadfe2;
    border-radius: 3px
}

.sample-detail__search-input {
    color: #969ea2;
    background: -webkit-linear-gradient(top, #fff, #f7f9fa);
    background: linear-gradient(180deg, #fff, #f7f9fa);
    border: 0;
    border-bottom: 1px solid #dadfe2;
    border-radius: 3px 3px 0 0;
    font-family: Open Sans, Helvetica, arial, sans-serif;
    font-size: 14px;
    padding: 11px 42px;
    width: 100%
}

.sample-detail__search-icon {
    position: absolute;
    color: #969ea2;
    top: 14px;
    left: 20px;
    pointer-events: none
}

.sample-detail__table {
    max-height: 400px;
    font-size: 14px;
    overflow: auto;
    padding: 20px;
    width: 100%;
    -webkit-font-smoothing: antialiased
}

.sample-detail__hightlighted-fields {
    color: #e52f00
}

.sample-detail__field {
    margin: 0 0 10px
}

.sample-detail__label {
    font-weight: 600;
    line-height: 1.5em
}

.sample-detail__value--nested {
    margin: 10px 0 0 10px
}

.sample-detail__value-content {
    line-height: 1.5em;
    margin: 0;
    overflow: inherit
}

.filter-test-rule-result {
    margin-bottom: 1.5em;
    font-family: Courier
}

@media (min-width:760px) {
    .filter-test-rule-result {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: .5em
    }
}

.filter-test-rule-result--compact {
    font-size: 12px
}

.filter-test-rule-result__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px
}

.filter-test-rule-result__icon {
    font-size: 1.25em
}

.filter-test-rule-result__icon--success {
    color: #62d493
}

.filter-test-rule-result__icon--invalid {
    color: #e52f00
}

.filter-test-rule-result__icon--fail,
.filter-test-rule-result__icon--harmless-fail {
    color: #ffc43e
}

.filter-test-rule-result__number {
    margin-left: .5em
}

.filter-test-rule-result__rule-part {
    border-radius: 3px;
    margin-bottom: 2px;
    padding: 5px
}

@media (min-width:760px) {
    .filter-test-rule-result__rule-part {
        margin-left: .5em
    }
}

.filter-test-rule-result__rule-part--key {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    word-break: break-all
}

@media (min-width:760px) {
    .filter-test-rule-result__rule-part--key {
        max-width: 60%
    }
}

.filter-test-rule-result__rule-part--value {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    word-break: break-all
}

@media (min-width:760px) {
    .filter-test-rule-result__rule-part--value {
        max-width: 30%
    }
}

.filter-test-rule-result__rule-part--success {
    background-color: #d2f3e0
}

.filter-test-rule-result__rule-part--invalid {
    color: #e52f00;
    background-color: #ffeeeb
}

.filter-test-rule-result__rule-part--fail,
.filter-test-rule-result__rule-part--harmless-fail {
    color: #d79500;
    background-color: #fff3d7
}

.filter-test-rule-divider {
    margin: 0 0 1em 61px;
    background: #ebeeef;
    border-radius: 3px;
    color: #5f6c72;
    display: inline-block;
    font-size: .9em;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 6px
}

.filter-test-rule-divider--and {
    margin-top: .5em
}

.filter-test-rule-divider--or {
    margin-top: 3.5em
}

.filter-test-results__filter-tests {
    margin: 0 auto 3em;
    padding: 0 3em
}

.filter-test-results__test-filters-result {
    border-radius: 3px;
    max-width: 620px;
    margin: 0 auto 1em;
    text-align: center;
    font-size: 1.1em;
    font-weight: 600;
    padding: 1.5em
}

.filter-test-results__test-filters-result--would-run {
    color: #fff;
    background-color: #62d493
}

.filter-test-results__test-filters-result--would-not-run {
    color: #d79500;
    background-color: #fff3d7
}

.filter-test-results__not {
    font-weight: 700
}

.gory-details-error-bar__error-details {
    border: 1px solid #dadfe2;
    padding: 1em;
    background-color: #fafafa
}

.flow-on-off-page__buttons {
    margin-top: 2em
}

@media (max-width:600px) {

    .flow-on-off-page__buttons .button,
    .flow-on-off-page__buttons .button-or-text {
        display: block
    }
}

.notes-page__editor {
    resize: vertical;
    border-color: #dadfe2
}

.notes-page__viewer {
    padding: 10px;
    background-color: #f0f0f0;
    border: 1px solid #dadfe2
}

.connected-accounts-list-item {
    padding: .8em;
    margin-bottom: .75em;
    background-color: #fff;
    border: 1px solid #dadfe2;
    border-radius: 3px;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

@media screen and (min-width:750px) {
    .connected-accounts-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: .5em
    }
}

.connected-accounts-list-item--appear-enter,
.connected-accounts-list-item--highlighted {
    background-color: #fff6e1
}

.connected-accounts-list-item--appear-leave {
    opacity: 0
}

.connected-accounts-list-item__cell:not(:last-child) {
    margin: 0 0 1em
}

@media screen and (min-width:750px) {
    .connected-accounts-list-item__cell:not(:last-child) {
        margin: 0 1em 0 0
    }
}

.connected-accounts-list-item__cell--meta,
.connected-accounts-list-item__cell--title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.connected-accounts-list-item__cell--meta {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:750px) {
    .connected-accounts-list-item__cell--title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0
    }

    .connected-accounts-list-item__cell--date-added {
        width: 6em;
        text-align: right
    }

    .connected-accounts-list-item__cell--num-zaps {
        width: 3em;
        text-align: right
    }
}

@media screen and (min-width:375px) {
    .connected-accounts-list-item__cell--actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.connected-accounts-list-item__service-icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20px;
    height: 20px;
    background-size: 20px;
    margin: 0 1.2em 0 .4em
}

.connected-accounts-list-item__title-editor {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    max-width: 490px
}

.connected-accounts-list-item__inline-label {
    display: inline-block
}

@media screen and (min-width:750px) {
    .connected-accounts-list-item__inline-label--date-connected {
        display: none
    }
}

.connected-accounts-list-item__meta {
    margin: 0 .5em 0 0;
    display: inline-block;
    font-size: 13px
}

@media screen and (min-width:750px) {
    .connected-accounts-list-item__meta--date {
        width: 6.2em
    }

    .connected-accounts-list-item__meta--zaps {
        width: 5.5em
    }
}

.connected-accounts-list-item__action {
    min-width: 7.5em;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.connected-accounts-list-item__action:not(:last-child) {
    margin: 0 0 .5em
}

@media screen and (min-width:375px) {
    .connected-accounts-list-item__action:not(:last-child) {
        margin: 0 .3em 0 0
    }
}

.connected-accounts-list-item__action--block {
    width: 100%;
    margin-bottom: .5em
}

.connected-accounts-list__loading-indicator {
    display: block;
    margin: 100px auto
}

.connected-accounts-app {
    background-color: #fff
}

.connected-accounts-app__title {
    padding-bottom: 0
}

.connected-accounts-app__search {
    position: relative
}

.connected-accounts-app__dropdown-button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    line-height: 45px;
    border: 3px solid #dadfe2;
    background: #fff;
    padding: 0 13px
}

.connected-accounts-app__dropdown-button:hover {
    background: #f7f8f8
}

.connected-accounts-app__dropdown-icon {
    color: #969ea2;
    margin-top: 4px
}

.connected-accounts-app__service-search input {
    padding-right: 55px;
    cursor: pointer
}

@media screen and (min-width:750px) {
    .connected-accounts-app__search {
        width: 50%
    }
}

.zap-icons {
    margin: 0;
    padding: 0;
    list-style: none
}

.zap-icons,
.zap-icons__icon-wrap,
.zap-icons__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.zap-icons__icon-wrap {
    color: #5f6c72;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    border: 1px solid #eee;
    background-color: #f6f6f6;
    border-radius: 4px;
    width: 36px;
    height: 36px
}

.zap-icons--large .zap-icons__icon-wrap {
    width: 72px;
    height: 72px
}

.zap-icons__icon {
    background-size: 100%;
    width: 22px;
    height: 22px
}

.zap-icons--large .zap-icons__icon {
    width: 44px;
    height: 44px
}

.zap-icons__caret {
    margin: 0 9px;
    color: #5f6c72;
    font-size: 7px;
    line-height: 1
}

:last-child>.zap-icons__caret {
    display: none
}

.zap-icons--large .zap-icons__caret {
    margin: 0 18px;
    font-size: 14px
}

.popover--static-below {
    top: calc(100% + 10px);
    z-index: 100
}

.popover--static-below,
.popover--static-below .popover__arrow--up {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.popover--static-below .popover__arrow--up {
    bottom: 100%
}

.popover__content-container {
    background-color: #499df3;
    color: #fff;
    padding: 20px;
    border-radius: 4px;
    max-width: 400px;
    min-width: 100px
}

.popover--compact .popover__content-container {
    font-size: 1.2rem;
    line-height: 1.3;
    padding: 1em;
    min-width: 100%;
    white-space: nowrap;
    text-align: center
}

.popover__content {
    word-break: break-word
}

.popover__content p {
    margin: 0
}

.popover__close-button {
    color: #fff;
    font-size: 13px;
    float: right;
    cursor: pointer
}

.popover__arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.popover__arrow--up {
    border-bottom: 10px solid #499df3
}

.popover__arrow--down {
    border-top: 10px solid #499df3
}

.popover-wrapper {
    position: relative
}

.popover-wrapper--hoverable .popover {
    display: none
}

.popover-wrapper--hoverable .popover:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 12px;
    box-sizing: content-box;
    z-index: -1
}

.popover-wrapper--hoverable:hover .popover {
    display: block
}

.search-box {
    position: relative
}

.search-box .search-box__input[type] {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0
}

.search-box__icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #969ea2
}

.search-box__icon--search {
    left: 10px
}

.search-box__icon--reset {
    right: 10px;
    font-size: 10px
}

.dropdown-menu-v2-container {
    display: inline-block;
    position: relative
}

.dropdown-menu-v2 {
    margin: 0;
    position: absolute;
    max-height: 15em;
    border: 1px solid #dadfe2;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    overflow: auto;
    z-index: 900
}

.dropdown-menu-v2--above {
    bottom: 100%
}

.dropdown-menu-v2--at-bottom {
    bottom: 0
}

.dropdown-menu-v2--below {
    top: 100%
}

.dropdown-menu-v2--at-top {
    top: 0
}

.dropdown-menu-v2--justify-right {
    right: 0
}

.dropdown-menu-v2--justify-left {
    left: 0
}

.dropdown-menu-v2__list {
    line-height: 1.2;
    margin: 0
}

.dropdown-menu-v2__item {
    cursor: pointer
}

.dropdown-menu-v2__item:not(:last-child) {
    border-bottom: 1px solid #dadfe2
}

.dropdown-menu-v2__label {
    padding: .8em;
    background-color: #fff
}

.dropdown-menu-v2__label:hover {
    background-color: #499df3;
    color: #fff
}

.dropdown-menu-v2__label--danger {
    background-color: #e52f00;
    color: #fff
}

.dropdown-menu-v2__label--danger:hover {
    background-color: #cc2a00
}

.dropdown-menu-v2__label--centered {
    text-align: center
}

.inline-editor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid transparent
}

.inline-editor--can-click-text {
    cursor: pointer;
    border-bottom-color: #dadfe2
}

.inline-editor--can-click-text:hover {
    border-bottom-style: dashed;
    border-bottom-color: #499df3
}

.inline-editor--bordered {
    border-bottom-color: #dadfe2
}

.inline-editor--editing {
    border-bottom-color: #499df3
}

.inline-editor__edit-icon {
    color: #b6bcbf;
    margin-right: .4em;
    font-size: .85em;
    cursor: pointer
}

.inline-editor--flip-icon .inline-editor__edit-icon {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 0;
    margin-left: .4em
}

.inline-editor__content-wrap {
    display: block;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.inline-editor .inline-editor__content-wrap .inline-editor__content {
    width: 100%;
    color: #5f6c72;
    line-height: 1.5;
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 1px 0
}

.inline-editor .inline-editor__content-wrap .inline-editor__content--easy-click {
    cursor: pointer
}

.inline-editor .inline-editor__content-wrap .inline-editor__content--easy-click:hover {
    color: #499df3;
    text-decoration: none
}

.badge {
    display: inline-block;
    font-size: 1.2rem;
    padding: 0 .5em;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50px;
    font-weight: 600;
    overflow: hidden;
    color: white;
}

.badge--chameleon {
    border-color: currentColor;
    color: inherit
}

.badge--block {
    display: block;
    width: 100%
}

.dashboard-folder {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5f6c72;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .8em;
    min-height: 26px;
    position: relative
}

.dashboard-folder__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 5em;
    font-size: 1.5rem
}

.dashboard-folder--selected .dashboard-folder__title {
    color: #499df3;
    font-weight: 600
}

.dashboard-folder .dashboard-folder__link {
    color: inherit;
    display: block;
    text-decoration: none
}

.dashboard-folder .dashboard-folder__link:hover {
    color: #499df3
}

.dashboard-folder__meta {
    margin-left: 1em;
    min-width: 2.6em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dashboard-folder__menu {
    min-width: 120px
}

.dashboard-folder__edit-icon {
    cursor: pointer;
    font-size: 17px;
    color: #969ea2
}

.dashboard-folder__edit-icon:hover {
    color: #5f6c72
}

.dashboard-folder .dashboard-folder__edit-icon {
    display: none
}

.dashboard-folder:hover .dashboard-folder__edit-icon,
.dashboard-folder__num-zaps {
    display: block
}

.dashboard-folder--selected .dashboard-folder__num-zaps {
    color: #499df3
}

.dashboard-folder:hover .dashboard-folder__num-zaps:not(:only-child) {
    display: none
}

.dashboard-folders {
    margin-bottom: 20px
}

.dashboard-folders__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5em
}

.dashboard-folders__title {
    color: #354147;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0;
    text-transform: uppercase
}

.dashboard-folders__list {
    margin-bottom: 0
}

.dashboard-app {
    padding-bottom: 20px;
    padding-top: 20px
}

@media screen and (min-width:825px) {
    .dashboard-app {
        padding-bottom: 0;
        padding-top: 0
    }

    .dashboard-app__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .dashboard-app__col {
        padding-bottom: 20px;
        padding-top: 20px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .dashboard-app__col--primary {
        width: 66.666%
    }

    .dashboard-app__col--secondary {
        width: 33.333%;
        padding-right: 30px;
        margin-right: 30px;
        border-right: 1px solid #f1f4f5
    }
}

.msz-press {
    margin: 0;
    overflow: hidden
}

.msz-press__item {
    float: left;
    margin-left: 3%;
    width: 31.3%
}

.msz-press__item:nth-of-type(3n+1) {
    clear: left;
    margin-left: 0
}

@media screen and (max-width:750px) {
    .msz-press__item {
        float: none;
        margin-bottom: 2.5em;
        margin-left: 0;
        width: 100%
    }

    .msz-press__item:last-of-type {
        margin-bottom: 0
    }
}

.msz-press__quote {
    color: #969ea2;
    font-size: 1.4em;
    font-weight: 200;
    margin-bottom: 1.2em
}

.msz-press__logo {
    max-width: 150px
}

.msz-testimonials {
    margin-bottom: 0;
    margin-top: 5em;
    overflow: hidden
}

@media screen and (max-width:750px) {
    .msz-testimonials {
        margin-top: 3em
    }
}

.msz-testimonials__item {
    background: #fff;
    border-radius: 3px;
    float: left;
    margin-bottom: 2.5em;
    margin-left: 3%;
    text-align: left;
    width: 31.3%
}

.msz-testimonials__item:nth-of-type(3n+1) {
    clear: left;
    margin-left: 0
}

.msz-testimonials__item:last-of-type {
    margin-bottom: 0
}

@media screen and (max-width:750px) {
    .msz-testimonials__item {
        float: none;
        margin-left: 0;
        width: 100%
    }
}

.msz-testimonials__quote {
    border-bottom: 1px solid #eee;
    color: #5f6c72;
    padding: 1em
}

.msz-testimonials__footer {
    padding: 1em;
    position: relative
}

.msz-testimonials__details {
    padding-left: 60px
}

.msz-testimonials__name {
    color: #5f6c72;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: .2em;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.msz-testimonials__company {
    font-size: .95em;
    line-height: 1.5em;
    margin: 0
}

.msz-testimonials__photo {
    position: absolute;
    left: 1em;
    top: 1em;
    height: 46px;
    width: 46px
}

.pricing-page {
    background: #f1f4f5 url("/static/1C9Fzs/images/pricing/hero-pricing.png") no-repeat 50%;
    background-size: 1746px;
    padding: 4em 0
}

@media screen and (max-width:750px) {
    .pricing-page {
        background: #f1f4f5
    }
}

.pricing-page__container {
    margin: 0 auto;
    max-width: 1120px;
    overflow: hidden;
    padding: 0 20px
}

.pricing-page__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pricing-plan {
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    width: 32%
}

@media screen and (max-width:750px) {
    .pricing-plan {
        margin-bottom: 1.5em;
        width: 100%
    }

    .pricing-plan:last-child {
        margin-bottom: 0
    }
}

.pricing-plan__header {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 4px 4px 0 0;
    padding: 1.3em 1.9em;
    text-align: center
}

.pricing-plan__title {
    color: #5f6c72;
    font-size: 1.3em;
    font-weight: 400;
    margin-bottom: 0;
    padding: 0
}

.pricing-plan__content {
    background: #fff;
    border-radius: 0 0 4px 4px;
    padding: 1.9em
}

.pricing-plan__description {
    color: #969ea2;
    font-size: 1.1em;
    margin-bottom: 1em
}

.pricing-plan__amount {
    color: #ff4a00;
    font-size: 3em;
    font-weight: 300;
    line-height: 1;
    padding: 0
}

.pricing-plan__price {
    text-align: center;
    margin-bottom: 2em
}

.pricing-plan__month {
    font-size: .34em;
    font-weight: 400
}

.pricing-plan__starting {
    color: #969ea2;
    font-weight: 400;
    margin-bottom: .5em
}

.pricing-plan__button {
    background-color: #ff4a00;
    background-image: none;
    border: none;
    color: #fff;
    display: block;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 1.2em 1.5em;
    text-align: center;
    text-transform: uppercase
}

.pricing-plan__button:hover {
    background-color: #f54700;
    background-image: none;
    color: #fff;
    text-decoration: none
}

.pricing-plan__list {
    color: #969ea2;
    font-size: 1.1em;
    list-style: none;
    margin-bottom: 1.8em;
    padding: 0
}

.pricing-plan-list__item {
    line-height: 1.5;
    margin-bottom: .8em;
    padding-left: 2em;
    position: relative
}

.pricing-plan-list__item:last-child {
    margin-bottom: 0
}

.pricing-plan-list__item:before {
    color: #ff4a00;
    content: "u";
    font-family: Zapier;
    font-size: 1.1em;
    left: 1px;
    margin-right: .8em;
    position: absolute;
    top: 0
}

.pricing-plan--free .pricing-plan-list__item:before,
.pricing-plan--free .pricing-plan__amount {
    color: #7d8488
}

.pricing-plan--free .pricing-plan__button {
    background: #7d8488
}

.pricing-plan--free .pricing-plan__button:hover {
    background: #757b7f
}

.pricing-plan--teams .pricing-plan-list__item:before,
.pricing-plan--teams .pricing-plan__amount {
    color: #499df3
}

.pricing-plan--teams .pricing-plan__button {
    background: #499df3
}

.pricing-plan--teams .pricing-plan__button:hover {
    background: #3994f2
}

.pricing-intro {
    margin: 0 auto 4em;
    max-width: 700px;
    text-align: center
}

@media screen and (max-width:750px) {
    .pricing-intro {
        margin-bottom: 2em
    }
}

.pricing-intro__title {
    color: #5f6c72;
    font-size: 2.4em;
    font-weight: 300;
    margin-bottom: .5em;
    padding: 0
}

.pricing-intro__description {
    color: #969ea2;
    font-size: 1.3em
}

.pricing-timeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0
}

.pricing-timeline__zap {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.pricing-timeline__zap,
.pricing-timeline__zap-no-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    border-radius: 50%;
    border: 3px solid #dadfe2;
    height: 70px;
    width: 70px
}

.pricing-timeline__zap-no-icon {
    display: none;
    padding: 20px 0
}

.pricing-timeline__zap-no-icon:before {
    color: #969ea2;
    content: "b";
    display: block;
    font-family: Zapier;
    font-size: 2em;
    text-align: center
}

.pricing-timeline__item--empty .pricing-timeline__zap {
    display: none
}

.pricing-timeline__item--empty .pricing-timeline__zap-no-icon {
    display: block
}

.pricing-timeline__item--empty .pricing-timeline-line,
.pricing-timeline__item--empty .pricing-timeline__content {
    display: none
}

.pricing-timeline__first,
.pricing-timeline__item,
.pricing-timeline__item--empty .pricing-timeline-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pricing-timeline__first,
.pricing-timeline__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 74px;
    margin-top: -2px
}

.pricing-timeline__content {
    margin-left: 2em
}

.pricing-timeline__label {
    background: #e8ebed;
    border-radius: 3px;
    color: #5f6c72;
    display: inline-block;
    font-size: .9em;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: normal;
    padding: 2px 8px;
    text-transform: uppercase;
    vertical-align: middle
}

.pricing-timeline__app {
    font-weight: 600
}

.pricing-timeline__message {
    color: #969ea2;
    font-size: 1.1em;
    margin-bottom: 0;
    margin-top: .5em
}

.pricing-timeline__connection {
    height: 74px
}

.pricing-timeline-dots {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 4px 33px 0;
    padding: 0
}

.pricing-timeline-dots__item:before {
    background: #dadfe2;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    margin: 8px 0;
    width: 6px
}

.pricing-timeline-line {
    border: 2px solid #dadfe2;
    height: 74px;
    margin-left: 33px;
    text-align: center
}

@-webkit-keyframes blink {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes blink {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.blink-animation {
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes line {
    0% {
        height: 0
    }

    to {
        height: 74px
    }
}

@keyframes line {
    0% {
        height: 0
    }

    to {
        height: 74px
    }
}

.line-animation {
    -webkit-animation-name: line;
    animation-name: line;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fade-animation {
    -webkit-animation-name: fade;
    animation-name: fade;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounce-animation {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.pricing-zap {
    border-bottom: 1px solid #f1f4f5;
    background: #fff;
    padding: 4em 0
}

.pricing-zap-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pricing-zap__item {
    width: 46%
}

@media screen and (max-width:750px) {
    .pricing-zap__item {
        width: 100%
    }
}

.pricing-zap__title {
    color: #5f6c72;
    font-size: 2.4em;
    font-weight: 300;
    margin-bottom: .5em;
    padding: 0
}

.pricing-zap__description {
    color: #969ea2;
    font-size: 1.3em;
    margin-bottom: 0
}

@media screen and (max-width:750px) {
    .pricing-zap__description {
        margin-bottom: 2em
    }
}

.pricing-use-case-section {
    background: #fff;
    padding: 4em 0 1em
}

@media screen and (max-width:900px) {
    .pricing-use-case-section {
        padding: 4em 0
    }
}

.pricing-use-case-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:750px) {
    .pricing-use-case-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.pricing-use-case {
    margin-bottom: 3em;
    text-align: center;
    width: 30%
}

@media screen and (max-width:900px) {
    .pricing-use-case {
        width: 48%
    }
}

@media screen and (max-width:750px) {
    .pricing-use-case {
        width: 100%
    }

    .pricing-use-case:last-child {
        margin-bottom: 0
    }
}

.pricing-use-case__icon {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 60px;
    margin: 0 auto 1.3em;
    width: 60px
}

.pricing-use-case__icon--support {
    background-image: url("/static/1C9Fzs/images/pricing/icons/support-icon.png")
}

.pricing-use-case__icon--businesses {
    background-image: url("/static/1C9Fzs/images/pricing/icons/businesses-icon.png")
}

.pricing-use-case__icon--marketers {
    background-image: url("/static/1C9Fzs/images/pricing/icons/marketers-icon.png")
}

.pricing-use-case__icon--startups {
    background-image: url("/static/1C9Fzs/images/pricing/icons/startups-icon.png")
}

.pricing-use-case__icon--developers {
    background-image: url("/static/1C9Fzs/images/pricing/icons/developers-icon.png")
}

.pricing-use-case__icon--designers {
    background-image: url("/static/1C9Fzs/images/pricing/icons/designers-icon.png")
}

.pricing-use-case__title {
    color: #5f6c72;
    font-size: 1.3em;
    font-weight: 600;
    margin-bottom: .5em;
    padding: 0
}

.pricing-use-case__description {
    color: #969ea2;
    font-size: 1.2em;
    margin-bottom: 1em
}

.pricing-use-case-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2em auto 0;
    padding: 0
}

.pricing-use-case-list__item--icon {
    margin-left: -10px
}

.pricing-use-case-list__app {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 55%;
    border-radius: 50%;
    border: 2px solid #dadfe2;
    height: 50px;
    margin: 0 auto 1em;
    width: 50px
}

.pricing-page-learn-more {
    background: #fff;
    border-bottom: 1px solid #f1f4f5;
    text-align: center
}

.pricing-page-learn-more__link {
    display: block;
    font-size: 1.1em;
    padding: 2em
}

.popover__link {
    color: #fff;
    text-decoration: underline
}

.popover__link:hover {
    color: #fff
}

.flow-sidebar {
    min-height: 0;
    width: 400px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid #e0e4e6
}

@media (max-width:600px) {
    .flow-sidebar {
        margin-top: -55px;
        width: 100%
    }
}

.flow-sidebar__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll;
    /*padding: 20px;*/
    margin: 0 2px 0 0;
    position: relative
}

.flow-sidebar__content::-webkit-scrollbar {
    height: 8px;
    width: 7px;
    border-radius: 4px
}

@media (max-width:900px) {
    .flow-sidebar__content::-webkit-scrollbar {
        width: 5px
    }
}

.flow-sidebar__content::-webkit-scrollbar-thumb {
    background-color: #e5e9eb;
    border-radius: 5px
}

.flow-sidebar__content::-webkit-scrollbar-track {
    border-radius: 5px;
    width: 10px;
    margin: 6px
}

.flow-sidebar__content::-webkit-scrollbar-corner {
    background-color: #fff
}

.flow-sidebar__header {
    background: #fff;
    margin-right: 0;
    padding: 20px 10px 10px 23px
}

.flow-sidebar__drawer-row {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flow-sidebar__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin: 7px 10px 0 0
}

.flow-sidebar__toggle {
    margin: 0 10px
}

.flow-sidebar__note-icon {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .9em;
    font-weight: 600;
    margin-top: 1em;
    min-width: 0
}

.flow-sidebar__note-icon:hover {
    color: #499df3;
    text-decoration: none
}

.flow-sidebar__timeline {
    padding: 0 0 2em 35px
}

.flow-sidebar__help-bar {
    background-color: #fff;
    border-top: 1px solid #eef0f2;
    font-size: .9em;
    padding: 14px 20px 12px;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    vertical-align: middle
}

.flow-sidebar__help-bar:hover {
    text-decoration: none
}

.flow-sidebar__help-bar:hover .flow-sidebar__help-bar__link {
    color: #499df3
}

@media (max-width:700px) {
    .flow-sidebar__help-bar {
        width: 100%
    }
}

.flow-sidebar__help-bar__link {
    color: #5f6c72;
    font-weight: 600;
    margin-right: .3em;
    text-decoration: none
}

.flow-sidebar__help-bar__link:hover {
    color: #499df3;
    text-decoration: none
}

.flow-sidebar__help-bar__link i {
    color: inherit;
    display: inline-block;
    margin-right: .5em;
    vertical-align: middle
}

.flow-sidebar__help-bar__text {
    color: #a4aaae;
    line-height: 1.4em
}

.flow-sidebar__step-status {
    background-color: #fff;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    margin-left: 52px;
    margin-top: -72px;
    padding: .15em;
    font-size: 20px
}

.flow-sidebar__step-status--complete {
    color: #62d493
}

.flow-sidebar__step-status--error {
    color: #e52f00
}

.flow-sidebar__app-logo {
    cursor: pointer
}

.flow-sidebar__app-logo--disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5;
    cursor: default
}

.flow-sidebar__menu-outer {
    margin-left: -.6em
}

.flow-sidebar__menu-inner {
    overflow: auto;
    padding-left: .6em
}

.flow-sidebar--can-collapse .flow-sidebar__content {
    padding: 12px 8px 12px 14px
}

.flow-sidebar--can-collapse .flow-sidebar__help-bar {
    text-align: center
}

.drawer-toggle-button {
    padding: 2px 6px
}

.drawer-toggle-button__label {
    font-size: 2em;
    padding: 0 4px
}

.progress-circle {
    display: inline-block;
    vertical-align: top
}

.progress-circle--primary .progress-circle__bar {
    stroke: #499df3
}

.progress-circle--primary.progress-circle--can-click:hover .progress-circle__circle {
    stroke: #bcdbfb
}

.progress-circle--safe .progress-circle__bar {
    stroke: #13d0ab
}

.progress-circle--safe.progress-circle--can-click:hover .progress-circle__circle {
    stroke: #6cf2d7
}

.progress-circle--warning .progress-circle__bar {
    stroke: #ffc43e
}

.progress-circle--warning.progress-circle--can-click:hover .progress-circle__circle {
    stroke: #ffe9b8
}

.progress-circle--danger .progress-circle__bar {
    stroke: #ff4a00
}

.progress-circle--danger.progress-circle--can-click:hover .progress-circle__circle {
    stroke: #ffa17a
}

.progress-circle--can-click {
    cursor: pointer
}

.progress-circle__svg {
    display: block;
    overflow: visible;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.progress-circle__circle {
    fill: transparent;
    stroke: #dadfe2
}

.progress-circle__bar {
    fill: transparent;
    stroke: #969ea2;
    -webkit-transition: stroke-dashoffset .5s linear;
    transition: stroke-dashoffset .5s linear
}

.menu-toggle-button {
    background: #58646a;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: .7em .8em;
    margin-right: .4em
}

.menu-toggle-button:hover {
    background: #535f64;
    color: #fff
}

.menu-toggle-button__label {
    font-size: 1em
}

.flow-app-bar__menu-button {
    display: inline-block;
    float: left;
    margin: 0 .7em 0 0;
    color: #fff
}

.flow-page {
    padding-right: 402px
}

@media (max-width:1660px) {
    .flow-page {
        padding-right: 0
    }
}

.flow-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    background: #fff
}

.flow-container__app-bar {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.flow-container__preloader {
    -ms-flex-item-align: center;
    align-self: center
}

.flow-container__editor {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 0
}

.flow-container__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll;
    position: relative;
    margin-left: 122px
}

@media screen and (min-width:900px) {
    .flow-container__content {
        margin-left: 0
    }
}

@media screen and (max-width:602px) {
    .flow-container__content {
        margin-left: 0
    }
}

.flow-container__content--can-collapse-sidebar {
    margin-left: 102px
}

.flow-container__content--can-collapse-sidebar .flow-page {
    padding-right: 102px
}

@media (max-width:1060px) {
    .flow-container__content--can-collapse-sidebar .flow-page {
        padding-right: 0
    }
}

.flow-container__clickblock {
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #354147;
    opacity: .4
}

.flow-container__sidebar {
    background: #fff;
    box-shadow: 0 0 1px rgba(95, 108, 114, .08), 0 0 6px rgba(95, 108, 114, .05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:900px) {
    .flow-container__sidebar {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

@media (max-width:600px) {
    .flow-container__sidebar {
        width: 85%
    }
}

.flow-container__sidebar--can-collapse {
    position: absolute;
    z-index: 1000
}

.info-page__help-text-container {
    border-bottom: 1px solid #f1f4f5;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    padding: 10px 20px
}

.info-page__app-icon {
    display: inline-block;
    float: left;
    margin: .4em 1em 0 0;
    background-size: 34px !important;
    width: 34px !important;
    height: 34px !important
}

.info-page__action-container {
    float: left;
    width: 80%
}

.info-page__action-name {
    padding: 0
}

.info-page__help-text {
    margin-bottom: 0
}

.info-page__custom-help-text {
    counter-reset: item;
    border-radius: 4px;
    padding: 20px 4.5em;
    margin: 20px
}

@media (max-width:700px) {
    .info-page__custom-help-text {
        padding: 1.5em
    }
}

.info-page__custom-help-text h1 {
    color: #354147 !important;
    line-height: 1.4em;
    margin: 0 auto .5em;
    max-width: 500px;
    text-align: center
}

.info-page__custom-help-text p {
    text-align: center
}

.info-page__custom-help-text p>img {
    background: #fff;
    border: 1px solid #dadfe2;
    border-radius: 3px;
    display: block;
    margin: 1em auto 2em;
    padding: .5em
}

.info-page__custom-help-text ol,
.info-page__custom-help-text ul {
    list-style: none;
    counter-reset: li-counter;
    overflow: hidden;
    padding: 1em 0 1.5em
}

.info-page__custom-help-text ol li,
.info-page__custom-help-text ul li {
    counter-increment: item;
    margin: 0 0 1em 2.8em;
    position: relative
}

.info-page__custom-help-text ol li:last-child,
.info-page__custom-help-text ul li:last-child {
    margin-bottom: 0
}

.info-page__custom-help-text ol li:before,
.info-page__custom-help-text ul li:before {
    position: absolute;
    top: 0;
    left: -2.8em;
    margin-right: 10px;
    background: #ecc15d;
    border-radius: 100%;
    color: #fff;
    font-weight: 600;
    line-height: 1.8em;
    width: 26px;
    height: 26px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: counter(li-counter);
    counter-increment: li-counter
}

.tag-v2 {
    display: inline-block;
    padding: 0 .9em;
    height: 2em;
    line-height: 2em;
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    background: #969ea2;
    text-align: center;
    border-radius: 3px;
    font-weight: 900;
    letter-spacing: .15em;
    text-indent: .15em;
    overflow: hidden
}

.tag-v2--beta {
    background-color: #67d395
}

.tag-v2--premium {
    background-color: #f2b742
}

.tag-v2--upcoming {
    background-color: #fd8f66
}

.page-app-logo__logo-container {
    padding: 20px;
    text-align: center
}

.page-app-logo__image {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-app-logo__banner {
    margin-top: 10px
}

.account-tester__error {
    color: #e52f00 !important
}

.account-tester__troubleshooting-list {
    margin-bottom: 0
}

.add-search {
    display: table;
    border-collapse: collapse;
    width: 100%
}

.add-search__button-cell {
    display: table-cell;
    width: 100px
}

.add-search__or-cell {
    width: 40px;
    padding-left: 12px
}

.add-search__dropdown-cell,
.add-search__or-cell {
    display: table-cell;
    vertical-align: middle
}

.fast-choice__label {
    width: 66%
}

.fast-choice__label,
.fast-choice__sample {
    display: inline-block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.fast-choice__sample {
    width: 34%;
    padding: 8px
}

.flow-fields-page__missing-fields-section {
    padding-top: 30px
}

.flow-fields-page__remove-extra-fields-button-container {
    padding-top: 25px
}

.flow-fields-page__remove-extra-fields-wrapper {
    border: 2px solid #eee;
    padding: 20px 40px 40px;
    margin-bottom: 30px
}

@media (max-width:600px) {
    .flow-fields-page__remove-extra-fields-wrapper {
        padding: 20px
    }
}

.flow-fields-page__remove-extra-fields-wrapper legend {
    padding: 0 20px;
    margin-left: -20px;
    font-size: 1.3em
}

.flow-fields-page__advanced-fields-link-container {
    padding-top: 30px
}

.flow-fields-page__refresh-fields-button {
    margin-top: 20px
}

.flow-fields-page__refresh-fields-button i {
    margin-right: .5em
}

.highlight-control-chars__highlight {
    display: inline-block;
    min-width: 8px;
    box-shadow: inset 0 0 0 1px red
}

.sample-detail {
    position: relative;
    border: 1px solid #dadfe2;
    border-radius: 3px
}

.sample-detail__search-input {
    color: #969ea2;
    background: -webkit-linear-gradient(top, #fff, #f7f9fa);
    background: linear-gradient(180deg, #fff, #f7f9fa);
    border: 0;
    border-bottom: 1px solid #dadfe2;
    border-radius: 3px 3px 0 0;
    font-family: Open Sans, Helvetica, arial, sans-serif;
    font-size: 14px;
    padding: 11px 42px;
    width: 100%
}

.sample-detail__search-icon {
    position: absolute;
    color: #969ea2;
    top: 14px;
    left: 20px;
    pointer-events: none
}

.sample-detail__table {
    max-height: 400px;
    font-size: 14px;
    overflow: auto;
    padding: 20px;
    width: 100%;
    -webkit-font-smoothing: antialiased
}

.sample-detail__hightlighted-fields {
    color: #e52f00
}

.sample-detail__field {
    margin: 0 0 10px
}

.sample-detail__label {
    font-weight: 600;
    line-height: 1.5em
}

.sample-detail__value--nested {
    margin: 10px 0 0 10px
}

.sample-detail__value-content {
    line-height: 1.5em;
    margin: 0;
    overflow: inherit
}

.filter-test-rule-result {
    margin-bottom: 1.5em;
    font-family: Courier
}

@media (min-width:760px) {
    .filter-test-rule-result {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: .5em
    }
}

.filter-test-rule-result--compact {
    font-size: 12px
}

.filter-test-rule-result__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px
}

.filter-test-rule-result__icon {
    font-size: 1.25em
}

.filter-test-rule-result__icon--success {
    color: #62d493
}

.filter-test-rule-result__icon--invalid {
    color: #e52f00
}

.filter-test-rule-result__icon--fail,
.filter-test-rule-result__icon--harmless-fail {
    color: #ffc43e
}

.filter-test-rule-result__number {
    margin-left: .5em
}

.filter-test-rule-result__rule-part {
    border-radius: 3px;
    margin-bottom: 2px;
    padding: 5px
}

@media (min-width:760px) {
    .filter-test-rule-result__rule-part {
        margin-left: .5em
    }
}

.filter-test-rule-result__rule-part--key {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    word-break: break-all
}

@media (min-width:760px) {
    .filter-test-rule-result__rule-part--key {
        max-width: 60%
    }
}

.filter-test-rule-result__rule-part--value {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    word-break: break-all
}

@media (min-width:760px) {
    .filter-test-rule-result__rule-part--value {
        max-width: 30%
    }
}

.filter-test-rule-result__rule-part--success {
    background-color: #d2f3e0
}

.filter-test-rule-result__rule-part--invalid {
    color: #e52f00;
    background-color: #ffeeeb
}

.filter-test-rule-result__rule-part--fail,
.filter-test-rule-result__rule-part--harmless-fail {
    color: #d79500;
    background-color: #fff3d7
}

.filter-test-rule-divider {
    margin: 0 0 1em 61px;
    background: #ebeeef;
    border-radius: 3px;
    color: #5f6c72;
    display: inline-block;
    font-size: .9em;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 6px
}

.filter-test-rule-divider--and {
    margin-top: .5em
}

.filter-test-rule-divider--or {
    margin-top: 3.5em
}

.filter-test-results__filter-tests {
    margin: 0 auto 3em;
    padding: 0 3em
}

.filter-test-results__test-filters-result {
    border-radius: 3px;
    max-width: 620px;
    margin: 0 auto 1em;
    text-align: center;
    font-size: 1.1em;
    font-weight: 600;
    padding: 1.5em
}

.filter-test-results__test-filters-result--would-run {
    color: #fff;
    background-color: #62d493
}

.filter-test-results__test-filters-result--would-not-run {
    color: #d79500;
    background-color: #fff3d7
}

.filter-test-results__not {
    font-weight: 700
}

.gory-details-error-bar__error-details {
    border: 1px solid #dadfe2;
    padding: 1em;
    background-color: #fafafa
}

.flow-on-off-page__buttons {
    margin-top: 2em
}

@media (max-width:600px) {

    .flow-on-off-page__buttons .button,
    .flow-on-off-page__buttons .button-or-text {
        display: block
    }
}

.notes-page__editor {
    resize: vertical;
    border-color: #dadfe2
}

.notes-page__viewer {
    padding: 10px;
    background-color: #f0f0f0;
    border: 1px solid #dadfe2
}

.connected-accounts-list-item {
    padding: .8em;
    margin-bottom: .75em;
    background-color: #fff;
    border: 1px solid #dadfe2;
    border-radius: 3px;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

@media screen and (min-width:750px) {
    .connected-accounts-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: .5em
    }
}

.connected-accounts-list-item--appear-enter,
.connected-accounts-list-item--highlighted {
    background-color: #fff6e1
}

.connected-accounts-list-item--appear-leave {
    opacity: 0
}

.connected-accounts-list-item__cell:not(:last-child) {
    margin: 0 0 1em
}

@media screen and (min-width:750px) {
    .connected-accounts-list-item__cell:not(:last-child) {
        margin: 0 1em 0 0
    }
}

.connected-accounts-list-item__cell--meta,
.connected-accounts-list-item__cell--title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.connected-accounts-list-item__cell--meta {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:750px) {
    .connected-accounts-list-item__cell--title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0
    }

    .connected-accounts-list-item__cell--date-added {
        width: 6em;
        text-align: right
    }

    .connected-accounts-list-item__cell--num-zaps {
        width: 3em;
        text-align: right
    }
}

@media screen and (min-width:375px) {
    .connected-accounts-list-item__cell--actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.connected-accounts-list-item__service-icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20px;
    height: 20px;
    background-size: 20px;
    margin: 0 1.2em 0 .4em
}

.connected-accounts-list-item__title-editor {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    max-width: 490px
}

.connected-accounts-list-item__inline-label {
    display: inline-block
}

@media screen and (min-width:750px) {
    .connected-accounts-list-item__inline-label--date-connected {
        display: none
    }
}

.connected-accounts-list-item__meta {
    margin: 0 .5em 0 0;
    display: inline-block;
    font-size: 13px
}

@media screen and (min-width:750px) {
    .connected-accounts-list-item__meta--date {
        width: 6.2em
    }

    .connected-accounts-list-item__meta--zaps {
        width: 5.5em
    }
}

.connected-accounts-list-item__action {
    min-width: 7.5em;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.connected-accounts-list-item__action:not(:last-child) {
    margin: 0 0 .5em
}

@media screen and (min-width:375px) {
    .connected-accounts-list-item__action:not(:last-child) {
        margin: 0 .3em 0 0
    }
}

.connected-accounts-list-item__action--block {
    width: 100%;
    margin-bottom: .5em
}

.connected-accounts-list__loading-indicator {
    display: block;
    margin: 100px auto
}

.connected-accounts-app {
    background-color: #fff
}

.connected-accounts-app__title {
    padding-bottom: 0
}

.connected-accounts-app__search {
    position: relative
}

.connected-accounts-app__dropdown-button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    line-height: 45px;
    border: 3px solid #dadfe2;
    background: #fff;
    padding: 0 13px
}

.connected-accounts-app__dropdown-button:hover {
    background: #f7f8f8
}

.connected-accounts-app__dropdown-icon {
    color: #969ea2;
    margin-top: 4px
}

.connected-accounts-app__service-search input {
    padding-right: 55px;
    cursor: pointer
}

@media screen and (min-width:750px) {
    .connected-accounts-app__search {
        width: 50%
    }
}

.task-history-list-pagination {
    border: 1px solid #dadfe2;
    border-radius: 3px;
    display: inline-block;
    margin: 2em 0;
    overflow: hidden
}

.task-history-list-pagination--disabled {
    opacity: .5;
    pointer-events: none;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.task-history-list-pagination li {
    display: inline-block
}

.task-history-list-pagination li:not(:first-child) {
    border-left: 1px solid #dadfe2
}

.task-history-list-pagination__page-links {
    display: inline-block;
    margin: 0
}

.task-history-list-pagination .task-history-list-pagination__link {
    background-color: #fff;
    color: #5f6c72;
    display: inline-block;
    font-weight: 600;
    padding: .6em 1.1em;
    text-decoration: none
}

@media (max-width:640px) {
    .task-history-list-pagination .task-history-list-pagination__link {
        padding: .3em .5em
    }
}

@media (max-width:320px) {
    .task-history-list-pagination .task-history-list-pagination__link {
        padding: .3em .2em
    }
}

.task-history-list-pagination .task-history-list-pagination__link:hover {
    background: #f7f8f8
}

.task-history-list-pagination .task-history-list-pagination__link--selected,
.task-history-list-pagination .task-history-list-pagination__link--selected:hover {
    background: #499df3;
    color: #fff
}

.task-history-list-pagination .task-history-list-pagination__link--disabled,
.task-history-list-pagination .task-history-list-pagination__link--disabled:hover {
    color: #ccc;
    background-color: #fff;
    cursor: not-allowed !important
}

.task-history-list-pagination__pagination-item--break {
    background: #f7f8f8;
    padding: .6em .35em
}

@media (max-width:640px) {
    .task-history-list-pagination__pagination-item--break {
        padding: .3em .5em
    }
}

.task-history-detail-sidebar {
    float: left;
    width: 25%
}

@media (max-width:900px) {
    .task-history-detail-sidebar {
        width: 35%
    }
}

@media (max-width:700px) {
    .task-history-detail-sidebar {
        margin-left: -1em;
        width: 100%
    }
}

.contact-form-choice__zap-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.contact-form-choice__label,
.contact-form-choice__sample,
.contact-form-choice__services {
    display: table-cell;
    padding: 10px
}

.contact-form-choice__services {
    width: 170px
}

.contact-form-choice__label {
    color: #5f6c72;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.contact-form-choice__sample {
    width: 50px;
    text-align: right
}

.contact-form-choice__service,
.contact-form-choice__service-count {
    color: #354147;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px;
    width: 28px;
    height: 28px
}

.contact-form-choice__service-connector {
    color: #354147;
    padding: 0 .5em
}

.contact-form-choice__service-connector:after {
    color: #969ea2;
    font-size: 8px;
    font-family: Zapier;
    content: 'v'
}

.contact-form-choice__service-count {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #eee;
    color: #354147;
    display: inline-block;
    font-size: 13px;
    height: 28px;
    line-height: 16px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 28px
}

.contact-form-content-box {
    background: #f1f5f7;
    border-radius: 3px;
    padding: 1.5em
}

.contact-form-content-box__section {
    margin-bottom: 1.5em
}

.contact-form-content-box__section:last-child,
.contact-form-content-box__section:only-of-type {
    margin-bottom: 0
}

.contact-form-content-box__message {
    color: #969ea2
}

.contact-form-content-box__title {
    color: #5f6c72;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 1em;
    padding: 0;
    text-transform: uppercase
}

.contact-form-content-box__list {
    color: #969ea2;
    list-style: none;
    margin-bottom: 0
}

.contact-form-content-box__list-item {
    line-height: 1.4em;
    margin-bottom: .6em
}

.contact-form-content-box__list-item:last-child {
    margin-bottom: 0
}

.contact-form-content-box__list-link {
    color: #499df3
}

.contact-form-content-box__list-link:hover {
    text-decoration: underline
}

.explore-blogs-container {
    margin-bottom: 2em
}

.explore-loading-text {
    color: #969ea2;
    margin-top: 1em;
    text-align: center
}

.blog-card {
    -ms-flex-item-align: start;
    align-self: flex-start;
    background: #5f6c72;
    border-radius: 3px;
    color: #fff;
    margin-left: 2%;
    width: 32%
}

@media (max-width:750px) {
    .blog-card {
        margin: 0 0 1em;
        width: 100%
    }
}

.blog-card:first-child {
    margin-left: 0
}

.blog-card__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width:750px) {
    .blog-card__list {
        display: block
    }
}

.blog-card__section-header {
    color: #354147 !important;
    font-size: 1.4em !important;
    padding: .8em 0 .7em
}

.blog-card__section-header em {
    font-weight: 600;
    font-style: normal
}

.blog-card__section-header .icon {
    color: #969ea2;
    display: inline-block;
    margin-right: .5em;
    vertical-align: middle
}

.blog-card__title {
    color: #fff;
    font-size: 1.4em;
    line-height: 1.4em;
    padding: 2.5em 1.8em 1em;
    text-align: center
}

.blog-card__button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1em 0 1.5em
}

.blog-card .button {
    background: rgba(0, 0, 0, .3);
    color: #fff;
    float: right;
    padding: 1em 1.2em
}

.blog-card .button:hover {
    background: rgba(0, 0, 0, .4);
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.blog-card__post-details {
    background: rgba(0, 0, 0, .1);
    border-radius: 0 0 3px 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1em 1.8em
}

.blog-card__date {
    color: hsla(0, 0%, 100%, .5);
    font-size: .8em
}

.blog-card__photo {
    border: 2px solid #fff;
    border-radius: 50%;
    margin-right: 1em;
    height: 54px;
    width: 54px
}

.blog-card__author {
    color: #fff;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.2em;
    margin: .6em 0 .2em
}

.load-more {
    margin-bottom: 2em
}

.load-more.container {
    overflow: hidden
}

.load-more__button {
    background: #f0f3f4;
    border: 1px solid #e8ecee;
    border-radius: 3px;
    cursor: pointer
}

.load-more__message {
    color: #5f6c72 !important;
    font-size: 1em !important;
    margin: 0;
    padding: 1.5em 1em;
    text-align: center
}

.load-more__message:hover {
    color: #354147 !important;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.load-more__message .icon {
    color: #969ea2;
    display: inline-block;
    margin-left: .5em;
    vertical-align: middle
}

.shared-zaps-container {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    width: 100%
}

.shared-zap-card,
.shared-zaps-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.shared-zap-card {
    background: #5f6c72;
    border-radius: 3px;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    float: left;
    width: calc(100% * 0.5 - 10px - 1px);
    margin: 0 0 1.5em 2%;
    height: 344px
}

.shared-zap-card:nth-child(odd) {
    margin-left: 0
}

.shared-zap-card .shared-zap-title {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6em;
    height: 170px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3em 2em 2em;
    text-align: center
}

@media (max-width:1000px) {
    .shared-zap-card .shared-zap-title {
        font-size: 1.4em;
        padding: 2.5em 2em 2em
    }
}

@media (max-width:750px) {
    .shared-zap-card {
        margin: 0 0 1.5em;
        width: 100%
    }
}

.shared-zap-app-logos {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1000
}

.shared-zap-app-logos .zap-plus {
    color: hsla(0, 0%, 100%, .6);
    font-size: 1.8em;
    font-weight: 600;
    padding: 0 1em
}

.shared-zap__app-logo {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 40px;
    border-radius: 3px;
    display: block;
    height: 80px;
    width: 80px
}

.shared-zap-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 0 0 3px 3px;
    color: #fff;
    padding: 5em 2em 2em;
    margin-top: -2.8em
}

.shared-zap-footer .shared-zap-label {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    color: #fff;
    display: inline-block;
    font-weight: 400
}

.shared-zap-footer .shared-zap-label .icon {
    display: inline-block;
    margin: .2em 0;
    opacity: .5
}

.shared-zap-footer .shared-zap-card-button {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    float: right;
    padding: 1em 1.2em
}

.shared-zap-footer .shared-zap-card-button:hover {
    background: rgba(0, 0, 0, .4)
}

.explore-section-header {
    color: #354147 !important;
    font-size: 1.8em;
    font-weight: 400;
    margin: 0;
    padding: .2em 0 .7em;
    text-align: center
}

.explore-section-header .icon {
    color: #c0c9ce;
    display: inline-block;
    margin-right: .5em;
    vertical-align: middle
}

.explore-section-header .perfect-match-heart {
    color: #5f6c72;
    margin-left: -1.45em;
    font-size: .65em;
    line-height: .7em
}

.popular-zaps-per-app .shared-zap-app-title {
    color: #354147;
    font-size: 1.8em;
    font-weight: 400;
    padding: .2em 0 .7em;
    text-align: center
}

.popular-zaps-per-app .shared-zap-app-title .selected-app-name {
    font-weight: 600
}

.popular-zaps-per-app .shared-zap-app-title .icon {
    color: #c0c9ce;
    display: inline-block;
    vertical-align: middle
}

.app-cards-wrapper,
.perfect-matches-wrapper {
    background: -webkit-linear-gradient(top, #f7f9fa, #fff);
    background: linear-gradient(180deg, #f7f9fa, #fff);
    border-top: 1px solid #f1f4f5
}

.perfect-matches-wrapper .popular-zaps-wrapper {
    background: none;
    border: 0
}

.perfect-matches-wrapper .popular-zaps-wrapper .container {
    padding: 0
}

.popular-articles-wrapper,
.popular-zaps-wrapper {
    background: -webkit-linear-gradient(top, #f7f9fa, #fff);
    background: linear-gradient(180deg, #f7f9fa, #fff);
    border-top: 1px solid #f1f4f5
}

.explore-app-search {
    position: relative;
    padding-bottom: .5em
}

.explore-app-search__search-container {
    border-radius: 3px 3px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.explore-app-search__search {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 3px 0 0 0;
    border: 1px solid #dadfe2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 66px;
    padding: 2.3em 1.3em;
    position: relative;
    width: 65%
}

.explore-app-search__search .icon-search {
    color: #969ea2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.3em;
    margin-right: .8em
}

.explore-app-search__search .icon-delete {
    -ms-flex-item-align: center;
    align-self: center;
    color: #b1b7ba;
    cursor: pointer;
    font-size: .9em;
    padding: .5em;
    margin: .1em -.5em 0 0
}

.explore-app-search__search .icon-delete:hover {
    color: #969ea2
}

@media (max-width:750px) {
    .explore-app-search__search {
        border-radius: 3px;
        width: 100%;
        margin-bottom: .5em
    }
}

.explore-app-search__search-input {
    background: transparent;
    border: none;
    color: #5f6c72;
    font-family: inherit;
    font-size: 1.2em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 1em 0;
    width: 100%
}

.explore-app-search__dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f1f4f5;
    border: 1px solid #dadfe2;
    border-left: 1px solid #f1f4f5;
    border-radius: 0 3px 0 0;
    cursor: pointer;
    height: 66px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.3em 1.3em;
    width: 35%;
    position: relative
}

.explore-app-search__dropdown .icon {
    color: #969ea2
}

@media (max-width:750px) {
    .explore-app-search__dropdown {
        border-radius: 3px;
        border: 1px solid #dadfe2;
        width: 100%
    }
}

.explore-app-search__dropdown-item {
    margin: 0
}

.explore-app-search__dropdown-item--start {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600
}

.explore-app-search__dropdown-label {
    color: #969ea2;
    font-weight: 400;
    margin-right: 1em
}

.explore-app-search__dropdown-sort {
    background: #fff;
    border: 1px solid #dadfe2;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 0 1px rgba(95, 108, 114, .08), 0 2px 18px rgba(95, 108, 114, .18);
    position: absolute;
    top: 64px;
    left: -2px;
    right: -1px;
    z-index: 1000;
    max-height: 230px;
    overflow-y: scroll
}

.explore-app-search__dropdown-sort::-webkit-scrollbar {
    height: 8px;
    width: 7px;
    border-radius: 4px
}

.explore-app-search__dropdown-sort::-webkit-scrollbar-corner {
    background-color: transparent
}

.explore-app-search__dropdown-sort::-webkit-scrollbar-thumb {
    background-color: #b1b7ba;
    border-radius: 5px
}

.explore-app-search__dropdown-sort::-webkit-scrollbar-track {
    border-radius: 5px;
    width: 10px;
    margin: 3px
}

.explore-app-search__dropdown-sort-list {
    margin: 0
}

.explore-app-search__dropdown-section-header {
    border-top: 1px solid #f1f4f5;
    color: #969ea2;
    font-size: .75em;
    font-weight: 600;
    letter-spacing: 1px;
    padding: .3em 1em;
    text-transform: uppercase
}

.explore-app-search__dropdown-section-header:first-child {
    border: none
}

.explore-app-search__dropdown-sort-item {
    border-top: 1px solid #f1f4f5;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-weight: 600;
    padding: 1em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.explore-app-search__dropdown-sort-item:first-child {
    border: none
}

.explore-app-search__dropdown-sort-item:hover {
    background: #499df3;
    color: #fff;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.explore-app-search__apps-container {
    border: 1px solid #dadfe2;
    border-radius: 0 0 3px 3px;
    height: 280px;
    margin-top: -1px;
    overflow-y: scroll;
    overflow-x: hidden
}

.explore-app-search__apps-container::-webkit-scrollbar {
    height: 8px;
    width: 7px;
    border-radius: 4px
}

.explore-app-search__apps-container::-webkit-scrollbar-corner {
    background-color: transparent
}

.explore-app-search__apps-container::-webkit-scrollbar-thumb {
    background-color: #b1b7ba;
    border-radius: 5px
}

.explore-app-search__apps-container::-webkit-scrollbar-track {
    border-radius: 5px;
    width: 10px;
    margin: 3px
}

.explore-app-search__apps-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1em
}

.explore-app-search__apps-list:after {
    content: '';
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width:750px) {
    .explore-app-search__apps-list {
        margin: 0;
        padding: 1em
    }
}

.explore-app-search__app-list-item {
    cursor: pointer;
    min-height: 105px;
    position: relative;
    width: 118px;
    margin: 0 .7% .8em
}

.explore-app-search__app-list-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #e8ebed;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    margin: 0 auto;
    background-size: 36px 36px
}

.explore-app-search__app-list-icon--selected,
.explore-app-search__app-list-icon:hover {
    border: 2px solid #499df3
}

.explore-app-search__app-list-icon--selected:before,
.explore-app-search__app-list-icon:hover:before {
    background: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #499df3;
    content: "u";
    font-family: zapier !important;
    position: absolute;
    right: 16px;
    font-size: 1.65em;
    -webkit-font-smoothing: antialiased
}

.explore-app-search__app-list-icon:hover {
    border: 2px solid #bcdbfb;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.explore-app-search__app-list-icon:hover:before {
    color: #499df3
}

.explore-app-search__app-list-icon--selected {
    background-color: #f5fafe
}

.explore-app-search__app-list-icon--selected:hover {
    border: 2px solid #499df3
}

.explore-app-search__app-list-icon--selected:hover:before {
    color: #499df3
}

.explore-app-search__app-list-name {
    color: #79848a;
    font-size: .9em;
    line-height: 1.3em;
    margin: .6em 0 0;
    text-align: center
}

.explore-app-search .tag {
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: .6em;
    font-weight: 700;
    padding: .6em .4em .5em;
    position: absolute;
    top: -9px;
    left: 50%;
    letter-spacing: 1px;
    margin-left: -36px;
    text-align: center;
    text-transform: uppercase;
    width: 70px
}

.explore-app-search .tag.beta {
    background: #67d395
}

.explore-app-search .tag.premium {
    background: #f2b742
}

.explore-app-search .tag.upcoming {
    background: #fd8f66
}

.explore-app-search__selected-app-pill {
    background: #5f6c72;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding-right: .7em;
    margin: 0 1% .5em 0
}

.explore-app-search__selected-app-pill span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.explore-app-search__selected-app-pill .icon {
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    display: inline-block;
    font-size: .7em;
    margin-right: .6em;
    padding: .8em .7em .7em
}

.explore-app-search__selected-app-pill .icon:hover {
    background: rgba(0, 0, 0, .2);
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.explore-app-search__selected-apps {
    margin-top: 1em
}

.explore-app-search__clear-all {
    border: 1px solid #e2e8ea;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: .9em;
    padding-right: .7em;
    margin: 0 1% .5em 0
}

.explore-app-search__clear-all .icon-trash {
    color: #969ea2;
    display: inline-block;
    font-size: 1.1em;
    padding: .4em .15em .35em .5em;
    vertical-align: middle
}

.explore-app-search__clear-all:hover {
    background: #f1f4f5;
    border: 1px solid #e2e8ea;
    color: #354147;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.explore-app-search__clear-all:hover .icon-trash {
    color: #5f6c72
}

.app-card {
    background: #5f6c72;
    border-radius: 3px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 1em 0;
    position: relative;
    min-height: 320px;
    width: 100%
}

@media (max-width:750px) {
    .app-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto
    }
}

.app-card:first-of-type {
    margin-top: 0
}

.app-card__left,
.app-card__right {
    padding: 1.5em
}

.app-card__left {
    width: 38%;
    position: relative
}

@media (max-width:750px) {
    .app-card__left {
        width: 100%
    }
}

.app-card__right {
    background: rgba(0, 0, 0, .05);
    width: 62%;
    position: relative
}

@media (max-width:750px) {
    .app-card__right {
        width: 100%
    }
}

.app-card__menu {
    background: #fff;
    border-radius: 3px;
    color: #5f6c72;
    display: inline-block;
    box-shadow: 0 0 1px rgba(95, 108, 114, .08), 0 2px 18px rgba(95, 108, 114, .18);
    margin: 0;
    position: absolute;
    right: 1.2em;
    top: 2.7em
}

.app-card__menu a {
    border-top: 1px solid #f1f4f5;
    color: #5f6c72;
    display: block;
    text-decoration: none
}

.app-card__menu a:first-child {
    border-top: none;
    border-radius: 3px 3px 0 0
}

.app-card__menu a:last-child {
    border-radius: 0 0 3px 3px
}

.app-card__menu-icon {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 1.5em
}

.app-card__menu-icon:hover {
    color: #fff;
    text-decoration: none
}

.app-card__menu-item {
    font-size: .9em;
    padding: .5em 1.2em .3em 0
}

.app-card__menu-item .icon {
    color: #969ea2;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 30px
}

.app-card__menu-item .icon--bolt {
    font-size: 1.1em
}

.app-card__menu-item .icon--delete {
    font-size: .7em
}

.app-card__menu-item .icon--plus {
    font-size: .9em
}

.app-card__menu-item:hover {
    color: #354147;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.app-card__menu-item:hover .icon--bolt {
    color: #ffc43e
}

.app-card__menu-item:hover .icon--delete {
    color: #e52f00
}

.app-card__menu-item:hover .icon--plus {
    color: #62d493
}

.app-card__intro {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.app-card__header,
.app-card__intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.app-card__header {
    margin: .5em 0 0 1.5em;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.app-card__name {
    color: #fff !important;
    font-size: 1.6em;
    font-weight: 600;
    margin-bottom: .1em;
    max-width: 250px;
    padding: 0
}

.app-card__category {
    color: hsla(0, 0%, 100%, .8);
    margin: 0
}

.app-card__icon-container {
    background: #fff;
    border-radius: 3px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 70px;
    width: 70px;
    background-size: 36px 36px
}

.app-card__description,
.app-card__icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.app-card__description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: hsla(0, 0%, 100%, .8);
    margin: 1.5em 0 1em;
    height: 80px;
    width: 100%
}

@media (max-width:600px) {
    .app-card__description {
        height: auto
    }
}

.app-card__description .read-more-link {
    color: #fff;
    font-size: .9em;
    font-weight: 600;
    text-transform: uppercase
}

.app-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #fff;
    height: 105px
}

@media (max-width:600px) {
    .app-card__footer {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
        height: auto
    }
}

.app-card__footer .app-connection {
    color: hsla(0, 0%, 100%, .8);
    font-size: .9em;
    text-decoration: none
}

.app-card__footer .app-connection .icon {
    display: inline-block;
    font-size: 1.1em;
    margin-right: .5em;
    opacity: .5;
    vertical-align: middle
}

.app-card__footer .app-connection .connect-account,
.app-card__footer .app-connection .connected-account {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    display: inline-block;
    margin: 0
}

.app-card__footer .app-connection .connect-account {
    border: 2px solid hsla(0, 0%, 100%, .15);
    border-radius: 3px;
    padding: .8em .8em .6em .6em
}

.app-card__footer .app-connection .connect-account:hover {
    border: 2px solid hsla(0, 0%, 100%, .3);
    color: #fff;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.app-card__clear-icon {
    color: #fff;
    opacity: .4;
    padding: 1.5em;
    position: absolute;
    top: 0;
    right: 0;
    font-size: .9em
}

.app-card__clear-icon:hover {
    opacity: 1;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

@media (max-width:750px) {
    .app-card__clear-icon {
        display: none
    }
}

.app-card__options-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 1.5em
}

.app-card__options-nav-item {
    border: 2px solid transparent;
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    display: inline-block;
    border-radius: 3px;
    padding: .3em .8em;
    margin-right: 3%;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.app-card__options-nav-item--selected,
.app-card__options-nav-item:hover {
    border: 2px solid hsla(0, 0%, 100%, .4);
    color: #fff
}

@media (max-width:700px) {
    .app-card__count {
        display: none
    }
}

.app-card__options-container {
    height: 220px;
    overflow-y: scroll;
    margin-bottom: 1em;
    width: 99%
}

@media (max-width:600px) {
    .app-card__options-container {
        margin-bottom: 0
    }
}

.app-card__options-container::-webkit-scrollbar {
    height: 8px;
    width: 7px;
    border-radius: 5px
}

.app-card__options-container::-webkit-scrollbar-corner {
    background-color: transparent
}

.app-card__options-container::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 5px
}

.app-card__options-container::-webkit-scrollbar-track {
    border-radius: 5px;
    width: 10px;
    margin: 1px
}

.app-card__options-list-footer {
    border-radius: 0 0 3px 3px;
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.app-card__options-list {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .9em;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    width: 100%
}

.app-card__option-item,
.app-card__options-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.app-card__option-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    float: left;
    margin: 1.5em 0 0 4%;
    max-width: 46%
}

.app-card__option-item:nth-child(-n+2) {
    margin-top: 0
}

.app-card__option-item:nth-child(odd) {
    margin-left: 0
}

@media (max-width:850px) {
    .app-card__option-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 95%;
        margin: 1.5em 0 0
    }

    .app-card__option-item:nth-child(-n+2) {
        margin-top: 1.5em
    }

    .app-card__option-item:first-of-type {
        margin-top: 0
    }
}

.app-card__option-title {
    color: #fff !important
}

.app-card__option-description {
    color: hsla(0, 0%, 100%, .8);
    margin: 0
}

.info-block--page {
    margin: 60px auto;
    width: 600px;
    max-width: 90%
}

.info-block--solo {
    padding: 45px;
    border: 1px solid #dadfe2;
    background: #fff;
    border-radius: 3px
}

.info-block__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 25px;
    font-size: 40px
}

.info-block__title {
    color: #5f6c72;
    margin: 0 0 1em;
    text-align: center;
    font-size: 25px
}

.info-block__description {
    color: #969ea2;
    line-height: 1.5;
    margin: 0 0 1em;
    font-size: 16px
}

.info-block__description p {
    line-height: inherit;
    margin: 0 0 1em
}

.info-block__description p:last-child {
    margin-bottom: 0
}

.info-block__footer {
    margin-top: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.explore-service-login-preview__services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 2.4em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.msz-gallery__item {
    display: inline-block;
    margin: 0 .01%;
    float: left;
    vertical-align: top;
    white-space: normal
}

.msz-gallery__item--scrollable {
    width: .3133%
}

@media screen and (max-width:990px) {
    .msz-gallery__item--scrollable {
        width: .48%
    }
}

@media screen and (max-width:750px) {
    .msz-gallery__item--scrollable {
        width: .99%
    }
}

.msz-gallery__header {
    background: #e5e9eb;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    padding: 2.5em 1em;
    text-align: center;
    white-space: nowrap
}

.msz-gallery__icon {
    background: #fff;
    background-repeat: no-repeat;
    background-size: 55%;
    background-position: 50%;
    border-radius: 4px;
    height: 50px;
    width: 50px
}

.msz-gallery__arrow,
.msz-gallery__icon {
    display: inline-block;
    vertical-align: middle
}

.msz-gallery__arrow {
    color: #969ea2;
    font-size: .8em;
    padding: 0 .4em
}

.msz-gallery__content {
    background: #fff;
    border-radius: 0 0 4px 4px;
    border: 1px solid #e5e9eb;
    padding: 1.5em
}

.msz-gallery__title {
    color: #5f6c72;
    font-size: 1em;
    margin-bottom: .8em;
    padding: 0
}

.msz-gallery__description {
    font-size: .95em;
    margin-bottom: 0
}

.msz-gallery-filters {
    margin-bottom: 1em;
    margin: 0 auto 3em;
    max-width: 600px;
    overflow: hidden;
    text-align: center
}

.msz-gallery-filters__item {
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: .9em;
    font-weight: 600;
    letter-spacing: 1px;
    margin-left: .4em;
    padding: .5em;
    padding: 0 .4em;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.msz-gallery-filters__item:first-child {
    margin-left: 0
}

.msz-gallery-filters__item:hover {
    background-color: #eef0f0;
    color: #5f6c72
}

.msz-gallery-filters__item--selected,
.msz-gallery-filters__item--selected:hover {
    background-color: #499df3;
    color: #fff
}




@media (min-width:560px) {
    .team-member-inviter__form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.team-member-inviter .team-member-inviter__input {
    display: block;
    margin-bottom: .5em
}

@media (min-width:560px) {
    .team-member-inviter .team-member-inviter__input {
        margin-bottom: 0;
        margin-right: 20px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.team-member-inviter__button {
    width: 100%
}

@media (min-width:560px) {
    .team-member-inviter__button {
        width: auto;
        min-width: 13em
    }
}

.error-block {
    background: #e52f00;
    color: #fff;
    padding: 1em;
    border-radius: 4px
}

.team-member-editor {
    position: relative;
    padding: 13px 0;
    color: #5f6c72
}

.team-member-editor:not(:last-of-type) {
    border-bottom: 1px solid #dadfe2
}

@media (max-width:699px) {
    .team-member-editor {
        padding-right: 40px
    }
}

@media (min-width:700px) {
    .team-member-editor {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.team-member-editor__cell:not(:last-of-type) {
    margin-bottom: 13px
}

@media (min-width:700px) {
    .team-member-editor__cell:not(:last-of-type) {
        margin-right: 26px;
        margin-bottom: 0
    }
}

@media (min-width:900px) {
    .team-member-editor__cell:not(:last-of-type) {
        margin-right: 52px
    }
}

.team-member-editor__cell--info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:700px) {
    .team-member-editor__cell--info {
        width: 287px
    }
}

.team-member-editor__avatar {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 13px
}

.team-member-editor__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 12em;
    line-height: 1.5
}

.team-member-editor__name {
    font-weight: 600
}

.team-member-editor__email {
    color: #969ea2
}

.team-member-editor__cell--usage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.team-member-editor__usage-details {
    min-width: 9.5em
}

.team-member-editor__usage-details:first-of-type {
    margin-right: 26px
}

.team-member-editor__cell--role {
    text-transform: capitalize;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.team-member-editor__role {
    min-width: 7.5em
}

@media (max-width:699px) {
    .team-member-editor__cell--actions {
        position: absolute;
        top: 10px;
        right: 5px
    }
}

.team-member-editor__action-icon {
    color: #969ea2;
    font-size: 1.3em
}

.team-member-editor__action-icon:hover {
    color: #5f6c72
}

.team-members-editors--empty {
    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;
    min-height: 300px
}

.team-members-editors__empty-message {
    color: #969ea2;
    font-size: 20px
}

.team-members-editors__empty-message-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #dadfe2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6em;
    height: 70px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto .4em;
    width: 70px
}

.team-account-logo-editor {
    position: relative;
    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;
    width: 55px;
    height: 55px;
    border: 1px solid #dadfe2;
    border-radius: 3px;
    overflow: hidden
}

.team-account-logo-editor .team-account-logo__image {
    border-radius: 0
}

.team-account-logo-editor--editable {
    cursor: pointer
}

.team-account-logo-editor__image {
    height: 100%;
    width: 100%
}

.team-account-logo-editor__icon {
    font-size: 1.8em
}

.team-account-logo-editor__text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: .8em;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    line-height: 1.3;
    opacity: 0;
    background: #fff;
    color: #969ea2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.team-account-logo-editor:hover .team-account-logo-editor__text {
    opacity: 1
}

.team-account-logo-editor__file {
    display: none
}

.team-account {
    color: #969ea2;
    font-size: 13px;
    padding: 13px;
    border: 1px solid #dadfe2;
    border-radius: 4px
}

@media (min-width:900px) {
    .team-account {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.team-account__cell:not(:last-of-type) {
    margin-bottom: 13px
}

@media (min-width:900px) {
    .team-account__cell:not(:last-of-type) {
        margin-right: 26px;
        margin-bottom: 0
    }
}

.team-account__cell--info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:900px) {
    .team-account__cell--info {
        width: 300px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

.team-account__info {
    min-width: 10em;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.team-account__logo {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 13px
}

.team-account__title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: .1em;
    padding-bottom: 0
}

.team-account__census {
    line-height: 1;
    margin: 0
}

@media screen and (min-width:500px) {
    .team-account__cell--usage {
        display: inline-block;
        width: 48%
    }

    .team-account__cell--usage:not(:last-of-type) {
        margin-right: 2%
    }
}

@media (min-width:900px) {
    .team-account__cell--usage {
        display: block;
        width: auto;
        margin: 0
    }
}

@media (min-width:900px) {
    .team-account__cell--reset {
        min-width: 1em;
        max-width: 11em
    }
}

.team-account__cell--actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width:499px) {
    .team-account__plan-button {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.team-settings-app {
    background: #fff
}

.team-settings-app__inviter {
    margin-bottom: 20px
}

.app-list {
    padding: 20px
}

.app-list__table {
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #fafafa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.app-list__cell {
    width: 25%;
    border-top: 1px solid #eee;
    padding: 8px;
    line-height: 1.8em;
    border-color: #fff;
    background-color: #fafafa
}

.app-list__cell:hover {
    background-color: #fff
}

.app-list__cell--header {
    width: 25%;
    background-color: #bbb;
    border-color: #fff;
    border-width: 0 0 0 1px;
    border-style: solid;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 1em;
    border-top: 1px solid #eee;
    padding: 8px
}

.support-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #354147;
    border-radius: 50px;
    bottom: 20px;
    font-weight: 600;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16);
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px;
    position: fixed;
    right: 20px;
    text-align: center;
    z-index: 12
}

.support-button:before {
    content: "r";
    font-family: Zapier;
    font-size: 1em;
    margin-right: .6em;
    font-family: zapier !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.support-button:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 40px rgba(0, 0, 0, .24)
}

@media screen and (max-width:750px) {
    .support-button {
        display: none
    }
}

#habla_window_div #habla_topbar_div {
    padding: 12px 12px 11px !important;
    border-radius: 6px 6px 0 0 !important;
    font-family: Open Sans, Helvetica, arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    -webkit-font-smoothing: antialiased
}


/*# sourceMappingURL=app-bundle.css.map*/

.page-section {
    margin: 0 auto;
    max-width: 1120px
}

.page-section--padded {
    padding: 20px
}

.page-section--padded-horz {
    padding-left: 20px;
    padding-right: 20px
}

.page-section--padded-vert {
    padding-top: 20px;
    padding-bottom: 20px
}

.truncated-text {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.truncated-text--block {
    display: block
}

.app-nav {
    background-color: #fff;
    font-size: 15px;
    font-weight: 600;
    border-top: 1px solid #f1f4f5;
    position: relative
}

.app-nav:after {
    content: '';
    width: 1em;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff 75%);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 75%)
}

.app-nav__inner-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow-x: auto
}

.app-nav__link {
    color: #969ea2;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 1em 1px .6em;
    line-height: 1.4;
    margin: 0 .7em;
    text-decoration: none !important;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.app-nav__link:first-of-type {
    margin-left: 0;
    padding-left: 0
}

.app-nav__link--active,
.app-nav__link:hover {
    color: #354147
}

.app-nav__highlight {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: #499df3;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    will-change: transform
}

.avatar {
    width: 38px;
    height: 38px;
    overflow: hidden;
    border-radius: 3px;
    background: #f3f3f3
}

.avatar__image {
    width: inherit;
    height: inherit;
    border-radius: inherit
}

.team-account-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.team-account-logo__image {
    display: block;
    border-radius: 3px
}

.team-account-logo__name {
    display: block;
    margin-top: 1em;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #fff
}

.avatar-with-team {
    position: relative
}

.avatar-with-team__team-logo {
    position: absolute;
    right: -4px;
    bottom: -4px
}

.icon--clickable {
    cursor: pointer
}

.icon--v2 {
    display: inline-block
}

.icon--v2:before {
    display: block
}

.icon--error {
    color: #e52f00
}

.icon--success {
    color: #62d493
}

.monthly-usage-reset-date {
    margin: 0;
    line-height: 1.3
}

.monthly-usage-reset-date__label {
    margin-right: .3em
}

.monthly-usage-reset-date--dominant-delta .monthly-usage-reset-date__delta {
    color: #354147;
    font-weight: 600
}

.progress-bar-v2 {
    height: 9px;
    background-color: #e8ebed;
    border-radius: 100px;
    overflow: hidden;
    position: relative
}

.progress-bar-v2--safe .progress-bar-v2__amount {
    background-color: #13d0ab
}

.progress-bar-v2--warning .progress-bar-v2__amount {
    background-color: #ffc43e
}

.progress-bar-v2--danger .progress-bar-v2__amount {
    background-color: #ff4a00
}

.progress-bar-v2__amount {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: inherit;
    border-radius: inherit;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    background-color: #bbb
}

.usage-details {
    min-width: 160px
}

.usage-details__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .5em
}

.usage-details__label:first-child {
    margin-right: 1em
}

.user-menu__list {
    margin: 0;
    padding: 0
}

.user-menu__title {
    text-transform: uppercase;
    font-size: 12px;
    padding: 8px 12px;
    color: #969ea2;
    letter-spacing: .1em
}

.user-menu__item,
.user-menu__title {
    border-bottom: 1px solid #eee
}

.user-menu:last-of-type .user-menu__item:last-child {
    border-bottom: none
}

.user-menu__link {
    display: block;
    color: #5f6c72
}

.user-menu__link:hover {
    background: #499df3;
    color: #fff;
    text-decoration: none
}

.user-menu__content {
    display: block;
    padding: 8px 12px
}

.user-menu__icon {
    margin-right: .8em
}

.account-switcher__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.account-switcher__active-icon {
    color: #13d0ab;
    font-size: 1.1em
}

.account-switcher__item:hover .account-switcher__active-icon {
    color: inherit
}

.account-switcher__name {
    color: #969ea2;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600;
    margin: 0 18px
}

.account-switcher__item--active .account-switcher__name {
    color: #354147
}

.account-switcher__item:hover .account-switcher__name {
    color: inherit
}

.account-menu {
    width: 270px
}

@media (max-width:750px) {
    .account-menu {
        width: 40px
    }
}

.account-menu__toggler {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1em
}

@media (max-width:750px) {
    .account-menu__toggler {
        padding: 0
    }
}

.account-menu__details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 1em;
    min-width: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width:750px) {
    .account-menu__details {
        display: none
    }
}

.account-menu__details-item {
    color: #5f6c72;
    margin: 0;
    line-height: 1.6
}

.account-menu__details-item--plan {
    color: #969ea2;
    font-size: .8em;
    letter-spacing: 1px;
    text-transform: uppercase
}

.account-menu__arrow {
    color: #969ea2
}

@media (max-width:750px) {
    .account-menu__arrow {
        display: none
    }
}

.account-menu:hover .account-menu__arrow {
    color: #499df3
}

.button.button--primary {
    text-align: center;
    background: #499df3;
    color: #fff;
    border-color: transparent
}

.button.button--primary:focus,
.button.button--primary:hover {
    background: #3b95f2;
    color: #fff
}

.button.button--primary[disabled] {
    background: #499df3;
    opacity: .75
}

.button.button--primary-active,
.button.button--primary-active:hover {
    background: #3190f1
}

.button.button--secondary {
    text-align: center;
    background: #fff;
    color: #555;
    border-color: transparent;
    border-color: #d6d6d6
}

.button.button--secondary:focus,
.button.button--secondary:hover {
    background: #f7f7f7;
    color: #555
}

.button.button--secondary[disabled] {
    background: #fff;
    opacity: .75
}

.button.button--secondary-active,
.button.button--secondary-active:hover {
    background: #f2f2f2
}

.button.button--ui {
    text-align: center;
    background: #e8ebed;
    color: #5f6c72;
    border-color: transparent;
    border-color: #dadfe2
}

.button.button--ui:focus,
.button.button--ui:hover {
    background: #e0e4e6;
    color: #5f6c72
}

.button.button--ui[disabled] {
    background: #e8ebed;
    opacity: .75
}

.button.button--ui-active,
.button.button--ui-active:hover {
    background: #dadfe2
}

.button.button--tertiary {
    text-align: center;
    background: #f1f4f5;
    color: #555;
    border-color: transparent;
    border-color: #dadfe2
}

.button.button--tertiary:focus,
.button.button--tertiary:hover {
    background: #e8edef;
    color: #555
}

.button.button--tertiary[disabled] {
    background: #f1f4f5;
    opacity: .75
}

.button.button--tertiary-active,
.button.button--tertiary-active:hover {
    background: #e2e8ea
}

.button.button--tertiary-action {
    text-align: center;
    background: #f1f4f5;
    color: #555;
    border-color: transparent;
    border-color: #dadfe2
}

.button.button--tertiary-action:focus,
.button.button--tertiary-action:hover {
    background: #e8edef;
    color: #555
}

.button.button--tertiary-action[disabled] {
    background: #f1f4f5;
    opacity: .75
}

.button.button--tertiary-action-active,
.button.button--tertiary-action-active:hover {
    background: #e2e8ea
}

.button.button--tertiary-action:hover {
    background: #499df3;
    border-color: transparent;
    color: #fff
}

.button.button--danger {
    text-align: center;
    background: #e52f00;
    color: #fff;
    border-color: transparent
}

.button.button--danger:focus,
.button.button--danger:hover {
    background: #d62c00;
    color: #fff
}

.button.button--danger[disabled] {
    background: #e52f00;
    opacity: .75
}

.button.button--danger-active,
.button.button--danger-active:hover {
    background: #cc2a00
}

.button.button--success {
    text-align: center;
    background: #62d493;
    color: #fff;
    border-color: transparent
}

.button.button--success:focus,
.button.button--success:hover {
    background: #56d18b;
    color: #fff
}

.button.button--success[disabled] {
    background: #62d493;
    opacity: .75
}

.button.button--success-active,
.button.button--success-active:hover {
    background: #4ecf85
}

.button.button--continue {
    text-align: center;
    background: #13d0ab;
    color: #fff;
    border-color: transparent
}

.button.button--continue:focus,
.button.button--continue:hover {
    background: #12c29f;
    color: #fff
}

.button.button--continue[disabled] {
    background: #13d0ab;
    opacity: .75
}

.button.button--continue-active,
.button.button--continue-active:hover {
    background: #11b998
}

.button.button--important {
    text-align: center;
    background: #ff4a00;
    color: #fff;
    border-color: transparent
}

.button.button--important:focus,
.button.button--important:hover {
    background: #f04600;
    color: #fff
}

.button.button--important[disabled] {
    background: #ff4a00;
    opacity: .75
}

.button.button--important-active,
.button.button--important-active:hover {
    background: #e64300
}

.button.button--block {
    width: 100%
}

.button.button--uppercase {
    text-transform: uppercase
}

.button.button--small {
    font-size: 1.2rem
}

.button.button--small .button__icon {
    font-size: 1rem;
    line-height: 1
}

.button.button--large {
    font-size: 1.4rem;
    padding: 1.1em
}

.button.button--xlarge {
    font-size: 1.5rem;
    padding: 1.2em;
    font-weight: 600
}

.button.button--as-link {
    display: inline;
    font-size: 1em;
    font-weight: inherit;
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    overflow: visible;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: none;
    vertical-align: baseline;
    text-decoration: underline
}

.button.button--as-link:hover {
    background: none
}

.button.button--as-text {
    display: inline;
    font-size: 1em;
    font-weight: inherit;
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    overflow: visible;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: none;
    vertical-align: baseline
}

.button.button--as-text:hover {
    background: none
}

.button.button--icon-only {
    border-radius: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 26px;
    padding: 0;
    width: 26px
}

.button.button--icon-only,
.button__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.button__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.button__icon {
    margin-right: .3em
}

.react-portal-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(53, 65, 71, .9);
    z-index: 2000
}

.react-portal-modal__inner {
    border-radius: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #fff;
    padding: 3em;
    max-width: 600px;
    width: 90%;
    max-height: 100vh
}

.react-portal-modal__content h1 {
    font-size: 2.8em;
    font-weight: 200;
    margin: 0 0 1em;
    padding: 0;
    text-align: center
}

.react-portal-modal__content h2 {
    color: #5f6c72;
    font-weight: 600
}

.react-portal-modal__content h4 {
    color: #969ea2;
    font-size: .9em;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase
}

.react-portal-modal__content p,
.react-portal-modal__content ul {
    color: #5f6c72;
    font-size: 1.1em
}

.react-portal-modal__content em {
    font-weight: 600;
    font-style: normal
}

.react-portal-modal .modal-button {
    margin: 2.5em auto 0
}

.react-portal-modal .modal-button.center {
    text-align: center
}

.react-portal-modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #969ea2
}

.react-portal-modal__close:hover {
    color: #5f6c72
}

@media screen and (max-width:750px) {
    .react-portal-modal .scrollable-modal {
        border-radius: 0;
        bottom: 0;
        left: 0;
        overflow: scroll;
        right: 0;
        top: 0;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        max-width: 100%
    }
}

.responsive-image {
    position: relative
}

.responsive-image__image {
    height: auto;
    position: absolute;
    top: 0;
    left: 0
}

.help-indicator-modal__title {
    font-size: 2.8em;
    font-weight: 200 !important;
    margin: 0 0 .5em !important;
    padding: 0;
    text-align: center
}

.help-indicator-modal__summary {
    color: #969ea2;
    font-size: 1em
}

.help-indicator-modal__image {
    margin-bottom: .5em
}

@-webkit-keyframes shedding-shell {
    0% {
        width: 100%;
        height: 100%;
        opacity: .7
    }

    50%,
    to {
        width: 300%;
        height: 300%;
        opacity: 0
    }
}

@keyframes shedding-shell {
    0% {
        width: 100%;
        height: 100%;
        opacity: .7
    }

    50%,
    to {
        width: 300%;
        height: 300%;
        opacity: 0
    }
}

.help-indicator-wrapper {
    display: inline-block
}

.help-indicator {
    position: relative;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-color: currentColor;
    color: #499df3;
    border-radius: 100%
}

.help-indicator:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    border: 2px solid currentColor;
    border-radius: inherit;
    -webkit-animation: shedding-shell 1.3s infinite ease-in-out;
    animation: shedding-shell 1.3s infinite ease-in-out
}

.help-indicator:focus:before,
.help-indicator:hover:before {
    -webkit-animation: none;
    animation: none;
    padding: 12px
}

.help-indicator--pin {
    position: absolute
}

.help-indicator--top {
    top: -7px
}

.help-indicator--right {
    right: -7px
}

.help-indicator--bottom {
    bottom: -7px
}

.help-indicator--left {
    left: -7px
}

.help-indicator--center-horz {
    left: calc(50% - 7px)
}

.help-indicator--center-vert {
    top: calc(50% - 7px)
}

.async-indicator {
    overflow: visible;
    color: #888
}

@-webkit-keyframes async-indicator-dot-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}

@keyframes async-indicator-dot-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}

.async-indicator--inherit-color {
    color: inherit
}

.async-indicator circle {
    fill: currentColor;
    -webkit-animation: async-indicator-dot-pulse .5s ease-in-out alternate infinite;
    animation: async-indicator-dot-pulse .5s ease-in-out alternate infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.async-indicator circle:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.async-indicator circle:nth-child(2) {
    -webkit-animation-delay: .16667s;
    animation-delay: .16667s
}

.async-indicator circle:nth-child(3) {
    -webkit-animation-delay: .33333s;
    animation-delay: .33333s
}

.loading-block {
    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
}

.error-bar {
    padding: 20px
}

@media (min-width:900px) {
    .error-bar {
        padding: 20px 40px 0
    }
}

.error-bar--smaller {
    padding: 0 20px 30px
}

@media (min-width:900px) {
    .error-bar--smaller {
        padding: 0 40px 30px
    }
}

.error-bar__bar {
    background-color: #e52f00;
    border-radius: 3px;
    color: #fff;
    line-height: 1.3em;
    max-width: 780px;
    margin: 0 auto;
    padding: 1em;
    position: relative;
    z-index: 10;
    padding-right: 2em;
    text-align: left
}

@media (min-width:1700px) {
    .error-bar__bar {
        max-width: 100%
    }
}

.error-bar__bar p:last-child {
    margin-bottom: 0
}

.error-bar__close {
    position: absolute;
    right: 1em;
    top: 1em
}

.error-bar__close:hover {
    cursor: pointer
}

.message-bar {
    background: #969ea2;
    padding: 1em;
    border-radius: 3px;
    font-size: 1.4rem;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.message-bar--success {
    background-color: #62d493
}

.message-bar--error {
    background-color: #e52f00
}

.message-bar--warning {
    background-color: #fff6e1;
    color: #d79500
}

.message-bar--info {
    background-color: #d3f2fb;
    color: #1098bf
}

.message-bar__icon {
    color: inherit;
    font-size: 16px;
    margin-top: 3px
}

.message-bar__dismiss {
    color: inherit;
    font-size: 14px;
    margin-top: 5px
}

.message-bar__message {
    margin: 0 .8em;
    line-height: 1.6;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.message-bar__list,
.message-bar__text {
    line-height: inherit;
    margin-bottom: 0
}

.message-bar__list:not(:last-child),
.message-bar__text:not(:last-child) {
    margin-bottom: .5em
}

.message-bar a,
.message-bar a:active,
.message-bar a:hover,
.message-bar a:visited {
    color: inherit;
    text-decoration: underline
}

.image-dropzone__dropzone {
    border-radius: 3px;
    border: 2px dashed #dadfe2;
    color: #969ea2;
    cursor: pointer;
    margin-top: 30px;
    padding: 20px;
    text-align: center
}

.image-dropzone__dropzone:hover {
    border: 2px dashed #bfc3c6
}

.image-dropzone__dropzone-button {
    background: #499df3;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: .9em;
    font-weight: 600;
    line-height: 1em;
    margin-left: .3em;
    padding: .8em;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    white-space: nowrap;
    vertical-align: middle
}

.image-dropzone__dropzone-button:hover {
    background: #3190f1;
    color: #fff
}

@media screen and (max-width:750px) {
    .image-dropzone__dropzone-button {
        display: block;
        margin: .8em auto 0
    }
}

.image-dropzone__image {
    max-width: 20px;
    max-height: 20px
}

.page-notification {
    width: 480px;
    max-width: 90vw;
    position: fixed;
    top: 65px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    padding: 12px;
    color: #fff;
    background-color: #888;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    z-index: 1000
}

.page-notification--appear-enter,
.page-notification--appear-leave {
    -webkit-transform: translate(-50%, calc(-100% - 65px));
    transform: translate(-50%, calc(-100% - 65px))
}

.page-notification--success {
    background-color: #62d493
}

.page-notification--error {
    background-color: #e52f00
}

.page-notification__status-icon {
    font-size: 18px
}

.page-notification__message {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .7em;
    line-height: 1.4
}

.flow {
    margin: 0 auto
}

.flow .error-message {
    color: #FF4A00
}

.flow .expanded-message {
    color: #5F6C72
}

.flow .auto-pause {
    color: #969EA2;
    margin-bottom: 0;
    text-align: center
}

@media (max-width: 900px) {
    .flow .auto-pause {
        margin-bottom: 1.5em
    }
}

.flow .auto-pause span {
    margin-right: 1em
}

.flow .auto-pause button:disabled {
    background: #ccd3d7 !important;
    border: 1px solid #bdc6cc !important
}

.flow .rules-wrapper {
    height: 100%;
    margin-bottom: 2em
}

.flow .rules-group {
    margin: 0 auto;
    border: 1px solid #969EA2;
    width: 250px;
    padding: 10px;
    background: #fff;
    text-align: center
}

.flow .rule-table {
    display: table
}

.flow .rule-table .rule-row {
    display: table-row
}

@media (max-width: 700px) {
    .flow .rule-table .rule-row {
        margin-bottom: 1em
    }
}

.flow .rule-table .rule-row .rule-cell {
    display: table-cell
}

.flow .rules-wrapper .flow-rules-group {
    width: 100%;
    padding: 10px 0
}

.flow .rules-wrapper .flow-rules-group .flow-rule .rule-legend {
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 60px
}

@media (max-width: 1100px) {
    .flow .rules-wrapper .flow-rules-group .flow-rule .rule-legend {
        vertical-align: top;
        width: 24px
    }
}

.flow .rules-wrapper .flow-rules-group .flow-rule .rule-legend .rule-number {
    display: inline-block;
    padding: 5px 6px 7px 6px;
    width: 24px;
    height: 24px;
    font-size: 10px;
    font-weight: 600;
    color: #999;
    border: 2px solid #b1b7ba;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

@media (max-width: 1100px) {
    .flow .rules-wrapper .flow-rules-group .flow-rule .rule-legend .rule-number {
        margin-right: 1em
    }
}

.flow .rules-wrapper .flow-rules-group .flow-rule .rule-legend .number-line-element {
    position: absolute;
    right: 5px;
    top: 0;
    padding-top: 34%;
    left: 78%;
    border-bottom: 1px solid #b1b7ba
}

@media (max-width: 1100px) {
    .flow .rules-wrapper .flow-rules-group .flow-rule .rule-legend .number-line-element {
        display: none
    }
}

.flow .rules-wrapper .flow-rules-group .flow-rule .flowform {
    width: auto
}

@media (max-width: 1100px) {
    .flow .rules-wrapper .flow-rules-group .flow-rule .flowform .fm-fields {
        margin-bottom: 1em
    }
}

.flow .rules-wrapper .flow-rules-group .flow-rule .flowform .fm-field {
    float: left;
    width: 32%;
    margin-right: 1%;
    padding: 0
}

@media (max-width: 1100px) {
    .flow .rules-wrapper .flow-rules-group .flow-rule .flowform .fm-field {
        margin-bottom: 0.35em;
        width: 100%
    }
}

.flow .rules-wrapper .flow-rules-group .flow-rule .flowform .fm-field .fm-label {
    display: none
}

.flow .rules-wrapper .flow-rules-group .flow-rule .delete-filter-button {
    width: 30px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

@media (max-width: 1100px) {
    .flow .rules-wrapper .flow-rules-group .flow-rule .delete-filter-button {
        vertical-align: top
    }
}

.flow .rules-wrapper .flow-rules-group .flow-rule .delete-filter-button a {
    display: block;
    padding: 4px 6px 7px 6px;
    width: 22px;
    height: 22px;
    font-size: 11px;
    color: #ccd0d2;
    border: 1px solid #ccd0d2;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center
}

.flow .rules-wrapper .flow-rules-group .flow-rule .delete-filter-button a:hover {
    text-decoration: none
}

@media (max-width: 1100px) {
    .flow .rules-wrapper .flow-rules-group .flow-rule .delete-filter-button a {
        float: right
    }
}

.flow .rules-wrapper .rule-divider {
    position: relative;
    text-align: center;
    width: 60px;
    padding: 6px 0
}

.flow .rules-wrapper .rule-divider .divider-word {
    color: #5F6C72;
    background-color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 4px 0;
    position: relative
}

.flow .rules-wrapper .rule-divider.rule-divider-and {
    padding: 6px 0
}

@media (max-width: 1100px) {
    .flow .rules-wrapper .rule-divider.rule-divider-and {
        display: none
    }
}

.flow .rules-wrapper .rule-divider.rule-divider-and .divider-line-element {
    border-left: 1px solid #b1b7ba;
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: 50%;
    right: 0
}

@media (max-width: 1100px) {
    .flow .rules-wrapper .rule-divider.rule-divider-and .divider-line-element {
        display: none
    }
}

.flow .rules-wrapper .rule-divider.rule-divider-or {
    padding: 12px 0
}

.flow .rules-wrapper .add-filter-button {
    padding-top: 12px
}

@media (max-width: 1100px) {
    .flow .rules-wrapper .add-filter-button {
        padding: 0
    }
}

.flow .rules-wrapper .dummy-push {
    position: relative
}

.flow .rules-wrapper .dummy-push .bend-line-element {
    position: absolute;
    top: -3px;
    right: 10px;
    height: 31px;
    left: 50%;
    border: 1px solid #b1b7ba;
    border-top: 0;
    border-right: 0;
    border-bottom-left-radius: 3px
}

@media (max-width: 1100px) {
    .flow .rules-wrapper .dummy-push .bend-line-element {
        display: none
    }
}

.flow .workflow.container {
    padding-right: 10px;
    max-width: 100%
}

.flow .workflow .service-section-label {
    padding-bottom: 10px;
}

.flow .workflow .service-section-label .selected {
    background-color: #fff;
    border: 3px solid #499DF3;
}

.flow .workflow .service-section-label .selected:hover {
    background-color: #fff;
    border: 3px solid #499DF3;
}

.flow .workflow .service-section-label h3 {
    color: #5F6C72;
    font-weight: 600
}

.flow .workflow .service-square {
    background-color: #fff;
    border: 3px solid transparent;
    position: relative;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    width: 31.3%;
    height: 155px;
    margin: 0 2% 1em 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-size: 54px 54px;
    background-position: center 33px
}

@media (min-width: 1200px) {
    .flow .workflow .service-square {
        width: 22%
    }
}

.flow .workflow .service-square:not(.onlyinfo):hover {
    border: 3px solid #DADFE2
}

.flow .workflow .service-square .service-banner {
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translateX(-50%)
}

.flow .workflow .service-square .service-name {
    color: #5F6C72;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3em;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0
}

.flow .workflow .services-show-all {
    text-align: center;
    font-style: italic;
    color: #969EA2;
    padding: 20px 0;
    cursor: pointer
}

.flow .workflow .services-show-all:hover {
    color: #7b858a
}

.flow .workflow .services-show-all[data-expanded='true'] {
    display: none
}

.flow .workflow .help-bar-container {
    text-decoration: none
}

.flow .workflow .help-bar {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 35px;
    overflow: hidden;
    background-color: #969EA2;
    padding: 0px 20px;
    opacity: 0.8;
    color: #fff
}

.flow .workflow .help-bar .fa,
.flow .workflow .help-bar .CodeMirror-lint-marker-error,
.flow .workflow .help-bar .CodeMirror-lint-marker-warning,
.flow .workflow .help-bar .task-history.task-history-list .task-list a.task .task-status .status-indicator,
.task-history.task-history-list .task-list a.task .task-status .flow .workflow .help-bar .status-indicator,
.flow .workflow .help-bar .task-history.task-history-details .detail-steps .detail-step .detail-logo .detail-status-icon,
.task-history.task-history-details .detail-steps .detail-step .detail-logo .flow .workflow .help-bar .detail-status-icon {
    padding-right: 5px;
    vertical-align: middle;
    line-height: 35px
}

.flow .workflow .help-bar .get-help {
    color: #fff;
    padding: 0 15px 0 5px;
    vertical-align: middle;
    line-height: 35px
}

.flow .workflow .help-bar .slide-container {
    left: 700px;
    position: relative
}

.flow .workflow .help-bar .slide-container,
.flow .workflow .help-bar .picture-small {
    display: inline-block
}

.flow .workflow .help-bar .picture-small {
    height: 35px;
    margin-right: 0.2em;
    width: 35px;
    vertical-align: middle
}

.flow .workflow .help-bar .picture-small img {
    margin-bottom: 0
}

.flow .workflow .help-bar .typical-response {
    color: #fff;
    font-size: 1em;
    margin-left: 15px
}

.flow .workflow .help-bar:hover {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 1.0;
    padding: 10px 20px
}

.flow .workflow .help-bar:hover .fa,
.flow .workflow .help-bar:hover .CodeMirror-lint-marker-error,
.flow .workflow .help-bar:hover .CodeMirror-lint-marker-warning,
.flow .workflow .help-bar:hover .task-history.task-history-list .task-list a.task .task-status .status-indicator,
.task-history.task-history-list .task-list a.task .task-status .flow .workflow .help-bar:hover .status-indicator,
.flow .workflow .help-bar:hover .task-history.task-history-details .detail-steps .detail-step .detail-logo .detail-status-icon,
.task-history.task-history-details .detail-steps .detail-step .detail-logo .flow .workflow .help-bar:hover .detail-status-icon {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #fff
}

.flow .workflow .help-bar:hover .slide-container {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    left: 0px
}

@media screen and (max-width: 1000px) {
    .flow .workflow .help-bar .slide-container {
        display: none
    }
}

.flow .workflow .standalone-page {
    background-color: #FFF;
    border: 1px solid #e0e4e6;
    box-shadow: 0 0 1px rgba(95, 108, 114, 0.08), 0 0px 6px rgba(95, 108, 114, 0.05);
    color: #5F6C72;
    text-align: left;
    /*margin: 0 auto 3em auto;*/
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    max-width: 780px;
    font-weight: 400;
    padding: 20px 20px 40px 20px;
    width: 100%
}

@media (max-width: 600px) {
    .flow .workflow .standalone-page {
        padding-bottom: 20px
    }
}

.flow .workflow .standalone-page.standalone-page-filters {
    max-width: 960px
}

.flow .workflow .standalone-page.standalone-page-start h1 {
    margin: 0.4em auto 0.6em auto;
    max-width: 500px;
    position: relative
}

.flow .workflow .standalone-page.standalone-page-start h1::before {
    display: block;
    position: absolute;
    content: '';
    bottom: -5px;
    width: 54px;
    height: 3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 30px 0 #fff
}

.flow .workflow .standalone-page.standalone-page-start .has-overview h1::before {
    background: #DADFE2
}

.flow .workflow .standalone-page.standalone-page-start .overview {
    color: #858E92;
    display: block;
    margin: 0 auto;
    width: 90%
}

@media (max-width: 600px) {
    .flow .workflow .standalone-page.standalone-page-start .overview {
        width: 100%
    }
}

.flow .workflow .standalone-page.standalone-page-start .overview p,
.flow .workflow .standalone-page.standalone-page-start .overview ul,
.flow .workflow .standalone-page.standalone-page-start .overview ol {
    font-size: 1.1em
}

.flow .workflow .standalone-page.standalone-page-start .action-button {
    margin-top: 1em;
    text-align: center
}

.flow .workflow .standalone-page.standalone-page-info {
    padding: 0
}

.flow .workflow .standalone-page.standalone-page-info .action-button {
    padding: 20px;
    padding-top: 0;
    margin-top: 1em
}

.flow .workflow .standalone-page .secondary-action {
    border-bottom: 1px solid #fff
}

.flow .workflow .standalone-page .connect-new-account-button,
.flow .workflow .standalone-page .retest-button {
    color: #354147;
    margin: 20px 0;
    padding: 14px 15px 10px 15px
}

@media (max-width: 600px) {

    .flow .workflow .standalone-page .connect-new-account-button,
    .flow .workflow .standalone-page .retest-button {
        width: 100%
    }
}

.flow .workflow .standalone-page .connect-new-account-button .icon-add,
.flow .workflow .standalone-page .retest-button .icon-add {
    color: #5F6C72;
    line-height: 1.3em;
    margin-right: 0.5em;
    vertical-align: middle
}

.flow .workflow .standalone-page .retest-button {
    padding: 12px 15px
}

.flow .workflow .standalone-page .retest-button i {
    margin-right: 0.5em
}

.flow .workflow .standalone-page .app-logo {
    background-size: 45px;
    width: 45px;
    height: 45px
}

.flow .workflow .standalone-page h1 {
    color: #5F6C72;
    font-weight: 600
}

.flow .workflow .standalone-page h2 {
    color: #5F6C72;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 600;
    padding: 1em 0
}

.flow .workflow .standalone-page h2.clean {
    padding: 0
}

.flow .workflow .standalone-page h2.clean-top {
    padding-top: 0
}

.flow .workflow .standalone-page h2.clean-bottom {
    padding-top: 0
}

.flow .workflow .standalone-page h4 {
    color: #969EA2;
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 1em 0;
    text-transform: uppercase
}

.flow .workflow .standalone-page .action-button {
    margin: 10px 0 0;
    text-align: right
}

@media (max-width: 600px) {
    .flow .workflow .standalone-page .action-button button {
        width: 100%
    }
}

.flow .workflow .root-node-fields .insert-button {
    display: none !important
}

.flow .workflow .copy-button {
    text-align: center;
    min-width: 150px;
    padding: 1em 0
}

.flow .workflow .extra-fields-section {
    padding-top: 30px
}

.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform {
    border: 1px solid #DADFE2;
    padding: 1em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field {
    padding-bottom: 0
}

.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field .label-logo,
.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field .fm-help,
.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field .required-text,
.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field .type-of,
.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field .not-required-text,
.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field .fm-add-item,
.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field .fm-remove-item,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field .label-logo,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field .fm-help,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field .required-text,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field .type-of,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field .not-required-text,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field .fm-add-item,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field .fm-remove-item {
    display: none
}

.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field .fm-label,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field .fm-label {
    color: #5F6C72
}

.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field .warn .fm-label,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field .warn .fm-label {
    color: #E52F00
}

.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field .fm-assoc-list,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field .fm-assoc-list {
    margin-right: 0
}

.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field .fm-array,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field .fm-array {
    margin-right: 0
}

.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field .pretty-text-box,
.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field input,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field .pretty-text-box,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field input {
    background-color: #fff;
    color: #5F6C72;
    font-weight: normal;
    border: none;
    padding: 0;
    font-family: 'Consolas', 'Liberation Mono', Courier, monospace;
    max-height: 200px;
    padding-bottom: 15px
}

.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field.warn .fm-label,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field.warn .fm-label {
    color: #E52F00
}

.flow .workflow .page-sample-section.page-sample-section-data .read-only-flowform .formatic .fm-field.warn .pretty-text-box,
.flow .workflow .extra-fields-section.extra-fields-section .read-only-flowform .formatic .fm-field.warn .pretty-text-box {
    color: #E52F00
}

.flow .workflow .page-sample-section.page-sample-section-icon {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 30px
}

.flow .workflow .page-sample-section.page-sample-section-icon img {
    width: 24px;
    height: 24px
}

.flow .workflow .page-sample-section.page-sample-section-content p {
    margin-bottom: 30px
}

.flow .workflow .page-sample-section.page-sample-section-content li {
    margin-bottom: 20px
}

.flow .workflow .page-sample-section.page-sample-section-data {
    position: relative
}

.flow .workflow .page-sample-section.page-sample-section-content,
.flow .workflow .page-sample-section.page-sample-section-content {
    text-align: center
}

.flow .workflow .page-sample-section.page-sample-section-content .webhook-directions,
.flow .workflow .page-sample-section.page-sample-section-content .webhook-directions {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
    padding: 30px;
    background-color: #f7f9f9;
    margin-bottom: 24px
}

.flow .workflow .page-sample-section.page-sample-section-content h4,
.flow .workflow .page-sample-section.page-sample-section-content h4 {
    text-align: left
}

.flow .workflow .page-sample-section.page-sample-section-content ul,
.flow .workflow .page-sample-section.page-sample-section-content ol,
.flow .workflow .page-sample-section.page-sample-section-content ul,
.flow .workflow .page-sample-section.page-sample-section-content ol {
    text-align: left;
    background: #fff6e1;
    color: #d79500;
    padding: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.flow .workflow .page-sample-section.page-sample-section-content ul li,
.flow .workflow .page-sample-section.page-sample-section-content ol li,
.flow .workflow .page-sample-section.page-sample-section-content ul li,
.flow .workflow .page-sample-section.page-sample-section-content ol li {
    margin-bottom: 0
}

.flow .workflow .page-sample-section.page-sample-section-content ul li i,
.flow .workflow .page-sample-section.page-sample-section-content ol li i,
.flow .workflow .page-sample-section.page-sample-section-content ul li i,
.flow .workflow .page-sample-section.page-sample-section-content ol li i {
    display: inline-block;
    padding-right: 5px;
    margin-top: 2px;
    vertical-align: middle
}

.flow .workflow .page-sample-section.page-sample-section-content:not(:first-child) {
    margin-top: 40px
}

.flow .workflow .page-sample-section.page-sample-section-content.page-sample-section-content--compact {
    margin-top: 20px
}

.flow .workflow .page-sample-section.page-sample-section-button {
    margin-top: 40px;
    text-align: right
}

@media (max-width: 600px) {
    .flow .workflow .page-sample-section.page-sample-section-button button {
        width: 100%
    }
}

@media (max-width: 600px) {
    .flow .workflow .page-sample-section.page-sample-section-button .button-or-text {
        display: block;
        text-align: center
    }
}

.flow .workflow .page-sample-section.page-sample-section-button a.skip-link {
    margin-right: 1em;
    color: #969EA2
}

@media (max-width: 600px) {
    .flow .workflow .page-sample-section.page-sample-section-button a.skip-link {
        display: block;
        margin-bottom: 1em;
        margin-right: 0;
        text-align: center
    }
}

.flow .workflow .action-selector {
    margin-bottom: 2em
}

.flow .workflow .action-selector .action {
    padding: 20px;
    vertical-align: middle;
    cursor: pointer
}

.flow .workflow .action-selector .action.row {
    border-top: 1px solid #f2f2f2
}

.flow .workflow .action-selector .action.row:last-child {
    border-bottom: 1px solid #f2f2f2
}

.flow .workflow .action-selector .action:hover {
    background-color: #f9fafb
}

.flow .workflow .action-selector .action p:last-child {
    margin-bottom: 0;
    color: #969EA2
}

.flow .workflow .action-selector .action input[type="radio"] {
    margin-top: 16px
}

.flow .workflow .action-selector .action input.action--auth-item__radio {
    margin-top: 23px
}

.flow .workflow .action-selector .action .action-name {
    color: #354147;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
    padding: 0
}

.flow .workflow .action-selector .action .action-name__icon {
    color: #b6bcbf;
    display: inline-block;
    margin-right: .5em;
    vertical-align: middle
}

.flow .workflow .action-selector .action .test-account {
    text-align: right;
    margin-top: 15px
}

@media (max-width: 600px) {
    .flow .workflow .action-selector .action .test-account {
        text-align: left
    }
}

.flow .workflow .action-selector .action .account-tester__popover {
    cursor: default
}

.flow .workflow .action-selector .action.selected {
    background-color: #f9fafb;
    color: #354147
}

.flow .workflow .action-selector .show-less {
    border-top: 1px solid #f2f2f2;
    margin-bottom: 0;
    text-align: center;
    padding: 5px
}

.flow .workflow .type-of {
    display: inline-flex;
    margin-left: 0.2em
}

.flow .workflow .type-of a {
    color: #969EA2
}

.flow .workflow .type-of i {
    margin-right: 0.2em
}

.flow .flow-detail-steps {
    border-left: 2px solid #DADFE2;
    float: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 100%
}

.flow .flow-detail-steps .add-step-icon {
    color: #969EA2;
    cursor: pointer;
    font-size: 1.5em;
    font-family: 'zapier';
    padding: 1.15em 1em;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease
}

.flow .flow-detail-steps .add-step-icon:hover {
    color: #499DF3
}

.flow .flow-detail-steps .detail-step {
    margin: 1em 0;
    position: relative;
    min-height: 30px
}

.flow .flow-detail-steps .detail-step:first-child {
    margin-top: 0;
    top: 0
}

.flow .flow-detail-steps .detail-step:last-child {
    margin-bottom: 0;
    margin-top: 20px;
    position: relative;
    top: 5px
}

.flow .flow-detail-steps .detail-step .detail-logo-container {
    float: left;
    margin-left: -2.6em;
    position: relative;
    background-color: white
}

.flow .flow-detail-steps .detail-step .detail-logo {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

.flow .flow-detail-steps .detail-step .detail-logo .readonly-detail-app-logo,
.flow .flow-detail-steps .detail-step .detail-logo .detail-app-logo {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 70px;
    position: relative;
    width: 70px
}

.flow .flow-detail-steps .detail-step .detail-logo .readonly-detail-app-logo .app-logo,
.flow .flow-detail-steps .detail-step .detail-logo .detail-app-logo .app-logo {
    background-size: 50%;
    height: 70px;
    width: 70px
}

.flow .flow-detail-steps .detail-step .detail-logo .readonly-detail-app-logo .app-logo-default,
.flow .flow-detail-steps .detail-step .detail-logo .detail-app-logo .app-logo-default {
    color: #969EA2;
    font-size: 2.3em;
    padding: 0.55em 0
}

.flow .flow-detail-steps .detail-step .detail-logo .readonly-detail-app-logo .icon-filter,
.flow .flow-detail-steps .detail-step .detail-logo .detail-app-logo .icon-filter {
    color: #969EA2;
    font-size: 2em;
    padding: 0.75em 0
}

.flow .flow-detail-steps .detail-step .detail-logo .mini-logo {
    width: 15%;
    text-align: center;
    float: left
}

.flow .flow-detail-steps .detail-step .description {
    color: #5F6C72;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3em;
    margin: 0.6em 0 0.8em 0;
    padding: 0
}

.flow .flow-detail-steps .detail-step .description i {
    color: #969EA2;
    float: right
}

.flow .flow-detail-steps .detail-step .description:not(.readonly-control):hover {
    color: #499DF3
}

.flow .flow-detail-steps .detail-step .step-label {
    display: inline-block;
    max-width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom
}

.flow .flow-detail-steps .detail-step .detail-info {
    margin-left: -2px;
    padding-left: 4em;
    text-align: left;
    width: calc(100% + 2px)
}

.flow .flow-detail-steps .detail-step .detail-info a:hover {
    text-decoration: none
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu {
    padding-bottom: 0.5em;
    float: left;
    width: 100%
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .option {
    color: #5F6C72;
    display: inline-block;
    font-weight: 600;
    line-height: 1.3em;
    margin: 0.5em 0 0.5em 0.8em;
    max-width: 220px
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .option:hover {
    color: #499DF3;
    text-decoration: none
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .option.locked {
    color: #a9afb3;
    cursor: default
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .option.incomplete {
    color: #969EA2
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .selected .option {
    color: #499DF3
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-link {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #5F6C72;
    display: block;
    float: left;
    padding: 0.6em 0.6em 0.5em 0.6em;
    width: 100%;
    margin-left: -0.6em;
    margin-bottom: 0
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-link p {
    display: inline-block;
    float: left;
    font-size: 0.9em;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 0;
    max-width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-link .icon {
    float: left;
    font-size: 14px;
    margin-right: 0.8em;
    vertical-align: middle
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-link .data {
    vertical-align: middle
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-link.incomplete {
    color: #b1b7ba
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-link.error {
    color: #E52F00;
    background: #ffeeeb
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-link.error:hover {
    color: #E52F00
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-link.alert {
    background: #fff3d7;
    color: #d79500
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-link.alert:hover {
    color: #d79500
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-link.alert.locked {
    color: #d79500
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-link.alert.selected {
    background: #fff3d7;
    color: #d79500
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-link.alert.selected:hover {
    color: #d79500
}

.locked {
    /*color: #bdc6cc!important;*/
    color: #8c8c8c !important;
    pointer-events: none !important;
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-link:hover {
    color: #499DF3;
    text-decoration: none;
    cursor: pointer
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-link.selected {
    background: #f0f7fe;
    color: #499DF3
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .step-control-menu-item {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #5F6C72;
    display: block;
    float: left;
    padding: 0.6em 0.6em 0.5em 0.6em;
    width: 100%;
    margin-left: -0.6em;
    margin-bottom: 0;
    cursor: pointer
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .step-control-menu-item p {
    display: inline-block;
    float: left;
    font-size: 0.9em;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 0;
    max-width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .step-control-menu-item .icon {
    float: left;
    font-size: 14px;
    margin-right: 0.8em;
    vertical-align: middle
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .step-control-menu-item a {
    color: #5F6C72
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .step-control-menu-item:last-of-type {
    border-bottom: 1px solid #e8ebed
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-delete .delete-step .icon-delete {
    color: #E52F00
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-delete .delete-step:hover {
    color: #E52F00;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-delete .delete-step-cancel p {
    color: #969EA2;
    float: right;
    font-size: 0.9em;
    letter-spacing: 1px;
    text-transform: uppercase
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-delete .delete-step-cancel p:hover {
    color: #5F6C72;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease
}

@media (max-width: 900px) {
    .flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-delete .delete-step-cancel p {
        float: left;
        margin-left: 1em
    }
}

@media (max-width: 500px) {
    .flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-delete .delete-step-cancel p {
        float: right;
        margin: 0
    }
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-rename {
    margin-top: 1.5em
}

.flow .flow-detail-steps .detail-step .detail-info .step-menu .sub-step-rename .rename-step:hover {
    color: #499DF3;
    text-decoration: none;
    cursor: pointer
}

.flow .flow-detail-steps .detail-step .detail-info .sub-description .label {
    background: #e8ebed;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #5F6C72;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0.4em 0.5em;
    text-transform: uppercase
}

.flow .flow-detail-steps .detail-step .detail-info-disabled .description:hover {
    color: #5F6C72;
    cursor: default
}

.flow .flow-detail-steps .detail-step .detail-info-end {
    background: #fff
}

.flow .flow-detail-steps .add-step-mini-icon {
    background: #DADFE2;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #5F6C72;
    font-family: 'zapier';
    font-size: 0.8em;
    margin-top: 4px;
    margin-left: -1.03em;
    padding: 5px;
    float: left
}

.flow .flow-detail-steps .add-step-mini-icon:hover {
    font-size: 1em;
    margin-top: 0;
    margin-left: -15px;
    padding: 7px;
    cursor: pointer
}

.flow .flow-detail-steps .add-step-mini-icon-open {
    background: #499DF3;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-family: 'zapier';
    font-size: 0.8em;
    margin-top: 0;
    margin-left: -11px;
    padding: 5px;
    float: left;
    font-size: 1em;
    margin-left: -15px;
    padding: 7px;
    cursor: pointer
}

.flow .flow-detail-steps .add-step-info {
    float: left;
    padding-left: 3em;
    text-align: left
}

.flow .flow-detail-steps .add-step-info .add-step-title {
    color: #5F6C72;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 0
}

.flow .flow-detail-steps .add-step-section {
    margin: 0 0 0.5em -5.1em;
    position: relative
}

.flow .flow-detail-steps .add-step-bottom {
    margin: 0.5em 0
}

.flow .flow-detail-steps .add-step-bottom button {
    color: #5F6C72;
    font-weight: 600;
    margin: 0 0.5em 0.3em 0
}

.flow .flow-detail-steps .add-step-bottom button .icon {
    color: #5F6C72;
    font-size: 0.9em;
    vertical-align: middle;
    padding-right: 0.5em
}

.flow .flow-detail-steps .add-step-bottom button .icon.icon-filter {
    padding-right: 0.7em
}

@font-face {
    font-family: "zapier";
    src: url("/vendors/zapier/zapier.eot");
    src: url("/vendors/zapier/zapier.eot?#iefix") format("embedded-opentype"), url("/vendors/zapier/zapier.woff") format("woff"), url("/vendors/zapier/zapier.ttf") format("truetype"), url("vendors/zapier/zapier.svg#zapier") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "zapier" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-error:before {
    content: "c"
}

.icon-filter:before {
    content: "d"
}

.icon-list:before {
    content: "e"
}

.icon-lock:before {
    content: "f"
}

.icon-plus:before {
    content: "g"
}

.icon-user:before {
    content: "h"
}

.icon-delete:before {
    content: "a"
}

.icon-arrow-down:before {
    content: "k"
}

.icon-arrow-up:before {
    content: "l"
}

.icon-arrow-left:before {
    content: "y"
}

.icon-arrow-right:before {
    content: "z"
}

.icon-add:before {
    content: "j"
}

.icon-link:before {
    content: "n"
}

.icon-edit:before {
    content: "m"
}

.icon-bolt:before {
    content: "b"
}

.icon-test:before {
    content: "p"
}

.icon-clock:before {
    content: "q"
}

.icon-zapier-logo:before {
    content: "i"
}

.icon-help:before {
    content: "r"
}

.icon-search:before {
    content: "s"
}

.icon-folder:before {
    content: "t"
}

.icon-check:before {
    content: "u"
}

.icon-check-alt:before {
    content: "J"
}

.icon-bell:before {
    content: "w"
}

.icon-trash:before {
    content: "o"
}

.icon-zap-arrow:before {
    content: "v"
}

.icon-arrow-left:before {
    content: "y"
}

.icon-arrow-right:before {
    content: "z"
}

.icon-download:before {
    content: "B"
}

.icon-more:before {
    content: "x"
}

.icon-cog-gear:before {
    content: "A"
}

.icon-heart:before {
    content: "D"
}

.icon-alert:before {
    content: "G"
}

.icon-team:before {
    content: "F"
}

.icon-info:before {
    content: "E"
}

.icon-camera:before {
    content: "H"
}

.icon-insert-field:before {
    content: "I"
}

.icon-move:before {
    content: "K"
}

.center {
    text-align: center;
}

body .service-search input,
body .select-list-search input {
    background-color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #DADFE2;
    color: #5F6C72;
    font-family: inherit;
    font-size: inherit;
    margin: 0 0 15px;
    padding: 10px;
    width: 100%;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-property: border-color;
    -o-transition-property: border-color;
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}

.PlaceholderAPI64x64 {
    background-repeat: no-repeat;
    background-position: center center;
}

.ActivationModeContextual {
    background-image: url(/img/triggers/contextual.png);
}

.ActivationModeContextual:before {
    content: '' !important;
}

.ActivationModeIdentification {
    background-image: url(/img/triggers/identification.png);
}

.ActivationModeNone {
    background-image: url(/img/triggers/triggerdefault.png);
}

.ActivationModeIdentification:before {
    content: '' !important;
}

.ActivationModeSport {
    background-image: url(/img/triggers/sports.png);
}

.ActivationModeSport:before {
    content: '' !important;
}

.ActivationModeWeather {
    background-image: url(/img/triggers/weather.png);
}

.ActivationModeWeather:before {
    content: '' !important;
}


/*///////////////////////////////////////////////////////////////*/

.IntegrationModeAdwords {
    background-image: url(/img/triggers/app/googleADS.png);
}

.IntegrationModeAdwords:before {
    content: '' !important;
}

.IntegrationModeCallix {
    background-image: url(/img/triggers/app/callix.png);
    background-repeat: no-repeat;
}

.IntegrationModeCallix:before {
    content: '' !important;
}

.IntegrationModePushover:before {
    content: '' !important;
}

.IntegrationModePushover {
    background-image: url(/img/triggers/app/pushover.png);
}

.IntegrationModeAdobeFTP:before {
    content: '' !important;
}

.IntegrationModeAdobeFTP {
    background-image: url(/img/triggers/app/adobeftp.png);
}

.IntegrationModeAppNexus {
    background-image: url(/img/triggers/app/xandrLogo.svg);
}

.IntegrationModeAppNexus:before {
    content: '' !important;
}

.IntegrationModeURLSync {
    background-image: url(/img/triggers/app/urlsync.png);
}

.IntegrationModeAppsflyer {
    background-image: url(/img/triggers/app/appsflyer.png);
    background-repeat: no-repeat;
}

.IntegrationModeBigQuery {
    /* background-image: url(/img/triggers/app/bigquery.png); */
    background-image: url(/img/triggers/app/bigquery2.png);
    background-repeat: no-repeat;
}

.IntegrationModeAdjust {
    background-repeat: no-repeat;
    background-image: url('../../img/triggers/app/adjust.png');
}

.IntegrationModePhoneTrack {
    background-repeat: no-repeat;
    background-image: url('/img/triggers/app/phonetrack.png');
    background-size: 48px !important;
    width: 48px !important;
    height: 50px !important;
}

.IntegrationModeURLSync:before {
    content: '' !important;
}

.IntegrationModeMediaMath {
    background-image: url(/img/triggers/app/mediamath.png);
}

.IntegrationModeMediaMath:before {
    content: '' !important;
}

.IntegrationModeMediaSmart {
    background-image: url(/img/triggers/app/MediaSmart.png);
}


.IntegrationModeMediaSmart:before {
    content: '' !important;
}

.IntegrationModeAdManager {
    background-image: url(/img/triggers/app/admanager.png);
}


.IntegrationModeMediaSmart:before {
    content: '' !important;
}

.IntegrationModeAnalytics {
    background-image: url(/img/triggers/app/analytics.png);
}

.IntegrationModeAnalytics:before {
    content: '' !important;
}

.IntegrationModeAnalytics4 {
    background-image: url('../../img/triggers/app/analytics4.jpg');
}

.IntegrationModeAnalytics4:before {
    content: '' !important;
}

.singular {
    background-image: url('../../img/triggers/app/singularLogo.svg');
}

.IntegrationModeAdobeAnalytics:before {
    content: '' !important;
}

.IntegrationModeAdobeAnalytics:before {
    content: '' !important;
}

.IntegrationModeBitly {
    background-image: url('../../images/icons/bitly.svg');
}

.IntegrationModeSnapChat {
    background-image: url('../../images/snap-ghost-yellow.png');
}

.IntegrationModeSnapChat:before {
    content: '' !important;
}

.IntegrationModeDV360 {
    background-image: url(/img/triggers/app/dv360.png);
}

.IntegrationModeDV360:before {
    content: '' !important;
}

.IntegrationModeDFP {
    background-image: url(/img/triggers/app/dbm.png);
}

.IntegrationModeDFP:before {
    content: '' !important;
}

.IntegrationModeLiquidM {
    background-image: url(/img/triggers/app/liquidm.png);
}

.IntegrationModeAdobeAnalytics {
    background-image: url(/img/triggers/app/AdobeAnalytics.png);
}

.IntegrationModeGoogleStorage {
    background-image: url(/img/triggers/app/googlestorage.png);
}

.IntegrationModeLiquidM:before {
    content: '' !important;
}

.IntegrationModeFacebook {
    background-image: url(/img/triggers/app/facebook.png);
}

.IntegrationModeMeta {
    background-image: url(/img/triggers/app/meta.png);
}

.IntegrationModeFacebook:before {
    content: '' !important;
}

.IntegrationModeMeta:before {
    content: '' !important;
}

.IntegrationModeTikTok {
    background-image: url(/img/triggers/app/tiktok.png);
}

.IntegrationModeLinkedIn {
    background-image: url(/img/triggers/app/LinkedIn.png);
}

.IntegrationModeLinkedIn:before {
    content: '' !important;
}

.IntegrationModeMGID {
    background-image: url(/img/triggers/app/MGID.svg);
    background-size: 65px;
}

.IntegrationModeMGID:before {
    content: '' !important;
}

.IntegrationModeTikTok:before {
    content: '' !important;
}

.IntegrationModeTwitter {
    background-image: url(/img/triggers/app/twitter.png);
}


.NotAvailable {
    cursor: not-allowed !important;
    color: #8e8e8e !important;
}

.NotAvailable button {
    cursor: not-allowed !important;
}

.NotAvailable i {
    color: #ccc !important;
}

.NotAvailable svg {
    fill: #ccc !important;
}



.IntegrationModeTwitter:before {
    content: '' !important;
}

.IntegrationModeInstagram {
    background-image: url(/img/triggers/app/instagram.png);
}

.IntegrationModeInstagram:before {
    content: '' !important;
}

.IntegrationModeAirPush {
    background-image: url(/img/triggers/app/airpush.png);
}

.IntegrationModeAirPush:before {
    content: '' !important;
}

.IntegrationModeAdGlow {
    background-image: url(/img/triggers/app/adglow.png);
}

.IntegrationModeAdGlow:before {
    content: '' !important;
}

.IntegrationModeMaisClicks {
    background-image: url(/img/triggers/app/maisclicks.png);
}

.IntegrationModeMaisClicks:before {
    content: '' !important;
}


/*/////////////////////////////////////////////////////////////*/

.fa64 {
    font-size: 64px;
    width: 50px;
    height: 50px;
    margin-top: -1px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.fa60 {
    font-size: 64px;
    width: 60px !important;
    height: 60px !important;
    margin-top: -1px;
    background-size: 60px 60px;
    background-repeat: no-repeat;
}

.fa40 {
    font-size: 40px;
    width: 50px;
    height: 50px;
    margin-top: -1px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.fa41 {
    font-size: 40px;
    width: 40px;
    height: 40px;
    margin-top: -1px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.fa16 {
    font-size: 16px;
    width: 20px !important;
    height: 16px !important;
    margin-top: -1px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.fa20 {
    font-size: 20px;
    width: 20px;
    height: 20px;
    margin-top: -1px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.fa30 {
    font-size: 30px;
    width: 32px !important;
    height: 30px !important;
    margin-top: -1px;
    background-size: 30px 30px !important;
    background-repeat: no-repeat;
}

.fa35 {
    font-size: 35px;
    width: 35px;
    height: 35px;
    margin-top: -1px;
    background-size: 35px 35px;
    background-repeat: no-repeat;
}

.fa50 {
    font-size: 50px;
    width: 50px;
    height: 50px;
    margin-top: -1px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.tileCount {
    font-size: 30px;
    line-height: 47px;
    font-weight: 600;
}

.flow-container__content::-webkit-scrollbar {
    height: 8px;
    width: 7px;
    border-radius: 4px;
}

.flow-container__content::-webkit-scrollbar {
    height: 8px;
    width: 7px;
    border-radius: 4px;
}

.flow-container__content::-webkit-scrollbar-corner {
    background-color: #fff;
}

.flow-container__content::-webkit-scrollbar-corner {
    background-color: #fff;
}

.flow-container__content::-webkit-scrollbar-thumb {
    background-color: #1c5775;
    border-radius: 5px;
}

.flow-container__content::-webkit-scrollbar-thumb {
    background-color: #e5e9eb;
    border-radius: 5px;
}

Pseudo ::scrollbar-track element .flow-container__content::-webkit-scrollbar-track {
    border-radius: 5px;
    width: 10px;
    margin: 6px;
}

.flow-container__content::-webkit-scrollbar-track {
    border-radius: 5px;
    width: 10px;
    margin: 6px;
}

.select2-result-repository {
    padding-top: 4px;
    padding-bottom: 3px;
}

.select2-result-repository__avatar {
    float: left;
    width: 60px;
    margin-right: 10px;
}

.select2-result-repository__avatar img {
    width: 100%;
    height: auto;
    border-radius: 2px;
}

.select2-result-repository__meta {
    margin-left: 70px;
}

.select2-result-repository__title {
    color: black;
    font-weight: bold;
    word-wrap: break-word;
    line-height: 1.1;
    margin-bottom: 4px;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers {
    margin-right: 1em;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers,
.select2-result-repository__watchers {
    display: inline-block;
    color: #aaa;
    font-size: 11px;
}

.select2-result-repository__description {
    font-size: 13px;
    color: #777;
    margin-top: 4px;
}

.select2-results__option--highlighted .select2-result-repository__title {
    color: white;
}

.select2-results__option--highlighted .select2-result-repository__forks,
.select2-results__option--highlighted .select2-result-repository__stargazers,
.select2-results__option--highlighted .select2-result-repository__description,
.select2-results__option--highlighted .select2-result-repository__watchers {
    color: #c6dcef;
}

.service-remove {
    width: 100%;
    height: 0px;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    /* Safari */
    transition: height 0.5s;
    color: white;
    opacity: 0.9;
    background-color: #499df3;
}

.service-remove:hover {
    opacity: 1;
}

.service-square:hover .service-remove {
    height: 30px;
}

.detail-info .detail-title {
    float: left;
    width: 100%;
}

.detail-info .detail-title span {
    float: left;
    line-height: 1.2em;
    max-width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inline-editor {
    cursor: pointer;
    font-weight: 600;
}

.delete-cancel:hover {
    color: #ADADAD;
}

.select2-result-repository.selected {
    background: green;
}

.form_wizard.invalid .buttonNext,
.form-horizontal.invalid .buttonFinish {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none;
}

.sample-instruct {
    list-style: none;
}

#containerprogress {
    margin: 20px;
    width: 200px;
    height: 200px;
    position: relative;
}

.heigth100 {
    height: 100%;
}

.nav-md .site_ico {
    display: none;
}

.nav-sm .site_title {
    display: none;
}

.buttonDisabled {
    pointer-events: none;
    opacity: 0.7;
}

.buttonDisabledOpac {
    pointer-events: none;
    opacity: 0.1;
}

tr:hover {
    background-color: #f2f2f2;
}

#fullCalendarDiv tr:hover {
    background-color: white;
}

.not-active {
    pointer-events: none;
    cursor: default;
}

#fountainG {
    position: relative;
    width: 56px;
    height: 17px;
    margin: auto;
}

.fountainG {
    position: absolute;
    top: 0;
    background-color: rgb(0, 0, 0);
    width: 17px;
    height: 17px;
    animation-name: bounce_fountainG;
    -o-animation-name: bounce_fountainG;
    -ms-animation-name: bounce_fountainG;
    -webkit-animation-name: bounce_fountainG;
    -moz-animation-name: bounce_fountainG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    transform: scale(.3);
    -o-transform: scale(.3);
    -ms-transform: scale(.3);
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    border-radius: 11px;
    -o-border-radius: 11px;
    -ms-border-radius: 11px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
}

#fountainG_1 {
    left: 0;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

#fountainG_2 {
    left: 18px;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

#fountainG_3 {
    left: 36px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

@keyframes bounce_fountainG {
    0% {
        transform: scale(1);
        background-color: rgb(0, 0, 0);
    }

    100% {
        transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-o-keyframes bounce_fountainG {
    0% {
        -o-transform: scale(1);
        background-color: rgb(0, 0, 0);
    }

    100% {
        -o-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-ms-keyframes bounce_fountainG {
    0% {
        -ms-transform: scale(1);
        background-color: rgb(0, 0, 0);
    }

    100% {
        -ms-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-webkit-keyframes bounce_fountainG {
    0% {
        -webkit-transform: scale(1);
        background-color: rgb(0, 0, 0);
    }

    100% {
        -webkit-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-moz-keyframes bounce_fountainG {
    0% {
        -moz-transform: scale(1);
        background-color: rgb(0, 0, 0);
    }

    100% {
        -moz-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

.top-28 {
    margin-top: -28px !important;
}

.fa32 {
    font-size: 32px;
}

toggle.changing .toggle {
    pointer-events: none;
    opacity: 0.4;
}

.tunad-item-step-image {
    height: 45px !important;
    width: 45px !important;
    background-size: 45px 45px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 0px !important;
    display: inline-block;
}

.tunad-trigger-filter {
    background: #fff;
    height: 90px;
    font-size: 11px;
    float: left;
    padding: 20px 12px;
    width: 100%;
    z-index: 10;
}

.tunad-item-more1 {
    width: 100%;
    height: 0px;
    color: #8690a5;
    background-color: rgba(223, 229, 232, 0.9);
    padding: 0px 12px 0px 12px;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    /* Safari */
    transition: height 0.5s;
    position: absolute;
    z-index: 1000;
}

.tunad-item:hover .tunad-item-more1,
.tunad-item:focus .tunad-item-more1 {
    /*height:105px;*/
    height: 63px;
}

.detailsManagerItem {
    display: none;
}

.showDetailsManagerItem:hover .detailsManagerItem {
    display: block;
    z-index: 1000;
    width: 500px;
    margin-top: -25px;
}

.InteresseMonitor:hover {
    cursor: pointer;
    background-color: rgba(223, 229, 232, 0.5) !important;
}

.spotManager {
    height: 23px;
    padding-top: 3px;
}

.btn.changing {
    pointer-events: none;
    opacity: 0.4;
}

li.read {
    background-color: #fff !important;
}

.grifarSpan {
    border-radius: 5px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #ff9632;
}

.tunad-item-index-trigger-1 {
    margin-top: -10px;
}

.tunad-item-index-trigger-2 {
    margin-top: -119px;
}

.tunad-item-index-trigger-3 {
    margin-top: 27px;
}

.tunad-item-index-trigger-4 {
    margin-top: -55px;
}

.tunad-item-index-action-1 {
    margin-top: -12px;
}

.tunad-item-index-action-2 {
    margin-top: -38px;
}

.tunad-item-index-action-3 {
    margin-top: -35px;
}

.tunad-item-index-action-4 {
    margin-top: -119px;
}

.contextContent {
    height: 410px !important;
}

.contextContent2 {
    height: 272px !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-right-color: transparent !important;
    border-bottom-color: #ddd !important;
}

.big {
    font-size: 80px;
}

.pointerNone {
    pointer-events: none !important;
}

.flag {
    width: 30px;
    cursor: pointer;
}

.flag.selected {
    cursor: default;
    border: 1px dotted;
}

.navbox-tiles .tile.selected {
    border-color: #fff;
    text-decoration: none;
}

.onlyhover .onlyhoverItem {
    display: none;
}

.onlyhover onlyhoverItem:hover,
.onlyhover:hover .onlyhoverItem {
    display: block;
    position: relative;
    left: 5px;
    top: 8px;
    opacity: 0.8;
}

.ellipsis {
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
    width: 75%;
    overflow: hidden;
}

body.nav-sm .activeTriggers {
    border: solid 1px #d8d83b;
    padding: 3px 6px 3px 6px;
    background-color: #d8d83b;
    margin-left: 30px;
    border-radius: 10px;
    position: absolute;
    margin-top: -8px;
    color: #22262e;
    font-family: 'Open Sans', 'Roboto', 'Arial', 'Droid Sans', 'sans-serif';
}

body.nav-md .activeTriggers {
    border: solid 1px #d8d83b;
    padding: 3px 6px 3px 6px;
    background-color: #d8d83b;
    margin-left: 177px;
    border-radius: 10px;
    position: absolute;
    margin-top: -4px;
    color: #22262e;
    font-family: 'Open Sans', 'Roboto', 'Arial', 'Droid Sans', 'sans-serif';
}

.editableSpanWidth span {
    width: 90%;
}

.red {
    color: #ff0000;
}

.TilesH {
    height: 86px;
}

/*.tableAudioHeight .dataTables_scrollBody{
    height: 270.5px!important;
}*/
/*class="tableAudioHeight"*/

.select2-selection.select2-selection--multiple {
    max-height: 37px;
    height: 37px;
    overflow: auto;
}

a {
    cursor: pointer;
}

.ui-grid {
    height: 362px;
}


.ui-grid-column-menu-button {
    position: absolute;
    right: 1px;
    top: 0;
    visibility: hidden !important;
}

.ui-grid-header-cell .ui-grid-sort-priority-number {
    margin-left: -8px;
    visibility: hidden;
}

.ui-grid-cell-contents {
    font-family: "Open Sans", Roboto, Arial, "Droid Sans", sans-serif;
    padding: 5px;
    font-weight: 600;
    height: 29px !important;
}

.ui-grid-row:hover .ui-grid-cell {
    background-color: transparent;
}

.ui-grid-row:hover {
    background-color: #e5e9ec;
}

.md-chips .md-chip-input-container md-autocomplete {
    box-shadow: none;
    margin: 0px 0px -10px -10px;
}

.titleMonitorReport {
    font-size: 15px;
    color: #212121;
    margin-top: 8px;
    margin-left: 4px;
}


.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #757575;
    border-color: #255625;
}

.md-button.md-fab {
    height: 25px !important;
    line-height: 0px !important;
    margin: -8px 2px 0px 0px !important;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.26) !important;
    background-color: transparent !important;
}

md-fab-speed-dial.md-up {
    height: 20px !important;
}

md-autocomplete-wrap input {
    margin-left: 20px;
}

md-dialog md-autocomplete-wrap input {
    margin-left: 6px;
}

.opacityPlay {
    opacity: 0.5;
    pointer-events: none;
}

.disableRadioButton {
    opacity: 0.5;
    pointer-events: none;
}

.gm-style-iw {
    width: 306px !important;
    top: 11px !important;
    left: 13px !important;
    border-radius: 2px 2px 0 0;
}

li.active>a#tabConfig>span {
    color: #4c5264 bold;
}

li.active>a#tabConfig {
    border-left: solid 2px #D1D138 !important;
}

.md-clickable {
    z-index: 9999 !important;
}

.deletableTerm:hover div.delete-source-term {
    display: block !important;
}

.imputTerms {
    vertical-align: middle;
    border: 0;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0;
    box-shadow: 0 1px rgba(0, 0, 0, 0.12);
    font-size: 16px;
    padding: 0 0 8px 3px;
}

.subheader,
.subheader:hover {
    height: 35px !important;
    text-align: center !important;
    font-size: 14px !important;
    padding-left: 0px !important;
    background: #b3b33e !important;
}

.subheader span {
    top: 7px;
    position: relative;
}

.nav-md .nav.child_menu.current-page {
    overflow: auto;
    max-height: 300px;
}

ul::-webkit-scrollbar {
    /*display: none;*/
    width: 10px;
}


.animate-show-hide.ng-hide-add,
.animate-show-hide.ng-hide-remove {
    transition: all linear 0.5s;
}

.animate-show-hide.ng-hide {
    opacity: 0;
}

.gridcategory .ui-grid-viewport {
    overflow-y: hidden !important;
}


.superColumn {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 0px !important;
}

.superColumn .cell {
    margin-top: 5px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
}

.superColumn .col-md-39 {
    width: 39px;
    float: left;
}

.superColumn .col-md-60 {
    width: 60px;
    float: left;
}

.superColumn .col-md-77 {
    width: 85px;
    float: left;
}

.superColumn .col-md-39:last-child {}

.superColumn .col-md-39:first-child {}

.superColumn.header {
    border-bottom: solid 1px #d4d4d4;
}

.superColumn.headerColumn div {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
}

.superColumn.headerColumn div:not(:last-child) {
    border-right: solid 1px #d4d4d4;
}

.superColumn .text-right span {
    margin-right: 10px;
}

.superColumn .text-left span {
    margin-left: 10px;
}

.ui-grid-disable-selection {
    cursor: pointer !important;
}

.highcharts-point,
.highcharts-tick,
.highcharts-axis-line {
    stroke-width: 1px;
    stroke: #ddd;
}

label strong {
    font-size: 13.5px;
}

label span.edit {
    font-size: 12.5px;
}

/* .top_nav li.create-trigger a i{

} */

.truncateString {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.spotName .mTop8 {
    margin-top: 8px;
}

/* .mTop0{
    top:0px!important;
}
.mTop8{
    top: 8px!important;
} */

.ng-hide.ng-hide-animate {
    display: none !important;
}

.heigth225 {
    height: 225px;
}

/* .md-tabs.md-default-theme .md-tab .md-ripple-container, md-tabs .md-tab .md-ripple-container{
    color:rgb(234, 253, 74);
  } */

md-tabs.md-default-theme .md-tab.md-active,
md-tabs .md-tab.md-active,
md-tabs.md-default-theme .md-tab.md-active md-icon,
md-tabs .md-tab.md-active md-icon,
md-tabs.md-default-theme .md-tab.md-focused,
md-tabs .md-tab.md-focused,
md-tabs.md-default-theme .md-tab.md-focused md-icon,
md-tabs .md-tab.md-focused md-icon {
    color: #4c5264;
}

.disabled {
    pointer-events: none !important;
    opacity: 0.3;
}

.buttonDisabled {
    pointer-events: none;
    opacity: 0.4 !important;
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #22262e;
}

/* .infoShow{
    opacity: 0;
}

.infoShow:hover{
    opacity: 1;
} */

.yellow {
    color: #dede24;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile+label {
    max-width: 80%;
    font-size: 1.25rem;
    border-radius: 5px;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile+label {
    display: none;
}

.inputfile:focus+label,
.inputfile.has-focus+label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile+label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile+label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1+label {
    color: white;
    background-color: #31363e;
}

.inputfile-1:focus+label,
.inputfile-1.has-focus+label,
.inputfile-1+label:hover {
    background-color: #444b55;
}


.height210 {
    height: 210px;
}


.height125 {
    height: 125px;
}

.reportsDefinition .ui-grid-cell {
    border: 0 !important;
}

.reportsDefinition .ui-grid-header-cell {
    border: 0 !important;
}

.hide {
    display: none;
}

.wizard_steps li a.blocked .fa-lock {
    color: inherit !important;
}

.wizard_steps li a .fa-lock {
    color: transparent !important;
}

a.tunad-item-selected .tunad-item-button-select {
    display: none;
}

a.tunad-item-selected .tunad-spot-selected-text {
    margin-top: 20px !important;
}

.fade {
    pointer-events: none;
}

.fade.in {
    pointer-events: all;
}

.redRow {
    background-color: #ffb2b2 !important;
}

.RemoveCursorErrorBulkWithoutError {
    pointer-events: none;
}

.bucket {
    background-image: url("img/bulkinsertion.png");
}

.needsAtentionColor {
    background-color: rgb(255, 131, 131) !important;
    border-bottom: solid 1px rgb(247, 108, 108);
}

/* ----------------------------------------------- */
.needsAtentionColor:hover {
    background-color: rgb(247, 113, 113) !important;
}

.needsAtentionColor2:hover .needsAtentionColor {
    background-color: rgb(230, 118, 118) !important;
}

.ui-grid-cell.needsAtentionColor {
    border-color: rgb(226, 100, 100);
}

/* ----------------------------------------------- */


.hideDimension {
    display: none;
}

.unhideDimension {
    display: block;
}

md-virtual-repeat-container {
    z-index: 1999 !important;
}

.countryDropDown {
    /* background: white!important; */
    margin: 4px !important;
    padding: 5px 5px 3px !important;
    border-bottom: solid 1px rgb(247, 247, 247) !important;
}

.countryDropDown i {
    font-size: 33px !important;
    padding: 0px 8px !important;
}

.countryDropDown span {
    margin-top: 6px !important;
}

.countryDropDown img {
    height: 33px !important;
}

.loadingDropDown {
    padding: 5px 65px 13px !important;
    background: white !important;
}

.loadingDropDown i {
    font-size: 17px !important;
    padding: 0px 8px !important;
}

.countryDropDown:hover {
    background-color: #f5f3f3 !important;
}

.countrySelected {
    background-color: #efefef !important;
}

.spotbrandname:focus {
    border-bottom: solid 1px blue !important;
    border-radius: 0px !important;
}

.dropzone .dz-preview .dz-progress {
    border-radius: 20px 20px 0px 0px !important;
}

.climateSettings .md-errors-spacer {
    min-height: 0px !important;
}

/*slider weather*/

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #d1d138;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #d1d138;
    cursor: pointer;
}

/*slider weather*/

.AvailableTagsList {
    overflow-x: auto;
    height: 260px;
    width: 100%;
}

.MarginTop-15 {
    margin-top: -15px !important;
}

.selectTags:hover {
    background-color: #dcdcdc;
    opacity: 0.7;
    cursor: pointer;
}

.selectTags.select2-result-repository:hover {
    color: #909090 !important;
}

i-timeline div div div div div div.green {
    border: none !important;
}

i-timeline div div div div div div.yellow {
    border: none !important;
}

i-timeline div div div div div div.red {
    border: none !important;
}


.MenuConfigurationChecking {
    /*width: 37px!important;*/
    margin-left: 5px;
    height: 32px;
    background-image: url("/images/icons/MenuConfigurationChecking.png");
    background-repeat: no-repeat;
}

.TitleConfigurationChecking {
    width: 48px;
    height: 40.67px;
    background-image: url("/images/icons/TitleConfigurationChecking.png");
    background-repeat: no-repeat;
    margin-left: 5px;
    margin-top: 15px;
}

.EditIcon {
    width: 32px;
    height: 32px;
    background-image: url("/images/icons/EditIcon.png");
    background-repeat: no-repeat;
    /*margin-left: 10px;*/
    margin-top: 0px;
}

.EditIcon:hover {
    z-index: 999999;
    width: 45px;
    height: 45px;
    background-image: url("../../images/icons/EditHoverIcon.png");
    background-repeat: no-repeat;
    margin-top: -12px;
    margin-left: 0px !important;
}

i-programmingview .EditIcon {
    width: 22px;
    height: 22px;
    background-image: url("../../images/icons/EditIcon.png");
    background-repeat: no-repeat;
    /*margin-left: 10px;*/
    margin-top: 1px;
}

i-programmingview .EditIcon:hover {
    z-index: 999999;
    width: 45px;
    height: 45px;
    background-image: url("../../images/icons/EditHoverIcon.png");
    background-repeat: no-repeat;
    margin-top: -5px !important;
    margin-left: 0px !important;
}

.ReportIcon {
    width: 48px;
    margin-left: 12px;
    height: 25px;
    background-image: url("/images/icons/ReportIcon.png");
    background-repeat: no-repeat;
}

.TitleReportIcon {
    width: 48px;
    height: 40.67px;
    background-image: url("/images/icons/TitleReportIcon.png");
    background-repeat: no-repeat;
    margin-left: 15px;
    margin-top: 45px;
}

.TitleVisionIconNew {
    width: 48px;
    background-image: url("/images/icons/TitleVisionIcon.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}

.TitleVisionIcon {
    width: 48px;
    height: 40.67px;
    background-image: url("/images/icons/TitleVisionIcon.png");
    background-repeat: no-repeat;
    margin-left: 6px;
    margin-top: 13px;
}

.IconEdit {
    width: 35px;
    height: 15px;
    background-image: url("/images/icons/IconEdit.png");
    background-repeat: no-repeat;
}

.ArrowUp {
    width: 50px;
    height: 50px;
    background-image: url("/images/icons/arrow-up.png");
    background-repeat: no-repeat;
}

.ArrowDown {
    width: 50px;
    height: 50px;
    background-image: url("/images/icons/arrow-down.png");
    background-repeat: no-repeat;
}

.CheckingExportIcon {
    width: 37px;
    height: 32px;
    background-image: url("/images/icons/CheckingExportIcon.png");
    background-repeat: no-repeat;
}

.DriveIcon {
    width: 15px;
    height: 18px;
    background-image: url("/images/icons/DriveIcon.png");
    background-repeat: no-repeat;
}

.CSVIcon {
    width: 15px;
    height: 18px;
    background-image: url("/images/icons/CSVIcon.png");
    background-repeat: no-repeat;
}

.PDFIcon {
    width: 15px;
    height: 18px;
    background-image: url("/images/icons/PDFIcon.png");
    background-repeat: no-repeat;
}

.downIcon {
    width: 25px;
    height: 30px;
    background-image: url("/images/icons/downIcon.png");
    background-repeat: no-repeat;
}

.downGrayIcon {
    width: 16px;
    height: 19px;
    background-image: url("/images/icons/downGrayIcon.png");
    background-repeat: no-repeat;
}

.SaldoIcon {
    width: 43px;
    height: 24px;
    background-image: url("/images/icons/SaldoIcon.png");
    background-repeat: no-repeat;
}

.IdentIcon {
    width: 24px;
    height: 24px;
    background-image: url("/images/icons/IdentIcon.png");
    background-repeat: no-repeat;
}

.GoldCheck {
    width: 14px;
    height: 14px;
    background-image: url("/images/icons/GoldCheck.png");
    background-repeat: no-repeat;
}

.SilverCheck {
    width: 14px;
    height: 14px;
    background-image: url("/images/icons/SilverCheck.png");
    background-repeat: no-repeat;
}

.TVIcon {
    width: 22px;
    height: 20px;
    background-image: url("/images/icons/TVIcon.png");
    background-repeat: no-repeat;
}

.SignalIcon {
    width: 18px;
    height: 15px;
    background-image: url("/images/icons/SignalIcon.png");
    background-repeat: no-repeat;
}

.DeleteIcon {
    width: 35px;
    height: 17px;
    background-image: url("/images/icons/DeleteIcon.png");
    background-repeat: no-repeat;
    opacity: 0.5;
}

.DeleteIcon:hover {
    opacity: 1;
}

.ChevrondownIcon {
    width: 18px;
    height: 18px;
    background-image: url("/images/icons/ChevrondownIcon.png");
    background-repeat: no-repeat;
}

.CopyIcon {
    width: 35px;
    height: 17px;
    background-image: url("/images/icons/CloneIcon.png");
    background-repeat: no-repeat;
}

.MinusCircle {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-image: url("/images/icons/MinusCircle.png");
    background-repeat: no-repeat;
}

.CloseIconP {
    cursor: pointer;
    width: 31px;
    height: 31px;
    background-image: url("/images/icons/CloseIconP.png");
    background-repeat: no-repeat;
}

.DonwGoldIcon {
    width: 25px;
    height: 30px;
    background-image: url("/images/icons/DonwGoldIcon.png");
    background-repeat: no-repeat;
}

.CalendarIcon {
    cursor: pointer;
    width: 20px;
    height: 23px;
    background-image: url("/images/icons/CalendarIcon.png");
    background-repeat: no-repeat;
}

.PlayIcon {
    width: 20px;
    height: 20px;
    background-image: url("/images/icons/PlayIcon.png");
    background-repeat: no-repeat;
}

.TitleFilterIcon {
    width: 24px;
    height: 16px;
    background-image: url("/images/icons/TitleFilterIcon.png");
    background-repeat: no-repeat;
}

.LeftMenuIcon {
    width: 4px;
    height: 16px;
    background-image: url("../../images/icons/LeftMenuIcon.png");
    background-repeat: no-repeat;
}

.NoOrdenationIcon {
    width: 19px;
    height: 24px;
    background-image: url("../../images/icons/NoOrdenationIcon.png");
    background-repeat: no-repeat;
}

.AlfabeticalOrderIcon {
    width: 17px;
    height: 26px;
    background-image: url("../../images/icons/AlfabeticalOrderIcon.png");
    background-repeat: no-repeat;
}

.AlfabeticalDescOrderIcon {
    width: 17px;
    height: 26px;
    background-image: url("../../images/icons/AlfabeticalDescOrderIcon.png");
    background-repeat: no-repeat;
}


.PlusCircle {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-image: url("/images/icons/PlusCircle.png");
    background-repeat: no-repeat;
}

.open>.dropdown-menu.dropdown-menu-right {
    left: unset;
    right: 0 !important;
}

.header-checking {
    padding: 10px 0;
}

.header-checking h2 {
    margin: 0;
    line-height: 1.5;
    font-size: 35px;
    font-weight: 100;
}

.button-header-actions svg {
    width: 28px;
    height: 28px;
}

.button-header-actions md-icon {
    width: auto;
    height: auto;
}

.button-header-actions {
    padding: 8px !important;
    margin: 0 !important;
    font-size: 24px;
    background-color: transparent;
    border: none;
    height: fit-content;
    width: 44px !important;
    height: 44px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-dropdown {
    border-top: solid 2px #D1D138;
    height: 66px;
    pointer-events: none;
    color: #D1D138;
    background-color: #f8f7f7;
    padding: 18px 70px;
}

.checkingPage .ng-scope ui-grid-icon-plus-squared {
    cursor: pointer !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url("/images/icons/ExpandRowIcon.png") !important;
    background-repeat: no-repeat !important;
}

.checkingPage .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
    background-color: transparent !important;
}

.checkingPage .ui-grid-row:hover {
    background-color: transparent !important;
}

.checkingPage .ui-grid-header-cell-row {
    font-weight: 100;
}



.checkingSubGrid .ui-grid-header-viewport {
    background: white !important;
    border-bottom: 1px solid black !important;
    height: 54px !important;
}

.ui-grid-header .checkingSubGrid {
    font-size: 14px;
    height: 44px;
    background-color: white !important;
}




#btn-prev-calendar span:before,
#btn-prev-calendar span:after,
#btn-next-calendar span:before,
#btn-next-calendar span:after,
#btn-play-calendar span:before,
#btn-play-calendar span:after {
    border-top: 7.5px solid transparent;
    border-bottom: 7.5px solid transparent;
}

#btn-prev-calendar span:before,
#btn-prev-calendar span:after {
    border-right: 15px solid #ddd;
    border-left: 0;
}

#btn-prev-calendar:active span:before,
#btn-prev-calendar:active span:after {
    border-right-color: #FF6666 !important;
}

#btn-next-calendar span:before,
#btn-next-calendar span:after {
    border-left: 15px solid #ddd;
    border-right: 0;
}

#btn-next-calendar:active span:before,
#btn-next-calendar:active span:after {
    border-left-color: #FF6666 !important;
}

#btn-play-calendar span:before {
    border-left: 15px solid #ddd;
    border-right: 0;
}

#btn-play-calendar span:after {
    display: none;
}

#btn-play-calendar:active span:before,
#btn-play-calendar.active span:before {
    border-left-color: #FF6666 !important;
}

#btn-pause-calendar span:before,
#btn-pause-calendar span:after {
    width: 5px;
    height: 15px;
    background: #FF6666;
    border: 0;
}

#btn-pause-calendar span:before {
    margin-right: 5px;
}

#btn-pause-calendar span:active:before,
#btn-pause-calendar span:active:after,
#btn-pause-calendar span.active:before,
#btn-pause-calendar span.active:after {
    background: #fff;
    margin-right: 5px;
}

.jAudio--player .jAudio--controls li button span:before,
.jAudio--player .jAudio--controls li button span:after {
    -webkit-transition: border-color 0.3s ease 0s;
    transition: border-color 0.3s ease 0s;
}

.jAudio--player .jAudio--thumb {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.jAudio--player .jAudio--progress-bar .jAudio--progress-bar-played {
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.jAudio--player .jAudio--playlist .jAudio--playlist-item {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.jAudio--player .jAudio--playlist .jAudio--playlist-item * {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


/*FIM*/


.ExpandRowIcon {
    cursor: pointer;
    width: 16px;
    height: 16px;
    background-image: url("/images/icons/ExpandRowIcon.png");
    background-repeat: no-repeat;
}

.comboCheckingCampaign md-select-value {
    border-bottom-width: 2px !important;
    border-bottom-color: rgb(214, 215, 109) !important;
}

.comboSessionChecking div {
    width: 100%;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    border-bottom-width: 2px;
    border-bottom-color: #666666;
    font-size: 17px;
}

.comboSessionChecking div.active {
    width: 100%;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    border-bottom-width: 2px;
    border-bottom-color: #D1D138;
    font-size: 17px;
}

.comboSessionChecking {
    text-align: center;
}

.comboSessionChecking b {
    float: right;
    margin-top: 9px;
    margin-right: 1px;
}

.checkingPage .ui-grid-header {
    border: none !important;
    font-size: 20px !important;
}

.checkingPage .ui-grid-header-canvas {
    height: 100px !important;
}

.programming-view-configs .ui-grid-header-canvas {
    height: 50px !important;
}

.checkingPage .ui-grid-header-cell .ui-grid-icon-plus-squared {
    display: none !important;
}

.checkingPage .ui-grid-header-cell .ui-grid-icon-minus-squared {
    display: none !important;
}

.checkingPage .ui-grid-header-cell {
    text-align: center;
    border: none !important;
    /*padding: 25px 0px 0px!important;*/
}

.header-text-align {
    text-align: start !important;
}

.checkingPage .sortable {
    height: 60px !important;
}

#HistoryModal .sortable {
    height: 53px !important;
}

.checkingPageUi-grid-header-cell {
    padding: 0px 0px 14px 0px !important;
    border-bottom: solid 2px #d1d138 !important;
}

.checkingPage .ui-grid-cell {
    font-size: 17px !important;
    padding: 0px 0px !important;
    border: none !important;
}

.checkingPage .ui-grid-pager-control {
    margin: 0px;
    padding: 0px;
}

.checkingPage .ui-grid-pager-panel {
    padding: 0px;
    background-color: #f8f7f7;
    border-top: solid 3px #707070 !important;
    border: solid 1px rgb(112, 112, 112, 0.3);
}

.checkingPage .ui-grid-pager-panel select {
    display: none;
}

.checkingPage .ui-grid-pager-panel .ui-grid-pager-container {
    background-color: white;
}

.checkingPage .ui-grid-pager-container button {
    height: 36px;
    margin: 0px;
    border-radius: 0px;
    border-top: none;
    border-bottom: none;
    background-color: transparent;
}

.checkingPage .ui-grid-pager-container input {
    border: none;
    height: 36px;
    margin: 0px;
    text-align: right;
    padding: 10px 0px;
}

.checkingGridSelect .md-select-value {
    border: none !important;
}


/*.md-select-menu-container md-content {
    padding-top: 0px !important;
}*/



.nav-sm .nav.side-menu li a {
    margin: 0px 5px !important;
    /*padding-bottom: 20px;*/
}

.left_col {
    background: #F8F7F7 !important;
}

.nav.side-menu>li.current-page,
.nav-sm .nav.side-menu>li.active {
    /*border-right: 3px solid #D1D138;*/
    background: #F8F7F7 !important;
    border-right: none;
}

.nav.side-menu>li.current-page,
.nav-sm .nav.side-menu>li.active a {
    background: #F8F7F7;
}

.dropdown.dropdown-submenu span {
    color: #4c5264 !important;
}

.dropdown.dropdown-submenu a {
    color: #4c5264 !important;
    padding-top: 20px !important;
    border-top: solid 1px #707070;
}

.dropdown.dropdown-submenu .child_menu a {
    color: #4c5264 !important;
    padding-top: 9px !important;
    border-top: solid 1px #707070;
}

.dropdown.dropdown-submenu:first-child a {
    color: #4c5264 !important;
    border-top: none;
}

.dropdown.dropdown-submenu a div.CheckingMenuTitle {
    margin-top: 10px;
    margin-left: -5px;
}

.dropdown.dropdown-submenu a div:first-child.CheckingMenuTitle {
    margin-top: 0px !important;
}

.dropdown.dropdown-submenu .backgroundMenu {
    display: none;
}

.dropdown.dropdown-submenu.active .backgroundMenu {
    display: unset;
}

.nav-md .backgroundMenu {
    display: none !important;
}

.nav-md .dropdown-submenu a {
    border: none !important;
}

.nav.side-menu>li.current-page,
.nav-md .nav.side-menu>li.active {
    border-right: none;
    border-left: solid 3px #828222;
}

.nav.side-menu>li.current-page,
.nav-md .nav.side-menu>li.active a#dropdown-toggle {
    background: #D1D138 !important;
    margin-bottom: 0px;
}

.nav-md li a {
    background: transparent !important;
}

.nav-md span.fa-chevron-down {
    margin-top: -15px;
}

.nav-md li.current-page {
    background: #E6E6E6;
}

.nav-md li.current-page:hover {
    background: #E6E6E6;
}

.nav-md .CheckingMenuTitle {
    float: right;
    width: 73%;
    margin-top: 0px !important;
}

.nav-md .dropdown-submenu i {
    width: 38px;
}

.nav-md ul.nav.child_menu li:not(.subheader):before {
    background: rgba(158, 158, 18, 0.65);
}

.nav-md .MenuConfigurationChecking {
    margin-left: 0px
}

.nav-md .ReportIcon {
    margin-left: 0px
}

.nav-md .dropdown-submenu i {
    margin-left: 10px;
}

.nav-md .dropdown-submenu.active i {
    margin-left: 7px;
}


.nav-sm ul.nav.child_menu {
    border-left: solid 1px #c5c5c5;
    background: #f8f7f7 !important;
}

.nav-sm ul.nav.child_menu li {
    background: transparent;
}

.nav-sm ul.nav.child_menu li.current-page {
    background: #E6E6E6;
}

.nav-sm ul.nav.child_menu li.current-page a {
    background: #E6E6E6;
}

/*.dropdown.dropdown-submenu a:first-child {
    opacity: 0.5;
}*/

/*.dropdown.dropdown-submenu.active a:first-child {
    opacity: 1;
}*/

/*.child_menu li:nth-child(2) a {
    border-top: none !important;
}*/

.child_menu li:nth-child(8) a {
    border-top: none !important;
}

.child_menu li:nth-child(21) a {
    border-top: none !important;
}

.child_menu li:nth-child(22) a {
    border-top: none !important;
}

/*.dropdown.dropdown-submenu.active {
    opacity: 1;
}*/
.CheckingBackground {
    background-color: white !important;
}

.nav.side-menu>li>a:hover,
.nav.side-menu>li>a:focus,
.nav.side-menu>li>a:hover {
    color: #4c5264 !important;
}

.menudemoBasicUsage .md-menu-demo {
    padding: 24px;
}

.menudemoBasicUsage .menu-demo-container {
    min-height: 200px;
}

.sidebar-footer {
    display: none;
}

.btnNewConfiguration:hover {
    background: #F8F7F7 !important;
    border-radius: 5px;
    padding: 5px 7px;
}

.btnNewConfiguration {
    font-size: 18px;
    color: #BCBC32 !important;
    box-shadow: none;
    text-shadow: none;
    border: none !important;
    margin: 20px 0px 0px 0px !important;
    float: right;
    background: transparent;
    border-radius: 5px;
    padding: 5px 7px;
    cursor: pointer;
}

.md-datepicker-calendar-pane {
    z-index: 9999 !important;
}

#gridsBox2 .ui-grid-pager-panel {
    display: none;
}

.insertionPlanContentClosed div {
    display: none;
}

.borderBottonDark {
    border-bottom-color: #707070 !important;
}

.visRange {
    pointer-events: none;
    padding: 0px 0px !important;
    margin-top: -10px !important;
}

.visRange md-slider.md-default-theme .md-track,
md-slider .md-track {
    background-color: #9e9e9e;
}

.visRange md-slider.md-default-theme .md-track.md-track-fill,
md-slider .md-track.md-track-fill {
    background-color: #3E50B4;
}

.visRange md-slider.md-default-theme .md-thumb:after,
md-slider .md-thumb:after {
    border-color: #3E50B4;
    background-color: #3E50B4;
}


.expandableRow .ui-grid-top-panel {
    height: 44px;
    border-bottom: solid 2px #666666;
}


.expandableRow .ui-grid-cell {
    background-color: #FBFBFB !important;
    /*border-right: solid 0.5px rgba(112, 112, 112, .5) !important;*/
    border-bottom: solid 0.5px rgba(112, 112, 112, .5) !important;
}


.expandableRow .ui-grid-cell:hover {
    background-color: #4688F0 !important;
    cursor: pointer;
    color: white !important;
    font-weight: bold !important;
}

#modalCalendarStyle {
    margin-bottom: 0px;
    margin-top: 0px;
    /*margin-left: 70px;*/
    width: 100%;
}

.progressRow .progress {
    /*border-radius: 0px !important;*/
    /*background-color: #BCBC32 !important;*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FF0000));
    /*width: 111px!important;*/
    /*height: 12px!important;*/
}

.progressRow .progress-bar {
    /*background-image: -webkit-gradient(linear,left top,left bottom,from(#D1D138),to(#D1D138))*/
    /*#D1D138 !important;*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00934B), to(#00934B))
        /*#D1D138 !important;*/
}

.gridProgView .ui-grid-expandable-buttons-cell {
    margin-top: -2px !important;
}

.gridProgView .ui-grid-header-cell .sortable {
    padding: 7px 0px 0px 0px !important;
}

.gridProgView .ui-grid-header-cell .sortable span {
    border-bottom: solid 2px #BCBC32 !important;
    padding-bottom: 14px !important;
    font-weight: 100;
    font-family: "Montserrat", sans-serif;
}

.gridProgView .sortable .ui-grid-header-cell-primary-focus span {
    border-bottom: solid 2px #BCBC32 !important;
    padding-bottom: 14px !important;
    font-weight: 100;
    font-family: "Montserrat", sans-serif;
}

.gridProgView .sortable .ui-grid-header-cell-primary-focus span i {
    position: absolute !important;
}

.exportDropDown:hover {
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}


.md-chips.md-focused {
    box-shadow: 0 2px #666 !important;
}

/*.md-input-focused.md-input {
    border-color: #333 !important;
}*/

md-select.md-default-theme:not([disabled]):focus .md-select-value,
md-select:not([disabled]):focus .md-select-value {
    border-bottom-color: #666 !important;
}


md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input,
md-input-container:not(.md-input-invalid).md-input-focused .md-input,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input,
md-input-container:not(.md-input-invalid).md-input-resized .md-input {
    border-color: #666 !important;
}

md-progress-linear.md-default-theme .md-bar,
md-progress-linear .md-bar {
    background-color: #666 !important;
}

.md-default-theme .md-datepicker-input-container.md-datepicker-focused,
.md-datepicker-input-container.md-datepicker-focused {
    border-bottom-color: #666 !important;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label,
md-input-container:not(.md-input-invalid).md-input-focused label,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon,
md-input-container:not(.md-input-invalid).md-input-focused md-icon {
    color: #666 !important;
}

button.btn.checking-def-btn.bor:hover {
    background-color: #f3f3f3 !important;
}

._md.md-open-menu-container.md-active.md-clickable {
    margin-top: 45px !important;
    margin-left: -60px !important;
}

.checkingPage .ui-grid-column-menu-button {
    visibility: visible !important;
    padding-top: 15px;
}

/*.checkingPage .ui-grid-viewport {
    overflow-x: hidden!important;
}*/
/*.ui-grid-column-menu-button i {
    width: 4px;
    height: 16px;
    background-image: url("../../images/icons/LeftMenuIcon.png");
    background-repeat: no-repeat;
}*/
.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
}

.TrackingIcon {
    margin-bottom: -10px;
    width: 38px;
    height: 38px;
    background-image: url(/img/triggers/app/TrackingIcon.png);
}

.OrganizationIcon {
    margin-top: 5px;
    width: 35px;
    height: 35px;
    background-image: url(/images/organizationIcon.png);
}

.AdAccountIcon {
    background-size: 45px 35px;
    margin-top: 5px;
    width: 55px;
    height: 35px;
    background-image: url(/images/adAccountIcon.png);
}

.AdSquadIcon {
    background-size: 50px 35px;
    margin-top: 5px;
    width: 55px;
    height: 35px;
    background-image: url(/images/adSquadIcon.png);
}

.SnapCampaignIcon {
    margin-top: 5px;
    width: 35px;
    height: 35px;
    background-image: url(/images/SnapCampaignIcon.png);
}

.AdIcon {
    margin-top: 5px;
    width: 35px;
    height: 35px;
    background-image: url(/images/AdIcon.png);
}

.SnapChatIcon {
    width: 42px;
    height: 42px;
    background-image: url(/images/snap-ghost-yellow.png);
}

.HistoryIcon {
    width: 21px;
    height: 18px;
    background-image: url(/images/icons/HistoryIcon.png);
}

.HistoryIconB {
    width: 30px;
    height: 26px;
    background-image: url(/images/icons/HistoryIconB.png);
}

.TidokIcon {
    width: 42px;
    height: 42px;
    background-image: url(/img/triggers/app/TidokIcon.png);
}

.VerizonIcon {
    width: 60px;
    height: 42px;
    background-image: url(/img/triggers/app/VerizonIcon.png);
}

.MediaSmartIcon {
    width: 60px;
    height: 42px;
    background-image: url(/img/triggers/app/MediaSmart.png);
}


.UserLogoIcon {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url(/images/icons/UserLogoIcon.png);
}

.RemovedIcon {
    width: 9px;
    height: 9px;
    background-repeat: no-repeat;
    background-image: url(/images/icons/RemovedIcon.png);
}

.RegistrationIcon {
    width: 13px;
    height: 10px;
    background-repeat: no-repeat;
    background-image: url(/images/icons/RegistrationIcon.png);
}

.EditLogoIcon {
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-image: url(/images/icons/EditLogoIcon.png);
}


.select2-container--default .select2-results>.select2-results__options {
    max-height: 444px !important;
}

.select2-results__options::-webkit-scrollbar {
    width: 5px !important;
    height: 8px !important;
    background-color: #aaa !important;
    /* or add it to the track */
}

.HistoryButton:hover {
    background-color: #F8F7F7 !important;
}

#gridsBoxModalHistory .ui-grid-cell {
    padding-top: 15px !important;
}

#gridsBoxModalHistory .LeftMenuIcon {
    display: none;
}

.FontType {
    opacity: 0.8;
}

.FontType:hover {
    opacity: 1;
}

.irs-from,
.irs-to,
.irs-single {
    background: #00BCD4 !important;
}

.irs-from:after,
.irs-to:after,
.irs-single:after {
    border-top-color: #00BCD4 !important;
}

.checkingComboCalendar .select2-selection--single {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-radius: 0px !important;
}

.checkingComboCalendar .select2-selection__rendered {
    font-size: 20px !important;
    text-align: center;
}

.checkingComboCalendar .select2-selection.select2-selection--single {
    border-bottom-width: 2px !important;
    border-bottom-color: rgb(214, 215, 109) !important;
}

.checkingComboCalendar .select2-selection__clear {
    display: none;
}

.hoverNew:hover span {
    border-bottom: 4px solid #d1d138;
}


.clearButtom:hover {
    opacity: 1 !important;
}

.BackgroundSaldoP {
    background-color: #00934B;
}

.BackgroundSaldoN {
    background-color: #FF0000;
}

.BackgroundCSaldoP {
    color: #00934B;
}

.BackgroundCSaldoN {
    color: #FF0000;
}

.ui-grid-icon-angle-down {
    display: none;
}

.BorderNoRecognitions {
    padding: 2px;
    border: solid 2px #FF0000;
    border-radius: 3px;
}

.insertionPlanContentOpen #gridsBox2 .sortable {
    padding: 7px 0px 0px 0px !important;
}

.backgroundHasIdentification {
    background-color: #71f1b240 !important;
}

.ConfiguredPeriod {
    background-color: #eaeaea75 !important;
}

.insertionPlanContentOpen .ui-grid-viewport {
    height: 285px !important;
}


#insertionPlanContent md-chips-wrap {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gridProgView .checkingPageUi-grid-header-cell {
    font-size: 13px !important;
    margin-top: 6px !important;
}

md-datepicker .md-datepicker-input-container {
    width: 75%;
}

.rangePicker {
    margin-top: 10px;
}

/*.step2Selection:hover{
    background-color:#f2f2f2;
}*/

#newConfig md-autocomplete-wrap {
    width: 100% !important;
}

#newConfig .md-chip-input-container {
    width: 100% !important;
}

.SetHoverL:hover {
    background-color: rgba(9, 30, 66, .04) !important;
    cursor: pointer;
}

.zPro {
    z-index: 999999 !important;
}

.zChange {
    z-index: 100 !important;
}

.IsRemoving:hover .showIfNotRemove {
    display: none !important;
}

.IsRemoving .removeBut {
    display: none !important;
}

.IsRemoving:hover .removeBut {
    display: inline-flex !important;
}

.IsRemoving:hover .hideIfNotRemove {
    display: inline-flex !important;
}

.IsAdding:hover .showIfNotAdd {
    display: none !important;
}

.IsAdding:hover .hideIfNotAdd {
    display: inline-flex !important;
}

.IsRemoving:hover .addBut {
    display: inline-flex !important;
}

.IsRemoving .addBut {
    display: none !important;
}

/*.gridProgView .ui-grid-render-container-body .ui-grid-viewport {
    height: 755px !important;
}

#gridsBoxProgrammingView .ui-grid-render-container-body .ui-grid-viewport {
    height: 544px !important;
}

/*.ui-grid-render-container-body .ui-grid-viewport{
    height:55px!important;
}*/

/*#newConfig .gridProgView .ui-grid-render-container-body .ui-grid-viewport {
    height: 475px !important;
}



#EditAddConfiguration .ui-grid-viewport {
    overflow-y: scroll !important;
}*/

/*#gridsBoxConfigPage .ui-grid-render-container-body .ui-grid-viewport {
    height: 755px !important;
}*/


.ui-grid-cell div input {
    border: none !important;
    border-bottom: solid 1px #6666 !important;
    background-color: transparent !important;
    text-align: center !important;
}

#newConfig md-autocomplete-wrap {
    border-bottom: solid 1px #6666 !important;
    box-shadow: none !important;
}

#checking-insert-recognition md-autocomplete-wrap {
    border-bottom: solid 1px #6666 !important;
    box-shadow: none !important;
}

#divMenuToShowCampaigns .md-errors-spacer {
    display: none;
    padding: 0px !important;
}

.appPermission1 {
    width: 145px !important;
    left: 47% !important;
}

.appPermission2 {
    width: 285px !important;
    left: 44% !important;
}

.appPermission3 {
    left: 41% !important;
    width: 420px !important;
}

.appPermission4 {
    width: 580px !important;
    left: 38% !important;
}

/*.appPermission5 {
    width: 800px !important;
    left: 35% !important;
    padding-left: 10px;
}*/

.appPermission6 {
    width: 747px !important;
    left: 35% !important;
    padding-left: 10px;
}

#modalWarningUploadSpot .md-errors-spacer {
    display: none;
}

#modalCadastro .md-errors-spacer {
    display: none;
}

g {
    opacity: 1 !important;
    text-shadow: none !important;
    visibility: visible !important;
}

#EditAddConfiguration #step-3 md-autocomplete-wrap {
    border-bottom: solid 1px #6666 !important;
    box-shadow: none !important;
    width: 100% !important;
}

[itsrequired].error-input {
    box-shadow: rgb(221, 44, 0) 0px 1px !important;
    color: rgb(221, 44, 0);
}

.message-input {
    color: rgb(221, 44, 0);
}

#EditAddConfiguration #step-3 .gridProgView {
    height: 375px !important;
    overflow: auto !important;
}

#EditAddConfiguration .ui-grid-viewport {
    min-height: 55px;
}

.select2-hidden-accessible,
.select2-hidden-accessible:focus {
    top: 38px;
}

#modalWarningUploadSpot .dropzone {
    padding: 0px !important;
}

#modalWarningUploadSpot .dropzone .dz-preview {
    margin: 13px !important;
}

#modalCadastro .dropzone {
    padding: 0px !important;
}

#modalCadastro .dropzone .dz-preview {
    margin: 13px !important;
}

#map_canvas iframe {
    position: initial !important;
}

#map_canvas2 iframe {
    position: initial !important;
}

#reportrankingchart tspan {
    color: #4c5264 !important;
    fill: #4c5264 !important;
}

#reportrankingchart text {
    color: #4c5264 !important;
    fill: #4c5264 !important;
}

div[ui-grid-filter] {
    display: block !important;
}

.newheader .ui-grid-cell-contents {
    padding: 1px 5px 14px !important;
}

.gridProgView.newheader .sortable .ui-grid-header-cell-primary-focus span {
    padding-bottom: 13px !important;
    font-size: 17px;
    font-weight: 400;
}

.canvasjs-chart-credit {
    display: none;
}

.highcharts-credits {
    display: none;
}

.CheckingDetail:hover {
    background-color: #dcdcdc4d;
    opacity: 0.6;
    cursor: pointer;
}

.yellowN {
    color: #eac250;
    /*text-shadow: 0px 0 #a3a55b, 0 0.5px #a3a55b, 0px 0 #a3a55b, 0 -0.5px #a3a55b;*/
}

/*#map_canvas a {
    height: 400px !important;
}*/

.lowscreen .col-md-3 {
    width: 15% !important;
}

.fa30.IntegrationModeAdjust {
    width: 65px !important;
    background-size: 65px 30px !important;
}



.selectedMicroregion {
    background-color: #dadada;
    font-weight: 700;
}

.highcharts-drilldown-axis-label {
    fill: black !important;
    text-decoration: none !important;
}

.highcharts-data-labels text {
    fill: black !important;
    text-decoration: none !important;
}


#searchCountry2 {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}

.demo-select-header2 {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 16px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    width: auto;
}

#searchCountry {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}

.demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 16px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    width: auto;
}

#modalNewSourceTrends .md-chip-input-container {
    width: 100% !important;
}

#modalNewSourceTrends .md-chip-input-container input {
    width: 100% !important;
}

.md-autocomplete-suggestions li {
    height: auto !important;
}

.md-autocomplete-suggestions li {
    padding: 0px !important;
}

/* #spot-autocomplete, .md-autocomplete-suggestions li {
    height: 80px !important;
} */

.isNotRemove.md-button.md-ink-ripple {
    margin: 0px !important;
}

#modalNotificationConfiguration .md-button {
    font-size: 13px !important;
}

.md-text IntegrationModePhoneTrack {
    background-size: 30px 30px !important;
    height: 22px !important;
    width: 24px !important;
    font-size: 26px !important;
    margin-left: -5px !important;
}

#organizationCombo md-autocomplete-wrap {
    width: 235px !important;
}

#modalNewSource #organizationCombo md-chips-wrap {
    height: 48px !important;
}

#modalNewSource #organizationComboapf md-chips-wrap {
    height: 48px !important;
}

#modalNewSource label {
    font-size: 13px;
}


.picker-dialog-bg {
    z-index: 20000 !important;
}

.picker-dialog {
    z-index: 20001 !important;
}

.linkedinBtnLogin {
    background-image: url(/img/triggers/app/btnlinkedinnormal.png);
    background-size: 213px 41px;
    cursor: pointer;
}

.linkedinBtnLogin:hover {
    background-image: url(/img/triggers/app/btnlinkedinhover.png);
    background-size: 213px 41px;
    cursor: pointer;
}

.linkedinBtnLogin::selection {
    background-image: url(/img/triggers/app/btnlinkedinpressed.png);
    background-size: 213px 41px;
    cursor: pointer;
}

.googleBtnLogin {
    background-image: url(/img/triggers/app/btngooglenormal.png);
    background-size: 191px 41px;
    cursor: pointer;
}

.googleBtnLogin:hover {
    background-image: url(/img/triggers/app/btngooglefocus.png);
    background-size: 191px 41px;
    cursor: pointer;
}

.googleBtnLogin::selection {
    background-image: url(/img/triggers/app/btngooglepressed.png);
    background-size: 191px 41px;
    cursor: pointer;
}

.googleBtnLogin:disabled {
    background-image: url(/img/triggers/app/btngoogledisabled.png);
    background-size: 191px 41px;
    cursor: pointer;
}

.tab_content8 .md-errors-spacer {
    display: none;
}

.callOnly {
    display: none;
}

.callLineFather:hover .callOnly {
    display: initial;
}

.callLineFather:hover .callCount {
    display: none;
}

.select2brand .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 18px;
}

.select2brand .select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {

    min-height: 29px;
}

.select2brand .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 33%;
}

.select2brand .select2-results__option:hover {
    background-color: #eff2f3 !important;
}

.btn-transmitido {
    background-color: #ccc !important;
    color: #4c5264 !important;
    border: 1px solid #ccc !important;
}

.btn-transmitir {
    background-color: #ccc !important;
    color: #4c5264 !important;
    border: 1px solid #ccc !important;
}

.btn-transmitido:hover {
    background-color: #969ea2 !important;
}

/*
.md-autocomplete-suggestions-container{
    min-width: 260px!important;
}

.md-autocomplete-suggestions-container, .md-whiteframe-z1, .md-virtual-repeat-container, .md-orient-vertical {
    width: 300px;
}

md-virtual-repeat-container.md-autocomplete-suggestions-container.md-whiteframe-z1.md-virtual-repeat-container.md-orient-vertical {
    width: 400px;
}

.tab_content6 .md-autocomplete-suggestions-container, .md-whiteframe-z1, .md-virtual-repeat-container, .md-orient-vertical {
    width: 500px !important;
}
*/

#AddPlan .tunad-select-data {
    height: 40px;
    padding: 10px 8px;
}

#modalEditPlayMidia .md-pagination-wrapper.md-center-tabs {
    position: absolute;
}

#modalEditPlayMidia md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
    min-height: 672px;
}

#modalEditPlayMidia md-pagination-wrapper {
    position: absolute;
}

#modalEditPlayMidia md-tab-content {
    overflow: hidden;
}

#modalEditPlayMidia .md-padding {
    padding: 10px 16px 16px;
}

#modalEditPlayMidia md-content {
    overflow: hidden;

}

.tunad-select-data .caret {
    margin-top: 6px;
}

/* .daterangepicker.ltr.show-ranges.show-calendar.opensleft {
    top: 61px !important;
} */

.trenditema .popover {
    top: -115px !important
}

.banner-analises {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    height: 476px;
    max-height: 455px;
    min-height: 455px;
}

.item-category {
    color: #4c5264;
    width: 100%;
    line-height: 1;
    padding: 16px
}

.item-category img {
    width: 20px;
    height: 20px;
}


.item-category i {
    font-size: 20px;
}

.wrapper-tooltip {
    position: relative;
    z-index: 0;
}

.wrapper-tooltip:hover {
    z-index: 20;
}

.wrapper-tooltip:hover .text-tooltip {
    opacity: 1;
    pointer-events: all;
    z-index: 40;
}

.wrapper-tooltip:hover .icon-tooltip {
    color: #4c5264;
    background-color: white;
    outline: 2px #4c5264 solid;
    z-index: 41;
}

.icon-tooltip {
    font-size: 14px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #4c5264;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    z-index: 20;
    position: relative;
    transition: color, background 0.5s;
}

.on-logs {
    background-color: #dede00;
}

.text-tooltip {
    position: absolute;
    background-color: white;
    top: -5px;
    left: -5px;
    padding: 28px 12px 12px 12px;
    border-radius: 12px;
    z-index: 19;
    height: fit-content;
    width: 350px;
    box-shadow: 0px 10px 30px 5px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 13px;
    font-family: "Inter", sans-serif !important;
    font-weight: 500;
}

.text-tooltip.left {
    right: -5px !important;
    left: auto;
}

.title-tooltip {
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    top: 4px;
}

.text-tooltip p {
    margin-bottom: 0;
}

.text-tooltip p:not(:last-child) {
    margin-bottom: 4px;
}

.line-height-reset {
    line-height: 1;
}

.label-icon-item {
    line-height: 1;
    font-size: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.icon-wrapper-item {
    width: 33px;
}

.warning-trends {
    background-color: #faed85;
    font-size: 23px;
    margin-bottom: 30px;
    padding: 20px 25px 20px 25px;
}

.content_grafics {
    display: flex;
    flex-wrap: wrap;
}

.content_grafics_itens {
    display: flex;
    margin-top: 60px;
    gap: 8px;
    width: 100%;
}

.text-base {
    line-height: 1.5;
    height: calc(3 * 19.5px);
}

.card-info-grafics {
    border-radius: 12px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 220px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    flex: 20% auto;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 0 24px;
    position: relative;
}


@media screen and (min-width: 1400px) {
    .content_grafics_itens0 {
        width: 35%;
    }

    .card-info-grafics {

        height: 180px;
    }

    .content_grafics_itens {
        width: 65%;
        margin-top: 0px;
    }
}

@media screen and (min-width: 1800px) {
    /* .content_grafics {
        display: block;
        flex-wrap: nowrap;

    } */
}

body.nav-sm .downicon-menu {
    position: absolute;
    right: 9px;
    top: 7px;
    z-index: 10;

}

body.nav-md .downicon-menu {
    display: none;

}

.nav-sm .nav.side-menu li a .downicon-menu i {
    font-size: 8px !important;
}

/* login */

:root {
    --blue-500: #2563eb;
    --blue-300: #60a5fa;
}

/* color */
.bg-blue-500 {
    background-color: var(--blue-500) !important;
}

.text-blue-300 {
    color: var(--blue-300) !important;
}

.outline-blue-300:focus-within {
    outline-color: var(--blue-300);
}

.link-navigation-focus {
    font-size: 12px;
    padding: 4px;
    outline-style: solid !important;
    outline-width: 2px !important;
    outline-color: transparent;
    border-radius: 4px;
}

.link-navigation-focus:focus {
    outline-color: var(--blue-300) !important;
}

.link-navigation-focus:hover {
    outline-color: transparent !important;
}

.color-white {
    color: white !important;
}

/* Components */

.button-default {
    background-color: transparent;
    width: 100%;
    border-color: transparent;
    padding: 6px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    margin: unset;
    color: white;
    outline-style: solid;
    outline-width: 2px;
    transition: all .3s ease-in-out;
}

.step.rendered-step {
    display: block
}

.step {
    display: none;
    width: 100%;
    height: 100%;
}

.login-screen {
    background-image: url(../../images/bg-login.svg);
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    font-family: "Inter", sans-serif !important;
    gap: 20px;
}

.wrapper-stepup {
    position: relative;
    background-color: white;
    border-radius: 16px;
    padding: 24px 16px;
    max-width: 400px;
    height: fit-content;
    min-height: 300px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.wrapper-step {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    justify-content: space-between;

}

.wrapper-step::after {
    content: unset;
}

.wrapper-step header {
    position: relative;
}

.wrapper-step header h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wrapper-step footer {
    padding: 0;
    margin: 0;
    background: transparent;
}

.content-step {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 auto;
}

[disabled="disabled"] {
    opacity: 0.7s;
    cursor: not-allowed !important
}

.text-zinc-800 {
    color: #1a1a1a;
}

.text-gray-300 {
    color: #808080;
}

.wrapper-step header {
    display: flex;
    justify-content: space-between;
}

button.button-prev {
    background-color: transparent;
    color: black;

    border-radius: 8px;
    border: none;
    margin: 0 !important;

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    height: fit-content;
}

.profile-preview {
    display: flex;
    padding: 4px 8px;
    align-items: center;
    border: 1px solid #1a1a1a;
    border-radius: 24px;
    gap: 4px;
    color: #1a1a1a;
    font-weight: 600;
}

.text-lg {
    font-size: 18px;
    margin: 0;
}

.button-prev svg {
    width: 18px;
    height: 18px;
}


.loader-button-sending {
    height: 24px;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 2px;
    border: 3px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

input[type="time"]::-webkit-calendar-picker-indicator {
    background: none;
    pointer-events: none;
}

.version {
    font-size: 12px;
    color: white;
}

.blockNavigationDuringDiscountEdition li :not(.active) {
    pointer-events: none;
    opacity: 0.4;
    /* Corrigido para usar ponto em vez de vírgula */
}

.tab-container {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #1a1a1a;
    font-family: 'Inter';
    max-width: 900px;
    margin-bottom: 20px;
}

.tab-container header {
    display: flex;
    font-size: 16px;
    border-bottom: 1px solid #1a1a1a;
}

.tab-header-item {
    padding: 10px 24px;
    width: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}

.tab-header-item.active {
    border-bottom: 1px solid #1a1a1a;
    font-weight: 600;
}

.tab-wrapper-noscroll-content {
    overflow-x: hidden;
}

.tab-wrapper-content {
    min-height: 300px;
    display: flex;
    transition: 0.4s;
    /* overflow-x: scroll; */
}

.tab-wrapper-content .section {
    flex-shrink: 0;
    flex-grow: 1;
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
}

.tab-submenu {
    border-bottom: 1px solid #1a1a1a;
    display: flex;
    padding: 6px 12px;
    gap: 8px;
    text-decoration: none;
    list-style: none;
    margin-bottom: 0;
}

.tab-submenu li {
    padding: 8px;
    border-radius: 6px;
    height: fit-content;
    height: 40px;
    transition: 0.2s;
    background-color: transparent;
}

.tab-submenu li.active {
    background-color: #F3F3F3;
}

.tab-submenu li:hover {
    background-color: #F3F3F3;
}

[data-tooltip] {
    position: relative;
}

[data-tooltip][no-wrap]::after {
    white-space: nowrap;
}

[bottom-tooltip][data-tooltip]::after {
    top: unset !important;
    bottom: -30px;
}

[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    padding: 2px 6px;
    background-color: #1a1a1a;
    font-size: 12px;
    color: white;
    opacity: 0;
    left: 50%;
    top: -20px;
    transform: translateX(-50%);
    transition: 0.3s;
    transition-delay: 0.5s;
    border-radius: 4px;
    width: fit-content;
    z-index: 10000;
}

[data-tooltip]:hover::after {
    opacity: 0.8;
    top: -25px;
}

.container-tab-content::-webkit-scrollbar {
    display: none;
}

.container-tab-content {
    display: flex;
    overflow-x: scroll;
    height: 100%;
    transition: 0.5s;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.container-tab-noscroll-content {
    overflow-x: hidden;
    flex: 1 auto;
    max-width: 900px;
}

.wrapper-tab-content {
    padding: 24px 24px 10px 24px;
    flex: 1 0 100%;
}

.tab-content-title {
    display: flex;
    gap: 12px;
    align-items: center;
    line-height: 1;
    margin-bottom: 20px;
}

.tab-content-title span {
    font-weight: 600;
    font-size: 14px;
}

.interest {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    padding: 16px;
    font-family: "Inter";
    color: black;
    align-items: center;
}

.interest-title {
    display: flex;
    gap: 10px;
    align-items: center;
}

.interest-icon {
    line-height: 1;
}

.interest-title h4 {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    width: 300px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vertical-divider {
    width: 2px;
    border-radius: 8px;
    background-color: rgba(161, 161, 161, .25);
    height: 31px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #1a1a1a !important;
    background: #f1f5f9 !important;
}

.views {
    padding: 6px 8px;
    font-size: 16px;
    border-radius: 8px;
    background-color: #FBFF22;
    line-height: 1.2;
    height: fit-content;
    width: fit-content;
}

.column-md {
    max-width: 80px;
}

.trigger-modal-button {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    width: 100%;
    height: 100%;
}

.trigger-modal-button md-icon {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.trigger-modal-button svg {
    width: 21px;
    height: 21px;
    color: black;
}

.fix-shit-styled {
    margin: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    min-width: 30px !important;
    min-height: 30px !important;
    line-height: normal !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fix-shit-styled md-icon {
    margin: 0 !important;
}

.timeline-group {
    display: flex;
    gap: 12px;
    font-family: "Inter";
}

.timeline-tag {
    padding: 4px 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f1f1f1;
    font-size: 14px;
    border-radius: 24px;
    color: #313131;
    font-weight: 600;
    gap: 8px;
}

.font-inter {
    font-family: 'Inter' !important;
}

.timeline-tag span.values-timeline {
    color: #757575;
    font-weight: 500;
    white-space: nowrap;
}

.wrapper-wave {
    border-radius: 24px;
    background-color: #f1f1f1;
}

.timer-timeline {
    font-size: 14px;
    color: #848484;
    font-weight: 600;
}

[data-tooltip] {
    position: relative;
}


.flex-tooltip[data-tooltip]::after {
    left: 40px !important;
    top: 20px !important;
    transform: translateX(0) !important;
}

[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    padding: 2px 6px;
    background-color: #1a1a1a;
    font-size: 12px;
    color: white;
    opacity: 0;
    top: -10px;
    left: 50%;
    transition: 0.3s;
    transform: translateX(-50%);

    transition-delay: 0.5s;
    border-radius: 4px;
    width: fit-content;
    z-index: 10000;
}

[data-tooltip]:hover::after {
    opacity: 0.8;
    top: -25px;
}

.simple-button {
    padding: 0;
    margin: 0;
    width: fit-content;
    height: fit-content;
    border: none;
    background-color: transparent;
    line-height: 1;
}

.volume-wrapper {
    background-color: #C2C2C2;
    border-radius: 12px;
    height: 6px;
    position: relative;
    width: 0px;
    transition: 0.3s;
    transition-delay: 0.3s;
    opacity: 0;
}

.progress-bar-timeline {
    border-radius: 12px;
    background-color: #d8d8d8;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.thumb {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 56px;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 100%;
    background-color: white;
    z-index: 10;
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
}

.volume-wrapper #volume {
    width: 0;
    opacity: 0;
    pointer-events: none;
}

.icon-volume {
    line-height: 1;
}

.container-volume:hover .volume-wrapper {
    width: 170px;
    opacity: 1;
}

.group {
    width: 170px;
    height: 28px;
    padding: 4px 14px;
    border-radius: 24px;
}

.skeleton-wave {
    width: 100%;
    height: 128px;
    border-radius: 24px;
    display: block;
}

.skeleton {
    background: linear-gradient(90deg, rgba(236, 236, 236, 0.6) 0%, rgba(236, 236, 236, 1) 50%, rgba(236, 236, 236, 0.6) 100%);
    background-size: 200% auto;
    animation: loading-gradient-animation 1.5s infinite linear;
}

.title-modal {
    font-size: 18px;
    padding: 0 16px;
    color: #313131;
}

.m-h-50 {
    min-height: 228px;
}

.times-modal {
    background-color: transparent;
    border: none;
    font-size: 24px;
}

@keyframes loading-gradient-animation {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.md-ink-ripple .PermissionDescription {
    display: block !important;
}


.grid-bets {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.wrapper-interest-select {
    position: relative;
    width: 70%;
}

.interests-grid {
    position: absolute;
    right: 0;
    top: calc(100% - 15px);
    transform: translateX(30%);
    border-radius: 24px;
    background-color: white;
    z-index: 1000001;
    /* box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1); */
    display: grid;
    padding: 14px 12px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 16px 20px;
    transition: 0.3s all;
    opacity: 0;
    pointer-events: none;
    color: #535353;
    border: #f3f3f3 6px solid;
}

.interests-grid.open {
    opacity: 1;
    pointer-events: all;
}

.button-interest {
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    line-height: 1;
}

.button-interest i {
    font-size: 20px;
}

.option-interest {
    font-family: 'Inter';
    display: flex;
    gap: 20px;
    color: #000000;
}

h3.name-interest {
    font-size: 14px !important;
    margin: 0 !important;
    text-align: left;
    font-weight: 400;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.left-icon,
.right-icon {
    line-height: 1;
    cursor: pointer;
}

.left-icon i {
    font-size: 20px;
}

.right-icon i {
    font-size: 20px;
}

.type-interest {
    display: flex;
    gap: 10px;
    align-items: center;
    line-height: 1;
    flex: 1;
}

.type-interest i {
    font-size: 20px;
}

.group-info-option {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1;
}

.group-info-option .data-info {
    color: #757575
}

.interest-insertions {
    padding: 6px;
    border-radius: 8px;
    background-color: #FBFF22;
    line-height: 1;
}

.container-interest {
    padding: 40px 0
}

.BiViewNumber {
    font-size: 25px;
    font-weight: bold;
}

.BiWhiteBox {
    background-color: white;
    margin: 5px 0px;
    border-radius: 10px;
    box-shadow: 0.5px 2px #c4cacf;
    position: relative;
}

.BiBox20 .BiWhiteBox {
    padding: 40px 0px
}

.BiFirstHalftDetail .BiWhiteBox {
    height: 110px;
    padding: 15px 0px;
}

.BiSecondHalftDetail .col-md-6 .BiWhiteBox {
    font-size: 20px;
    height: 161px;
    padding: 35px 0px;
}


.wildcard {
    border-radius: 12px;
    border: 2px #e4e4e7 solid;
    max-width: 600px;
    width: 100%;
    padding: 8px 16px;
    font-family: 'Inter';
    color: #000;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #52525b
}

.wildcard b {
    color: #000;
}

.line-separator {
    background-color: #e4e4e7;
    height: 2px;
    border-radius: 2px;
    margin: 0 10px
}

.button-primary {
    height: fit-content;
    padding: 6px 12px;
    background-color: #d8d83b;
    border: none;
    font-family: 'Inter';
    border-radius: 4px;
    font-weight: 600;
}


.scrollable-modal-fix {
    max-height: calc(100vh - 48px);
    height: fit-content;
    display: flex;
    flex-direction: column;
}

.fake-href {
    font-size: 16px;
    color: #2563eb;
    font-weight: 600;
    cursor: pointer;
}

.container-input-action {
    font-family: 'Inter', sans-serif !important;
    border-radius: 10px;
    padding: 5px 8px;
    background: #f4f4f5;
    border: 1px solid #fafafa;
    min-width: 380px;
    display: flex;
    width: fit-content;
    gap: 12px;
    align-items: center;
}

.container-input-action button {
    background-color: transparent;
    border: none;
    margin: unset;
    padding: 4px 6px;
    line-height: 1;
    font-size: 14px;
    opacity: 0;
    transition: opacity, background 0.4s;
    pointer-events: none;
    border-radius: 4px;
    font-weight: 500;
    background-color: #e4e4e7;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Inter';
    width: 48px;
}



.container-input-action .loader-button {
    animation: loading-simple 1s infinite;
    display: block;
    font-size: 16px;
}

.container-input-action button i {
    font-size: 16px;
}

.container-input-action .sucess-button-action {
    font-size: 16px;
    background-color: #4ade80;
    color: white;
    outline: none;
}

.container-input-action .error-button-action {
    font-size: 16px;
    background-color: #ef4444;
    color: white;
    outline: none;
}

.container-input-action:focus-within button {
    opacity: 1;
    pointer-events: all;
}

.container-input-action:focus-within {
    outline: 2px solid #27272a;
}

.node-container {
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 5px;
    border-radius: 5px;
    background-color: #f8f9fa;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.tree-container {
    max-width: 600px;
    margin: 20px auto;
    padding: 20px;
    background: white;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

ul {
    padding-left: 0;
    list-style: none;
}
}

.input-action {
    background: transparent;
    border: none;
    height: fit-content;
    flex: 1;
    font-size: 12px;
    font-weight: 500;
    padding: 0;
    line-height: 1;
    font-family: 'Inter';
}

@keyframes loading-simple {
    to {
        transform: rotate(360deg);
    }
}


#step-22 .dropdown {
    position: relative;
    display: inline-block;
}

#step-22 .dropdown-btn {
    padding: 10px 20px;
    cursor: pointer;
}

#step-22 .dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
    z-index: 1;
}

    #step-22 .dropdown-content a {
        padding: 12px 16px;
        display: block;
        text-decoration: none;
        color: black;
    }

        #step-22 .dropdown-content a:hover {
            background-color: #f1f1f1;
        }

#step-22 .dropdown:hover .dropdown-content {
    display: block;
}



.wrapper-textarea {
    border-radius: 8px;
    border: #f4f4f5 2px solid;
    font-family: 'Inter' !important;
    padding: 6px;
    display: flex;
    gap: 6px;
    width: 100%;
    position: relative;
    background-color: #fafafa;
    pointer-events: all;
}

.wrapper-textarea.loading-prompt {
    opacity: 0.7;
    pointer-events: none;
    cursor: not-allowed;
}

.wrapper-textarea input {
    outline: none;
    border: none;
    width: calc(100% - 100px);
    font-family: "Inter" !important;
    background-color: transparent;
    font-weight: 500;
    color: #1E1E1E;
    font-size: 13px;
    padding: 4px 0;

}

.wrapper-textarea textarea {
    border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    resize: none;
    /*remove the resize handle on the bottom right*/
    flex: 1 auto;
    padding: unset;
    padding-top: 4px;
    height: 95px;
    font-size: 13px;
    font-family: "Inter" !important;
    background-color: transparent;
    font-weight: 500;
    color: #1E1E1E;
}

.label-textarea {
    padding: 0 12px;
    font-size: 14px;
    color: #000000;
    font-family: "Inter";
    margin-bottom: 0;
}

.wrapper-textarea textarea::placeholder {
    color: #535353;
    opacity: 1;
}

.button-prompt {
    background-color: #E5DF2F;
    position: absolute;
    bottom: 6px;
    right: 6px;
    margin: 0;
    font-size: 14px;
    display: flex;
    border-radius: 8px;
    border: #D4CF44 2px solid;
    padding: 0;
    font-family: "Inter";
    font-weight: 500;
}

.action-button-preview {
    background-color: #E5DF2F;
    position: absolute;
    bottom: 4px;
    right: 4px;
    margin: 0;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: #D4CF44 2px solid;
    padding: 0px 12px;
    height: calc(100% - 9px);
    font-weight: 500;
    font-family: "Inter";
    gap: 6px;

}

.action-button-preview .icon-trigger-dispare {
    line-height: 1;
    height: fit-content;
}

.icon-textarea {
    font-size: 20px;
}

.icon-trigger-dispare {
    font-size: 18px;
    padding: 6px;
    line-height: 1;
    height: fit-content;
    height: 30px;
}

.text-trigger-dispare {
    padding: 6px 12px;
    font-family: "Inter";
    border-right: #D4CF44 2px solid;
    line-height: 17px
}

.message-error-request {
    font-size: 18px;
    font-family: 'Inter';
}

.button-error-request {
    border: none;
    padding: 10px 16px;
    border-radius: 12px;
    font-family: "Inter";
    font-size: 14px;
    font-weight: 500; 
    background-color: #d1d138;
}

.button-error-request:hover {
    filter: brightness(110%); 
}

.icon-error-request i{
    font-size: 20px;
}

.icon-error-request{
    padding: 8px;
    line-height: 1;
    background-color: #d1d138;
    border-radius: 12px;
}
.button-number-styled {
    margin: 0;
    padding: 0;
    width: fit-content;
    line-height: 1;
    padding: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: transparent;
}

.input-custom .icon-right .button-number-styled i {
    font-size: 12px;
} 

.reset-button-to-normal {
    margin: 0;
    font-family: "Inter";
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    height: 52px;
}

.contextGrid {
    height: 476px;
}


/*CALENDAR STYLES*/


.checking-modal-style {
    display: none;
    position: absolute;
    box-shadow: 0 19px 38px 0 rgba(0, 0, 0, 0.26);
    left: 33%;
    top: 24%;
    overflow: hidden !important;
}

    .checking-modal-style .modal-dialog {
        border: none;
        margin: 0;
    }

    .checking-modal-style .modal-content {
        border: none;
    }

    .checking-modal-style .modal-header {
        border: none;
    }

    .checking-modal-style .modal-title {
        font-family: montserrat;
        color: #bcbc32;
        position: relative;
        top: 14px;
        text-align: center;
        font-weight: 500;
    }

    .checking-modal-style .close {
        position: relative;
        top: -22px;
    }

.checking-select-period img {
    position: relative;
    bottom: 3px;
    width: 33px;
    height: 33px;
}

.checking-select-period span {
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    max-width: 100%;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    top: 15px;
    left: 11px;
}

.checking-play-event {
    background-image: url('/images/icons/playbtnevent.png');
    width: 19px;
    height: 19px;
    position: absolute;
    opacity: 0.5;
    top: 3px;
    left: 83%;
    background-size: contain;
    background-repeat: no-repeat;
}

.checking-tv-event {
    background-image: url('/images/icons/TVIcon.png');
    width: 22px;
    height: 20px;
    position: absolute;
    opacity: 0.5;
    top: 3px;
    left: 23%;
    background-size: contain;
    background-repeat: no-repeat;
}


.checking-playing {
    background-image: url('/images/icons/playbtneventafter.png') !important;
}

.avoid-clicks {
    pointer-events: none;
    cursor: not-allowed;
}

.checking-today-button {
    position: relative !important;
    left: 20px !important;
    border-radius: 2px !important;
    background-color: #e6e6e6 !important;
    color: #000000 !important;
    font-family: Montserrat !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}


.checking-calendar .fc-disabled-day {
    background-color: #ccc8c8;
    cursor: not-allowed !important;
}

    .checking-calendar .fc-disabled-day:hover {
        cursor: not-allowed;
    }


.checking-calendar .fc-event, .fc-event-dot {
    background-color: #d1d138;
}

.checking-calendar .fc-event {
    border: 1px solid #b3b330;
}


.checking-calendar .fc-time-grid-event {
    min-height: 30px;
}

.checking-md-button:hover {
    background-color: white !important;
    cursor: default;
}

.checking-md-button:after {
    background-color: white !important;
    cursor: default;
}

.checking-download-img {
    background-image: url(/images/icons/downloadbefore.png);
    position: relative;
    left: 20%;
    top: 16px;
    width: 14px;
    height: 16px;
    background-size: cover;
    background-repeat: no-repeat;
}

    .checking-download-img:hover {
        background-image: url(/images/icons/downloadhover.png);
        position: relative;
        left: 3%;
        top: 2px;
        width: 45px;
        height: 45px;
        cursor: pointer;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.checking-arrow-biggericon-left {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 15px;
    cursor: pointer;
    background-image: url('/images/icons/arrow_left_bigger.png');
}

    .checking-arrow-biggericon-left:hover {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 3px;
        left: -2.9%;
        background-image: url('/images/icons/arrow_left_bigger_hover.png');
        cursor: pointer;
    }

.checking-arrow-icon-left {
    width: 9px;
    height: 14px;
    background-image: url('/images/icons/arrow_left.png');
    position: relative;
    left: 25px;
    top: 12px;
    cursor: pointer;
}

    .checking-arrow-icon-left:hover {
        width: 40px;
        height: 40px;
        background-image: url('/images/icons/arrow_left_hover.png');
        position: relative;
        left: 16%;
        top: -1px;
        cursor: pointer;
    }

.checking-arrow-icon-left-nav {
    width: 7px;
    height: 12px;
    background-image: url(/images/icons/arrow_left.png);
    position: absolute;
    left: 38.5%;
    top: 16px;
    cursor: pointer;
}

    .checking-arrow-icon-left-nav:hover {
        width: 40px;
        height: 40px;
        background-image: url(/images/icons/arrow_left_hover.png);
        position: absolute;
        left: 33.5%;
        top: 2px;
        cursor: pointer;
    }


.checking-arrow-icon-right {
    width: 7px;
    height: 12px;
    background-image: url('/images/icons/arrow_right.png');
    position: relative;
    top: 12px;
    left: 60%;
    cursor: pointer;
}

    .checking-arrow-icon-right:hover {
        width: 40px;
        height: 40px;
        background-image: url('/images/icons/arrow_right_hover.png');
        position: relative;
        top: -1px;
        left: 33%;
    }



.checking-arrow-icon-right-nav {
    width: 7px;
    height: 12px;
    background-image: url(/images/icons/arrow_right.png);
    position: absolute;
    top: 16px;
    left: 91.5%;
    cursor: pointer;
}

    .checking-arrow-icon-right-nav:hover {
        width: 40px;
        height: 40px;
        background-image: url(/images/icons/arrow_right_hover.png);
        position: absolute;
        top: 2px;
        left: 85.7%;
        cursor: pointer;
    }

.checking-def-btn {
    width: 89px;
    height: 36px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    background-color: #d1d138;
    border: none;
}

.checking-def-btn-cancel {
    width: 89px;
    height: 36px;
    border-radius: 2px;
    background-color: transparent;
    border: none;
}

    .checking-def-btn-cancel:hover {
        background-color: #e6e6e6;
    }


.checking-calendar-hour-div {
    width: 68px;
    text-align: center;
    position: relative;
    bottom: 2px;
    height: 27px;
    cursor: pointer;
}

    .checking-calendar-hour-div span {
        font-family: Montserrat;
        font-weight: 500;
        position: relative;
        top: 2px;
        opacity: 0.7;
    }

        .checking-calendar-hour-div span.span-selected {
            opacity: 1;
        }

.checking-calendar-grouphours-div {
    display: inline-flex;
    position: relative;
    /*left: 7%;*/
    top: 5px;
}

    .checking-calendar-grouphours-div div.div-selected {
        background-color: #e6e6e6;
    }


.checking-bloco-dot {
    background-color: #d1d138;
    width: 8px;
    height: 8px;
    border: 1px solid transparent;
    border-radius: 50%;
}

.checking-insert-breaks {
    width: 100%;
    /*margin-top: 25px;
    height: 53%;*/
    height: 55%;
    margin-top: 2px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-left: 0px;
}

    .checking-insert-breaks .odd {
        background-color: #232222;
    }

.fc-time-grid-event:hover .threepointshoverchecking {
    display: block;
}

.threepointshoverchecking {
    position: absolute;
    top: -1px;
    left: 96%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 18px;
    opacity: 0.6;
    color: black;
    font-size: 30px;
    display: none;
}

.play_checking_row {
    position: absolute;
    top: 4px;
    left: 1%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 18px;
    opacity: 0.6;
    color: black;
    font-size: 20px;
}

    .play_checking_row:hover {
        opacity:0.8
    }


.checking-event-select {
    /*border: solid 2px #5A007B !important;*/
    animation: colorchange 3s; /* animation-name followed by duration in seconds*/
    /* you could also use milliseconds (ms) or something like 2.5s */
    -webkit-animation: colorchange 3s infinite; /* Chrome and Safari */
}

    .checking-event-select div {
        /*border: solid 2px #5A007B !important;*/
        animation: colorchange 3s; /* animation-name followed by duration in seconds*/
        /* you could also use milliseconds (ms) or something like 2.5s */
        -webkit-animation: colorchange 3s infinite; /* Chrome and Safari */
    }

@keyframes colorchange {
    0% {
        background: #e6e6e6;
    }

    50% {
        background: rgb(188, 188, 50);
    }

    100% {
        background: #e6e6e6;
    }
}

.threepointshoverchecking:hover {
    opacity: 0.8;
}

.checking-calendar-top {
    background-image: url(/images/icons/calendar_icon.png);
    background-size: cover;
    width: 17px;
    height: 19px;
    position: relative;
    cursor: pointer;
    top: 4px;
    left: 7%;
}

    .checking-calendar-top:hover {
        background-image: url(/images/icons/over_calendar.png);
        background-size: cover;
        width: 33px;
        height: 33px;
        left: 6px;
        cursor: pointer;
        position: relative;
        top: -4px;
    }


#checking-datepicker {
    z-index: 9999 !important;
}

md-datepicker {
    z-index: 9999 !important;
}
/*#fullCalendarDiv th.fc-widget-header {
    background-color: white;
}
#fullCalendarDiv tr {
    background-color: white;
}
#fullCalendarDiv td:hover {
    background-color: white;
}
#fullCalendarDiv td {
    border-bottom: solid 2px white;
    background-color: white;
}
#fullCalendarDiv .fc-time {
    background-color: white;
}*/
/*.calendar-div-checking tr:hover {
    background-color: white;
}*/
/*textarea:focus{
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}*/
.checking-arrow-player-right {
    background-image: url(/images/icons/rightarrow_wave.png);
    cursor: pointer;
    position: relative;
    width: 34px;
    float: left;
    left: 10px;
    height: 14px;
    top: 8px;
    background-repeat: no-repeat;
}

    .checking-arrow-player-right:hover {
        background-image: url(/images/icons/rightarrow_wavehover.png);
        cursor: pointer;
        left: 3px;
        width: 34px;
        position: absolute;
        height: 33px;
        top: -2px;
    }


.CloseIconP {
    cursor: pointer;
    width: 31px;
    height: 31px;
    background-image: url("/images/icons/CloseIcon.png");
    background-repeat: no-repeat;
}

.checking-arrow-player-left {
    background-image: url(/images/icons/leftarrow_wave.png);
    cursor: pointer;
    position: relative;
    width: 20px;
    float: right;
    height: 14px;
    top: 8px;
    background-repeat: no-repeat;
}

    .checking-arrow-player-left:hover {
        background-image: url(../../images/icons/leftarrow_wavehover.png);
        cursor: pointer;
        float: right;
        right: -4px;
        width: 34px;
        height: 33px;
        top: -2px;
    }

.checking-player-center {
    background-image: url(/images/icons/button_player.png);
    width: 23px;
    height: 29px;
    position: relative;
    text-align: center;
    margin: 0px 2px;
    cursor: pointer;
}

    .checking-player-center:hover {
        background-image: url(/images/icons/button_playerhover.png);
        cursor: pointer;
        width: 46px;
        position: relative;
        height: 46px;
        top: -7px;
        left: -15px;
    }

.checking-player-center-pause {
    background-image: url('/images/icons/button_player_pause.png');
    cursor: pointer;
    width: 46px;
    height: 46px;
    position: absolute;
    top: -7px;
    left: -10px;
}

.checking-insert-breaks::-webkit-scrollbar {
    width: 3px;
}

.checking_break_row_box {
    background-color: #feee00;
    text-align: center;
    border-radius: 3px;
}

.campaign_spots .checking_break_row_box {
    background-color: #00934b78 !important;
    color: white !important;
}

.odd2 .checking_break_row_box {
    text-align: center;
    border-radius: 3px;
    background-color: orange !important;
    /*color: black !important;*/
}

.checking-trash-icon:hover {
    cursor: pointer;
}

.checking-trash-icon {
    position: relative;
    top: 10px;
}

.checking-hiddenstuff {
    display: none;
}

.checking-speed-change {
    position: relative;
    top: -4px;
    float: left;
    opacity: 0.7;
    width: 45px;
    height: 45px;
}

    .checking-speed-change:hover {
        cursor: pointer;
        border-radius: 50%;
        background-color: #E6E6E6;
    }

.check-speedspan-hover {
    font-size: 15px;
    color: black;
    width: 30px;
    height: 30px;
    font-family: Montserrat;
    position: relative;
    top: 34%;
    opacity: 0.7;
}

    .check-speedspan-hover:hover {
        cursor: pointer;
        border-radius: 50%;
        background-color: #E6E6E6;
    }


.checking-item-md-menu {
    background-color: white;
}

    .checking-item-md-menu:hover {
        background-color: #f3f3f3;
        cursor: pointer;
    }

.checking-setheight {
    height: 66px;
    bottom: -5px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 99%;
    margin-left: 0.5% !important;
    margin: 0px;
    border-top: 0.5px solid #f2f2f2;
}


.checking-titleSpot {
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #bcbc32;
    /*padding-left: 74px;*/
    position: relative;
    top: 26%;
}


/*SLIDER PLAYER*/
.slider-checking {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #bcbc32;
    outline: none;
    opacity: 0.7;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

    .slider-checking:hover {
        opacity: 1;
    }

    .slider-checking::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #bcbc32;
        cursor: pointer;
    }

    .slider-checking::-moz-range-thumb {
        width: 12px;
        height: 12px;
        border: 0;
        border-radius: 50%;
        background: #bcbc32;
        cursor: pointer;
    }



.checking-volume-wave {
    width: 14px;
    height: 13.7px;
    background-image: url(/images/icons/volume_adjust.png);
    float: right;
    position: relative;
    right: 10px;
    top: 0px;
    cursor: pointer;
}

.checking-volume-wave-mute {
    width: 24px;
    height: 24px;
    top: -5px;
    background-image: url(/images/icons/volume_adjust_mute.png);
    float: right;
    position: relative;
    right: 6px;
    cursor: pointer;
}


.checking-volume-wave:hover {
    width: 24px;
    height: 24px;
    top: -5px;
    background-image: url(/images/icons/volume_adjust_hover.png);
    float: right;
    position: relative;
    right: 6px;
    cursor: pointer;
}

.do-not-load-for-a-while {
    /*pointer-events: none;*/
}


/*FIM*/
/*CHECKING - PLAYER - CALENDAR - STYLES*/
.luna-container {
    height: 55px !important;
}

.luna .luna-controls {
    height: 55px !important;
}

.luna .ui-slider-handle {
    top: -0.7em !important;
}

.jAudio--player {
    display: table;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    margin: 100px auto;
    width: 352px;
}

    .jAudio--player:after {
        content: " ";
        display: block;
        width: 100%;
        clear: both;
    }

    .jAudio--player .jAudio--ui {
        position: relative;
        width: 100%;
    }

    .jAudio--player .jAudio--status-bar {
        width: 100%;
        z-index: 1;
        position: relative;
        padding: 100px 2rem 2rem 2rem;
        display: table;
    }

        .jAudio--player .jAudio--status-bar:after {
            content: " ";
            display: block;
            width: 100%;
            clear: both;
        }

    .jAudio--player .jAudio--controls {
        width: 100%;
        display: table;
        background: #fafafa;
    }

        .jAudio--player .jAudio--controls:after {
            content: " ";
            display: block;
            width: 100%;
            clear: both;
        }

        .jAudio--player .jAudio--controls ul {
            display: table;
            overflow: hidden;
            width: 100%;
        }

            .jAudio--player .jAudio--controls ul:after {
                content: " ";
                display: block;
                width: 100%;
                clear: both;
            }

        .jAudio--player .jAudio--controls li {
            position: relative;
            width: 33.3333%;
            height: 5rem;
            line-height: 5rem;
        }

    .jAudio--player .jAudio--thumb {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center center;
    }

    .jAudio--player .jAudio--time {
        display: table;
        width: 100%;
    }

        .jAudio--player .jAudio--time:after {
            content: " ";
            display: block;
            width: 100%;
            clear: both;
        }

        .jAudio--player .jAudio--time * {
            width: 50%;
            display: block;
            float: left;
            color: #fff;
            text-shadow: 0 1px 1px #000;
            font-size: 0.9rem;
        }

        .jAudio--player .jAudio--time .jAudio--time-elapsed {
            text-align: left;
        }

        .jAudio--player .jAudio--time .jAudio--time-total {
            text-align: right;
        }

    .jAudio--player .jAudio--details * {
        color: #fff;
        text-shadow: 0 1px 1px #000;
        font-size: 1.2rem;
    }

        .jAudio--player .jAudio--details *:first-of-type {
            font-weight: bold;
        }

    .jAudio--player .jAudio--details p {
        width: 100%;
    }

        .jAudio--player .jAudio--details p span {
            display: block;
        }

    .jAudio--player .jAudio--progress-bar {
        margin: 1.33333rem 0;
    }

        .jAudio--player .jAudio--progress-bar .jAudio--progress-bar-wrapper {
            width: 100%;
            position: relative;
            background: rgba(255, 255, 255, 0.3);
            cursor: pointer;
            border-radius: 10px;
            overflow: hidden;
        }

        .jAudio--player .jAudio--progress-bar .jAudio--progress-bar-played {
            height: 10px;
            background: #FF6666;
            position: relative;
            border-radius: 10px;
        }

        .jAudio--player .jAudio--progress-bar .jAudio--progress-bar-pointer {
            height: 10px;
            width: 10px;
            border-radius: 50%;
            position: absolute;
            right: 0;
            background: #fff;
        }

    .jAudio--player .jAudio--playlist {
        background: #fff;
    }

        .jAudio--player .jAudio--playlist .jAudio--playlist-item {
            display: block;
            width: 100%;
            padding: 1.33333rem 2rem;
            display: table;
        }

            .jAudio--player .jAudio--playlist .jAudio--playlist-item:after {
                content: " ";
                display: block;
                width: 100%;
                clear: both;
            }

            .jAudio--player .jAudio--playlist .jAudio--playlist-item.active {
                background: #f55c5c;
                border-bottom-color: #f55c5c;
            }

                .jAudio--player .jAudio--playlist .jAudio--playlist-item.active * {
                    color: #fff;
                }

            .jAudio--player .jAudio--playlist .jAudio--playlist-item:not(.active):hover {
                background: #fafafa;
            }

            .jAudio--player .jAudio--playlist .jAudio--playlist-item:last-of-type {
                border: 0;
                margin-bottom: 0;
            }

        .jAudio--player .jAudio--playlist .jAudio--playlist-thumb {
            float: left;
            margin-right: 0.66667rem;
            display: table;
        }

            .jAudio--player .jAudio--playlist .jAudio--playlist-thumb:after {
                content: " ";
                display: block;
                width: 100%;
                clear: both;
            }

            .jAudio--player .jAudio--playlist .jAudio--playlist-thumb img {
                height: 2.4rem;
                width: 2.4rem;
                border-radius: 50%;
                float: left;
                margin-right: 0.5rem;
            }

        .jAudio--player .jAudio--playlist .jAudio--playlist-meta-text h4 {
            font-size: 1rem;
            color: #000;
        }

        .jAudio--player .jAudio--playlist .jAudio--playlist-meta-text p {
            font-size: 0.8rem;
        }

.checking-player .btn {
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border: 0;
}

    .checking-player .btn span {
        position: absolute;
        display: table;
        height: 15px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        overflow: hidden;
    }

        .checking-player .btn span:before, .btn span:after {
            /* display: block;
            content: " ";
            height: 0;
            float: left;
            border-color: transparent;
            border-style: solid; */
        }

    .checking-player .btn:active {
        background: #f5f5f5;
    }



.checking-break-select {
    min-height: 45px;
}

    .checking-break-select:hover {
        cursor: pointer;
    }

.fc-scroller.fc-time-grid-container {
    overflow: auto !important;
    /*height: 580px !important;*/ /*Ajustar para dinâmico*/
}

.checking-break-select-active {
    background: rgba(188, 188, 50, 0.35) !important
}

.calendar_main_row {
    /*background-color:#e6e6e6*/;
}


.disabled {
    opacity: 0.6;
    pointer-events: none!important;
}

.tunad-link-active {
    border-bottom: 1px solid rgb(188, 188, 50);
}


.viewMode .option_item {
    /*height: 36px;*/
    float: left;
    min-width: 75px;
    /*font-size: 25px;*/
    cursor: pointer;
}

    .viewMode .option_item label {
        cursor: pointer;
    }

    .viewMode .option_item.active {
        border-bottom: 1px solid rgb(188, 188, 50);
    }

/*CHECKING VIEW_TV*/


.NoMarginPadding {
    margin: 0;
    padding: 0;
}

.day-selected-tv-checking {
    width: 102%;
    height: 129px;
    display: grid;
    background-color: #D1D138;
    border-top: 0.5px solid #d4d1d1;
    border-right: 0.5px solid #d4d1d1;
}

    .day-selected-tv-checking small {
        text-align: center;
        position: relative;
        top: 70%;
        right: 22%;
        color: white;
        font-weight: 500;
    }

    .day-selected-tv-checking span {
        color: white;
        font-size: 60px;
        text-align: center
    }


.checking-tv-controller {
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
    overflow-y: hidden;
    max-height: 100%;
}

.checking-frame-design {
    width: 100%;
    height: 20%;
    position: relative;
    top: 44%;
    border-top: 0.5px solid #d4d1d1 !important;
    background-color: #eae8e8;
    border-right: 0.5px solid #d4d1d1;
    text-align: center;
}

.checking-tv-row {
    height: 16.66%;
    width: 100%;
    display: inline-flex;
    border-top: 0.5px solid #d4d1d1 !important;
    border: none !important;
}

.checking-tv-row-first {
    height: 16.66%;
    width: 100%;
    display: inline-flex;
    border-top: 0.5px solid #d4d1d1 !important;
    border: none !important;
}
.frame-play-checking {
    background-image: url(/images/icons/tv_icon.png)
}
.playing-frame-checking {
    background-image: url(/images/icons/pause_checking-tv.png);
}


.selectable .ui-selecting {
    border: 2px dashed #ff0000;
}

.selectable .ui-selected {
    /*border: 2px solid #ff0000;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 1);
    box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 1);*/
}

/*.selectable img {
    border: 2px solid #ffffff;
}*/

.selected-items {
    border: 2px solid #ff0000;
    line-height: 32px;
}

.overflowtext {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    color: #bcbc32;
}

.checking-speed-change-tv {
    position: relative;
    float: left;
    opacity: 0.7;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    color: white;
}

    .checking-speed-change-tv:hover {
        cursor: pointer;
        color: black;
        border-radius: 50%;
        background-color: #E6E6E6;
    }

.checking-arrow-player-left-tv {
    background-image: url('/images/icons/leftarrow_wave.png');
    cursor: pointer;
    position: relative;
    width: 34px;
    float: right;
    height: 33px;
    top: 10px;
    background-repeat: no-repeat;
}

    .checking-arrow-player-left-tv:hover {
        background-image: url('/images/icons/leftarrow_wavehover.png');
        cursor: pointer;
        float: right;
        right: 7% !important;
        width: 34px;
        height: 33px;
        opacity: 0.7;
        top: 0px;
    }
.checking-arrow-player-right-tv {
    background-image: url('/images/icons/rightarrow_wave.png');
    cursor: pointer;
    position: relative;
    width: 34px;
    float: left;
    left: 18%;
    height: 33px;
    top: 10px;
    background-repeat: no-repeat;
}

    .checking-arrow-player-right-tv:hover {
        background-image: url('/images/icons/rightarrow_wavehover.png');
        cursor: pointer;
        left: 13%;
        width: 34px;
        position: absolute;
        height: 33px;
        top: 0px;
        opacity: 0.7;
    }

.checking-player-center-tv {
    background-image: url('/images/icons/button_player.png');
    width: 23px;
    height: 29px;
    position: relative;
    text-align: center;
    margin: auto;
    cursor: pointer;
}

    .checking-player-center-tv:hover {
        background-image: url('/images/icons/button_playerhover.png');
        cursor: pointer;
        width: 46px;
        position: relative;
        right: 4%;
        height: 46px;
        top: -7px;
        opacity: 0.7;
    }

.checking-player-center-pause-tv {
    background-image: url('/images/icons/button_player_pause.png');
    cursor: pointer;
    width: 46px;
    height: 46px;
    position: absolute;
    top: -7px;
    left: 23%;
    opacity: 0.7;
}
.volume-wave-checking-tv {
    width: 14px;
    height: 13.7px;
    background-image: url(/images/icons/volume_adjust.png);
    float: right;
    position: relative;
    right: 10px;
    top: 15px;
    cursor: pointer;
}

.volume-wave-mute-checking-tv {
    width: 24px;
    height: 24px;
    top: 10px;
    background-image: url(/images/icons/volume_adjust_mute.png);
    float: right;
    position: relative;
    right: 6px;
    cursor: pointer;
}


.volume-wave-checking-tv:hover {
    width: 24px;
    height: 24px;
    top: 10px;
    background-image: url(/images/icons/volume_adjust_hover.png);
    float: right;
    position: relative;
    right: 6px;
    cursor: pointer;
    opacity: 0.7;
}





@media (max-width: 770px){
    .create-trigger-label{
        display: none;
    }
    .appButtonTitle{
        /* display: none; */
        height: 5px;
        font-size: 8px;
        line-height: 21px;
    }
    .expandMenu{
        display: none;
    }
    .fixed_height_320{
        height: 420px;
    }
    .subTitleTile{
        display: none;
    }
    .spanNewXS{
        display: inherit!important;
        font-size: 8px!important;
        padding: 0px!important;
        width: 1px!important;
    }
    .logButton {
        display: none;
    }
    .navbox{
        margin-left: -76px!important;
    }
    .gridHeaderNone{
        display: none;
    }
    .reportsTypeName{
        display: none;
    }
    .reportsTypeShevrom{
        margin-top:0px!important;
        height: 5px;
    }
    .triggerListIntegration{
        margin-top: 5px!important;
        margin-bottom: 9px;
    }
    .tunad-trigger-filter{
        padding: 0px;
    }
    .modal-dialog{
        width: 95%!important;
    }
    .combosReport{
        margin-top: 10px!important;
    }


    .tunad-page-title div div h3{
        font-size: 15px!important;
    }
    .tunad-page-title div div h1{
        font-size: 13px!important;
    }
    .tunad-page-title div div{
        margin-top: -11px!important;
    }
    .tunad-page-title div{
        margin-top: 13px;
    }

    .gm-style-iw{
        width: 180px!important;
    }

    .hideColumn{
        display: none!important;
    }

    .rubish{
        display: none!important;
    }

    md-dialog{
        margin-left: 70px!important;
    }
    md-dialog-content{
        width: 100%!important;
    }

    md-dialog-content div{
        padding: 2px 0px 2px 1px!important;
    }

    #sourceSearch{
        width: 217px!important;
    }

}
@media (max-width: 1000px) {
    .navbar-collapse.collapse:not(.in) {
        display: none !important;
    }
}

@media (max-width: 460px){
    .session100{
       width: 100%!important;
    }
}

@media (max-width: 1690px) {
    .TunadKPIDescription .InsertionsSpotValues {
        padding: 48px 0px !important;
    }
    .TunadKPIDescription .AirTimeSpotValues {
        padding: 47px 0px !important;
    }
    .TunadKPIDescription .PriceValueSpotValues {
        padding: 47px 0px 0px !important;
    }

    .TunadKPIDescription .InsertionsMerchanValues {
        padding: 48px 0px !important;
    }
    .TunadKPIDescription .AirTimeMerchanValues {
        padding: 47px 0px !important;
    }
    .TunadKPIDescription .PriceValueMerchanValues {
        padding: 47px 0px 0px !important;
    }

    .TunadKPIDescription .InsertionsSponsorValues {
        padding: 48px 0px !important;
    }
    .TunadKPIDescription .AirTimeSponsorValues {
        padding: 47px 0px !important;
    }
    .TunadKPIDescription .PriceValueSponsorValues {
        padding: 47px 0px 0px !important;
    }


    .ResultCampaignOnline .TotalUpliftValues {
        padding: 17px 0px !important;
    }

    .ResultCampaignOnline .InsertionUpliftValues {
        padding: 27px 0px !important;
    }

    .ResultCampaignOnline .RactionTimeValues {
        padding: 27px 0px !important;
    }

    .ResultCampaignOnline .TotalKPIValues {
        padding: 26px 0px !important;
    }

    .ResultCampaignOnline .TotalKPIAnalysedValuesBox {
        height: 189px!important;
    }

    .ResultCampaignOnline .EffectiveInsertionsValues {
        padding: 14px 0px !important;
    }

    .ResultCampaignOnline .ProportionalUpliftValues {
        padding: 37px 0px !important;
    }

    .ResultCampaignOnline .ProportionalUpliftBox {
        height: 191px!important;
    }
}


@media (max-width: 1650px) {

    /*.checking_break_row_box{
        width:35px!important
    }*/

    #navbox-trigger {
        width: 200px !important;
    }

    .mediaQueryViewHeader span {
        font-size: 12px !important;
        font-weight: 800 !important;
    }

    .gridProgView .ui-grid-header-cell .sortable {
        padding: 0px !important;
    }

    .mediaQueryW100 {
        width: 100% !important;
        height: 38.5px !important;
        /*padding: 5px 0px !important;*/
    }

    .mediaQueryW100:first-child {
        padding: 5px 0px !important;
    }

    .mediaQueryW100:last-child {
        padding: 0px!important;
        
    }

    .mediaQueryW100 span:first-child {
        padding:0px 2px!important;
        margin-top:4px!important;
        text-align:right!important;
    }

        .mediaQueryW100 span:last-child {
            text-align: left !important;
            margin-left: 0px !important;
        }

    .mediaQueryW100 span {
        width: 50% !important;
    }

    .mediaQueryViewHeader i {
        background-size: 18px!important;
    }

    .mediaQueryViewHeader i.SaldoIcon {
        width:18px!important;
    }

    .mediaQueryViewHeader .SaldoIconMedia{
        width:10%!important;
    }

    .mediaQueryViewHeader .PartialBalanceMedia {
        width: 70% !important;
    }

    .mediaQueryViewHeader .ViewFirstContent {
        padding-top: 17px!important;
    }

    .mediaQueryViewHeader .ViewSecondContent {
        padding-top: 22px !important;
    }

    .mediaQueryViewHeader .ViewThirdContent {
        padding-top: 16px !important;
    }

        .mediaQueryViewHeader .ViewThirdContent div {
            margin-top: 0px!important;
        }

    .mediaFirstBoxcontent {
        font-size: 12px !important;
        font-weight: 800!important;
    }
        .mediaFirstBoxcontent div.col-md-6.col-sm-6.col-xs-6 div.col-md-12.col-sm-12.col-xs-12.centerText span {
            font-size: 12px !important;
            font-weight: 800!important;
        }

        .mediaFirstBoxcontent i {
            padding: 20px 2px !important;
        }

    .gridProgView .sortable .ui-grid-header-cell-primary-focus span {
        font-size: 12px !important;
        font-weight: 500 !important;
        padding-bottom: 3px !important;
    }

    .checkingPage .ui-grid-cell {
        font-size: 12px !important;
    }

    .checkingPage {
        font-family: 'Montserrat', sans-serif!important;
        padding-top: 7px;
    }

        /*.checkingPage .ui-grid-cell .col-md-12.col-sm-12.col-xs-12.centerText {
            padding-top: 0px!important;
            margin-top: 0px !important;
        }*/

    /*i-programmingview .EditIcon {
        background-size: 17px 17px;
    }

    i-programmingview .EditIcon:hover {
        background-size: 35px 35px;
        margin-top: -8px;
    }*/

    #EditAddConfiguration .modal-content {
        height: 735px!important;

    }

    #wizard .gridProgView {
        height: 465px!important;
    }

    #EditAddConfiguration .modal-dialog {
        margin-top: 25px !important;
    }

    #EditAddConfiguration .titleModal {
        padding-bottom: 0px !important;
        margin-top: 0px!important;
    }

    #EditAddConfiguration .titleModal span {
        font-size: 25px !important;
    }

    #EditAddConfiguration .contInputContainer {
        margin-top: 25px!important;
    }

    #EditAddConfiguration .MinusCircle {
        background-size: 18px !important;
        height: 18px !important;
    }

    #EditAddConfiguration .PlusCircle {
        background-size: 18px !important;
        height: 18px !important;
    }

    #EditViewConfiguration .PlusCircle {
        background-size: 18px !important;
        height: 18px !important;
    }

    #EditAddConfiguration .insertionPlanContentOpenSon {
        margin-top: 15px !important;
    }

    #EditAddConfiguration .insertionPlanContentOpenSon span{
        
        font-size: 12px !important;
    }
        #EditAddConfiguration .insertionPlanContentOpenSon input {
            font-size: 12px !important;
        }

    #EditAddConfiguration .btn-success {
        margin-top: -55px!important;
    }

    #EditAddConfiguration .ContentButton {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    #insertionPlanContent {
        height: 410px !important;
    }

        #insertionPlanContent .gridProgView {
            margin-top: 15px!important;
        }

    .WithMargin {
        margin-left: 20px!important;
    }

    .WithMargin30 {
        margin-left: 30px !important;
    }

    #EditViewConfiguration .modal-dialog {
        margin-top: 25px !important;
    }

    #EditViewConfiguration .titleModal {
        padding-bottom: 0px !important;
        margin-top: 0px !important;
    }

    #EditViewConfiguration .titleModal span {
        font-size: 25px !important;
    }

    #EditViewConfiguration .contInputContainer {
        margin-top: 25px !important;
    }

    #EditViewConfiguration .MinusCircle {
        background-size: 18px !important;
        height: 18px !important;
    }

    #EditViewConfiguration .insertionPlanContentOpenSon {
        margin-top: 5px !important;
    }

    #EditViewConfiguration .insertionPlanContentOpenSon span {
        font-size: 12px !important;
    }

    #EditViewConfiguration .insertionPlanContentOpenSon input {
        font-size: 12px !important;
    }

    #EditViewConfiguration .btn-success {
        margin-top: -55px !important;
    }

    #EditViewConfiguration .ContentButton {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    #EditViewConfiguration .gridProgView {
        margin-top: 5px !important;
    }

    .checkingSubGrid {
        padding: 11px 5px!important;
    }

    .expandableRow .ui-grid-cell div span {
        
        height: 100% !important;
    }

    .expandableRow .ui-grid-cell div{
        /*padding-top: 5px !important;*/
    }

    #gridOptionsCopy #EditAddConfiguration .ui-grid-render-container-body .ui-grid-viewport {
        height: 50px !important;
    }

    /*div.gridProgView div[ui-grid-expandable] {
        height: 488px !important;
    }*/

    .grid1566328564350 .ui-grid-render-container-body .ui-grid-viewport{
        height:570px!important;
    }

    /*.expandableRow .ui-grid-render-container-body .ui-grid-viewport {
        height: 326px!important;
    }*/

    /*.gridProgView .ui-grid.ng-isolate-scope {
        height: 620px !important;
    }*/
        /*div.gridProgView div[ui-grid-expandable] .ui-grid-viewport {
            overflow-x: hidden!important;
        }*/

    /*.gridProgView .ui-grid-render-container-body .ui-grid-viewport {
        height: 575px !important;
    }*/

    #newConfig .gridProgView .ui-grid-render-container-body .ui-grid-viewport {
        height: 420px !important;
    }

    .checkingPage .sortable {
        height: 35px !important;
    }

    .checkingPage .ui-grid-header-cell {
        padding:0px!important;
    }

    #gridOptionsCopy .checkingPage .ui-grid-header-canvas {
        height: 55px !important;
    }

    #gridOptionsCopy .ui-grid-render-container-body .ui-grid-viewport {
        height: 55px !important;
        /*padding-top: 13px!important;*/
    }
    /*#gridsBoxConfigPage .ui-grid-render-container-body .ui-grid-viewport {
        height: 575px !important;
    }*/

    #EditAddConfiguration .ui-grid-cell div {
        padding-top: 6px !important;
        height: 100% !important;
    }

    #gridsBoxConfigPage .ui-grid-cell div {
        height: 100% !important;
        padding-top: 6px !important;
    }

    #gridsBoxConfigPage .ui-grid-cell md-icon {
        margin-top: -13px !important;
    }

    .appPermission1 {
        width: 145px !important;
        left: 46% !important;
    }

    .appPermission2 {
        width: 285px !important;
        left: 41% !important;
    }

    .appPermission3 {
        left: 37% !important;
        width: 420px !important;
    }

    .appPermission4 {
        width: 580px !important;
        left: 31% !important;
    }

    .appPermission5 {
        width: 747px !important;
        /*left: 26% !important;
        padding-left: 100px;*/
    }

    .appPermission6 {
        width: 747px !important;
        left: 26% !important;
        padding-left: 10px;
    }

    #loginafterpage a {
        min-width: 180px !important;
        margin-right: 0px!important;
    }

        #loginafterpage a img {
            min-width: 140px!important;
            max-width: 140px!important;
        }
}

@media (max-width: 1370px) {
    /*.gridProgView .ui-grid.ng-isolate-scope {
        height: 480px !important;
    }*/
    .contextGrid {
        height: 420px;
    }
    .contextContent {
        height: 370px !important;
    }
    #navbox-trigger {
        width: 200px !important;
    }

    .TunadKPIDescription .InsertionsSpotValues {
        padding: 38px 0px !important;
    }

    .ResultCampaignOnline .TotalUpliftValues {
        padding: 4px 0px !important;
    }

    .TunadKPIDescription .AirTimeSpotValues {
        padding: 38px 0px !important;
    }

    .TunadKPIDescription .PriceValueSpotValues {
        padding: 40px 0px 0px !important;
    }

    .TunadKPIDescription .InsertionsMerchanValues {
        padding: 38px 0px !important;
    }

    .TunadKPIDescription .AirTimeMerchanValues {
        padding: 38px 0px !important;
    }

    .TunadKPIDescription .PriceValueMerchanValues {
        padding: 40px 0px 0px !important;
    }

    .TunadKPIDescription .InsertionsSponsorValues {
        padding: 38px 0px !important;
    }

    .TunadKPIDescription .AirTimeSponsorValues {
        padding: 38px 0px !important;
    }

    .TunadKPIDescription .PriceValueSponsorValues {
        padding: 40px 0px 0px !important;
    }


    .ResultCampaignOnline .ProportionalUpliftValues {
        padding: 32px 0px 17px !important;
    }
    .ResultCampaignOnline .InsertionUpliftValues {
        padding: 17px 0px !important;
    }
    .ResultCampaignOnline .AverageReactionPeakTimeValues {
        padding: 12px 0px !important;
    }
    .ResultCampaignOnline .RactionTimeValues {
        padding: 35px 0px 12px !important;
    }
    .ResultCampaignOnline .EffectiveInsertionsValues {
        padding: 0px !important;
    }

    .ResultCampaignOnline .TotalKPIAnalysedValuesBox {
        height: 143px !important;
    }
    .ResultCampaignOnline .TotalKPIAnalysedValues {
        padding: 0px !important;
    }

    .ResultCampaignOnline .TotalKPIValues {
        padding: 3px 0px !important;
    }



    #modalMediaPlanInfo md-slider {
        display: none;
    }

    .lowscreen {
        margin-top: 50px;
        width: 100%!important;
        font-size: 10px;
    }

    .lowscreen1 {
        width: 100%!important;
    }
    #loginafterpage a {
        min-width: 180px !important;
        margin-right: 0px!important;
    }

        #loginafterpage a img {
            min-width: 130px !important;
            max-width: 130px !important;
        }



    #configTitle {
        font-size: 29px !important;
    }

    .TitleConfigurationChecking {
        margin-top: 10px!important;
    }

    #wizard .gridProgView {
        margin-top: 0px!important;
    }

    #wizard .wizard_steps{
        margin:0px!important;
    }

    #EditAddConfiguration .modal-content {
        height: 559px !important;
    }

    #wizard .gridProgView {
        height: 292px !important;
    }

    #wizard #step-3 .gridProgView {
        overflow: auto !important;
    }

    #EditAddConfiguration #gridsBox2 .ui-grid-render-container-body .ui-grid-viewport {
        height: 225px !important;
    }

    #EditAddConfiguration .modal-dialog {
        margin-top: 5px !important;
    }

    /*#gridsBoxProgrammingView .ui-grid-render-container-body .ui-grid-viewport {
        height: 420px !important;
    }*/

    /*.expandableRow .ui-grid-render-container-body .ui-grid-viewport {
        height: 326px !important;
    }*/

    /*.gridProgView .ui-grid-render-container-body .ui-grid-viewport {
        height: 445px !important;
    }*/

    #newConfig .gridProgView .ui-grid-render-container-body .ui-grid-viewport {
        height: 310px !important;
    }

    /*#gridsBoxConfigPage .ui-grid-render-container-body .ui-grid-viewport {
        height: 445px !important;
    }*/

    .MediaImagesQuery {
        top: 20% !important;
    }

    .mediaFirstBoxcontent div{
        font-size:12px!important;
    }

    /*.downIcon {
        margin-top: 1px!important;
    }*/

    #modalCalendarStyle .modal-header span {
        font-size: 14px!important;
    }

    #modalCalendarStyle .modal-header button {
        height: 10px;
         font-size: 0px; 
        margin-top: -11px;
    }

    #modalCalendarStyle .fc-day-grid.fc-unselectable{
        display:none;
    }

    #modalCalendarStyle thead {
        line-height: 0.3!important;
    }

    #modalCalendarStyle th {
         height: 0px!important; 
    }
    #modalCalendarStyle th span:last-child{
        font-size: 29px !important;
    }

    #EditAddConfiguration .ui-grid-cell div {
        padding-top: 6px!important;
        height: 100%!important;
    }

    #gridsBoxConfigPage .ui-grid-cell div {
        height: 100%!important;
        padding-top: 6px!important;
    }

    #gridsBoxConfigPage .ui-grid-cell md-icon {
        margin-top: -13px!important;
    }

    .appPermission1 {
        width: 145px !important;
        left: 46% !important;
    }

    .appPermission2 {
        width: 285px !important;
        left: 40% !important;
    }

    .appPermission3 {
        left: 34% !important;
        width: 420px !important;
    }

    .appPermission4 {
        width: 580px !important;
        left: 28% !important;
    }

    .appPermission5 {
        width: 747px !important;
        /*left: 22% !important;
        padding-left: 100px;*/
    }

    .appPermission6 {
        width: 747px !important;
        left: 22% !important;
        padding-left: 10px;
    }

    /*.checking_break_row_box {
        width: 30px !important;
    }*/

    .checking-insert-breaks span {
        font-size: 10px !important;
    }

    .checking-insert-breaks div {
        padding: 3px 2px!important;
    }

    .checking-insert-breaks span.checking_break_row_box {
        width: 35px !important;
        padding: 0px 3px!important;
    }

    .checking-break-select .col-md-8.col-sm-8.col-xs-8 span {
        font-size: 10px!important;
    }

    .nav-item .nav-link {
        font-size: 9px!important;
    }
    g text {
        font-size: 8px !important;
        /*font-weight: 100!important;*/
    }

    

    h3{
        font-size:15px!important;
    }

    #EditAddConfiguration #step-3 .gridProgView {
        height: 260px !important;
        overflow: auto !important;
    }

    .modal-dialog {
        margin: 23px auto!important;
    }

    .tunad-title.title_left h3 {
        margin-top: 0px !important;
    }

    #modalCadastro .x_content {
        margin-bottom: 0px!important;
    }

    .cadastroHeight {
        height: 484px!important;
    }
}




@media (max-width: 2560px) {
    .lowscreen {
        width: 66%;
    }

    .lowscreen1 {
        width: 34%;
    }
}


@media (max-width: 1930px) {
    .lowscreen {
        /*margin-top: 50px;*/
        width: 60%;
        font-size: 11px;
    }

    .charMinute{
        width: 38%;
    }

    .lowscreen .col-md-3 {
        width: 15% !important;
    }

    .lowscreen1 {
        width: 40%
    }
    .ResultCampaignOnline .ProportionalUpliftValues {
        padding: 24px 0px !important;
    }

    .ResultCampaignOnline .EffectiveInsertionsValues {
        padding: 4px 0px!important;
    }
}
.cellTemplateReports{
     float:right;
    margin-right: 13%;
    margin-top:0px;
}
.headerCellTemplateTvReports{
    font-weight: 600;text-align: center;margin-left:-20px;
}

.cellTemplateReportsDefault{
    float:right;font-weight: 600;margin-right:10px;margin-top:5px;
}
.cellTemplateCenter{
   font-weight: 600;
    text-align: center;
    margin-top: 5px;
    margin-left: -3px;
}
.cellTemplateRight{
    float:right;font-weight: 600;margin-right:10px;
}
.cellTemplateIdentifications{
    float:left;margin-left: 30%;margin-top:5px;
}
.mdSpeedDialReports{
    width: 50px;position:absolute;margin-top:5px;
}
.subColumnsLeft{
    width:39px;float:left;margin-top:4px;text-align: center;margin-left:0px;font-weight: bold;
}
.headerCellTemplateCenter{
    font-weight: 600;text-align: center;margin-left:0px;
}
.headerCellTemplateLeft{
   float:left;font-weight: 600;margin-left:5px;margin-top:5px;
}
.stringComplexReports{
    width:39px;float:left;margin-top:4px;text-align: center; 
}
.stringComplexReportsLeft{
    width:39px;float:left;margin-left:0px;margin-top:4px;text-align: center;
}
.headerLeft{
    margin-left:10px!important;
}
.titleHeader{
    font-weight: bold;
}

/* ***** BODY ********/


body {
    background: #e5e9ec;
    color: #4c5264;
    font-family: "Open Sans", Roboto, Arial, "Droid Sans", sans-serif;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #ffffff;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: rgb(193 192 192);
    border-right: 2px solid #fff;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    /*margin-top: 15px;
    margin-bottom: 15px;*/
}

/* ***** LOGIN ********/
.login {
    background: rgba(229, 233, 236, 0.1);
}


.tunad-login-wrapper {
    margin: 0 auto;
    margin-top: 10%;
    max-width: 380px;
    position: relative;
}

.tunad-login-content {
    margin: 0 auto;
    padding: 25px 0 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    min-width: 280px;
}

.tunad-login-txt {
    margin: 0 0 10px;
}


.tunad-login-txt b {
    font-size: 16px;
}

.tunad-login-form {
    margin: 20px 0;
    position: relative;
}

.tunad-login-form input[type="text"],
.tunad-login-form input[type="email"],
.tunad-login-form input[type="password"] {
    border-radius: 3px;
    -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    border: 1px solid #c8c8c8;
    color: #777;
    margin: 0 0 15px;
    width: 100%;
}

.tunad-login-logo img {
    width: 250px;
    margin-bottom: 15px;
}

.tunad-login-recuperar a {
    text-decoration: underline;
}

.tunad-login-recuperar a:hover {
    text-decoration: none;
}

.tunad-login-bt {
    margin-top: 15px;
}

/*#particle-canvas {*/
/*top: -182px;
    right: 705px;*/
/*width: 100%;*/
/*}*/
/*#particle-canvas canvas {
        height: auto;
    }*/

@media screen and (max-width: 1024px) {
    .dp-main-header canvas {
        display: none;
    }
}

.MediaQueryShowBigScreen {
    display: block;
}

.MediaQueryShowSmallScreen {
    display: none;
}

@media screen and (max-width: 1380px) {
    .MediaImagesQuery {
        top: 22% !important;
    }

    .MediaQueryShowBigScreen {
        display: none !important;
    }

    .MediaQueryShowSmallScreen {
        display: block !important;
    }
}


@media screen and (max-height: 700px) {

    /*.MediaImagesQuery {
        top: 34% !important;
    }*/
    .LogoImage-Mobile-spacing {
        width: 76% !important;
    }
}

@media screen and (min-height: 700px) and (max-height: 760px) {
    /*.MediaImagesQuery {
        top: 32% !important;
    }*/
}

@media screen and (min-height: 760px) and (max-height: 820px) {
    /*.MediaImagesQuery {
        top: 36% !important;
    }*/
}

@media screen and (min-height: 820px) and (max-height: 870px) {
    /*.MediaImagesQuery {
        top: 40% !important;
    }*/
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .MediaImagesQuery {
        top: 40% !important;
        position: relative;
        right: 22%;
    }

    .LogoImage-Mobile-spacing {
        position: relative !important;
        left: 2% !important;
    }

    .Potencialize-span {
        font-size: 16px !important;
        position: relative !important;
        top: 17px !important;
        right: 94%;
    }

    .mobile-top-change {
        top: 25% !important;
    }

    .mobile-set-span-size {
        position: relative;
        left: 10%;
        top: 9px;
    }


}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .MediaImagesQuery {
        top: 20% !important;
        position: relative !important;
        right: 3% !important;
    }

    .Potencialize-span {
        font-size: 16px !important;
        position: relative !important;
        top: 17px !important;
        right: 5% !important;
    }

    .mobile-set-span-size {
        position: relative;
        top: 11px;
        right: 7%;
    }

    .mobile-top-change {
        top: 25% !important;
    }

    .LogoImage-Mobile-spacing {
        position: relative !important;
        right: 19px !important;
    }

    .div-master-top-nav {
        height: 194px !important;
        left: 18% !important;
    }


}



@media (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {
    .LogoImage-Mobile-spacing {
        width: 137px !important;
    }

    .Potencialize-span {
        font-size: 12px !important;
        position: relative !important;
        right: 70px !important;
    }

    .mobile-set-span-size {
        font-size: 13px !important;
        position: relative !important;
        left: 3% !important;
    }

    .MediaImagesQuery img {
        width: 20px !important;
    }

    .MediaImagesQuery span {
        font-size: 8px !important;
    }

    .set-login-mobile-span-size {
        width: 86% !important;
    }

    .mobile-top-change {
        top: 17% !important;
    }

    .mobile-login-after {
        display: block !important;
    }

    .PagesRedirectIcons {
        min-width: 0px !important;
    }

    .desk-after-div {
        display: none !important;
    }
}

.PagesRedirectIcons {
    width: 70%;
    min-width: 180px;
    max-width: 180px;
    cursor: pointer;
}

.spanRedirIcons {
    position: relative;
    /*top: 20px;*/
    color: white;
    font-size: 20px;
}

.MediaImagesQuery {
    top: 48%;
}

/* ***** Authenticator ********/
.tunad-Authenticator {
    background: rgba(229, 233, 236, 0.1);
}

.tunad-Authenticator-wrapper {
    margin: 0 auto;
    margin-top: 8%;
    max-width: 520px;
    position: relative;
}

.tunad-Authenticator-content {
    margin: 0 auto;
    padding: 25px 0 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    min-width: 280px;
}

.tunad-Authenticator-txt {
    margin: 0px 0 10px 0;
    padding-top: 10px
}


.tunad-Authenticator-txt b {
    font-size: 15px;
}

.tunad-Authenticator-form {
    margin: 20px 0;
    position: relative;
}

.tunad-Authenticator-form input[type="text"] {
    border-radius: 3px;
    -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    border: 1px solid #c8c8c8;
    color: #777;
    margin: 5px 0 5px 0;
    width: 100%;
}

.tunad-Authenticator-bt {
    margin-top: 5px;
}

.tunad-Authenticator-logo img {
    width: 250px;
    margin-bottom: 5px;
}

.tunad-Authenticator-qrcode img {
    width: 135px;
}

.tunad-Authenticator-lojas {
    margin-top: 15px;
}

.tunad-Authenticator-lojas img {
    width: 60px;
}

.tunad-Authenticator-lojas a {
    text-decoration: underline;
}

.tunad-Authenticator-lojas a:hover {
    text-decoration: none;
}


/* ***** MENU LATERAL ********/
.left_col {
    background: #1b1e24;
}

.menu_section h3 {
    /*color:#8690a5;*/
    font-weight: 400;
    letter-spacing: normal;
    font-size: 10px;
    margin-bottom: 0;
    margin-top: 0;
    text-shadow: none;
}



@media (min-width: 481px) and (max-width: 767px) {
    .Potencialize-span {
        /*font-size: 12px !important;
        position: relative !important;
        top: 25px !important;
        right: 101% !important;*/
        display: none !important;
    }

    .set-size-span-title {
        font-size: 21px !important;
    }

    .mobile-top-change {
        top: 5% !important;
    }

    .MediaImagesQuery img {
        width: 20px !important;
    }

    .MediaImagesQuery span {
        font-size: 8px !important;
    }

    .MediaImagesQuery {
        top: 21% !important
    }

    .mobile-set-span-size {
        /*font-size: 13px !important;*/
        display: none !important;
    }

    .set-login-mobile-span-size {
        margin-top: 10px !important;
    }

    .mobile-login-after {
        display: block !important;
        top: 90px !important;
        left: 20% !important;
        position: relative !important;
    }

    .PagesRedirectIcons {
        min-width: 0px !important;
    }

    .desk-after-div {
        display: none !important;
    }

    .div-master-top-nav {
        height: 189px !important;
        width: 643px !important;
        position: absolute !important;
    }

    .setTop-mobile {
        position: relative !important;
        top: 17% !important;
        left: 2% !important;
    }

    #CanvasDivSetHeight {
        height: auto;
        overflow-y: hidden;
    }

    .LogoImage-Mobile-spacing {
        left: 3% !important;
    }

}


@media only screen and (min-width : 375px) and (max-height : 812px) and (orientation: portrait) {
    .Potencialize-span {
        /*font-size: 12px !important;
        position: relative !important;
        top: 25px !important;
        right: 101% !important;*/
        display: none !important;
    }

    .set-size-span-title {
        font-size: 21px !important;
    }

    .mobile-top-change {
        top: 5% !important;
    }

    .MediaImagesQuery img {
        width: 20px !important;
    }

    .MediaImagesQuery span {
        font-size: 8px !important;
    }

    .MediaImagesQuery {
        top: 21% !important
    }

    .mobile-set-span-size {
        /*font-size: 13px !important;*/
        display: none !important;
    }

    .set-login-mobile-span-size {
        margin-top: 10px !important;
    }

    .mobile-login-after {
        display: block !important;
        top: 90px !important;
        left: 20% !important;
        position: relative !important;
    }

    .PagesRedirectIcons {
        min-width: 0px !important;
    }

    .desk-after-div {
        display: none !important;
    }

    .div-master-top-nav {
        height: 189px !important;
        width: 643px !important;
        position: absolute !important;
    }

    .setTop-mobile {
        position: relative !important;
        top: 17% !important;
        left: 2% !important;
    }

    #CanvasDivSetHeight {
        height: auto;
        overflow-y: hidden;
    }
}

body.nav-md .div-master-top-nav {
    -webkit-box-shadow: 0px 9px 38px 0px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: 0px 9px 38px 0px rgba(0, 0, 0, 0.75) !important;
    box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.3) !important;
    background-image: url(/images/bg-nav.png) !important;
    background-size: cover;
    background-repeat: no-repeat !important;
    position: fixed !important;
    top: 50px !important;
    left: 33.9% !important;
    width: 845px !important;
    z-index: 99999 !important;
    /*height: 185px;*/
    max-width: 845px !important;
}

body.nav-sm .div-master-top-nav {
    -webkit-box-shadow: 0px 9px 38px 0px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: 0px 9px 38px 0px rgba(0, 0, 0, 0.75) !important;
    box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.3) !important;
    background-image: url(/images/bg-nav.png) !important;
    background-size: cover;
    background-repeat: no-repeat !important;
    position: fixed;
    top: 50px !important;
    /*left: 29%;*/
    z-index: 99999 !important;
    /*height: 185px;*/
    max-width: 840px !important;
}

@media screen and (max-width: 1450px) {
    body.nav-md .div-master-top-nav {
        left: 30% !important;
    }
}

@media screen and (max-width: 1450px) and (min-width: 1350px) {
    body.nav-md .div-master-top-nav {
        left: 31% !important;
    }
}

@media screen and (max-width: 1540px) and (min-width: 1450px) {
    body.nav-md .div-master-top-nav {
        left: 32.9% !important;
    }
}

@media screen and (min-width: 1870px) {
    body.nav-md .div-master-top-nav {
        left: 36% !important;
    }
}

/*@media screen and (max-width: 1450px) {
    body.nav-sm .div-master-top-nav {
        left: 24% !important;
    }
}*/

@media screen and (max-width: 1450px) and (min-width: 1350px) {
    body.nav-sm .div-master-top-nav {
        left: 24% !important;
    }
}

@media screen and (max-width: 1870px) and (min-width: 1450px) {
    body.nav-sm .div-master-top-nav {
        left: 27% !important;
    }
}

@media screen and (min-width: 1870px) and (max-width: 1920) {
    body.nav-sm .div-master-top-nav {
        left: 32% !important;
    }
}

@media screen and (min-width: 1920px) {
    body.nav-sm .div-master-top-nav {
        left: 35% !important;
    }
}



.img-nav-menu-top {
    /*width: 92px;*/
    width: 85px;
    cursor: pointer;
    margin: 0 auto;
}

.span-nav-menu-top {
    position: relative;
    /*top: 14px; julian*/
    opacity: 0.7;
    font-weight: 500;
}

/*.span-nav-menu-top:hover {
        
    }*/


.div-nav-menu-top {
    display: grid;
    margin-right: 50px;
    /*margin-right: 15px;*/
    text-align: center !important;
}

.div-nav-menu-top:hover .span-nav-menu-top {
    font-weight: 600;
    border-bottom: solid 2px black;
    color: #828222;
    padding-bottom: 22%;
    cursor: pointer;
}




.fidelisation {
    color: #BDC9C9;
    font-family: 'Arial';
    font-size: 0.8em;
    position: fixed;
    top: 5px;
    right: 10px;
}

.fidelisation a {
    color: #021014;
}





.nav.side-menu>li>a,
.nav.child_menu>li>a {
    /*color: #8b91a0;*/
    font-weight: 400;
}

.nav.side-menu>li>a:hover,
.nav.side-menu>li>a:focus,
.nav.side-menu>li>a:active {
    /*color: #fff !important;*/
}

.nav.side-menu>li.active>a {
    background: #22262e;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
}

.nav.side-menu>li.current-page,
.nav.side-menu>li.active {
    /*border-right: 3px solid #D1D138;*/
}

.nav-sm .nav.side-menu li.active>a {
    color: #fff;
}

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
    /*border-right: 3px solid #D1D138;*/
    color: #fff;
}

/* ***** MENU LATERAL FOOTER ********/
.sidebar-footer {
    background: #22262e;
    height: 45px;
}

.sidebar-footer a {
    color: #8b91a0;
    background: transparent;
}

.sidebar-footer a:hover,
.sidebar-footer a:focus,
.sidebar-footer a:active {
    color: #fff !important;
    background: transparent;
}

/* ***** MENU SUPERIOR ********/
.nav_title {
    background: #22262e;
}

.nav-md .site_ico {
    display: none;
}

.nav-sm .site_title {
    display: none;
}

.nav-md .navbar.nav_title a img {
    height: 35px;
    margin-left: 10px;
}

.nav-sm .navbar.nav_title a img {
    height: 40px;
    margin-left: 0px;
}

.site_title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 22px;
    width: 100%;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    line-height: 59px;
    display: block;
    height: 55px;
    margin: 0;
    padding-left: 10px;
}

.site_ico {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 22px;
    width: 100%;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    line-height: 59px;
    display: block;
    height: 55px;
    margin: 0;
    padding-left: 10px;
}

.nav_menu {
    background: #FFFFFF;
    border-bottom: 1px solid #e5e9ec;
}

.toggle a {
    color: #4c5264;
}

.toggle a:hover,
.toggle a:focus,
.toggle a:active {
    color: #8b91a0;
}

.tunad-hide-toggle .toggle {
    display: block;
}

.nav.navbar-nav>li>a {
    color: white !important;
    /*border-left: 1px solid #e5e9ec;*/
}

.nav.navbar-nav > li > a > svg {
    fill: white !important;
}


.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    border-color: #e5e9ec;
}

.top_nav li a:hover,
.top_nav li a:focus {
    /* color:#E7E7E7 !important;*/
}

.top_nav li a i {
    font-size: 18px;
}

.top_nav li a:hover i,
.top_nav li a:focus i {
    color: #8b91a0 !important;
}

.top_nav .nav>li>a:focus,
.top_nav .nav>li>a:hover,
.top_nav .nav .open>a,
.top_nav .nav .open>a:focus,
.top_nav .nav .open>a:hover {
    background-color: #484747;
}

.top_nav li.create-trigger a {
    background: #d1d138 !important;
    color: #22262e !important;
}

.top_nav li.create-trigger a:hover,
.top_nav li.create-trigger a:focus {
    background: #eded3f;
    color: #22262e !important;
}

.top_nav li.create-trigger a:hover,
.top_nav li.create-trigger a:focus {
    background: #d8d83b;
    color: #22262e !important;
}

.top_nav li.create-trigger a i {
    /* margin-right: 5px; */
}

.top_nav li.create-trigger a:hover i,
.top_nav li.create-trigger a:focus i {
    color: #22262e !important;
}

.top_nav li.create-trigger .create-trigger-label {
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 12px;
}

a.user-profile {
    font-weight: 600 !important;
    font-size: 12px;
}

.user-profile img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
}

.user-profile .user-name {
    display: inline;
    margin-right: 10px;
}

.user-profile span.fa {
    font-size: 20px;
}

/* ***** CONTAINER ********/

body .container.body .right_col {
    background: #e5e9ec;
}

.nav-md .container.body .right_col {
    padding: 50px 10px 0 10px;
    margin-left: 230px;
}

.nav-sm .container.body .right_col {
    padding: 50px 10px 0px 10px;
    margin-left: 70px;
    z-index: 2;
}

.col-md-55,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    float: left;
    padding-right: 3px;
    padding-left: 3px;
}

.row {
    margin-right: -3px;
    margin-left: -3px;
}

/* ***** buttons ********/
.btn {
    font-size: 13px;
    font-weight: 600;
    /*background: transparent;*/
}

.btn:active {
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);
}

.btn-default {
    color: #4c5264;
    background-color: #d1dade;
    border-color: #d1dade;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #22262e;
    background: #dfe5e8 !important;
    border: 1px solid #dfe5e8 !important;
}

.btn-primary {
    color: #4c5264 !important;
    background: #d1d138 !important;
    border: 1px solid #d1d138 !important;
}

.btn-cancel {
    color: white !important;
    background-color:#7a7b7d !important;
}

.btn-cancel:hover {
    filter: brightness(120%);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #22262e;
    background: #d8d83b !important;
    border: 1px solid #d8d83b !important;
}

.btn-success {
    color: #fff;
    background-color: #22262e;
    border-color: #22262e;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background: #31363e;
    border: 1px solid #31363e;
    color: #ffffff;
}


/* ***** labels ********/
.label {
    font-size: 80%;
    font-weight: 600;
    text-transform: uppercase;
}

.label-default {
    color: #4c5264;
    background-color: #dfe5e8;
}

.label-primary {
    color: #4c5264;
    background: #d1d138;
}

.label-success {
    color: #fff;
    background-color: #22262e;
}

/* ***** Forms ********/
label {
    font-weight: 600;
    font-size: 11px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #4c5264 !important;
}

/*.select2-container--default .select2-selection--single {
    border: 1px solid #cdd3d9 !important;
}*/

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #cdd3d9 !important;
}

.select2-dropdown {
    border: 1px solid #cdd3d9 !important;
    margin-top: -1px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #4c5264 transparent transparent transparent !important;
    margin-top: 3px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #4c5264 transparent !important;
    margin-top: 2px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    color: #fff;
}

.select2-container--default .select2-results__option--highlighted.selected {
    background: rgba(223, 229, 232, 0.8) !important;
}

.select2-container--default .select2-results__option--highlighted {
    background: rgba(223, 229, 232, 0.5) !important;
}


.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option.selected {
    background: rgba(223, 229, 232, 0.5) !important;
}

.select2-results__option {
    padding: 1px !important;
}

.select2-result-repository {
    padding: 0px;
}

.select2-result-repository__avatar {
    float: left;
    width: 45px;
    margin-right: 15px;
    margin-left: 5px;
}

.select2-result-repository__avatar img {
    width: 45px;
    height: 45px;
}

.select2-result-repository__meta {
    margin-top: 6px;
}

.select2-result-repository__title {
    color: #4c5264;
    font-size: 11px;
    font-weight: 600;
    word-wrap: break-word;
    line-height: 1.1;
    margin-bottom: 0px;
}

.select2-result-repository__description {
    font-size: 10px;
    color: #8690a5;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers {
    margin-right: 1em;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers,
.select2-result-repository__watchers {
    display: inline-block;
    color: #8690a5;
    font-size: 11px;
}

.select2-result-repository.selected {
    background: rgba(223, 229, 232, 0.5);
}

.select2-results__option--highlighted .select2-result-repository__title {
    color: #22262e;
}

.select2-results__option--highlighted .select2-result-repository__forks,
.select2-results__option--highlighted .select2-result-repository__stargazers,
.select2-results__option--highlighted .select2-result-repository__description,
.select2-results__option--highlighted .select2-result-repository__watchers {
    color: #22262e;
}

.form-control {
    font-size: 12px;
    color: #4c5264;
    background-color: #fff;
    background-image: none;
    border: 1px solid #cdd3d9;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
}

.input-group-addon {
    color: #4c5264;
    background-color: rgba(223, 229, 232, 0.5);
    border: 1px solid #cdd3d9;
    border-radius: 4px;
}

.input-group .form-control {
    width: 100% !important;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.form-horizontal .control-label {
    padding-top: 8px;
    margin-bottom: 0;
    text-align: left;
}

/* ***** progress bar ********/

.progress {
    /*height: 3px;*/
    height: 8px;
    background-color: #dfe5e8;
    border-radius: 5px;
    box-shadow: none;
    margin-bottom: 3px;
}

.progress-bar {
    box-shadow: none;
}

.progress-bar-info {
    background-color: #d1d138;
}

.progress-bar-success {
    background-color: #22262e;
}

/* ***** wizard_steps ********/
.wizard_horizontal ul.wizard_steps li a,
.wizard_horizontal ul.wizard_steps li:hover,
.wizard_horizontal ul.wizard_steps li:focus {
    color: #4c5264;
}

.wizard_horizontal ul.wizard_steps li a:before {
    background: #ecf2f5;
}

.wizard_horizontal ul.wizard_steps li a.disabled {
    color: #dfe5e8;
}

.wizard_horizontal ul.wizard_steps li a.disabled .step_no {
    background: #ecf2f5;
    color: #dfe5e8;
}

.wizard_horizontal ul.wizard_steps li a.blocked {
    color: #dfe5e8;
}

.wizard_horizontal ul.wizard_steps li a.blocked .step_no {
    background: #ecf2f5;
    color: #dfe5e8;
}

.wizard_horizontal ul.wizard_steps li a.selected:before,
.step_no {
    background: #d1dade;
    color: #4c5264;
}

.wizard_horizontal ul.wizard_steps li a.done:before,
.wizard_horizontal ul.wizard_steps li a.done .step_no {
    background: #d1d138;
    color: #fff;
}

.wizard_horizontal ul.wizard_steps li a.done {
    color: #d1d138;
}

.wizard_verticle ul.wizard_steps li a,
.wizard_verticle ul.wizard_steps li:hover,
.wizard_verticle ul.wizard_steps li:focus {
    color: #dfe5e8;
}

.wizard_verticle ul.wizard_steps li a:before {
    background: #ecf2f5;
}

.wizard_verticle ul.wizard_steps li a.disabled .step_no {
    background: #ecf2f5;
    color: #dfe5e8;
}

.wizard_verticle ul.wizard_steps li a.selected:before,
.step_no {
    background: #d1dade;
    color: #4c5264;
}

.wizard_verticle ul.wizard_steps li a.done:before,
.wizard_verticle ul.wizard_steps li a.done .step_no {
    background: #d1d138;
    color: #fff;
}



/* ***** Table ********/
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px 3px 8px 3px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 0.1px solid rgba(205, 211, 217, 0.3);
}

.table>thead>tr>th {
    border-bottom: 1px solid #cdd3d9;
}

table.dataTable {
    margin-top: 0px !important;
}

/*.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: rgba(223, 229, 232, 0.1);
}*/
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0.6;
    right: 70px;
}

table.dataTable thead .sorting:after {
    opacity: 0.4;
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    padding-right: 0px;
}

/* ***** MODAL ********/
.modal-header {
    padding: 10px;
    border-bottom: 0px;
    background: rgba(223, 229, 232, 0.3);
}

/*.modal-header .close {
        margin-top: 5px;
    }*/

.close,
.close:focus,
.close:hover {
    color: #4c5264;
}

/* ***** no Padding ********/

.no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.padding {
    padding: 10px 12px;
}

/* ***** no scroll ********/

.no-scroll {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}


/* ***** TUNAD CLASSES ********/
.tunad-loading {
    width: 160px;
    font-size: 14px;
    font-weight: 600;
    color: #8690a5;
    position: absolute;
    top: 50%;
    left: 50%;
}

.nav-sm .tunad-loading {
    margin-left: -40px;
}

.tunad-loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4, end) 900ms infinite;
    animation: ellipsis steps(4, end) 900ms infinite;
    content: "\2026";
    /* ascii code for the ellipsis character */
    width: 0px;
}

@keyframes ellipsis {
    to {
        width: 1.25em;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 1.25em;
    }
}

.tunad-page-title {
    /*height: 44px;*/
    height: 54px;
    /*margin-bottom: 10px;*/
    margin-bottom: 5px;
    /*border-bottom: 1px solid #cdd3d9;*/
    padding: 10px 0;
}

.tunad-page-title h1 {
    font-size: 16px;
    font-weight: 600;
}

.tunad-title h2 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
}

.tunad-title h3 {
    font-size: 12px;
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 2px;
    color: #8690a5;
}

.tunad-page-title .title_right {
    text-align: right;
}

.tunad-page-title .title_right .pull-right {
    margin: 0;
}

.tunad-page-title .title_left {
    width: 45%;
    float: left;
    display: block;
}


.tunad-page-title .title_left a {
    color: #8690a5;
}

.tunad-page-title .title_left a:hover {
    text-decoration: underline;
}

.tunad-page-title .title_left h1 {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
}

.tunad-page-title .title_left h2 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
    display: inline-block;
}

.tunad-page-title .title_left h3 {
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
}

.tunad-boxes {
    padding: 10px 12px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*.tunad-boxes::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}

.tunad-boxes::-webkit-scrollbar-thumb {
    background:rgba(223, 229, 232, 0.5);
    border-right: 2px solid #fff;
    border-radius: 10px;
}

.tunad-boxes::-webkit-scrollbar-track {
    margin-top: 15px;
    margin-bottom: 15px;
}*/

.tunad-boxes-footer {
    padding: 10px 12px;
    overflow-y: auto;
    overflow-x: hidden;
}


/*teste*/


table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    top: 8px;
    left: 4px;
    height: 16px;
    width: 16px;
    display: none !important;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 16px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: left;
    font-family: 'Courier New', Courier, monospace;
    text-indent: 4px;
    line-height: 16px;
    content: '+';
    background-color: #337ab7
}

.tunad-boxes-new {
    padding: 10px 12px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*
.tunad-boxes-new::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}

.tunad-boxes-new::-webkit-scrollbar-thumb {
    background:rgba(223, 229, 232, 0.5);
    border-right: 2px solid #fff;
    border-radius: 10px;
}

.tunad-boxes-new::-webkit-scrollbar-track {
    margin-top: 15px;
    margin-bottom: 15px;
}*/

.tunad-boxes-new-footer {
    padding: 10px 12px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*
fim teste*/




/*
.tunad-boxes-footer::-webkit-scrollbar {
  width: 6px;
  background-color: #ffffff;
  border-radius: 10px;
}

.tunad-boxes-footer::-webkit-scrollbar-thumb {
    background:rgba(223, 229, 232, 0.5);
    border-right: 2px solid #fff;
    border-radius: 10px;
}

.tunad-boxes-footer::-webkit-scrollbar-track {
    margin-top: 15px;
    margin-bottom: 15px;
}*/

.tunad-select-data {
    display:flex;
    justify-content:space-between;
    font-size: 11px;
    font-weight: 600;
    background: #fff;
    cursor: pointer;
    padding: 5px 8px;
    border: 1px solid #cdd3d9;
    border-radius: 4px;
    gap: 4px;
}

.tunad-select-data .fa {
    font-size: 14px;
}

/* ***** TUNAD STEPS ********/
.tunad-step-itens {
    font-size: 11px;
    font-weight: 600;
    min-height: 30px;
    /*background: #dfe5e8;*/
}

.tunad-step-icons {
    font-size: 40px !important;
    font-weight: normal;
    text-align: center;
    margin-top: -6px;
}

.tunad-step-active {
    color: #4c5264;
}

.tunad-step-completed {
    color: #d1d138;
}

am-input.tunad-step-completed span {
    color: #d1d138 !important;
}

.tunad-step-inative {
    color: #dfe5e8;
}

.tunad-step-line {
    margin-top: -4px;
    height: 148px;
}

.tunad-step-line svg {
    width: 20px;
    height: 140px;
}

.tunad-step-line line {
    stroke: #dfe5e8;
}

.tunad-step-completed line {
    stroke: #d1d138;
}

.tunad-step-inative line {
    stroke: #dfe5e8;
}

.tunad-step-item-progress {
    /*margin-top: 10px;*/
    margin-top: 18px;
}


.tunad-step-title {
    font-size: 13px;
    font-weight: 600;
    color: #4c5264;
    margin-bottom: 6px;
}

.tunad-step-title div {
    padding: 3px 3px 5px 5px;
}

.tunad-step-title .fa {
    font-size: 14px;
    margin-right: 10px;
    margin-left: 2px;
}

.tunad-step-title a {
    color: #4c5264;
    border-bottom: 1px solid transparent;
    padding: 3px 3px 5px 5px;
    display: block;
    cursor: pointer;
}

.tunad-step-title a:hover,
.tunad-step-title a:focus {
    color: #22262e;
    border-bottom: 1px solid #dfe5e8;
    display: block;
}

.tunad-step-title a .fa {
    font-size: 14px;
    margin-right: 10px;
    margin-left: 2px;
}

.tunad-step-title .tunad-step-item-completed {
    color: #d1d138;
}

.tunad-step-title a.tunad-step-item-completed {
    color: #d1d138;
}

.tunad-step-title a .tunad-step-title-rename {
    font-size: 9px;
    font-weight: 400;
    padding-top: 5px;
    color: #8690a5;
    display: none;
}

.tunad-step-title a:hover .tunad-step-title-rename,
.tunad-step-title a:focus .tunad-step-title-rename {
    display: inherit;
}

.tunad-step-item {
    padding: 1px 0px 1px 0px;
    /*padding-top: 0.6px;*/
}

.tunad-step-item a {
    /*color: #4c5264;*/
    /*background: transparent;*/
    /*padding: 3px 3px 3px 5px;*/
    /*display: block;*/
    cursor: pointer;
    /*height: 22px;*/
}

.tunad-step-item a:hover,
.tunad-step-item a:focus {
    color: #22262e;
    background: rgba(223, 229, 232, 0.5);
}

.tunad-step-item a .fa {
    font-size: 14px;
    margin-right: 10px;
    margin-left: 2px;
}

.tunad-step-item a.tunad-step-item-selected {
    color: #4c5264 !important;
    background: rgba(223, 229, 232, 0.5) !important;
}

.tunad-step-item a.tunad-step-item-incomplete {
    color: #96989c;
    background: rgba(223, 229, 232, 0.5);
}

.tunad-step-item a.tunad-step-item-completed {
    color: #d1d138;
}

.tunad-step-item span.tunad-step-item-completed {
    color: #d1d138;
    /*text-decoration:line-through;*/
}

.tunad-step-item a.tunad-step-item-blocked {
    color: #dfe5e8 !important;
}

.tunad-step-item a.tunad-step-item-blocked:hover,
.tunad-step-item a.tunad-step-item-blocked:focus {
    background: transparent;
    cursor: default;
}

.tunad-step-add {
    margin-top: 10px;
}

.tunad-step-item-integration {
    width: 15px;
    height: 14px;
    margin-right: 8px !important;
    margin-left: 0px !important;
    background-size: 15px 15px;
    display: inline-block;
}

.tunad-checkbox {
    padding-top: 8px;
}

/* ***** TUNAD ITENS ********/
.tunad-item {
    background: #fff;
    width: 95%;
    border: 3px solid;
    border-color: rgba(223, 229, 232, 0.5);
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    color: #4c5264;
    display: inline-block;
    margin-top: 8px;
    min-height: 170px;
}

.tunad-item1 {
    background: #fff;
    width: 95%;
    border: 3px solid;
    border-color: rgba(223, 229, 232, 0.5);
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    color: #4c5264;
    display: inline-block;
    margin-top: 8px;
}

.tunad-item:hover,
.tunad-item:focus {
    border-color: rgba(223, 229, 232, 1);
    color: #22262e;
}

.tunad-item-icon {
    color: #4c5264;
    font-size: 45px !important;
    font-weight: normal;
    padding: 17px 15px 17px 15px;
}

.tunad-item-name {
    padding-bottom: 10px;
}

.tunad-item-span-trigger {
    background: yellow;
    padding: 1px 0px;
    border-radius: 3px;
    width: 86px;
    text-align: center;
    display: block;
    margin: initial;
    margin-left: auto;
}

.tunad-item-span-trigger-weather {
    display: flex;
    justify-content: end;
}

.tunad-item-span-trigger-weather img {
    width: 38px;
    position: absolute;
    margin: auto;
    margin: 2px 4px 0px 0px;
}

.tunad-item .tunad-item-square {
    border: 3px solid #fff;
    padding: 0px;
}

.tunad-item:hover .tunad-item-square,
.tunad-item:focus .tunad-item-square {
    background: rgba(223, 229, 232, 0.2);
}

.tunad-item-selected {
    border-color: rgba(223, 229, 232, 0.5);
    color: #22262e;
}

.tunad-item-selected .tunad-item-square {
    height: 100%;
    background: rgba(223, 229, 232, 0.5);
}

.tunad-item-selected:hover .tunad-item-square,
.tunad-item-selected:focus .tunad-item-square {
    background: rgba(223, 229, 232, 0.8);
}


.tunad-item-more {
    width: 100%;
    height: 0px;
    color: #8690a5;
    background-color: rgba(223, 229, 232, 0.9);
    padding: 0px 12px 0px 12px;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    /* Safari */
    transition: height 0.5s;
    position: absolute;
    z-index: 1000;
}

.tunad-item-more:hover,
.tunad-item-more:focus {
    opacity: 1;
}

.tunad-item:hover .tunad-item-more,
.tunad-item:focus .tunad-item-more {
    /*height:105px;*/
    height: 120px;
}

.tunad-item-more-name {
    padding-bottom: 10px;
}

.tunad-item:hover .tunad-item-more-name,
.tunad-item:focus .tunad-item-more-name {
    opacity: 0.3;
}

.tunad-item-more-icon {
    color: #4c5264;
    font-size: 45px !important;
    font-weight: normal;
    padding: 7px 15px 17px 15px;
}

.tunad-item-more-icon1 {
    color: #4c5264;
    font-size: 45px !important;
    font-weight: normal;
    padding: 17px 15px 17px 15px;
}

.tunad-item:hover .tunad-item-more-icon,
.tunad-item:focus .tunad-item-more-icon {
    opacity: 0.5;
}

.tunad-item-channels1 {
    width: 85px;
    height: 75px;
    background-size: 45px 45px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 0px !important;
    display: inline-block;
}

.tunad-item-channels {
    width: 85px;
    height: 75px;
    background-size: 45px 45px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 0px !important;
    display: inline-block;
}

.tunad-item:hover .tunad-item-channels,
.tunad-item:focus .tunad-item-channels {
    opacity: 0.5;
}

.tunad-item-button {
    width: 100%;
    height: 30px;
    color: #fff;
    padding-top: 6px;
    margin-right: -12px;
    margin-left: -12px;
    position: absolute;
    top: 0;
}

.tunad-item-button .fa {
    font-size: 15px;
}

.tunad-item-button-combine {
    background: #000fc8;
}

.tunad-item-button-combine:hover,
.tunad-item-button-combine:focus {
    background: #000fc8;
}

.tunad-item-button-remove {
    background: #bd0000;
}

.tunad-item-button-remove:hover,
.tunad-item-button-remove:focus {
    background: #c80000;
}

.tunad-item-button-select {
    background: #d1d138;
    color: #4c5264;
}

.tunad-item-button-select:hover,
.tunad-item-button-select:focus {
    background: #d8d83b;
    color: #22262e
}

.tunad-item-button-play {
    background: #d1d138;
    color: #4c5264;
}

.tunad-item-button-play:hover,
.tunad-item-button-play:focus {
    background: #d8d83b;
    color: #22262e
}

.tunad-item-button-stop {
    background: #d8d83b;
    color: #22262e
}

.tunad-item-button-stop:hover,
.tunad-item-button-stop:focus {
    background: #d1d138;
    color: #4c5264;
}

.tunad-item-description {
    width: 100%;
    font-size: 11px;
    margin-top: 52px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tunad-item-description-context {
    width: 100%;
    max-width: 140px;
    height: 50px;
    font-size: 11px;
    margin: 0 auto;
    margin-top: 40px;
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: initial;
    text-overflow: ellipsis;
}

.tunad-item-time {
    width: 100%;
    font-size: 12px;
}

.tunad-item-time .fa {
    font-size: 15px;
}

.nav-sm .tunad-footer {
    margin-left: -10px;
}

.tunad-footer {
    bottom: 0;
    clear: both;
    display: block;
    position: fixed;
    z-index: 995;
    margin-right: -10px;
    margin-bottom: -15px;
    height: 60px;
    background: #fafbfb;
    padding: 7px 2px 0px 0px;
    text-align: right;
}

.tunad-item-integration {
    width: 85px;
    height: 75px;
    background-size: 45px 45px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 0px !important;
    display: inline-block;
}

.tunad-integration-Adwords {
    background-image: url(/img/triggers/app/googleADS.png);
}

.tunad-integration-Adwords:before {
    content: '' !important;
}

.tunad-integration-Pushover {
    background-image: url(/img/triggers/app/pushover.png);
}

.tunad-integration-Pushover:before {
    content: '' !important;
}

.tunad-integration-URLSync {
    background-image: url(/img/triggers/app/urlsync.png);
}

.tunad-integration-URLSync:before {
    content: '' !important;
}

.tunad-integration-MediaMath {
    background-image: url(/img/triggers/app/mediamath.png);
}

.tunad-integration-MediaMath:before {
    content: '' !important;
}

.tunad-integration-Analytics {
    background-image: url(/img/triggers/app/analytics.png);

}

.tunad-integration-Analytics:before {
    content: '' !important;
}

.tunad-integration-DBM {
    background-image: url(/img/triggers/app/dbm.png);
}

.tunad-integration-DBM:before {
    content: '' !important;
}

.tunad-integration-DFP {
    background-image: url(/img/triggers/app/dbm.png);
}

.tunad-integration-DFP:before {
    content: '' !important;
}

.tunad-integration-LiquidM {
    background-image: url(/img/triggers/app/liquidm.png);
}

.tunad-integration-LiquidM:before {
    content: '' !important;
}

.tunad-integration-Facebook {
    background-image: url(/img/triggers/app/facebook.png);
}
.tunad-integration-meta {
    background-image: url(/img/triggers/app/meta.png);
}

.tunad-integration-Facebook:before {
    content: '' !important;
}

.tunad-integration-Tiktok {
    background-image: url(/img/triggers/app/tiktok.png);
}

.tunad-integration-Tiktok:before {
    content: '' !important;
}


.tunad-integration-Twitter {
    background-image: url(/img/triggers/app/twitter.png);
}

.tunad-integration-Twitter:before {
    content: '' !important;
}

.tunad-integration-Instagram {
    background-image: url(/img/triggers/app/instagram.png);
}

.tunad-integration-Instagram:before {
    content: '' !important;
}

.tunad-integration-AdGlow {
    background-image: url(/img/triggers/app/adglow.png);
}

.tunad-integration-AdGlow:before {
    content: '' !important;
}

.tunad-integration-MaisClicks {
    background-image: url(/img/triggers/app/maisclicks.png);
}

.tunad-integration-MaisClicks:before {
    content: '' !important;
}


.tunad-trigger {
    background: rgba(223, 229, 232, 0.3);
    height: 55px;
    font-size: 11px;
    padding: 20px 12px;
}


.tunad-trigger h2 {
    font-size: 15px;
    font-weight: 600;
    margin: 0px;
    margin-top: -2px
}

.tunad-trigger-icon {
    font-size: 40px !important;
    margin-top: -12px;
}

.tunad-switch .switchery {
    width: 32px;
    height: 20px;
    margin-top: -4px
}

.tunad-switch .switchery>small {
    width: 20px;
    height: 20px;
}

.tunad-table {
    padding: 4px 12px;
}

.tunad-list-item-title {
    font-size: 10px;
    font-weight: 400;
    color: #8690a5;
    text-transform: uppercase;
}

.tunad-list-item {
    font-size: 11px;
}

.tunad-list-item .fa {
    /*font-size: 14px;*/
    font-size: 27px;
}

.tunad-list-item .fa-angle-down {
    font-size: 25px;
}

.tunad-list-item-type i {
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
}

.tunad-list-item-name {
    font-size: 12px;
    font-weight: 600;
}

.tunad-list-item-plus {
    font-size: 13px;
    text-align: right;
}

.tunad-action-type {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    float: left;
}

.tunad-action-name {
    font-size: 14px;
    font-weight: 600;
    margin-left: 40px;
    margin-top: 8px;
}


html.md-default-theme,
html,
body.md-default-theme,
body {
    /* background: #e5e9ec!important; */
    /*background: #f0f0f1 !important;*/
    background: #e5e9ec;
}



#description {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
}

#infowindow-content .title {
    font-weight: bold;
}

#infowindow-content {
    display: none;
}

#infowindow-content {
    display: inline;
}

.pac-card {
    margin: 10px 10px 0 0;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    font-family: Roboto;
    z-index: 1000;
}

#pac-container {
    padding-bottom: 12px;
    margin-right: 12px;
    z-index: 1000;
}

.pac-container {
    z-index: 1051 !important;
}

.pac-controls {
    display: inline-block;
    padding: 5px 11px;
    z-index: 1000;
}

.pac-controls label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
    z-index: 1000;
}

.tooltip-align {
    display: flex;
    align-items: end;
    justify-content: center;
    margin-left: 5px;
}

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
    z-index: 1000;
}

#pac-input:focus {
    border-color: #4d90fe;
    z-index: 1000;
}

/*#title {
    color: #fff;
    background-color: #4d90fe;
    font-size: 25px;
    font-weight: 500;
    padding: 6px 12px;
}*/

#target {
    width: 345px;
    z-index: 1000;
}


.PrettyInput {
    width: 360px;
    background: #fff;
    color: $input-text-color;
    font: inherit;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1);
    border: 0;
    outline: 0;
    padding: 22px 18px;
}
.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
}

    .daterangepicker:before, .daterangepicker:after {
        position: absolute;
        display: inline-block;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .daterangepicker:before {
        top: -7px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #ccc;
    }

    .daterangepicker:after {
        top: -6px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
    }

    .daterangepicker.opensleft:before {
        right: 9px;
    }

    .daterangepicker.opensleft:after {
        right: 10px;
    }

    .daterangepicker.openscenter:before {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .daterangepicker.openscenter:after {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .daterangepicker.opensright:before {
        left: 9px;
    }

    .daterangepicker.opensright:after {
        left: 10px;
    }

    .daterangepicker.drop-up {
        margin-top: -7px;
    }

        .daterangepicker.drop-up:before {
            top: initial;
            bottom: -7px;
            border-bottom: initial;
            border-top: 7px solid #ccc;
        }

        .daterangepicker.drop-up:after {
            top: initial;
            bottom: -6px;
            border-bottom: initial;
            border-top: 6px solid #fff;
        }

    .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
        float: none;
    }

    .daterangepicker.single .drp-selected {
        display: none;
    }

    .daterangepicker.show-calendar .drp-calendar {
        display: block;
    }

    .daterangepicker.show-calendar .drp-buttons {
        display: block;
    }

    .daterangepicker.auto-apply .drp-buttons {
        display: none;
    }

    .daterangepicker .drp-calendar {
        display: none;
        max-width: 270px;
    }

        .daterangepicker .drp-calendar.left {
            padding: 8px 0 8px 8px;
        }

        .daterangepicker .drp-calendar.right {
            padding: 8px;
        }

        .daterangepicker .drp-calendar.single .calendar-table {
            border: none;
        }

    .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
        color: #fff;
        border: solid black;
        border-width: 0 2px 2px 0;
        border-radius: 0;
        display: inline-block;
        padding: 3px;
    }

    .daterangepicker .calendar-table .next span {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .daterangepicker .calendar-table .prev span {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        min-width: 32px;
        width: 32px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        border-radius: 4px;
        border: 1px solid transparent;
        white-space: nowrap;
        cursor: pointer;
    }

    .daterangepicker .calendar-table {
        border: 1px solid #fff;
        border-radius: 4px;
        background-color: #fff;
    }

        .daterangepicker .calendar-table table {
            width: 100%;
            margin: 0;
            border-spacing: 0;
            border-collapse: collapse;
        }

    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
        background-color: #eee;
        border-color: transparent;
        color: inherit;
    }

    .daterangepicker td.week, .daterangepicker th.week {
        font-size: 80%;
        color: #ccc;
    }

    .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
        background-color: #fff;
        border-color: transparent;
        color: #999;
    }

    .daterangepicker td.in-range {
        background-color: #ebf4f8;
        border-color: transparent;
        color: #000;
        border-radius: 0;
    }

    .daterangepicker td.start-date {
        border-radius: 4px 0 0 4px;
    }

    .daterangepicker td.end-date {
        border-radius: 0 4px 4px 0;
    }

    .daterangepicker td.start-date.end-date {
        border-radius: 4px;
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        /*background-color: #357ebd;*/
        background-color: #d1d138;
        border-color: transparent;
        /*color: #fff;*/
        color: #666666;
    }

    .daterangepicker th.month {
        width: auto;
    }

    .daterangepicker td.disabled, .daterangepicker option.disabled {
        color: #999;
        cursor: not-allowed;
        text-decoration: line-through;
    }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        font-size: 12px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default;
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%;
    }

    .daterangepicker select.yearselect {
        width: 40%;
    }

    .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
        width: 50px;
        margin: 0 auto;
        background: #eee;
        border: 1px solid #eee;
        padding: 2px;
        outline: 0;
        font-size: 12px;
    }

    .daterangepicker .calendar-time {
        text-align: center;
        margin: 4px auto 0 auto;
        line-height: 30px;
        position: relative;
    }

        .daterangepicker .calendar-time select.disabled {
            color: #ccc;
            cursor: not-allowed;
        }

    .daterangepicker .drp-buttons {
        clear: both;
        text-align: right;
        padding: 8px;
        border-top: 1px solid #ddd;
        display: none;
        line-height: 12px;
        vertical-align: middle;
    }

    .daterangepicker .drp-selected {
        display: inline-block;
        font-size: 12px;
        padding-right: 8px;
    }

    .daterangepicker .drp-buttons .btn {
        margin-left: 8px;
        font-size: 12px;
        font-weight: bold;
        padding: 4px 8px;
    }

    .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
        border-right: 1px solid #ddd;
    }

    .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
        border-left: 1px solid #ddd;
    }

    .daterangepicker.show-ranges.rtl .drp-calendar.right {
        border-right: 1px solid #ddd;
    }

    .daterangepicker.show-ranges.ltr .drp-calendar.left {
        border-left: 1px solid #ddd;
    }

    .daterangepicker .ranges {
        float: none;
        text-align: left;
        margin: 0;
    }

    .daterangepicker.show-calendar .ranges {
        margin-top: 20px;
    }

    .daterangepicker .ranges ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

    .daterangepicker .ranges li {
        font-size: 12px;
        padding: 8px 12px;
        cursor: pointer;
    }

        .daterangepicker .ranges li:hover {
            background-color: #eee;
        }

        .daterangepicker .ranges li.active {
            /*background-color: #08c;*/
            background-color: #d1d138;
            /*color: #fff;*/
            color: #666666;
        }

/*  Larger Screen Styling */
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }

        .daterangepicker .ranges ul {
            width: 140px;
        }

        .daterangepicker.single .ranges ul {
            width: 100%;
        }

        .daterangepicker.single .drp-calendar.left {
            clear: none;
        }

        .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
            float: left;
        }

    .daterangepicker {
        direction: ltr;
        text-align: left;
    }

        .daterangepicker .drp-calendar.left {
            clear: left;
            margin-right: 0;
        }

            .daterangepicker .drp-calendar.left .calendar-table {
                border-right: none;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

        .daterangepicker .drp-calendar.right {
            margin-left: 0;
        }

            .daterangepicker .drp-calendar.right .calendar-table {
                border-left: none;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

        .daterangepicker .drp-calendar.left .calendar-table {
            padding-right: 8px;
        }

        .daterangepicker .ranges, .daterangepicker .drp-calendar {
            float: left;
        }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }

    .daterangepicker .ranges {
        float: left;
    }

    .daterangepicker.rtl .ranges {
        float: right;
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important;
    }
}

.container-input {
  display: flex;
  flex-direction: column;
  font-family: 'Inter', sans-serif;
}

.container-input label.label {
  font-size: 12px;
  text-align: start;
  color: #1a1a1a;
  text-transform: none;
}

.input-custom[data-error] {
  outline-color: rgb(165, 44, 7);
}

.input-custom{
  outline-width: 2px;
  outline-style: solid;
  outline-color: transparent !important;
  transition: all .3s ease-in-out;
  border-radius: 4px;
  background-color: rgb(235, 235, 235);
  padding: 6px 6px;
  display: flex;
  gap: 4px;
  align-items: center;
  color: #808080;
  margin-bottom: 4px;
  
}

.input-custom.dark{
  background-color: #f4f4f5;
  padding: 6px 16px;
  border-radius: 12px;
}

.input-custom.dark input{
  height: 40px;
}

.input-custom input::placeholder {
  color: #808080;
}

.input-custom input {
  background-color: transparent;
  color: #1a1a1a;
  border: none;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  font-family: "Inter";
}

.input-custom textarea {
  height: 40px;
  color: #1a1a1a;
  font-weight: 500;
  font-size: 14px;
  width: 100%;
  font-family: "Inter";
  /* resets */
  background-color: transparent;
  border: none;
  overflow: auto;
  outline: none;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;

  resize: none;
}

.input-custom.disable {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}

.input-custom.disable textarea {
  cursor: not-allowed;
}

textarea.plus {
  height: 80px;
}

.input-custom-sm input {
  font-size: 14px;
}

.icon-left {
  height: fit-content;
  line-height: 1;
}

.input-custom .icon-left i{
  font-size: 16px;

}


.input-custom .icon-right i{
  font-size: 16px;
}


small.message-input-custom {
  color: #1a1a1a;
  font-size: 12px;
  line-height: 1.5;
  height: 18px;
}

.input-custom[data-error]+small.message-input-custom{
  color: rgb(165, 44, 7);
}

.container-input.switch-container {
  flex-direction: row !important;
  font-size: 14px;
}

.container-input.switch-container label {
  margin-bottom: 0;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider-switch {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:  rgb(235, 235, 235);
  -webkit-transition: .4s;
  transition: .4s;
  height: 100%;
  margin-bottom: none;
}

.slider-switch:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch input:checked+.slider-switch {
  background-color: var(--blue-300);
}

.switch input:focus-within+.slider-switch {
  box-shadow: 0 0 1px var(--blue-300);
  outline-color: var(--blue-300);
  outline-width: 2px;
  outline-style: solid;
}

.switch input:checked+.slider-switch:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider-switch.round {
  border-radius: 34px;
}

.slider-switch.round:before {
  border-radius: 50%;
}
.select-input-custom {
  background-color: #0000;
  border: none;
  flex: auto;
  font-size: 12px;
  line-height: 1;
  font-family: 'Inter';
  font-weight: 400;
  color: #535353 !important;
}

.select-input-custom:focus-within {
  outline: none;
}

.input-wrapper-custom {
  background-color: #fff;
  border-radius: 12px;
  gap: 10px;
  width: 100%;
  padding: 14px 12px;
  display: flex;
  align-items: center;
}

.input-container-custom {
  background-color: #f3f3f3;
  border-radius: 16px;
  padding: 5px;
  display: flex;
  margin: 0 !important;
}

.select-container-custom {
  flex-direction: column;
  gap: 10px;
  display: flex;
  color: #535353 !important;
}

.select-wrapper-option-custom {
  background-color: #f3f3f3;
  border-radius: 16px;
  flex-direction: column;
  gap: 5px;
  padding: 5px;
  display: flex;
  max-height: 225px;
  overflow: scroll;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 100000;
  width: 100%;
  transition: 0.3s all;
  -ms-overflow-style: none;
  scrollbar-width: none; 
  box-shadow: 0px 10px 15px -3px rgba(187, 187, 187, 0.1);
}

.select-wrapper-option-custom::-webkit-scrollbar {
  display: none;
}

.select-wrapper-option-custom.display {
  opacity: 1;
  pointer-events: all;
}


.select-option-custom {
  background-color: #fff;
  border-radius: 12px;
  padding: 14px 12px;
  color: #535353 !important;
  cursor: pointer;
}

.select-option-custom.selected {
  outline: #36FF4A 1px solid;
}

.loader {
  margin: 0 !important;
  font-size: 20px;
  line-height: 1;
  animation: loading 1s infinite;
  display: none;
  width: 20px;
  height: 20px;
}

.loader.loading-input {
  display: block;
}

@keyframes loading {
  to {
    transform: rotate(360deg);
  }
}

.container-dropzone-tunad {
  gap: 20px;
  height: 700px;
  font-family: 'Inter' !important;
  display: flex;
}

.dropzone-tunad {
  text-align: center;
  background-color: #f9f9f9;
  border: 2px dashed #ccc;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 400px;
  min-height: 400px;
  display: flex;
}

.first-part {
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 350px;
  display: flex;
}

.list-items-finally {
  border-radius: 24px;
  gap: 12px;
  display: flex;
  flex-wrap: wrap;
  height: fit-content;
}

.preview-item {
  background-color: #fafafa;
  border: 1px solid #f4f4f5;
  border-radius: 12px;
  height: fit-content;
  max-height: 200px;
  position: relative;
  overflow: hidden;
}

.file-icon {
  font-size: 18px;
}

.preview-item:hover .remove-item {
  opacity: 1;
}

.remove-item {
  cursor: pointer;
  color: #fff;
  opacity: 0;
  background-color: #ef4444;
  border: none;
  border-radius: 12px;
  padding: 6px;
  font-size: 16px;
  line-height: 0;
  transition: opacity .3s ease-in-out;
  position: absolute;
  top: 10px;
  right: 10px;
  margin:0;
}

.list-items-finally img {
  object-fit: contain;
  width: 150px;
  height: 150px;
}

.item-upload {
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 16px;
  height: 40px;
}

.list-items-upload {
  flex-direction: column;
  gap: 12px;
  display: flex;
  overflow: hidden auto;
}

.list-items-upload::-webkit-scrollbar {
  display: none;
}

.file-upload-entry {
  background-color: #fafafa;
  border: 1px solid #f4f4f5;
  border-radius: 12px;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  display: flex;
  position: relative;
}

.file-upload-entry.has-error {
  border: 1px solid #ef4444;
  background-color: #fee2e2;
}

.progress-bar-container {
  background-color: #ccc;
  border-radius: 10px;
  width: 100%;
  height: 8px;
}

.progress-bar-dropzone {
  background-color: #1767fc;
  border-radius: 10px;
  width: 0%;
  height: 8px;
  transition: width .4s ease-in-out;
}

.file-info {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.file-info-container {
  align-items: center;
  gap: 8px;
  display: flex;
}

.file-icon {
  font-size: 18px;
  line-height: 1;
}

.file-info-container span:last-child {
  color: #71717a;
  font-size: 12px;
}

.file-info-container span:first-child {
  color: #27272a;
  font-size: 14px;
}

.upload-complete {
  background-color: #dff0d8;
}

.icon-dropzone {
  font-size: 32px;
}

.message {
  color: #71717a;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

#input-file {
  opacity: 0;
  pointer-events: none;
}

.error-action {
  color: #fff;
  background-color: #ef4444;
  border-radius: 12px;
  justify-content: end;
  align-items: center;
  padding: 8px;
  line-height: 1;
  transition: width .3s ease-in-out;
  display: flex;
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer;
}

.error-action i {
  font-size: 14px;
}

.error-action:hover {
  gap: 4px;
  width: 128px;
}

.error-action:hover p {
  opacity: 1;
  flex: 1;
}

.error-action p {
  opacity: 0;
  white-space: nowrap;
  width: 0;
  height: 12px;
  margin: 0;
  font-size: 12px;
  transition: width .3s ease-in-out;
}

.md-dialog-content{
    padding-left:1%;
    padding-right:1%;
}
.mp-style-radio {
    box-sizing: border-box;
    appearance: none;
    width: 18px;
    height: 18px;
    background: #E0E0E0;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 0px !important;
    outline: none !important;
    margin-right: 5px !important;
}

    .mp-style-radio:checked {
        margin-top: 0px !important;
        outline: 2px solid #d1d138 !important;
        border: 3px solid #E0E0E0;
        background: #d1d138;
        margin-right: 5px !important;
    }

.mp-style-span-text {
    font-family: Open Sans, Roboto, Arial, Droid Sans, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 24px;
    color: #252835;
}

.mp-style-span-title {
    font-family: Open Sans, Roboto, Arial, Droid Sans, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 29px;
    color: #252835;
    cursor: pointer
}

.mp-style-span-description {
    font-family: Open Sans, Roboto, Arial, Droid Sans, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.mp-default-spacing-Description {
    margin-top: 10px;
    width: 350px;
    padding-bottom: 20px;
}

.mp-div-alignment-span-ckeck {
    display: flex;
    align-items: center;
    background: #F1F1F1;
    border: 3px solid #F1F1F1;
    border-radius: 5px;
    padding: 0px 3px;
    margin: 5px;
    max-width: 300px;
}

.mp-div-meta-uplift {
    background: #F1F1F1;
    border: 3px solid #F1F1F1;
    border-radius: 5px;
    display: inline-flex;
    width: 67px;
}

.mp-div-meta-uplift {
    background: #F1F1F1;
    border: 3px solid #F1F1F1;
    border-radius: 5px;
    width: 75px;
    height: 33px;
    display: inline-flex;
    align-items: center;
}


.mp-style-input {
    background: #fafafa;
    border: #F1F1D9;
    border-radius: 3px;
    width: 40px;
    height: 24px;
    text-align: center;
}

.mp-style-label {
    font-size: 16px;
    margin-left: 5px
}

.mp-default-span-from-to {
    display: flex;
    margin: 0px 10px;
    height: 33px;
    align-items: center;
}

/*

   INICIO DA TELA DE CADASTRO E LISTAGEM DOS PLANOS DE MIDIA

*/
.mp-grid-div-title {
    width: 24%;
}

    .mp-grid-div-title:last-child {
        width: 3%;
    }

.mp-grid-title {
    margin-left: 10px;
    font-family: Open Sans, Roboto, Arial, Droid Sans, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #404454;
    margin-right: 10px;
}

    .mp-grid-title:last-child {
        width: 3% !important;
    }


.mp-grid {
    display: flex;
}

.mp-grid-row {
    width: 24%;
    display: flex;
    align-items: center;
}

    .mp-grid-row:first-child {
        background-color: #404454 !important;
        border-radius: 10px 0px 0px 10px;
        color: #FFFFFF !important;
    }

    .mp-grid-row:last-child {
        border-radius: 0px 10px 10px 0px;
        width: 3% !important;
        display: flex;
        justify-content: center;
    }

    .mp-grid-row:nth-child(odd) {
        margin-top: 10px;
        background-color: #EEEEEE;
    }

    .mp-grid-row:nth-child(even) {
        margin-top: 10px;
        background-color: #F3F3F3;
    }

.mp-grid-row-span {
    display: flex;
    align-items: center;
    margin-left: 10px;
    font-size: 14px;
    height: 60px;
}


/*

  FIM DA TELA DE CADASTRO E LISTAGEM DOS PLANOS DE MIDIA

*/









/*

    INICIO DA TELA SELEÇÃO DE MIDIAS

*/

.mp-details-name {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    color: #404454;
}


.mp-datails-AdBrandName {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #404454;
}

.mp-datails-period {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #404454;
}

.mp-detais-default {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #404454;
    font-weight: bold;
    margin-top: 5px;
}

.mp-detais-default-title {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 20px;
    color: #6F758E;
}

.mp-detais-div {
    margin-left: 40px;
    border-radius: 10px;
    border: solid 1px #BBC5CC;
    background-color: #F0F0F0;
    padding: 15px;
    display: grid;
    height: 80px;
}


.mp-filtro-title {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #6F758E;
}

.mp-filtro-campos {
    background: #F1F1F1;
    border: 3px solid #F1F1F1;
    border-radius: 5px;
    box-sizing: border-box;
    width: 90%;
    height: 30px;
}

.mp-grid-midias-title {
    margin-left: 10px;
    margin-right: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #404454;
}

.mp-grid-midias-barra-vertical {
    float: right;
    height: 30px;
    border-right: 2px solid #c7d4d5;
}

.mp-grid-midias-grid {
    width: 14%;
    margin-top: 10px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
}

    .mp-grid-midias-grid:first-child {
        width: 30% !important;
        border-radius: 10px 0px 0px 10px;
    }

    .mp-grid-midias-grid:last-child {
        border-radius: 0px 10px 10px 0px;
    }


    .mp-grid-midias-grid span {
        display: flex;
        margin-left: 10px;
        align-items: center;
        justify-content: flex-start;
        font-size: 14px;
        height: 60px;
    }

.mp-grid-midia-selected {
    width: 14%;
    margin-top: 10px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
}

    .mp-grid-midia-selected:first-child {
        width: 27% !important;
        border-radius: 10px 0px 0px 10px;
    }

    .mp-grid-midia-selected:last-child {
        border-radius: 0px 10px 10px 0px;
        width: 3%;
    }

    .mp-grid-midia-selected span {
        display: flex;
        align-items: center;
        margin-left: 10px;
        font-size: 14px;
        height: 60px;
    }


.mp-style-icon-delete {
    display: flex;
    align-items: center;
    margin-left: 10px;
    font-size: 14px;
    height: 60px;
}

.mp-title-list {
    font-style: normal;
    font-size: 26px;
    text-align: left;
    color: #404454;
}

.mp-filter-region {
    height: 120px;
    width: 100%;
    background: #FFFFFF;
    border: 2px solid #BBC5CC;
    border-radius: 10px;
    margin-bottom: 5px;
}

.mp-title-filter {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
}

.mp-display-filter {
    background: #404454;
    border-radius: 10px 0px 15px;
    height: 30px;
    width: 80px;
    text-align: center;
    margin: -1px 0px 0px 2px;
}

.mp-margin-campos {
    padding: 10px;
}

.mp-spacing-midias {
    background-color: #EFEFEF;
    height: 570px;
    border-radius: 10px;
    margin-right: 3px;
    padding: 5px
}

.mp-display-list-medias {
    height: 560px;
    padding: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 510px;
}

.mp-region-midia {
    display: flex;
    height: 650px;
}


.mp-grid-select:first-child {
    width: 27%;
    text-align: left;
}

.mp-grid-select:last-child {
    width: 3%;
    text-align: left;
}

.mp-grid-select {
    width: 13.8%;
    text-align: left;
}

.mp-alignment-grid-number {
    justify-content: flex-end !important;
    padding-right: 10px !important;
}

.mp-alignment-grid-Cabecalho {
    text-align: right !important;
}
/*

    FIM DA TELA SELEÇÃO DE MIDIAS

*/
/* Estilos aqui */
@media screen and (max-width: 1366px) {
    .mp-grid-midias-title {
        font-size: 13px;
    }

    .mp-grid-midias-grid span {
        font-size: 10px;
    }

    .mp-grid-midia-selected span {
        font-size: 10px;
    }

    .mp-row-title {
        margin-right: 0.5%;
        padding: 0px 5px 0px 5px;
    }


    .mp-grid-midia-selected:first-child {
        width: 25% !important;
    }

    .mp-grid-midia-selected:last-child {
        width: 5% !important;
    }

    .mp-style-icon-delete {
        display: flex;
        align-items: center;
        margin-left: 8px;
        font-size: 14px;
        height: 60px;
    }

    .mp-grid-select:first-child {
        width: 25% !important;
        text-align: center;
    }

    .mp-grid-select:last-child {
        width: 5% !important;
        text-align: center;
    }

    .mp-grid-select {
        width: 14.28% !important;
        text-align: center;
    }

    .mp-title-list {
        font-style: normal;
        font-size: 22px;
        text-align: center;
        color: #404454;
    }

    .mp-filter-region {
        height: 100px !important;
    }

    .mp-title-filter {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        color: #FFFFFF;
    }

    .mp-display-filter {
        height: 25px !important;
        width: 60px !important;
    }

    .mp-margin-campos {
        padding: 0px 10px;
    }

    .mp-filtro-title {
        font-size: 14px !important;
    }

    .mp-details-name {
        font-size: 20px
    }

    .mp-datails-AdBrandName {
        font-size: 16px
    }

    .mp-datails-period {
        font-size: 12px
    }

    .mp-detais-default-title {
        font-size: 20px
    }

    .mp-detais-default {
        font-size: 18px
    }

    .mp-spacing-midias {
        height: 410px !important;
    }

    .mp-display-list-medias {
        height: 365px !important;
    }

    .mp-region-midia {
        height: 450px !important;
    }
}


.mp-pending {
}

    .mp-pending .mp-display-loading {
        display: flex;
        align-items: center;
        height:60px
    }
    .mp-pending .mp-loading {
        background: #bdc3c7;
        width: 82%;
        height: 22px !important;
        border-radius: 5px;
        color: #bdc3c7 !important;
        background-color: #bdc3c7 !important;
        border-color: #bdc3c7 !important;
        animation-name: skeletonAnimation;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

  


@keyframes skeletonAnimation {
    0% {
        opacity: 0.8;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 0.8;
    }
}

/* .container-input {
  display: flex;
  flex-direction: column;
  font-family: 'Inter', sans-serif;
}

.container-input label.label {
  font-size: 12px;
  text-align: start;
  color: black;
  text-transform: none;
}

.input-custom[data-error] {
  outline-color: rgb(165, 44, 7);

}

.input-custom{
  outline-width: 2px;
  outline-style: solid;
  outline-color: transparent  !important;
  transition: all .3s ease-in-out;
  border-radius: 4px;
  background-color: #E3E2E2;
  padding: 6px 6px;
  display: flex;
  gap: 4px;
  align-items: center;
  color: #696969;
  margin-bottom: 4px;
}

.input-custom input {
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 600;
}

.input-custom .icon-left i{
  font-size: 16px;
}

small.message-input-custom {
  color: rgb(165, 44, 7);
  font-size: 12px;
  line-height: 1.5;
  height: 18px;
} */