body {
  font-family: 'Ubuntu', sans-serif !important;
  background-color: #ffffff;
}

a {
  color: #333;
  text-decoration: underline;
}
a:hover, a:focus{color: #AAA !important;}
a.btn { color: #FFF !important; text-decoration: none;}

/* HELPER CLASESS*/

.no-padding{padding: 0;}

.pd-t-10{padding-top:10px;}

.pd-bt-20{padding-bottom:20px;}

/* END helper clases  */

.black_icon{color: #000;}

.alert{
  text-shadow:none !important;
  top: 60px;
  position:fixed;
  width:100%;
  height:50px;
  z-index:3;
}

#uploadComm{
  display: none;
  width: 400px;
  margin: 0 auto;
}
.input-group .form-control {
    z-index: auto !important;
}

#territories_and_channels{display: none;}

#nolinked{
  position: absolute;
  top: 50px;
  left: 30px;
}

.fullw-player audio{
    width: 100%;
    padding: 14px;
    margin-top: 40px;
}

.account-status img {
  padding-top:6px; padding-bottom:0px; max-width: 25px;
}

.color_blue{ color:#03ac9b;}
.background_blue{background-color:#03ac9b;}

.login_container .alert{
  text-shadow:none !important;
  position: inherit !important;
  width: auto !important;
}
.weather:hover{border: 3px solid #ea5d78; border-radius: 8px; cursor: pointer;}
.weather{border: 3px solid #FFF; border-radius: 8px;}
#weather1{ background: url("../img/weather_img/1.png") no-repeat center center #FFF; min-height: 120px;}
#weather2{ background: url("../img/weather_img/2.png") no-repeat center center #FFF; min-height: 120px;}
#weather3{ background: url("../img/weather_img/3.png") no-repeat center center #FFF; min-height: 120px;}
#weather4{ background: url("../img/weather_img/4.png") no-repeat center center #FFF; min-height: 120px;}
#weather5{ background: url("../img/weather_img/5.png") no-repeat center center #FFF; min-height: 120px;}
#weather6{ background: url("../img/weather_img/6.png") no-repeat center center #FFF; min-height: 120px;}
#weather7{ background: url("../img/weather_img/7.png") no-repeat center center #FFF; min-height: 120px;}
#weather8{ background: url("../img/weather_img/8.png") no-repeat center center #FFF; min-height: 120px;}
#weather9{ background: url("../img/weather_img/9.png") no-repeat center center #FFF; min-height: 120px;}
#weather10{ background: url("../img/weather_img/10.png") no-repeat center center #FFF; min-height: 120px;}
#weather11{ background: url("../img/weather_img/11.png") no-repeat center center #FFF; min-height: 120px;}
#weather12{ background: url("../img/weather_img/12.png") no-repeat center center #FFF; min-height: 120px;}

.pollen{
  border: 2px solid #CCC;
  background-color: #eaebed;
  color: #666;
  text-align: center;
  padding: 30px 0px;
  font-size: 17px;
  font-weight: bold;
  border-radius: 8px;
  margin-bottom: 15px;
}

.pollen:hover{border: 2px solid #ea5d78; border-radius: 8px; background-color: #c9e0de; cursor: pointer;}

.col-xs-pollen,
.col-sm-pollen,
.col-md-pollen,
.col-lg-pollen {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-pollen {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-pollen {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-pollen {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-pollen {
        width: 20%;
        float: left;
    }
}

#progressbar-uploader .alert{
  text-shadow:none !important;
  position: inherit !important;
  width: auto !important;
}

  /* enable absolute positioning */
.inner-addon { position: relative; }

/* style icon */
.inner-addon .glyphicon.glyphicon-calendar, .inner-addon .glyphicon.glyphicon-user, .inner-addon .glyphicon.glyphicon-lock {
  position: absolute;
  padding: 13px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

img {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

h2{ margin: 0px 0 20px 0;}

h3{ margin: 22px 0; }

.ini_cont{
   background-color: #FFF;
   width: 100%;
   min-height: 200px;
}


.filters label{display: block;}

#agencies_no_super, #agencies_super{display: none;}

/********   DASHBOARD STYLE   ********/

.mini-dash-index { float: left; width: 220px; }
.mini-dash-index label { color: #000000;}
.content-dash-index {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
}
.content-dash-index{
  min-height: 850px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #f1f3f6;
}

.title_camp_dash{
    float:left;
    width: 220px;
    margin-left: 10px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: auto !important;
    padding-top: 3px;
}

.tr_fb{
  background-color: #3b5998;
  color: #FFF;
}

.tr_ad{
  background-color: #12a866;
  color: #FFF;
}

.tr_fb_soft{ background-color: #e6effb;}
.tr_ad_soft{background-color: #fdf0e2;}
.table-dash tbody td{ border: 1px solid #ddd;}
.table-dash>thead>tr>td{padding: 2px}

.google-analytics-filters .select2-selection--multiple{
  min-width: 150px;
}

.google-analytics-filters {
  background-color: #e5e5e5;
  padding: 8px 16px;
  margin-bottom: 20px;
  border: 1px solid #d7d5d5;
}


/* *******  END Search boxes************************ */

/* ** BRAND PAGE BOXES *** */
.brand-box{
  border: 1px solid #CCC;
  padding: 8px 8px 17px 8px;
  border-radius: 3px;
  margin-bottom: 10px;
  background-color: #e5e5e5;
}

.brand-box img {
  width: 70px;
  padding-top: 10px;
  padding-left: 5px;
  margin-right: 13px;
  float: left;
}

/* END Brand Page Boxes  */

.content_ini, .col-md-10.index, .col-md-12.index{
  min-height: 850px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.commercials div.row{
  border-bottom: 1px solid #d8d4d4;
  background-color: #FFF;
  padding-bottom: 15px;
  padding-top: 15px;
}

.content_ini a{ color: #55acee;}
.content_ini a:hover{ color: #666 !important;}


#cab {
	padding-top: 1100px;
	background: #9e005f;
	background: -moz-linear-gradient(-45deg, #9e005f 0%, #ff767e 100%);
	background: -webkit-linear-gradient(-45deg, #9e005f 0%, #ff767e 100%);
	background: linear-gradient(135deg, #9e005f 0%, #ff767e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9e005f", endColorstr="#ff767e", GradientType=1);
}


#site-content {
	padding-top: 1100px;
	background: #9e005f;
	background: -moz-linear-gradient(-45deg, #9e005f 0%, #ff767e 100%);
	background: -webkit-linear-gradient(-45deg, #9e005f 0%, #ff767e 100%);
	background: linear-gradient(135deg, #9e005f 0%, #ff767e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9e005f", endColorstr="#ff767e", GradientType=1);
}

.login_container_default{
  background-image: url(../images/back.png);
  background-repeat: repeat;
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

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

#brand_selected{
  background-color: #FFF;
  border-radius: 4px;
  padding: 14px;
  text-align: center;
  margin-top: 20px;
}

.logo-login{margin:36px 0 46px 0;}
.logo-login-default{width: 150px; margin-top: 4px;}

.navbar-inverse {
  background-color: transparent;
  border-top: none;
  margin-bottom: 0;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-radius: 0px;
}

.green_number{
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
  background-color: #ea5d78;
  padding: 4px 9px;
  border-radius: 50%;
}

.well_float{
  float: left;
  background-color: #FFF;
  border-right: 1px solid #ddd;
  padding: 18px 4px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 25px;
}

.well_no_float{
  background-color: #FFF;
  border-right: 1px solid #ddd;
  padding: 18px 19px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 25px;
}

canvas{ margin-top: 16px;}

.input_coord{
  background-color: #e5e5e5;
  padding: 12px 18px;
  margin-bottom: 10px;
  float: left;
}

.input_coord input{margin-right: 9px;}

.navbar-inverse .navbar-toggle { background-color: #333;}
.navbar-inverse .navbar-nav>li>a {color: #FFF;}
.navbar-inverse .navbar-nav>li>a:hover { color: #000;}

.cont{ background-color: #FFF; }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #cbcbcb !important;}

.data-left {
  list-style: none;
  color: #FFF;
  font-size: 18px;
  padding: 32px 13px;
}

.data-left a{	color: #CCC;}

#footer{
  background-color: #b6bec4;
  font-size: 12px;
  padding: 23px;
  text-align: center;
}

#youare{
  display: inline;
  padding: 0px;
  color: #a6a7a7;
}

#footer p{ margin: 0;}

.container-fluid .row{
  background-color: #171b1e;
}

.mini-dash{
  margin: 0;
  padding-top: 20px;
  padding-bottom: 30px;
  float: left;
}

.mini-dash label{
  color: #000000;
}

.mini-dash table{
  margin-top: 18px;
}

.mini-dash table td{
  padding: 11px 0;
  width: 100%;
}

.progress-bar-danger { background-color: #e44bfb;}
.breadcrumb {
  font-size: 14px;
  margin: 0;
  padding: 0 7px;
  background-color: transparent;
  display: inline;
}

.breadcrumb a{color: #868787;}
.breadcrumb a:hover, .breadcrumb a:focus{color: #666 !important;}
.breadcrumb li.active a{
  color: #000000;
  font-weight: bold;
}

.fa-stack{
  color: #FFF;
  font-weight: bold;
  padding: 8px;
  border-radius: 50%;
}

.users_act td.num{text-align: right; padding: 0;}
.users_act td {
  padding: 0px 4px !important;
}
.users_act td.rojo{
  color: #e85344;
  font-weight: bold;
  /*font-family: arial;*/
}

#dummy {
  position: absolute;
  top: 0;
  left: 0;
  height: 250px;
  width: 100%;
  background: url('../img/bg-login-top.png') repeat #fff;
  z-index: 1;
}

.login_cube{
  margin: 0 0 0 -160px;
  width: 320px;
  text-align: center;
  z-index: 99;
  position: absolute;
  top: -30px;
  left: 50%;
  color: #FFF;
}

.login_cube a{color:#e87da2;}
.login_cube a:hover{color:#FFF !important;}

.form-signin label{
  font-weight: normal;
  margin: 14px 0 6px 0;
}

.copy{
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.05em;
  margin: 17px 0 45px;
}

thead th{
  font-weight: normal;
  background-color:#e6e9ed;
}

th.actions{
  width: 214px;
  text-align: center;
}

input[type="submit"]{
  background-color: #333;
  padding: 8px 24px;
  border-radius: 4px;
  color: #ea5d78;
  margin-right: 6px;
  margin-bottom: 5px;
  border:none;
}

.actions a{
  background-color: #333;
  padding: 4px 10px;
  text-decoration: none !important;
  border-radius: 4px;
  color: #FFF !important;
  margin-right: 6px;
  float: left;
}

#adwdata-box .adw-check-checked, #adwdata-box .adw-check-uncheck {
  padding: 0 10px;
}

.actions a.btn-warning{
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.actions a.btn-warning:hover{
  color: #fff !important;
  background-color: #CC8016;
  border-color: #CC8016;
}

.actions.users_index a{
  float: right;
}

th.actions.users_index{width: 260px !important;}
th.created{width: 165px !important;}

.actions a.mlink.btn-success{
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.actions a.mlink.btn-success:hover{
    color: #fff !important;
}


.actions a:hover, input[type="submit"]:hover{
  background-color: #171b1e;
  color: #ea5d78 !important;
}

#jp_container_1{ margin: 0 auto;}

.internal_link{
    background-color: #CCC;
    border-radius: 3px;
    border: 1px solid #8C8989;
    padding: 3px 6px;
    float: right;
    color: #000;
    text-decoration: none !important;
}

.internal_link.internal_link_empty{
  background-color: #F7F5F5;
  border: 1px solid #ECE9E9;
  color: #A09A9A;

}

.back_grey{
  background-color: #f6f8f8;
  border:1px solid #e1e1e1;
  padding: 17px;
  border-radius: 8px;
}

.s_actives{
  font-size: 20px;
  font-weight: normal;
  color: #a6b429;
}

.back_check{
  background: url(../img/back_check.png) no-repeat top left;
  background-size: 98px;
  padding: 3px 5px;
  margin-top: 8px;
  text-align: left;
}

.back_check input{
  width: 16px;
  padding: 0;
  margin: 0 15px 0 3px;
  display: inline;
  vertical-align: middle;
  height: 20px;
}

input[type="checkbox"]{
  width: 16px;
  padding: 0;
  margin: 0 20px 0 3px;
  display: inline;
  vertical-align: middle;
  height: 20px;
}

video {
   width:100%;
   height:172px;
}

.zone{
    margin: 13px 4px 4px 0;
    color: #FFF;
    text-align: right;
    display: inline;
    float: right;
    font-size: 11px;
    cursor: context-menu;
}

.menu_dropdown{
  padding-left:2px; float:right; text-align:right; margin-top:5px;  margin-bottom: 5px;
}
.menu_dropdown a{
  text-decoration: none;
}

.dropdown-menu li a:hover{
  color: #ea5d78 !important;
  background-color: #666 !important;
}

.button_new{
  background-color: #ea5d78;
  border: none;
}

.withoutpadding{padding: 0;}
.withoutpaddingleft{padding-left: 0;}
.withoutpaddingright{padding-right: 0;}

.scene_active{ border: 9px solid #ea5d78 !important;}
.scene_indiv{ border: 9px solid transparent;}

/************   Pagination   **************/

.paging div{
 border:0;
 padding:0;
 margin:0;
}

.paging {
 width:100%;
 clear:both;
 height:25px;
 padding-left:20px;
 padding-top:10px;
 padding-bottom:10px;
}

.paging div,
.paging a{
 border:0;
 margin:0;
 padding:0;
 font-size:11px;
 list-style:none;
 float:left;
}

.paging a{
  margin-right: 2px;
  padding: 5px 10px;
  background-color: #333;
  color: #e8c46f !important;
  border-radius: 3px;
  font-size: 14px;
}

.paging div.off {
 border:solid 1px #667151;
 color:#888888;
 display:block;
 float:left;
 margin-right:2px;
}

.paging .prev.disabled{
  float: left;
  margin-right: 8px;
  margin-top: 4px;
}

.paging .next.disabled{
  float: left;
  margin-left: 8px;
  margin-top: 4px;
}

.paging .current{
  background: #ea5d78;
  color: #ffffff;
  display: block;
  float: left;
  border-radius: 3px;
  padding: 5px 10px;
  margin-right: 2px;
}

.paging a:link,
.paging a:visited {
 color:#667151;
 display:block;
 float:left;
 text-decoration:none;
}

.channel_inactive{ opacity: 0.2;}
#SearchAdminIndexForm span{ width: 100% !important;}
#SearchAdminIndexForm .select2-selection__arrow b {left: 92%;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #000000 !important;}
.nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {color: #555 !important;}

/*.select2-container{width: 100% !important;}*/
.select2-container--default .select2-selection--multiple{border-color: #CCC !important;}

.md-npadding-l{padding-left:0px;}
.md-npadding-r{padding-right:0px;}

.navbar-nav>li>a { padding-bottom: 20px !important; text-decoration:none !important;}

#ChannelAdminEditForm div div img{margin-left: 38%;}

.col-xs-2.pull-right{
    text-align: right;
    margin-top: 5px;
    min-width: 225px;
}

.pull-right .dropdown a{text-decoration: none !important; color: #CCC;}
.pull-right .dropdown .dropdown-menu a{color: #333;}

.pull-right .select, .pull-right .form-group{
    float: left;
    margin-top: 3px;
    text-align: left;
    margin-bottom: 0 !important;
}
.pull-right .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 22px !important;}
.pull-right .select2-container .select2-selection--single { height: 25px !important;}

.content_agencies{
  float: right;
}

.zone_Time{
  position: absolute;
  top: 0px;
  right: 10px;
}

.table-data-brand .col-lg-8.edit_camp, .table-data-brand .col-lg-7.edit_camp, .col-lg-4.edit_camp{ padding: 3px;}
.table-data-brand .edit_camp div{ padding:0;}

.edit_camp_social{
    height: auto !important;
    padding: 17px 9px  2px 22px !important;
}

.edit_camp_social hr{
    background-color: #b8b9bf;
    height: 1px;
    margin: 14px 0 16px;
}

#sidebar-brand{
  background-color: #d9dadf;
  font-size: 14px;
  min-height: 558px;
  padding: 12px 16px 16px;
  margin-bottom: 25px;
}

#sidebar-brand2 .row, #sidebar-brand .row{
   margin-bottom: 15px;
}

#sidebar-brand2{
  background-color: #d9dadf;
  font-size: 14px;
  /*min-height: 770px;*/
  padding: 12px 16px 15px;
  margin-bottom: 25px;
}

#sidebar-brand2 button a{
    width: 100%;
    height: 100%;
    display: block;
}
#sidebar-brand2 button{
    padding: 0 !important;
    width: 35px;
    height: 33px;
}
#sidebar-brand2 button .glyphicon{ line-height: 1.7 !important;}
#sidebar-brand2 button img{ padding-top: 3px;}

#sidebar-brand h2,#sidebar-brand2 h2{
  background-color: #bec5c4;
  width: 100%;
  float: left;
  padding: 8px;
  font-size: 18px;
}

#sidebar-brand .btn-group .btn, #sidebar-brand2 .btn-group .btn{padding: 4px 7px;}

#arrow-back {
    border-top: 278px solid transparent;
    border-bottom: 278px solid transparent;
    border-left: 60px solid #d9dadf;
    float: left;
}

#arrow-back2 {
    border-top: 384px solid transparent;
    border-bottom: 384px solid transparent;
    border-left: 60px solid #d9dadf;
    float: left;
}

.back-white{background-color: #FFF; padding: 8px; min-height: 36px;}
.back-white span{font-size: 13px;}

.h4_commercials{font-size: 14px; height: 20px;}
.from_date .select2-container{width: 110px !important; margin-right: 7px; margin-left: 7px;}
.from_date label{width: 80px !important; }
.labelnormal label{font-weight: normal !important;}
.dtpicker{ padding: 7px !important;}
.comm-row{
    margin-bottom: 2px;
}
.comm-row-radio {
  min-height: 110px;
}
.comm-row-video {
  min-height: 288px;
}
.add-row{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.table-data-brand #sel-commercial-box div.add-del, .table-data-brand #brand-commercial-box div.add-del{
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    float: left;
    margin-bottom: 4px;
    min-height: inherit !important;
}

#sel-commercial-box, #brand-commercial-box {
    width: 100%;
    float: left;
    overflow-y: auto;
    height: 245px;
    padding: 12px 10px;
    overflow-x: hidden;
    background-color: #FFF;
}

.table-data-brand #sel-commercial-box div.videorow, .table-data-brand #brand-commercial-box div {
    min-height: 220px !important;
    margin-left: 0;
    padding-left: 0;
}

.table-data-brand #sel-commercial-box div.radiorow {
    margin-left: 0;
    padding-left: 0;
    min-height: 130px !important;
}

.class_green{background-color:#d4efd7;}

.tab-content{
    float: left;
    width: 100%;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 0 15px;
}

.nav-tabs a{
  text-decoration: none;
  font-size: 16px;
}

.dropzonecomm {
  height: 165px;
  width: 100%;
}
#commercial-uploader{
  width: 400px;
  height: 250px;
}

#progressbar-uploader{
  width: 400px;
}

.dropzonecomm .dz-preview {
    display: inherit !important;
    margin: 0px auto !important;
    width: 120px !important;
}

#commercial-uploader.dropzonecomm .dz-preview {
    display: inherit !important;
    margin: 40px auto !important;
    width: 120px !important;
}

#commercial-uploader, .dropzonecomm  {
  background: url('../img/arrow.png') no-repeat center center transparent !important;
  border: 3px dashed #CCC !important;
  border-radius: 19px;
  cursor: pointer;
}

.flowplayer.fixed-controls{min-height: 296px;}
.div_logo{background-color: transparent !important;}
.div_logo .form-group{ display: inline !important; width: auto !important;}
.div_logo .form-control{ display: inline !important; }
.div_logo .input-group .form-control{z-index: 0 !important;}
.bootstrap-filestyle input{ width: 100% !important; height: 34px;}

input[required], select[required] {
    background: url("../img/required.png") no-repeat #FFF;
    background-position: 5px 50%;
    background-size: 10px;
}

input[required].form-control {
    padding-left:19px;
}

.title-graph{
  background-color: #10BDAC;
  font-size: 14px;
  padding: 8px;
  color: #FFF;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000;
}

.divcontent{
  margin-bottom:20px;
  background-color:#d9dadf;
  float: left;
  width: 100%;
  color: #666;
  margin-top: 10px;
}

.divcontent .col-md-4 div{
    background-color: #FFF;
    float: left;
    width: 100%;
    padding: 18px;
    margin-bottom: 22px;
    font-size: 13px;
    border:1px solid #BBB;
}
.divcontent .col-md-4 div strong{
  color: #000;
  font-size:20px;
  letter-spacing: -1px;
}
.divcontent h3{
  border-bottom: 1px solid #CCC;
  font-size: 17px;
  margin-bottom: 0px;
  margin-top: 5px;
  color: #000;
  padding-bottom: 12px;
}

.divcontent h3 img{
  height: 18px;
  margin-right: 8px;
  vertical-align: middle;
}
.divcontent .fb-title{ text-align: center;}
.divcontent .fb-title img{width: 162px;}

.view_brands, .view_campaigns{
   background-color:#FFF; padding-top:20px; float:left; width:100%; padding-bottom: 25px;
}

.view_campaigns .tab-content .content-chart, .view_brands .tab-content .content-chart{width: 100% !important;}

.content-chart h3{
    background-color: #FFF;
    color: #333;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    border-top:1px solid #CCC;
    margin: 0px;
    text-align: center;
    padding: 8px 13px;
    font-size: 14px;
    border-radius: 4px 4px 0 0;
}

.airing_graph{
  min-height: 387px;
  min-width: 100%;
  background-color: #FFF;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  margin-bottom: 15px;
  border-radius: 0 0 4px 4px;
}
.airing_graph .ajaxLoader{
    width: 90px;
    position: absolute;
    left: 46%;
    top: 37%;
}
.airing_graph .td_comm{
  font-size: 22px;
  text-align: left;
}

.actions .btn-primary, .actions .btn-success{
  text-shadow:none !important;
}

.actions .btn-success, .actions .btn-primary{
    height: 28px !important;
    padding: 4px 10px !important;
}

.box-info{ margin-top: 15px;}
.login_cube .form-control {
    height: 41px !important;
    padding: 7px 38px !important;
}
.content-graph{
    min-width: 310px;
    min-height: 418px;
    margin: 0 auto;
    text-align: center;
}

a.truncate{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: auto !important;
    padding-top: 3px;
}

#dropdown-help li{
  padding: 3px 6px;
}

video{
  width: 100%    !important;
  height: auto   !important;
}

.table-data-brand #brand-commercial-box div.truncate, #sel-commercial-box div.truncate, .add-row div.truncate{
  width: 64%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: auto !important;
  padding-top: 3px;
}

.table_visibility{width:100%;}
.table_visibility td{padding:3px 12px;}
.table_visibility td.td_left{text-align: right; width: 46%;}
.table_visibility td.td_right{text-align: left; width: 52%;}

.span_visibility{
  background-color: #e5e5e5;
  padding: 7px 19px;
  display: inline-block;
}

#summarycontainer-0, #summarycontainer-1{
    max-height: 333px;
    overflow-y: auto;
    overflow-x: hidden;
}

.table_detections{
  width:100%;
  font-size: 18px;
  color: #6a6c6f;
}

.alert h4 {
    display: inline !important;
}

.table_detections td{ padding: 2px 8px;}

.highcharts-button{cursor: pointer !important;}
.btn-refresh-graph{padding: 1px 2px; position: absolute; top: 10px; right: 24px;}

.fromto{padding-left: 0px !important;}
.tofrom{
    padding-right: 0px !important;
    padding-left: 0px;
}

#div_select2{
  width:400px;
  margin: 0 auto 30px;
}
#div_select2 .select2-selection__choice {float: none !important;}

.calendar-dash{float: right;}

.fixed-sidebar-min{
  position:fixed; top:113px; width:inherit;
}

.helpbutton{
    background-color: #03ac9b;
    color: #FFF;
    margin: 11px 22px 0;
    padding: 7px 12px;
    float: right;
    border-radius: 4px;
    min-width: 85px;
    text-decoration: none;
    cursor: pointer;
}

.helpbutton_image{
    float: left;
    background-color: #ea5d78;
    color: #FFF;
    margin: 3px 22px;
    padding: 7px 12px 7px 11px;
    border-radius: 4px;
    min-width: 76px;
}

.helpbutton:hover{
  color: #FFF !important;
  text-decoration: none;
  background-color: #0D8478;
}

.top-step1{
    background: url('../img/top-step1.jpg') no-repeat top center;
    padding: 60px 0;
    background-size: cover;
    color: #333;
    font-size: 60px;
    text-align: center;
    margin-bottom: 40px;
}

h3.step{
  font-size: 40px;
  text-align: center;
}

.button_triangle{
    color: #FFF;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin-top: 80px;
}

.button_triangle:hover{
  color: #FFF !important;
  text-decoration: none;
  background-color: #0D8478;
}

.button_triangle.next{
    background: url('../img/button_triangle.png') no-repeat top center;
    padding: 39px 19px 42px 10px;
    float: left;
}

.button_triangle.before{
   background: url('../img/button_triangle_before.png') no-repeat top center;
   padding: 39px 10px 42px 19px;
   float: right;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success{
  background-color: #ea5d78 !important;
}

#territories_list{
  margin-bottom: 20px;
  float: left;
}

#territories_list li{
    text-align: center;
    border: 2px solid #CCC9C9;
    border-radius: 4px;
    float: left;
    min-height: 101px;
    width: 124px;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #e5e5e5;
    list-style: none;
}
#territories_list li a{
    display: block;
    padding: 20px;
    width: 100%;
    text-decoration: none;
    height: 100%;
    font-size: 17px;
}
#territories_list li a:hover, #territories_list li a:focus{
    text-decoration: none;
    color: #333 !important;
}

#territories_selected{
 margin: 0; padding: 0;
}

#territories_selected li{
  list-style: none;
  display: none;
  margin-top: 15px;
}

#channels_list form{ padding-top: 0px;}

.class_selected_li{display: block;}
.class_selected_li_none{display: none;}

#territories_selected li div.each_terr_sel{
  background-color: #cdf9f6;
  width: 100%;
  padding: 5px;
  border:2px solid #2dfbef;
}

#territories_selected li div.each_terr_sel table{ width: 100%;}
input[type="checkbox"].allcheck{ margin-right: 8px;}

#channels_list{
    padding: 0px 8px;
    border: 1px solid #CCC;
    margin-bottom: 15px;
    max-height: 450px;
    overflow-y: scroll;
    min-height: 40px;
    overflow-x: hidden;
}

.each_channel{
  width: 250px;
  float: left;
  margin-bottom: 17px;
  margin-right: 25px;
  height: 34px;
}

#territories_list li.class_selected{
  background-color: #cdf9f6;
  border-color:#2dfbef;
}

#malert-box .alert{
  width: 95%;
  top: 5px;
}

#button_slide{
  position: absolute;
  padding: 14px 16px;
  border: 0;
  text-decoration: none;
  top: 8px;
  left: 3px;
  background: url('../img/bars_button.png') no-repeat center center;
  background-color: #333333;
  outline: none;
}

#report{ margin-top: 30px;}

.resume_scheduling{
    margin-bottom: 6px;
    margin-top: 3px;
}

#emaildata{
    background-color: #DDD;
    min-height: 70px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    text-align: left;
}
.del-email{
    background: url("../img/delete.png") no-repeat center center transparent;
    background-size: 53%;
    width: 30px;
    height: 20px;
    color: transparent;
    margin-left: 13px;
    display: table;
}

.del-email:hover{
    color: transparent;
    background-color: transparent;
    text-decoration: none;
}

.differents-campaigns{
    padding: 7px 5px;
    border-radius: 4px;
    margin-bottom: 15px;
}

/*   Pagina NEW BRANDS  */

  ul.new-brands li{
    list-style-type: none;
    margin-top: 30px;
  }

  ul.new-brands li a {
    font-weight: bold;
    font-size:18px;
    padding-left: 5px;
  }

  ul.new-brands li p {
    margin:10px 0 0 10px;
  }

  ul.new-brands li p span {
    color: #dd9b2c;
    font-weight: bold;
  }
/*  END  pagina NEW BRANDS  */

/****************** ESTILOS CALENDARIO SIDEBAR   ****************/
#datetimepickerSidebar .bootstrap-datetimepicker-widget thead th.dow{ background-color: transparent !important;}
#datetimepickerSidebar .bootstrap-datetimepicker-widget tbody td{color: #FFF;}
#datetimepickerSidebar .bootstrap-datetimepicker-widget tbody td.old, #datetimepickerSidebar .bootstrap-datetimepicker-widget tbody td.new{ color: #403F3F;}
#datetimepickerSidebar .bootstrap-datetimepicker-widget thead th.prev, #datetimepickerSidebar .bootstrap-datetimepicker-widget thead th.next,  #datetimepickerSidebar .bootstrap-datetimepicker-widget thead th.picker-switch{
    background-color: #2b363f !important;
    color: #FFF;
    border-radius: 0px !important;
    padding: 13px;
}
#datetimepickerSidebar .picker-switch.accordion-toggle{ display: none;}
#datetimepickerSidebar .bootstrap-datetimepicker-widget table td.active, #datetimepickerSidebar .bootstrap-datetimepicker-widget table td.active:hover{
    background-color: #ea5d78 !important;
    color: #333;
    font-weight: bold;
}

/****************** ESTILOS CALENDARIO    ****************/
/*Daterange*/
#periodpicker{
  border:none;
  background-color: transparent;
  cursor: pointer;
  width: 180px;
  outline: none;
  font-size: 14px;
}

/*************************    Quitar border radius de los th   ************************/
.daterangepicker td, .daterangepicker th, .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
  background-color: transparent !important;
}
/*************************************************/

.mini-dash #periodpicker{width: 87%;}

#reportrange{
  background: #fff; padding: 5px 10px; border: 1px solid #ccc;
  width: 100%;border-radius: 4px;font-size: 16px;
}

.range_inputs .btn-default{
  height: 41px !important;
  padding: 7px 22px !important;
}

.range_inputs .btn-success{background-color: #171b1e !important; border:none !important;}

.daterangepicker td.in-range {
    background: #333 !important;
    color: #FFF !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #333 !important;
    border-color: #333 !important;
    color: #fff !important;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #171b1e !important;
    border: 1px solid #171b1e !important;
    color: #fff;
}

.daterangepicker .ranges li { color: #666 !important;}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover{ color: #FFF !important;}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #333 !important;
}

/******   timepicker   ******/
.timepicker-picker:before {
   content: 'Select hours & minutes';
   color: #FFFFFF;
   background-color: #ea5d78;
   text-align: center;
   text-shadow: 1px 1px 2px #000;
   display: block;
   padding: 8px 0px;
   font-weight: bold;
   font-size: 13px;
}

 #schedule-datalist .bootstrap-datetimepicker-widget table td a[data-action="incrementHours"], #schedule-datalist .bootstrap-datetimepicker-widget table td a[data-action="incrementMinutes"], .bootstrap-datetimepicker-widget table td a[data-action="decrementHours"], .bootstrap-datetimepicker-widget table td a[data-action="decrementMinutes"]{
  background-color: #CCC;
}

#schedule-datalist .bootstrap-datetimepicker-widget table td a:hover{
}

#schedule-datalist .bootstrap-datetimepicker-widget table td span, #schedule-datalist .bootstrap-datetimepicker-widget table td span:hover{
  height: 17px !important;
  line-height: 20px !important;
  border-radius: 2px;
  background-color: transparent !important;
}

#schedule-datalist .bootstrap-datetimepicker-widget table td {
  height: 30px !important;
  line-height: 30px !important;
  width: 30px !important;
}

#schedule-datalist .bootstrap-datetimepicker-widget .timepicker-hour,
#schedule-datalist .bootstrap-datetimepicker-widget .timepicker-minute,
#schedule-datalist .bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.0em !important;
  margin: 0;
}

.filters{
  background-color: #9e005f;
  margin-bottom: 25px;
  border-radius: 8px;
  margin-top: 15px;
  padding: 15px 0px 20px;
  color: #FFF;
}

.dtlabel, .filters .glyphicon{color:#000 !important;}

.filters .btn-success{margin-top: 20px;}



/****************** BOTONES BOOTSTRAP    ****************/

.btn-success{
  height: 41px !important;

	background: -moz-linear-gradient(-45deg, #30edc7 0%, #4fbcff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #30edc7 0%, #4fbcff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #30edc7 0%, #4fbcff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#30edc7", endColorstr="#4fbcff", GradientType=1); /* IE6-9 fallback on horizontal gradient */

	color: #fff;
	display: inline-block;
	border-radius: 4px;
	font-size: 15px;
	margin: 0 10px;
  text-transform: capitalize;
  border: none;
  margin: 0;
}

.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success{
  color:#1f678a !important;
}

.btn-primary{
  background: #666 !important;
  border-color: #666 !important;
  border-radius: 3px !important;
  text-shadow: 1px 1px 2px #000;
  height: 41px !important;
  padding: 7px 22px !important;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary{
  background: #4f4f4f !important;
  border-color: #4f4f4f !important;
}
/**************** BOOTSTRAP   *****************************/
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    vertical-align: middle;
}
.form-group { margin-bottom: 12px !important;}

/*.form-control {
    height: 29px;
    padding: 4px 12px;
    border-radius: 3px !important;
}*/

.mini-dash .col-lg-6{margin-top: 15px;}

.navbar {
    margin-left: 8px;
    min-height: 50px;
    border: 1px solid transparent;
}

.navbar-header .navbar-toggle{ float: left;}

.td_All {
    color: #039082;
}

.td_none{
  color:#900;
  font-weight: bold;
}

.nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
    height: 46px;
}

/*SPorts section*/
.sport-container{
  border-right: 1px solid #d9dadf;
}
.country-sport{
  height: 40px !important;
  width: 60px !important;
}
.sport_step{
  float: left;
  background-color: #ea5d78;
  color: #FFF;
  margin: 3px 0px;
  padding: 7px 12px 7px 11px;
  border-radius: 20px;
  min-width: 20px;
}
.sport_step-text{
  float: left;
  margin: 3px 0px;
  padding: 7px 12px 7px 11px;
}
.sport-label img{
height: 85px;
width: 85px;
display:block;
   margin:auto;
margin-bottom: 5px;
}

.sport-label p{font-weight: normal;}

#sidebar-brand2 :checked +  .sport-label img {
  border: 1px solid #84af2e;
  padding: 3px;
  background-color: #a3d440;
}

#sidebar-brand2 :checked + .sport-label p{
  color: #a3d440 !important;
  font-weight: bold;
}
#sidebar-brand2 :checked + .sport-label:before {
  display:none;
}

/********************** RESPONSIVE *************************/
@media (max-width: 1200px) {
  #table-data-brand div{
    padding: 6px 16px;
    height: auto;
  }
  .col-lg-8{clear: both;}
  .view_campaigns .col-lg-6.withoutpaddingleft, .view_campaigns .col-lg-6.withoutpaddingright{padding: 0;}
  .view_campaigns .col-lg-6.withoutpaddingleft{margin-bottom: 10px;}
  .fromto{padding-right: 0px !important; padding-left: 0px !important;}
  .tofrom{padding-right: 0px !important; padding-left: 0px !important;}
}

@media (max-width: 991px) {
  .md-npadding-l, .md-npadding-r, .md-npadding-lr{padding-left:0px; padding-right:0px;}
  .navbar-nav .open .dropdown-menu{ width: 100%;}
  .fixed-sidebar-min {
    position: initial;
    top: 113px;
    width: inherit;
    margin-bottom: 25px;
  }
}


@media (max-width: 535px) {
  .col-xs-2.pull-right{
      text-align: right;
      margin-top: 5px;
      min-width: 88px;
  }
  .content_agencies { float: none; margin-top: 8px; }
  h2.actions a{
    margin: 8px 0 13px;
    float: left !important;
  }
.content_ini, .col-md-10.index, .col-md-12.index{
    clear: both !important;
  }
}

@media (max-width: 390px) {
    .calendar-dash{ float:left; margin:8px 0 12px;}
}