.dashboard-stat.btn-info .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10);
}


.facebook-number-dashboard {
  padding-top: 3px;
}


.socialnetwork-logo-on-large-buttons {

  position: absolute;
  right: 15px;
  top: 17px;
  color: white;
}


.portlet.portlet-with-tabs > .portlet-title > .actions {
    float: right;
    display: inline-block;
    padding: 6px 0;
    margin-right: 7px;
}

.portlet.portlet-with-tabs > nav.nav-tabs {
  float: right;
  display: inline-block;
}




#chart-whatsapp-daily-container-messages,
#chart-whatsapp-daily-container-clients,
#chart-twitter-daily-container-messages,
#chart-twitter-daily-container-clients,
#chart-whatsapp-response-times-container,
#chart-whatsapp-workload-container
 {
  min-height: 400px;
  max-width: 800px;
}

.socialnetwork-chart-in-tab-messages,
.socialnetwork-chart-in-tab-customers {
  min-height: 400px;
  max-width: 800px;
  
}

.stats {
  position: absolute;
  top:0px;
  font-size: 12px;
  color: #f2f2f2;
  font-weight: 600;
  z-index: 1000;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 4px;
}

.stats:hover{
  background:rgba(255,255,255,0.5);
}

.today-info-socialnetwork {
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 4px;
}

.today-info-socialnetwork:hover{
  background:rgba(255,255,255,0.5);

}

.wa-number-dashboard {
  font-size: 22px;
  font-weight: 600;

}

.dashboard-stat .details .number {
  padding-top: 5px !important;
  line-height: inherit !important;
}

.wa-number-dashboard i {

    vertical-align: middle;
    font-size: 20px;
    height: 22px;
    padding-right:3px;
}


.main-chart-container {

  min-height: 500px;
}

/*  create quest form  */
ul#frmb-0-control-box li {
  min-width: 160px !important;
  width: 100%;
}


.frmb-control li {
  overflow: visible !important;
}


.checkbox > label, .form-horizontal .checkbox > label {
    padding-left: 20px !important;
}




.square {
    float:left;
    height:130px;
    position: relative;
    width: 13%;
  /*  padding-bottom : 30%;*/ /* = width for a 1:1 aspect ratio */
    padding-bottom: 30px;
  /* margin:1.66%;*/
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
}




ul#frmb-0-control-box li {
  min-width: 180px;
}


#frmb-0 .btn + .btn {
     margin-left: 0px;
}


#frmb-0 .del-button {
     margin-top: 3px;
}

.new-action-buttons {
  margin-top: 10px;
}

.swal2-validationerror {
  margin-bottom: 10px !important;
}
/*.swal2-modal button {
  text-align: center !important;
}*/

/*.swal2-modal {

  text-align: left !important;
}*/

.swal2-content {
  text-align: left !important;
  }

 .new-action-buttons {
  margin-top: 10px;
 } 


.btn-sq-lg {
  width: 150px !important;
  height: 150px !important;
}

.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: 10px;
}

.btn-sq-sm {
  width: 50px !important;
  height: 50px !important;
  font-size: 10px;
}

.btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding:2px;
}


#block-main-dashboard-content .btn {
  font-size: 16px;

}


.swal2-modal .btn-info {
  background-color:#337ab7;
  border-color:#387fb0;
  color:#FFFFFF;
}


.btn.btn-info.dropdown-toggle {
    border-left: 1px solid #337ab7;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
     color: #ffffff !important; 
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: #337ab7;
    border-color: #387fb0;
    color: #ffffff;
}