@charset "UTF-8";
/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
/*
 *
 * Colors
 *
 */
/*
 * Body
 */
/*
 * Sidebar
 */
/*
 * Topbar
 */
/*
 * Sports Menu
 */
/*
 * Forms
 */
/*
 * Upload
 */
/*
 * Filters Feed
 */
/*
 * DataTables
 */
/*
 * Body
 */
/*
 * Login
 */
/*
 * Pages
 */
/*rgba(32, 200, 255, 1);*/
/*rgba(32, 200, 255, 1)*/
/*
 * Forms
 */
/*rgba(32, 200, 255, 1);*/
/* LAYOUT BLOCKS */
/*
 * Messages
 */
/*
 * Breadcrumbs
 */
/*rgba(32, 200, 255, 1);*/
/*
 * SideBar
 */
/*rgba(32, 200, 255, 1);*/
/*
 * Circle Button
 */
/*rgba(32, 200, 255, 1);*/
/*
 * Dashboard
 */
/*
 * Table
 */
/*rgba(32, 200, 255, 1);*/
/*rgba(32, 200, 255, 1);*/
/*
 *
 * Font Size
 *
 */
/*
 * Login
 */
/*
 * Pages
 */
/*
 * Forms
 */
/*
 * Breadcrumbs
 */
/*
 * Table
 */
/*
 * Media Querys
 */
/*
 * Toasters
 */
/*
 * Fixtures
 */
/*
 * Warnings
 */
/*
 * Form Boxs
 */
/*
 * Drag and Drop List
 */
/*
 * Multimedia
 */
/*
 * Polls
 */
/* NEW COLORS  */
/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
@font-face {
  font-family: "FuturaStd-Condensed-Bold";
  src: url("../../fonts/FuturaStd-CondensedBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "FuturaStd-Condensed";
  src: url("../../fonts/FuturaStd-Condensed.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "FuturaStd-Condensed-Light";
  src: url("../../fonts/FuturaStd-CondensedLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "FuturaStd";
  src: url("../../fonts/FuturaStd-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "FuturaStd-Heavy";
  src: url("../../fonts/FuturaStd-Heavy.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "FuturaStd-Light";
  src: url("../../fonts/FuturaStd-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "FiraSans-Regular";
  src: url("../../fonts/FiraSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "FiraSans-Medium";
  src: url("../../fonts/FiraSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "FiraSans-Bold";
  src: url("../../fonts/FiraSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "FiraSans-ExtraBold";
  src: url("../../fonts/FiraSans-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("../../fonts/icomoon.eot?skh1s8");
  src: url("../../fonts/icomoon.eot?skh1s8#iefix") format("embedded-opentype"), url("../../fonts/icomoon.ttf?skh1s8") format("truetype"), url("../../fonts/icomoon.woff?skh1s8") format("woff"), url("../../fonts/icomoon.svg?skh1s8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ball:before {
  content: "";
}

.icon-card:before {
  content: "";
}

.icon-stopwatch1:before {
  content: "";
}

.icon-stopwatch2:before {
  content: "";
}

.icon-stopwatch3:before {
  content: "";
}

.icon-sub:before {
  content: "";
}

.icon-whistle:before {
  content: "";
}

.icon-add:before {
  content: "";
}

.icon-arrow_back:before {
  content: "";
}

.icon-arrow_forward:before {
  content: "";
}

.icon-check:before {
  content: "";
}

.icon-chevron_left:before {
  content: "";
}

.icon-chevron_right:before {
  content: "";
}

.icon-close:before {
  content: "";
}

.icon-expand_less:before {
  content: "";
}

.icon-expand_more:before {
  content: "";
}

.icon-keyboard_control:before {
  content: "";
}

.icon-more_vert:before {
  content: "";
}

.icon-unfold_more:before {
  content: "";
}

.icon-sms:before {
  content: "";
}

.icon-sms_failed:before {
  content: "";
}

.icon-aspect_ratio:before {
  content: "";
}

.icon-clock:before {
  content: "";
}

.icon-settings_overscan:before {
  content: "";
}

.icon-stars:before {
  content: "";
}

.icon-system_update_alt:before {
  content: "";
}

.icon-close2:before {
  content: "";
}

.icon-backoffice_01:before {
  content: "";
}

.icon-backoffice_02:before {
  content: "";
}

.icon-backoffice_03:before {
  content: "";
}

.icon-backoffice_04:before {
  content: "";
}

.icon-backoffice_05:before {
  content: "";
}

.icon-backoffice_06:before {
  content: "";
}

.icon-backoffice_07:before {
  content: "";
}

.icon-backoffice_08:before {
  content: "";
}

.icon-backoffice_09:before {
  content: "";
}

.icon-backoffice-10:before {
  content: "";
}

.icon-crop2:before {
  content: "";
}

.icon-trash:before {
  content: "";
}

.icon-crop:before {
  content: "";
}

.icon-android:before {
  content: "";
}

.icon-windows8:before {
  content: "";
}

@font-face {
  font-family: "fcporto";
  src: url("../../fonts/fcporto.eot?xfzoxm");
  src: url("../../fonts/fcporto.eot?xfzoxm#iefix") format("embedded-opentype"), url("../../fonts/fcporto.ttf?xfzoxm") format("truetype"), url("../../fonts/fcporto.woff?xfzoxm") format("woff"), url("../../fonts/fcporto.svg?xfzoxm#fcporto") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=fcporto-], [class*=" fcporto-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "fcporto" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 38px !important;
  line-height: 30px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fcporto-golo_anulado:before {
  content: "";
}

.fcporto-assistencia:before {
  content: "";
}

.fcporto-cartao_amarelo:before {
  content: "";
}

.fcporto-cartao_vermelho .path1:before {
  content: "";
  color: #ffc000;
}

.fcporto-cartao_vermelho .path2:before {
  content: "";
  margin-left: -1em;
  color: #db1708;
}

.fcporto-defesa_guardaredes:before {
  content: "";
}

.fcporto-golo:before {
  content: "";
}

.fcporto-lesao:before {
  content: "";
}

.fcporto-livre:before {
  content: "";
}

.fcporto-mvp:before {
  content: "";
}

.fcporto-oportunidade_golo:before {
  content: "";
}

.fcporto-penalti_amarcar:before {
  content: "";
}

.fcporto-penalti_falhado:before {
  content: "";
}

.fcporto-penalti_marcado:before {
  content: "";
}

.fcporto-remate_poste:before {
  content: "";
}

.fcporto-remate_trave:before {
  content: "";
}

.fcporto-substituicao:before {
  content: "";
}

.fcporto-lance:before {
  content: "";
}

html {
  background-color: #1f262c !important;
}

select::-ms-expand {
  display: none;
}

select {
  -moz-appearance: none !important;
}

body {
  background-color: #1f262c;
  overflow-x: hidden;
  font-size: 16px;
  font-family: "FuturaStd";
  color: #272727;
  min-height: 100vh;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
body a, body a:hover, body a:focus, body a:active {
  color: #00a6f0;
  text-decoration: none;
}
body *:focus {
  /*border: 0px;*/
  outline: 0 !important;
  box-shadow: none !important;
}
body p {
  margin: 0;
}

.dd-options {
  height: auto !important;
  max-height: 300px !important;
}

.ct-chart-pie .ct-label {
  font-size: 17px;
  fill: white;
  font-weight: bold;
}

.ct-chart-pie .ct-series-a path, .ct-series-a .ct-area {
  fill: #2980b9 !important;
}

.ct-chart-pie .ct-series-b path {
  fill: #34495e !important;
}

.ct-chart-pie .ct-series-c path {
  fill: #2c3e50 !important;
}

.ct-chart-line .ct-series-a path {
  stroke: #2980b9 !important;
}

.ct-chart-line .ct-series-b path {
  stroke: #34495e !important;
}

.ct-chart-line .ct-series-c path {
  stroke: #2c3e50 !important;
}

.faded-player {
  opacity: 0.4;
}

#filters-select .dd-options {
  height: auto !important;
  max-height: 300px !important;
  height: initial !important;
}

.cke_top {
  background: none !important;
  border-bottom: 2px solid #dadee6 !important;
}

.cke_toolgroup {
  border: 1px solid transparent !important;
  background: none !important;
}

fieldset > .cke_reset {
  border: 2px solid #dadee6 !important;
  padding: 0 !important;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
  border-radius: 2px;
}

fieldset > .cke_focus {
  border-color: #00a6f0 !important;
}
fieldset > .cke_focus .cke_top {
  border-color: #00a6f0 !important;
}

.leaflet-control-attribution {
  opacity: 0.01 !important;
}

.info-span {
  color: #AFB9BE;
  font-family: FuturaStd-Heavy;
  font-size: 12px;
  visibility: visible;
  opacity: 1;
  margin-top: -1px;
  margin-bottom: 7px;
  display: block;
}
.info-span.medium {
  font-size: 14px;
  font-family: FuturaStd;
  font-weight: bold;
}
.info-span.medium .orange {
  color: #f8ab15;
  font-family: FuturaStd-Heavy;
}

.marginTop {
  margin-top: 30px;
}

.marginBottom {
  margin-bottom: 20px;
}

.marginTopMedium {
  margin-top: 15px;
}

.marginTopSmall {
  margin-top: 10px;
}

/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
body.login {
  background-color: #172127;
}

.login-logo {
  padding: 35px 0px;
  margin-top: 100px;
}

.login-panel {
  border-color: transparent !important;
  background-color: transparent !important;
}
.login-panel .btn-recover {
  background-color: transparent;
  font-family: "FuturaStd-Heavy";
  text-transform: uppercase;
  border-color: transparent;
  padding-right: 0px !important;
  margin: 0px;
  border: 0px solid;
  margin-top: 15px;
  margin-bottom: 10px;
}
.login-panel .btn-recover > span {
  font-family: "FuturaStd-Heavy";
  text-transform: uppercase;
  color: white;
  font-size: 12px;
  display: block;
}
.login-panel .form-group:first-child fieldset {
  margin-bottom: 0px;
}
.login-panel .form-group:first-child fieldset input {
  margin-bottom: 1px;
}
.login-panel input {
  border: 0px solid transparent !important;
  border-bottom: 3px solid transparent !important;
  font-weight: 600;
  padding-left: 15px;
  height: 45px !important;
}
.login-panel input.error {
  height: 48px;
  border-color: #e30433 !important;
  color: #e30433 !important;
}
.login-panel .icon-error i {
  line-height: 40px;
}

#recover-modal {
  margin-top: 50px;
}
#recover-modal .modal-dialog {
  max-width: 400px;
}
#recover-modal .modal-dialog .modal-content {
  border-radius: 0px;
  padding-bottom: 20px;
}
#recover-modal .modal-dialog .modal-content .modal-header {
  position: relative;
}
#recover-modal .modal-dialog .modal-content .modal-header .close {
  position: relative;
}
#recover-modal .modal-dialog .modal-content h3 {
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 10px;
  padding-left: 15px;
}
#recover-modal .modal-dialog .modal-content #messages {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 15px;
}
#recover-modal .modal-dialog .modal-content #messages.success {
  background-color: #dff0d8;
}
#recover-modal .modal-dialog .modal-content #messages.success p {
  color: #3c763d;
}
#recover-modal .modal-dialog .modal-content .modal-body {
  padding: 30px 30px 0px 30px;
}
#recover-modal .modal-dialog .modal-content .modal-body p {
  margin-bottom: 20px;
  color: #272727;
  font-family: "FuturaStd";
  font-size: 14px;
}
#recover-modal .modal-dialog .modal-content .modal-body input {
  border: 1px solid rgba(58, 66, 71, 0.9);
  margin-bottom: 20px;
  font-family: "FuturaStd";
  font-size: 15px;
}
#recover-modal .modal-dialog .modal-content .modal-body input.error {
  border-color: #e30433 !important;
  color: #e30433 !important;
}
#recover-modal .modal-dialog .modal-content .modal-footer {
  border-top: 0px;
  padding-left: 30px;
  padding-right: 30px;
}

/*
.login form > .form-group {
  margin: 0px;
}

#messages {
  margin-bottom: 30px !important;

  .close {
    line-height: 14px;
  }
}*/
@media (max-width: 767px) {
  .login-logo {
    margin-top: 10px;
  }
}
/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
.ads-menu {
  list-style: none;
  margin: 15px 0 0;
  padding: 0;
  display: flex;
}
.ads-menu li {
  margin-right: 10px;
  cursor: pointer;
  list-style: none;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "FuturaStd-Heavy";
  color: #cfd8dc;
}
.ads-menu li:hover {
  color: #00a6f0;
}

.month {
  margin: 15px 0 0;
  padding: 0;
}

.scroll {
  overflow-y: scroll;
  width: calc(100% + 15px);
  height: calc(100% - 107px);
  position: absolute;
}

.logout-button {
  font-size: 13px;
  text-transform: uppercase;
  line-height: 25px;
  position: absolute;
  right: 260px;
  font-family: "FuturaStd-Heavy";
  margin-right: 45px;
}
.logout-button .trigger-more {
  margin-right: 15px;
}
.logout-button > div {
  float: left;
}
.logout-button > div:first-child {
  line-height: 27px;
  cursor: pointer;
}
.logout-button a {
  opacity: 1 !important;
  float: left;
  display: block;
  width: 36px;
  height: 36px;
  margin-top: -5px;
  background-color: #2980b9;
}
.logout-button a i {
  font-size: 16px;
  top: 0;
}
.logout-button a:hover {
  background-color: rgba(165, 113, 42, 0.5);
}

.sidebar {
  z-index: 1;
  position: absolute;
  width: 250px;
  background-color: #1f262c;
  padding-top: 60px;
  overflow: hidden;
}

.navbar {
  height: 0;
  min-height: 0;
  background-color: #272727;
  position: fixed;
  width: 100%;
  border-color: transparent;
  margin-top: -1px;
}
.navbar .nav > li {
  -webkit-transition: background-color 400ms ease-in-out;
  -moz-transition: background-color 400ms ease-in-out;
  -o-transition: background-color 400ms ease-in-out;
  transition: background-color 400ms ease-in-out;
}
.navbar .nav > li .separator {
  color: #00a6f0;
  border-top: 2px solid rgba(255, 255, 255, 0.1);
}
.navbar .nav > li.menu-separator {
  background-color: #373d42 !important;
  height: 2px;
}
.navbar .nav > li.menu-separator.pushed {
  margin-top: -2px;
}
.navbar .nav > li:first-child span {
  border-top: 0 solid #1f262c !important;
}
.navbar .nav > li, .navbar .submenu > li {
  display: block;
}
.navbar .nav > li .submenu-arrow, .navbar .submenu > li .submenu-arrow {
  font-size: 11px;
  float: right;
  line-height: 14px;
  padding-right: 10px;
}
.navbar .nav > li .submenu-extend, .navbar .submenu > li .submenu-extend {
  font-size: 11px;
  float: right;
  line-height: 14px;
  padding-right: 10px;
}
.navbar .nav > li.active > a, .navbar .submenu > li.active > a {
  background-color: #333943;
  color: white;
  border-left: 3px solid #00a6f0;
}
.navbar .nav > li.active > a:hover, .navbar .submenu > li.active > a:hover {
  background-color: #00a6f0;
  color: white;
}
.navbar .nav > li > a, .navbar .submenu > li > a {
  position: relative;
  display: block;
  padding: 17px 15px;
  line-height: 15px;
  -webkit-transition: all 0.2s ease-in-out;
  text-transform: uppercase;
  font-family: "FuturaStd-Heavy";
  font-size: 13px;
  background-color: transparent;
  color: white;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
}
.navbar .nav > li > a:hover, .navbar .submenu > li > a:hover {
  -webkit-transition: all 0.2s ease-in-out;
  background-color: #333943 !important;
}
.navbar .nav > li > span, .navbar .submenu > li > span {
  position: relative;
  display: block;
  padding: 0 15px 0 12px;
  border-left: 3px solid #00a6f0;
  background-color: #333943;
  color: white;
  text-transform: uppercase;
  line-height: 48px;
  padding-top: 2px;
  font-family: "FuturaStd-Heavy";
  font-size: 13px;
  border-bottom: 2px solid #1f262c !important;
  border-top: 2px solid #1f262c !important;
}
.navbar .nav > li.open > a, .navbar .submenu > li.open > a {
  border-left: 3px solid #00a6f0;
}
.navbar .submenu {
  padding-left: 0;
  border-top: 0 solid transparent;
  overflow-y: hidden;
  max-height: 0;
  display: block;
  -webkit-transition: max-height 400ms ease-in-out;
  -moz-transition: max-height 400ms ease-in-out;
  -o-transition: max-height 400ms ease-in-out;
  transition: max-height 400ms ease-in-out;
}
.navbar .submenu .submenu-inside,
.navbar .submenu .submenu-inside-inside {
  padding: 0;
  border-top: 0 solid transparent;
  overflow-y: hidden;
  display: block;
  max-height: 0;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  list-style: none;
}
.navbar .submenu .submenu-inside > li.active > a,
.navbar .submenu .submenu-inside-inside > li.active > a {
  background-color: #464c56;
  color: white;
  border-left: 3px solid #00a6f0;
}
.navbar .submenu .submenu-inside > li.active > a:hover,
.navbar .submenu .submenu-inside-inside > li.active > a:hover {
  background-color: #00a6f0;
  color: white;
}
.navbar .submenu .submenu-inside > li > a,
.navbar .submenu .submenu-inside-inside > li > a {
  position: relative;
  display: block;
  padding: 17px 15px 17px 30px;
  line-height: 15px;
  -webkit-transition: all 0.2s ease-in-out;
  text-transform: uppercase;
  font-family: "FuturaStd";
  font-size: 13px;
  background-color: transparent;
  color: white;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
}
.navbar .submenu .submenu-inside > li > a:hover,
.navbar .submenu .submenu-inside-inside > li > a:hover {
  -webkit-transition: all 0.2s ease-in-out;
  background-color: #464c56 !important;
}
.navbar .submenu .submenu-inside > li > span,
.navbar .submenu .submenu-inside-inside > li > span {
  position: relative;
  display: block;
  padding: 0 15px 0 12px;
  border-left: 3px solid #00a6f0;
  background-color: #333943;
  color: white;
  text-transform: uppercase;
  line-height: 48px;
  padding-top: 2px;
  font-family: "FuturaStd";
  font-size: 13px;
  border-bottom: 2px solid #1f262c !important;
  border-top: 2px solid #1f262c !important;
}
.navbar .submenu .submenu-inside > li:last-child,
.navbar .submenu .submenu-inside-inside > li:last-child {
  margin-bottom: 10px;
}
.navbar .submenu > li > a, .navbar .submenu > li > span {
  font-size: 13px;
  border-left: 3px solid transparent;
  border-bottom: 0 solid #1f262c !important;
  border-top: 0 solid #1f262c !important;
  background-color: transparent;
  font-family: "FuturaStd";
}
.navbar .submenu > li:first-child {
  border-top: 2px solid transparent;
}
.navbar .submenu > li:last-child {
  border-bottom: 0 solid transparent;
  margin-bottom: 10px;
}
.navbar .open-inside .submenu-inside {
  display: block;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  overflow-y: hidden;
  max-height: 1500px;
  background-color: #333943;
  color: white;
}
.navbar .open-inside > a {
  background-color: #333943 !important;
  color: white !important;
  font-family: "FuturaStd-Heavy" !important;
}
.navbar .open-inside-inside .submenu-inside-inside {
  display: block;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  overflow-y: hidden;
  max-height: 100%;
  background-color: #495260;
  color: white;
}
.navbar .open-inside-inside > a {
  background-color: #333943 !important;
  color: white !important;
  font-family: "FuturaStd-Heavy" !important;
}
.navbar .open {
  -webkit-transition: background-color 400ms ease-in-out;
  -moz-transition: background-color 400ms ease-in-out;
  -o-transition: background-color 400ms ease-in-out;
  transition: background-color 400ms ease-in-out;
  border-bottom: 0 solid transparent !important;
}
.navbar .open > a {
  background-color: transparent !important;
  font-family: "FuturaStd-Heavy" !important;
  border-left: 0 solid transparent !important;
}
.navbar .open .submenu {
  display: block;
  -webkit-transition: max-height 400ms ease-in-out;
  -moz-transition: max-height 400ms ease-in-out;
  -o-transition: max-height 400ms ease-in-out;
  transition: max-height 400ms ease-in-out;
  overflow-y: hidden;
  max-height: 2000px;
}

.navbar-brand {
  position: absolute;
  background-color: #151d23;
  width: 250px;
  height: 60px;
  padding: 0;
  z-index: 10;
  top: 0;
}
.navbar-brand .logo {
  position: relative;
  width: 40px;
  margin: 0 15px;
  float: left;
}
.navbar-brand .logo img {
  margin: 10px 0;
  width: 40px;
}
.navbar-brand .brand-info {
  position: relative;
  width: calc(100% - 70px);
  float: left;
}
.navbar-brand .brand-info h1 {
  font-size: 16px;
  font-family: "FuturaStd-Heavy";
  color: white;
  line-height: 1.2;
  margin: 15px 0 0 0;
  padding: 0;
  text-align: left;
}
.navbar-brand .brand-info h2 {
  font-size: 12px;
  font-family: "FuturaStd-Light";
  color: #78909c;
  margin: 0;
  padding: 0;
  text-align: left;
}
.navbar-brand:hover {
  background-color: #151d23 !important;
}

.navbar-bottom-element {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  border-top: 2px solid rgba(255, 255, 255, 0.1);
  background-color: #151d23;
}
.navbar-bottom-element .navbar-button-icon {
  background-image: url("/img/backend/logo_pink.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
  opacity: 0.5;
  width: 45px;
  height: 45px;
  float: left;
}
.navbar-bottom-element .navbar-button-text {
  font-size: 10px;
  height: 45px;
  line-height: 14px;
  padding-top: 8px;
  color: rgba(255, 255, 255, 0.5);
  font-family: "FuturaStd-Heavy";
}
.navbar-bottom-element .navbar-button-text span {
  font-size: 12px;
  color: white;
}

.sports-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "FuturaStd-Heavy";
  color: #cfd8dc;
}
.sports-menu .active {
  color: #00a6f0;
}
.sports-menu li {
  padding: 10px 0;
  margin: 0 12px;
}
.sports-menu li:first-child {
  margin: 0 12px 0 0;
}
.sports-menu li:last-child {
  margin: 0 0 0 12px;
}
.sports-menu li a {
  color: inherit;
  cursor: pointer;
}
.sports-menu li a.active {
  color: #00a6f0;
}
.sports-menu li a:hover {
  color: #00a6f0;
}
.sports-menu li a:active {
  color: #00a6f0;
}

@media (max-width: 767px) {
  .navbar-brand {
    height: 75px;
  }
  .navbar-brand img {
    width: 50px;
  }

  .sidebar {
    z-index: 1;
    position: relative;
    width: 100%;
    background-color: #1f262c;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar {
    position: fixed;
    height: 100%;
    background-color: #1f262c;
    top: 59px;
    left: -100%;
    margin-bottom: 0;
    overflow-y: scroll;
    padding-bottom: 60px;
    -webkit-transition: left 0.5s ease-in-out;
    -moz-transition: left 0.5s ease-in-out;
    -o-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
  }
  .navbar.open {
    left: 0%;
    -webkit-transition: left 0.5s ease-in-out;
    -moz-transition: left 0.5s ease-in-out;
    -o-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
  }

  .navbar-brand {
    display: none;
  }
}
/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
/*
  __  __ _     _         
 |  \/  (_)_ _(_)_ _  ___
 | |\/| | \ \ / | ' \(_-<
 |_|  |_|_/_\_\_|_||_/__/

/*
 *	Center Object
 *  - to Use: @include centerElem(-50%, -50%);
 */
/*
 *	POSICIONAR ELEMENTO
 *  - to Use: @include posiAbsolute(0,auto,auto,0);
 */
/*
*	OPACITY
*  - to Use: @include opacity(0.8);
*/
/*
*	FLEXBOX DISPLAY
*  - to Use: @mixin flex-display();
*/
/*
	 _____                 _ _   _             
	|_   _| _ __ _ _ _  __(_) |_(_)___ _ _  ___
	  | || '_/ _` | ' \(_-< |  _| / _ \ ' \(_-<
	  |_||_| \__,_|_||_/__/_|\__|_\___/_||_/__/

	 *  - to Use:  @include transition(all 0.4s $easeOutExpo );
	 */
/*
 *	TRANSISTIONS DELAY
 *  - to Use:  @include transition-delay(0.2s);
 */
/*
   _____                  __               
  |_   _| _ __ _ _ _  ___/ _|___ _ _ _ __  
    | || '_/ _` | ' \(_-<  _/ _ \ '_| '  \ 
    |_||_| \__,_|_||_/__/_| \___/_| |_|_|_|

*  - to Use: @include transform( translate(-50%, -50%) );
*/
/*
*	VISUALLY HIDE AN ELEMENT
*  - to Use: .visually-hidden {
			   	@extend %visuallyhidden;
			 }
*/
/*
 _  __         ___                      
| |/ /___ _  _| __| _ __ _ _ __  ___ ___
| ' </ -_) || | _| '_/ _` | '  \/ -_|_-<
|_|\_\___|\_, |_||_| \__,_|_|_|_\___/__/
          |__/                          

*  - to Use: @include keyframes(slide-down) {
			   	0% { opacity: 1; }
			  	90% { opacity: 0; }
			 }

			 @include animation('slide-down 5s 3');
*/
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.spinner-regular {
  width: 0px;
  height: 0px;
  opacity: 0;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.spinner-regular > div {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  border: solid 5px transparent;
  border-top-color: #00a6f0;
  border-left-color: #00a6f0;
  border-radius: 50%;
  -webkit-animation: rotating 0.7s linear infinite;
  -moz-animation: rotating 0.7s linear infinite;
  -ms-animation: rotating 0.7s linear infinite;
  -o-animation: rotating 0.7s linear infinite;
  animation: rotating 0.7s linear infinite;
}
.spinner-regular.spinner {
  opacity: 1;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

form {
  /*.avatar {
    border-radius: 50%;
    border: 2px solid $color-form-avatar-border;
    overflow: hidden;
    width: 100%;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    position: relative;
    background: url("/img/global/avatar.png") no-repeat center center;
    background-size: cover;
    margin-bottom: 25px;
  }

  .avatar-edit {
    border-radius: 50%;
    border: 2px solid $color-form-avatar-border;
    overflow: hidden;
    width: 100%;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    position: relative;
    background: url("/img/global/avatar.png") no-repeat center center;
    background-size: cover;
    margin-bottom: 25px;
    }*/
}
form .form-spacing {
  width: 100%;
  margin-bottom: 20px;
  display: inline-block;
}
form .form-spacing-medium {
  width: 100%;
  height: 10px;
  display: block;
}
form .form-spacing-divider {
  width: 100%;
  height: 2px;
  display: block;
  background: #CFD8DC;
  margin: 50px 0;
}
form .form_wrapper {
  padding: 0px !important;
}
form .form_wrapper .form-group {
  padding: 0px;
  margin: 0px;
}
form .form_wrapper .form-group.col-fixed-250 {
  width: 250px;
  position: absolute;
}
form .form_wrapper .form-group.col-offset-250 {
  padding-left: 285px;
}
form .form_wrapper .form-item {
  padding: 0px;
}
form span.error-ckeditor {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  display: inline-block;
  margin-bottom: 5px;
}
form span.error-ckeditor.error {
  font-family: FuturaStd;
  font-size: 12px;
  color: red;
  visibility: visible;
  opacity: 1;
  -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
form fieldset {
  position: relative;
  /*span {
    visibility: hidden;
    opacity: 0;
    display: block;
    }*/
}
form fieldset.radio label {
  padding-left: 5px;
  margin-right: 15px;
}
form fieldset.input {
  margin-bottom: 10px;
}
form fieldset select {
  float: left;
  clear: both;
  height: 40px;
  width: 100%;
  margin-bottom: 0px;
  border: 2px solid #dee9f0;
  border-radius: 0px !important;
  appearance: button;
  -moz-appearance: button;
  /* Firefox */
  -webkit-appearance: button;
  color: black;
  font-family: FuturaStd;
  font-size: 13px;
  padding-left: 7px;
  padding-right: 55px;
  position: relative;
  background-color: transparent;
  z-index: 1;
  font-size: 15px;
}
form fieldset select:after {
  display: block;
}
form fieldset select + .select-appendix {
  position: absolute;
  border: 0px solid #dee9f0;
  height: 40px;
  width: 40px;
  display: inline-block;
  border-left: 0px solid transparent;
  background-color: white;
  right: 0px;
  z-index: 0;
  top: 26px;
  text-align: center;
}
form fieldset select + .select-appendix i {
  width: 40px;
  text-align: center;
  line-height: 35px;
  font-size: 25px;
}
form fieldset textarea {
  float: left;
  clear: both;
  display: block;
  width: 100%;
  height: 150px;
  font-size: 15px;
  padding: 7px;
  padding-top: 7px;
  margin-bottom: 7px;
  background-color: white;
  border: 2px solid #dee9f0;
  border-radius: 2px;
  font-family: FuturaStd;
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
form fieldset textarea:focus {
  border: 2px solid #00a6f0;
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
form fieldset textarea:read-only:active {
  border: 2px solid #dee9f0;
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
form fieldset textarea.bottom-rounded {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
form fieldset textarea.top-rounded {
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
form fieldset textarea.border {
  border-bottom: 2px solid #dee9f0;
}
form fieldset input:not([type=checkbox]) {
  clear: both;
  display: block;
  width: 100%;
  height: 40px;
  font-size: 15px;
  padding: 7px;
  padding-top: 7px;
  margin-bottom: 7px;
  background-color: white;
  border: 2px solid #dee9f0;
  border-radius: 2px;
  font-family: "FuturaStd";
  -webkit-appearance: none;
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
form fieldset input:not([type=checkbox]).date {
  font-size: 13px;
}
form fieldset input:not([type=checkbox]):focus {
  border: 2px solid #00a6f0;
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
form fieldset input:not([type=checkbox]):read-only:active {
  border: 2px solid #dee9f0;
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
form fieldset input:not([type=checkbox]) + .clear-appendix {
  position: absolute;
  right: 0px;
  z-index: 0;
  bottom: 5px;
  width: 30px;
  height: 40px;
}
form fieldset input:not([type=checkbox]) + .clear-appendix i {
  width: 40px;
  text-align: center;
  line-height: 35px;
  font-size: 20px;
  color: #dadde5;
  cursor: pointer;
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
form fieldset input:not([type=checkbox]) + .clear-appendix i:hover {
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  color: #00a6f0;
}
form fieldset input:not([type=checkbox]):focus + .clear-appendix i {
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  color: #00a6f0;
}
form fieldset input:not([type=checkbox]).bottom-rounded {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
form fieldset input:not([type=checkbox]).top-rounded {
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
form fieldset input:not([type=checkbox]).border {
  border-bottom: 2px solid #dee9f0;
}
form fieldset label {
  font-family: "FuturaStd-Heavy";
  font-size: 14px;
}
form fieldset + .pic-error {
  opacity: 0;
  float: left;
  font-family: FuturaStd;
  font-size: 12px;
  color: red;
  visibility: visible;
  margin-top: -20px;
  margin-bottom: 20px;
}
form fieldset.error {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
form fieldset.error + .pic-error {
  float: left;
  font-family: FuturaStd;
  font-size: 12px;
  color: red;
  visibility: visible;
  opacity: 1;
  margin-top: -20px;
  margin-bottom: 20px;
}
form fieldset.error input {
  padding-right: 40px;
  border-color: rgba(215, 68, 64, 0.5);
}
form fieldset.error input:focus {
  border-color: red;
}
form fieldset.error textarea {
  padding-right: 40px;
  border-color: rgba(215, 68, 64, 0.5);
}
form fieldset.error textarea:focus {
  border-color: red;
}
form fieldset.error > span {
  float: left;
  font-family: FuturaStd;
  font-size: 12px;
  color: red;
  visibility: visible;
  opacity: 1;
  -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
form fieldset.error.radio {
  margin-right: 15px;
}
form fieldset.error.radio input {
  margin-left: 0px;
}
form fieldset.error.radio label {
  display: inline-block;
  font-family: FuturaStd-Condensed;
  font-size: 14px;
  padding-left: 10px;
  margin-right: 25px;
}
form fieldset.is-disabled,
form fieldset .is-disabled {
  opacity: 0.3;
}
form .icon-error {
  position: absolute;
  right: 0px;
  height: 100%;
  width: 40px;
  text-align: center;
}
form .icon-error i {
  color: #ffc8c8;
  line-height: 40px;
}
form .btn-submit, form .btn-cancel {
  border: 0px solid transparent;
  background-color: #00a6f0;
  border-radius: 0px;
  margin-top: 20px;
  position: relative;
  height: 45px;
  -webkit-transition: all 0.25s ease-in-out;
  font-family: "FuturaStd-Heavy";
  border-radius: 4px;
}
form .btn-submit.btn-lg, form .btn-cancel.btn-lg {
  margin-top: 0px;
  width: 100%;
}
form .btn-submit.btn-submit-top, form .btn-cancel.btn-submit-top {
  position: absolute;
  top: -50px;
  right: 0px;
  margin: 10px;
  width: 150px;
  margin-right: 30px;
}
form .btn-submit:hover, form .btn-cancel:hover {
  background-color: #1788ad;
  color: white;
}
form .btn-submit:focus, form .btn-cancel:focus {
  color: white;
}
form .btn-submit:before, form .btn-cancel:before {
  content: "";
  position: absolute;
  background: #00a6f0;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  -webkit-transition: all 0.25s ease-in-out;
  border-radius: 4px;
}
form .btn-submit:hover:before, form .btn-cancel:hover:before {
  right: 0;
  -webkit-transition: all 0.25s ease-in-out;
}
form .btn-submit > span, form .btn-cancel > span {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  line-height: 47px;
  font-family: "FuturaStd-Heavy";
  color: white;
  font-size: 16px;
  display: block;
}
form .btn-submit .spinner, form .btn-cancel .spinner {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #1788ad;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
form .btn-submit .spinner > div, form .btn-cancel .spinner > div {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  border: solid 2px transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 10px;
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}
form .btn-submit.btn-loading .spinner, form .btn-cancel.btn-loading .spinner {
  opacity: 1;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
form .form-item .spinner {
  opacity: 0;
  position: absolute;
  right: -30px;
  top: 50%;
  display: inline-block;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
form .form-item .spinner > div {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: block;
  border: solid 2px transparent;
  border-top-color: #1788ad;
  border-left-color: #1788ad;
  border-radius: 10px;
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}
form .form-item.form-item--loading .spinner {
  opacity: 1;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
form .form-item.disabled {
  opacity: 0.5;
}

.btn-cancel {
  background-color: white !important;
  border: 2px solid #00a6f0 !important;
}
.btn-cancel > span {
  color: #00a6f0 !important;
  line-height: 43px !important;
}
.btn-cancel:hover {
  border: 2px solid #00a6f0 !important;
}
.btn-cancel:hover > span {
  color: #00a6f0 !important;
}
.btn-cancel:hover:before {
  display: none;
}

/*::-webkit-input-placeholder {
  color: $color-form-input-placeholder;
  font-size: $font-form-input;
  line-height: normal;
}

:-moz-placeholder {
  color: $color-form-input-placeholder;
  font-size: $font-form-input;
  line-height: normal;
  opacity: 1;
}

::-moz-placeholder {
  color: $color-form-input-placeholder;
  font-size: $font-form-input;
  line-height: normal;
  opacity: 1;
}

:-ms-input-placeholder {
  color: $color-form-input-placeholder;
  font-size: $font-form-input;
  line-height: normal;
  }*/
.content-form .form-group {
  padding-top: 20px;
}
.content-form .form-group > fieldset {
  margin-top: 20px;
  margin-bottom: 10px;
  position: relative;
}
.content-form .form-group > fieldset input[type=file] {
  opacity: 0;
  position: absolute;
  height: 40px;
  width: 100%;
}
.content-form .form-group > fieldset .fake-upload {
  width: 50%;
  background-color: red;
  height: 40px;
}
.content-form .form-group > fieldset .fake-upload span {
  display: block;
  float: right;
  height: 40px;
  background-color: red;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
  color: white;
  font-size: 12px;
  font-family: FuturaStd-Condensed;
  line-height: 40px;
}
.content-form .form-group label {
  font-size: 11px;
  font-family: FuturaStd;
  vertical-align: middle;
  margin-bottom: 5px;
}
.content-form .form-group label + .icheckbox_square-blue {
  margin-left: 0px;
}

.icheckbox_square-blue {
  float: left;
  margin-right: 10px;
}
.icheckbox_square-blue + label {
  color: #969199;
  float: left;
  font-family: FuturaStd;
  font-size: 16px;
  line-height: 21px;
  font-weight: 300;
  padding-top: 2px;
}
.icheckbox_square-blue + label.hover {
  color: #00A6F0;
}

.visibility {
  padding: 0;
  list-style: none;
}
.visibility li {
  display: inline-block;
  padding-right: 20px;
  margin-right: 20px;
  padding-top: 2px;
}
.visibility li:first-of-type {
  border-right: 1px solid #ECF1F5;
}
.visibility li i {
  float: left;
  margin-right: 10px;
}

/* LAYOUTS BLOCKS */
.layout-area-blocks > div {
  float: none;
}

.layout-area {
  border: 1px solid #CFD8DC;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  margin-bottom: 20px;
  background: #fff;
}
.layout-area fieldset {
  width: calc(100% - 40px);
  padding: 20px;
}
.layout-area textarea {
  border: none;
  resize: none;
}
.layout-area textarea:focus {
  border: none;
}
.layout-area .cke_reset {
  border: 0 !important;
}

.layout-area-side {
  background: #ecf1f5;
  width: 40px;
  padding: 20px 10px 0;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.layout-area-side > i {
  color: #00a6f0;
  font-size: 20px;
}
.layout-area-side .layout-area-close {
  padding: 10px 0;
  border-top: 1px solid #CFD8DC;
  width: 100%;
  text-align: center;
  line-height: 0;
  cursor: pointer;
  margin: auto auto 0;
  z-index: 1;
}
.layout-area-side .layout-area-close > i {
  font-size: 14px;
  color: #969199;
}

.layout-area-menu {
  border: 1px solid #CFD8DC;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
}
.layout-area-menu .layout-area-add {
  background: #ECF1F5;
  float: left;
  width: 40px;
  border-radius: 0 3px 3px 0;
  text-align: center;
  height: 100%;
  color: #00A6F0;
  cursor: pointer;
  position: absolute;
}
.layout-area-menu .layout-area-add i {
  margin: 0;
  line-height: normal;
  font-size: 24px;
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-area-menu ul {
  list-style: none;
  padding: 5px 10px;
  margin: 0;
  padding-left: 40px;
  display: inline-block;
}
.layout-area-menu li {
  display: inline-block;
  margin: 0;
  text-align: center;
  color: #969199;
  min-width: 80px;
  border-right: 1px solid #ECF1F5;
  margin: 0;
  cursor: pointer;
  padding: 10px;
}
.layout-area-menu li:hover, .layout-area-menu li:focus {
  color: #00A6F0;
}
.layout-area-menu li:hover svg, .layout-area-menu li:focus svg {
  fill: #00A6F0;
  fill-opacity: 1;
}
.layout-area-menu i, .layout-area-menu span {
  display: block;
}
.layout-area-menu i {
  font-size: 20px;
  margin-bottom: 5px;
}
.layout-area-menu svg {
  width: 22px;
  margin: 0;
  position: relative;
  top: 4px;
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #11181C;
  fill-opacity: 0.5;
}
.layout-area-menu span {
  font-size: 14px;
}

.list-inputs {
  list-style: none;
  padding: 0;
}
.list-inputs li {
  margin: 0;
  padding-left: 20px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  height: auto;
  position: relative;
}

/* NEW BLOCKS FOR FORMS */
/*.form-warning {
    margin: 20px 0;
    padding: 15px;
    box-sizing: border-box;
    width: 100%;
    color: $warning-text-color;
    background-color: $warning-bg-color;
}

.form-content-box {
    margin-bottom: 30px;
    padding: 15px;
    box-sizing: border-box;
    width: 100%;
    border: 2px solid $form-border-content-box;
    }*/
.form-content-box {
  border: 1px solid #dadde5;
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 5px;
}
.form-content-box.mb {
  margin-bottom: 20px;
}
.form-content-box .material-icons {
  margin: 0;
  padding: 0;
}
.form-content-box .box-item {
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}
.form-content-box .box-item.last {
  margin-bottom: 0;
}
.form-content-box .box-new-item {
  border: 1px solid #00a6f0;
  color: #00a6f0;
  font-weight: bold;
}
.form-content-box .box-new-item:hover {
  background-color: rgba(0, 166, 240, 0.1);
  cursor: pointer;
}
.form-content-box .box-selected-item {
  border: 1px solid #cfd8dc;
  background-color: #ecf1f5;
  font-weight: bold;
}

.box-map {
  color: #fff;
}
.box-map .col-xs-12, .box-map .col-xs-11, .box-map .col-xs-10, .box-map .col-xs-9, .box-map .col-xs-8, .box-map .col-xs-7, .box-map .col-xs-6, .box-map .col-xs-5, .box-map .col-xs-4, .box-map .col-xs-3, .box-map .col-xs-2, .box-map .col-xs-1 {
  margin: 0;
  padding: 0;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
}
.box-map .col-xs-12 > .text, .box-map .col-xs-11 > .text, .box-map .col-xs-10 > .text, .box-map .col-xs-9 > .text, .box-map .col-xs-8 > .text, .box-map .col-xs-7 > .text, .box-map .col-xs-6 > .text, .box-map .col-xs-5 > .text, .box-map .col-xs-4 > .text, .box-map .col-xs-3 > .text, .box-map .col-xs-2 > .text, .box-map .col-xs-1 > .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.box-map .col-xs-12.border-transparent, .box-map .col-xs-11.border-transparent, .box-map .col-xs-10.border-transparent, .box-map .col-xs-9.border-transparent, .box-map .col-xs-8.border-transparent, .box-map .col-xs-7.border-transparent, .box-map .col-xs-6.border-transparent, .box-map .col-xs-5.border-transparent, .box-map .col-xs-4.border-transparent, .box-map .col-xs-3.border-transparent, .box-map .col-xs-2.border-transparent, .box-map .col-xs-1.border-transparent {
  border: 2px solid #fff;
  box-sizing: border-box;
}

.checkbox-field.is-checked {
  opacity: 0.5;
}
.checkbox-field--mobile.is-checked {
  opacity: 0.5;
}

.flex-items {
  display: flex;
  align-items: center;
}

.flexible-item {
  flex: 4;
  margin-right: 2%;
}

.unflexible-item {
  flex: 1;
  margin-top: 30px;
}

.fixed-form--item {
  height: 30px;
}

.bottom-fixed--item {
  margin-top: 55px;
}

.show-title--item {
  margin-top: 25px;
}

.dates-wrapper .form-item {
  flex: 1;
}
.dates-wrapper .form-item:first-child {
  margin-right: 5%;
}

@media (max-width: 1024px) {
  form button span {
    display: block;
  }
  form .form_wrapper {
    padding: 0px !important;
  }
  form .form_wrapper .form-group {
    padding: 0px;
  }
  form .form_wrapper .form-group.col-fixed-250 {
    width: 100%;
    position: relative;
  }
  form .form_wrapper .form-group.col-offset-250 {
    padding-left: 0px;
  }

  .flex-items {
    flex-direction: column;
    align-items: flex-start;
  }

  .unflexible-item {
    margin-top: 0;
  }

  .flexible-item {
    width: 100%;
  }

  .dates-wrapper .form-item {
    width: 100%;
  }
  .dates-wrapper .form-item:first-child {
    margin-right: 0;
  }
}
.overlay-box {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(29, 29, 38, 0.9);
}

.cta-btn {
  position: absolute;
  z-index: 4;
  border-radius: 16px;
  color: #ffffff;
  font-weight: bold;
  width: 100px;
  background: #1396EF;
  text-align: center;
  text-transform: uppercase;
  padding: 1% 0;
  font-size: 10px;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
}

.sponsor-bookmark {
  position: absolute;
  top: 25px;
  left: 20px;
}

/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
#messages {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: white;
  margin: 0px 15px;
  padding: 15px;
  display: none;
}
#messages.error {
  background-color: #ffc8c8;
  color: #c41010;
}
#messages.success {
  background-color: #dff0d8;
  color: #3c763d;
}
#messages p {
  font-family: "FuturaStd";
  font-size: 12px;
}

/*
  __  __ _     _         
 |  \/  (_)_ _(_)_ _  ___
 | |\/| | \ \ / | ' \(_-<
 |_|  |_|_/_\_\_|_||_/__/

/*
 *	Center Object
 *  - to Use: @include centerElem(-50%, -50%);
 */
/*
 *	POSICIONAR ELEMENTO
 *  - to Use: @include posiAbsolute(0,auto,auto,0);
 */
/*
*	OPACITY
*  - to Use: @include opacity(0.8);
*/
/*
*	FLEXBOX DISPLAY
*  - to Use: @mixin flex-display();
*/
/*
	 _____                 _ _   _             
	|_   _| _ __ _ _ _  __(_) |_(_)___ _ _  ___
	  | || '_/ _` | ' \(_-< |  _| / _ \ ' \(_-<
	  |_||_| \__,_|_||_/__/_|\__|_\___/_||_/__/

	 *  - to Use:  @include transition(all 0.4s $easeOutExpo );
	 */
/*
 *	TRANSISTIONS DELAY
 *  - to Use:  @include transition-delay(0.2s);
 */
/*
   _____                  __               
  |_   _| _ __ _ _ _  ___/ _|___ _ _ _ __  
    | || '_/ _` | ' \(_-<  _/ _ \ '_| '  \ 
    |_||_| \__,_|_||_/__/_| \___/_| |_|_|_|

*  - to Use: @include transform( translate(-50%, -50%) );
*/
/*
*	VISUALLY HIDE AN ELEMENT
*  - to Use: .visually-hidden {
			   	@extend %visuallyhidden;
			 }
*/
/*
 _  __         ___                      
| |/ /___ _  _| __| _ __ _ _ __  ___ ___
| ' </ -_) || | _| '_/ _` | '  \/ -_|_-<
|_|\_\___|\_, |_||_| \__,_|_|_|_\___/__/
          |__/                          

*  - to Use: @include keyframes(slide-down) {
			   	0% { opacity: 1; }
			  	90% { opacity: 0; }
			 }

			 @include animation('slide-down 5s 3');
*/
.angular-dialog {
  display: none;
}

.notify-button {
  border-radius: 0px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  padding: 8px 15px;
}

.md-dialog-container {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.md-dialog-container md-dialog md-dialog-content h2 {
  padding: 0px 0px 10px;
  border-bottom: 2px solid rgba(58, 66, 71, 0.15);
  font-family: "FuturaStd-Heavy";
  font-size: 14px;
}
.md-dialog-container md-dialog md-dialog-content p {
  padding: 10px 0px;
  font-family: FuturaStd;
  font-size: 12px;
}
.md-dialog-container md-dialog .md-actions .md-button {
  background-color: #a67221;
  border: 0px;
  border-radius: 4px;
}
.md-dialog-container md-dialog .md-actions .md-button:hover {
  background-color: #a67221;
}
.md-dialog-container md-dialog .md-actions .md-button span {
  font-family: FuturaStd-Condensed;
  font-size: 12px;
  color: white;
}

.edit-modal .modal-body {
  display: inline-block;
  min-height: 270px;
  width: 100%;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.edit-modal .modal-body .body-modal-content {
  opacity: 1;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.edit-modal .modal-body .spinner {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.edit-modal .modal-body .spinner > div {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  border: solid 2px transparent;
  border-top-color: #00a6f0;
  border-left-color: #00a6f0;
  border-radius: 10px;
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}
.edit-modal .modal-body.loading .body-modal-content {
  opacity: 0;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.edit-modal .modal-body.loading .spinner {
  opacity: 1;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.backend-modal .modal-sm, .delete-modal .modal-sm, .edit-modal .modal-sm {
  width: 350px;
  margin-top: 200px;
}
.backend-modal .modal-content, .delete-modal .modal-content, .edit-modal .modal-content {
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0);
  border-radius: 3px;
  border-color: transparent;
}
.backend-modal .modal-content .modal-header h2, .delete-modal .modal-content .modal-header h2, .edit-modal .modal-content .modal-header h2 {
  font-size: 20px;
  font-family: FuturaStd-Heavy;
  padding-top: 2px;
}
.backend-modal .modal-content .modal-body p, .delete-modal .modal-content .modal-body p, .edit-modal .modal-content .modal-body p {
  font-family: FuturaStd;
  font-size: 16px;
  line-height: 26px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.backend-modal .modal-content .modal-footer button, .delete-modal .modal-content .modal-footer button, .edit-modal .modal-content .modal-footer button {
  width: 48%;
  border: 1px solid white;
  border-radius: 0px;
  line-height: 47px;
  font-family: "FuturaStd-Heavy";
  font-size: 16px;
  height: 45px;
  position: relative;
  border-radius: 5px;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.backend-modal .modal-content .modal-footer button .spinner, .delete-modal .modal-content .modal-footer button .spinner, .edit-modal .modal-content .modal-footer button .spinner {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #1788ad;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.backend-modal .modal-content .modal-footer button .spinner > div, .delete-modal .modal-content .modal-footer button .spinner > div, .edit-modal .modal-content .modal-footer button .spinner > div {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  border: solid 2px transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 10px;
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}
.backend-modal .modal-content .modal-footer button.btn-loading .spinner, .delete-modal .modal-content .modal-footer button.btn-loading .spinner, .edit-modal .modal-content .modal-footer button.btn-loading .spinner {
  opacity: 1;
  visibility: visible;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.backend-modal .modal-content .modal-footer button > span, .delete-modal .modal-content .modal-footer button > span, .edit-modal .modal-content .modal-footer button > span {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  line-height: 43px;
}
.backend-modal .modal-content .modal-footer button:before, .delete-modal .modal-content .modal-footer button:before, .edit-modal .modal-content .modal-footer button:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  -webkit-transition: all 0.25s ease-in-out;
}
.backend-modal .modal-content .modal-footer button:hover:before, .delete-modal .modal-content .modal-footer button:hover:before, .edit-modal .modal-content .modal-footer button:hover:before {
  right: 0;
  -webkit-transition: all 0.25s ease-in-out;
}
.backend-modal .modal-content .modal-footer button.btn-primary, .delete-modal .modal-content .modal-footer button.btn-primary, .edit-modal .modal-content .modal-footer button.btn-primary {
  background-color: #00a6f0;
  margin-top: 0px;
}
.backend-modal .modal-content .modal-footer button.btn-primary:hover, .delete-modal .modal-content .modal-footer button.btn-primary:hover, .edit-modal .modal-content .modal-footer button.btn-primary:hover {
  background-color: rgba(51, 51, 51, 0.5);
}
.backend-modal .modal-content .modal-footer button.btn-primary:before, .delete-modal .modal-content .modal-footer button.btn-primary:before, .edit-modal .modal-content .modal-footer button.btn-primary:before {
  background-color: rgba(51, 51, 51, 0.5);
}
.backend-modal .modal-content .modal-footer button.btn-default, .delete-modal .modal-content .modal-footer button.btn-default, .edit-modal .modal-content .modal-footer button.btn-default {
  border: 1px solid #dee9f0;
}
.backend-modal .modal-content .modal-footer button.btn-default span, .delete-modal .modal-content .modal-footer button.btn-default span, .edit-modal .modal-content .modal-footer button.btn-default span {
  display: block;
}
.backend-modal .modal-content .modal-footer button.btn-default:hover, .delete-modal .modal-content .modal-footer button.btn-default:hover, .edit-modal .modal-content .modal-footer button.btn-default:hover {
  background-color: white;
}
.backend-modal .modal-content .modal-footer button.btn-default:before, .delete-modal .modal-content .modal-footer button.btn-default:before, .edit-modal .modal-content .modal-footer button.btn-default:before {
  background-color: white;
}

.dashboard-panel {
  border-color: transparent;
}
.dashboard-panel .panel-heading {
  color: white;
  background-color: #a5712a;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.dashboard-panel .panel-heading .icon {
  opacity: 0.3;
}
.dashboard-panel .panel-heading .title {
  font-size: 40px;
}
.dashboard-panel .panel-heading .subtitle {
  font-size: 12px;
}
.dashboard-panel a {
  color: white;
  font-size: 14px;
}
.dashboard-panel a .panel-footer {
  background-color: #a5712a;
  border: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
.match-videos-table {
  width: 100%;
}
.match-videos-table tbody tr {
  height: 38px;
}
.match-videos-table tbody tr:nth-of-type(odd) {
  background-color: #fafafa;
}
.match-videos-table tbody tr td {
  padding: 4px 8px;
  border: 0px;
  vertical-align: middle;
  font-family: FuturaStd;
  font-size: 14px;
  text-align: left;
  border-bottom: 1px solid #dadee6;
  padding-left: 15px;
  padding-right: 15px;
}
.match-videos-table tbody tr td:first-child {
  width: 50px;
  text-align: center;
}
.match-videos-table tbody tr td:last-child {
  width: 100px;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 3px;
}
.match-videos-table tbody tr:first-child td {
  border-top: 1px solid #dadee6;
}

.modal-backdrop {
  z-index: 10040;
}

.modal {
  z-index: 10050;
}

#ui-datepicker-div {
  z-index: 10000 !important;
}

.main-players h3, .opponent-players h3 {
  font-size: 16px;
  margin-bottom: 15px;
  font-family: "FuturaStd-Heavy";
}
.main-players .players-list, .opponent-players .players-list {
  width: 100%;
}
.main-players .players-list .btn-group, .opponent-players .players-list .btn-group {
  margin-top: 4px;
  margin-right: 5px;
  border: 2px solid #dadde5;
  border-radius: 5px;
  position: absolute;
  right: 15px;
  z-index: 1;
}
.main-players .players-list .btn-group .btn, .opponent-players .players-list .btn-group .btn {
  padding: 3px 10px;
  background-color: white;
  color: #dadde5;
  border-width: 0px;
  border-color: #dadde5;
  font-family: "FuturaStd-Heavy";
}
.main-players .players-list .btn-group .btn:nth-child(2), .opponent-players .players-list .btn-group .btn:nth-child(2) {
  padding-left: 11px;
  padding-right: 11px;
}
.main-players .players-list .btn-group .btn.active, .opponent-players .players-list .btn-group .btn.active {
  background-color: #00a6f0;
  color: white;
  border-color: #00a6f0;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}
.main-players .players-list .btn-group .btn:first-child, .opponent-players .players-list .btn-group .btn:first-child {
  border-right: 2px solid #dadde5;
  position: relative;
  z-index: 1000;
}
.main-players .players-list .btn-group .btn:last-child, .opponent-players .players-list .btn-group .btn:last-child {
  border-left: 2px solid #dadde5;
  position: relative;
  z-index: 1000;
}
.main-players .players-list .header, .opponent-players .players-list .header {
  width: 100%;
  font-family: "FuturaStd-Heavy";
  background-color: #dadde5;
  padding: 5px 7px 3px;
  text-transform: uppercase;
  font-size: 13px;
}
.main-players .players-list ul, .opponent-players .players-list ul {
  list-style: none;
  margin-bottom: 0px;
  padding-left: 0px;
  margin-bottom: 20px;
}
.main-players .players-list ul li, .opponent-players .players-list ul li {
  line-height: 38px;
  height: 38px;
  font-size: 14px;
  padding-left: 5px;
}
.main-players .players-list ul li .iradio_square-blue, .opponent-players .players-list ul li .iradio_square-blue {
  float: right;
  margin-right: 7px;
  margin-top: 8px;
  position: absolute !important;
  right: 115px;
}
.main-players .players-list ul li:nth-of-type(even), .opponent-players .players-list ul li:nth-of-type(even) {
  background-color: #fafafa;
}

.opponent-players {
  text-align: right;
}
.opponent-players ul li {
  text-align: left;
}

#page-wrapper {
  padding: 50px 15px;
  background-color: #fafafa;
  min-height: 100vh;
  display: inline-block;
  width: calc(100% - 250px);
}
#page-wrapper .detail label.blue {
  color: #00a6f0;
  text-transform: uppercase;
  width: 100%;
  font-size: 13px;
  font-weight: bolder;
}
#page-wrapper .panel-white {
  background-color: white;
  min-height: 100px;
}
#page-wrapper .panel-white .animate-if {
  background: white;
  border: 1px solid black;
  padding: 10px;
}
#page-wrapper .panel-white .animate-if.ng-enter, #page-wrapper .panel-white .animate-if.ng-leave {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
#page-wrapper .panel-white .animate-if.ng-enter, #page-wrapper .panel-white .animate-if.ng-leave.ng-leave-active {
  opacity: 0;
}
#page-wrapper .panel-white .animate-if.ng-leave, #page-wrapper .panel-white .animate-if.ng-enter.ng-enter-active {
  opacity: 1;
}
#page-wrapper .panel-white .add-score {
  background-color: #00a6f0;
  color: white;
  float: right;
  height: 40px;
  font-family: "FuturaStd-Heavy";
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  padding: 6px 24px;
  margin-top: -11px;
  margin-bottom: -10px;
}
#page-wrapper .padded {
  padding: 15px 0px;
}
#page-wrapper .little-box {
  margin-bottom: 20px;
}
#page-wrapper .little-box .value {
  font-size: 28px;
  margin-bottom: 2px;
  font-family: "FuturaStd-Heavy";
  color: #00a6f0;
}
#page-wrapper .little-box .description {
  font-size: 14px;
  text-transform: uppercase;
  color: #464c56;
}
#page-wrapper .little-box .material-icons {
  font-size: 46px;
  position: absolute;
  top: 50%;
  color: #cfd8dc;
}
#page-wrapper .padded-bottom {
  padding-bottom: 60px;
}
#page-wrapper .margin-bottom {
  margin-bottom: 35px;
}
#page-wrapper .margin-bottom-xs {
  margin-bottom: 20px;
}
#page-wrapper .relative {
  position: relative;
}
#page-wrapper .page-content-header {
  position: relative;
  margin: 0px 30px 0px 30px;
  padding: 20px 0px 15px 0px;
  border-bottom: 2px solid #dadee6;
}
#page-wrapper .page-content-header.for-scores {
  border-bottom: 0px solid #dadee6;
  padding-bottom: 0px;
}
#page-wrapper .page-content-header h2 {
  font-family: "FuturaStd-Heavy";
  margin: 0px;
  font-size: 20px;
}
#page-wrapper .page-content-body {
  position: relative;
}
#page-wrapper .page-content-body.form-holder {
  margin-top: 90px;
}
#page-wrapper .page-content-body .panel-default {
  border: 0px solid transparent;
  margin: 0px 30px;
  margin-bottom: 25px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
  background-color: transparent;
}
#page-wrapper .page-content-body .panel-default .panel-heading {
  background-color: transparent;
  border: 0px solid transparent;
  border-bottom: 1px solid #2297ea;
  padding: 10px 0px;
}
#page-wrapper .page-content-body .panel-default .panel-heading h3 {
  margin: 0px;
  font-family: "FuturaStd-Heavy";
  font-size: 18px;
}
#page-wrapper .page-content-body .panel-default .panel-body {
  margin-top: 25px;
  padding: 0px;
  border: 0px solid transparent;
}
#page-wrapper .page-content-footer {
  background-color: transparent;
  border: 0px solid transparent;
  margin: 0px 15px;
  padding: 10px 0px;
  text-align: right;
}

@media (min-width: 767px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 250px;
    padding: 50px 30px;
    padding-top: 120px;
    border-left: 1px solid #e7e7e7;
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  #page-wrapper {
    padding-top: 80px;
    padding-bottom: 120px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
  }
  #page-wrapper .main-players .players-list p, #page-wrapper .opponent-players .players-list p {
    width: calc(100% - 140px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.placard-label {
  font-family: "FuturaStd-Heavy";
  font-size: 14px;
  margin: 5px 0 10px 0;
  display: block;
}

.margin-top__sponsor {
  margin-top: 50px;
}

/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
/*
  __  __ _     _         
 |  \/  (_)_ _(_)_ _  ___
 | |\/| | \ \ / | ' \(_-<
 |_|  |_|_/_\_\_|_||_/__/

/*
 *	Center Object
 *  - to Use: @include centerElem(-50%, -50%);
 */
/*
 *	POSICIONAR ELEMENTO
 *  - to Use: @include posiAbsolute(0,auto,auto,0);
 */
/*
*	OPACITY
*  - to Use: @include opacity(0.8);
*/
/*
*	FLEXBOX DISPLAY
*  - to Use: @mixin flex-display();
*/
/*
	 _____                 _ _   _             
	|_   _| _ __ _ _ _  __(_) |_(_)___ _ _  ___
	  | || '_/ _` | ' \(_-< |  _| / _ \ ' \(_-<
	  |_||_| \__,_|_||_/__/_|\__|_\___/_||_/__/

	 *  - to Use:  @include transition(all 0.4s $easeOutExpo );
	 */
/*
 *	TRANSISTIONS DELAY
 *  - to Use:  @include transition-delay(0.2s);
 */
/*
   _____                  __               
  |_   _| _ __ _ _ _  ___/ _|___ _ _ _ __  
    | || '_/ _` | ' \(_-<  _/ _ \ '_| '  \ 
    |_||_| \__,_|_||_/__/_| \___/_| |_|_|_|

*  - to Use: @include transform( translate(-50%, -50%) );
*/
/*
*	VISUALLY HIDE AN ELEMENT
*  - to Use: .visually-hidden {
			   	@extend %visuallyhidden;
			 }
*/
/*
 _  __         ___                      
| |/ /___ _  _| __| _ __ _ _ __  ___ ___
| ' </ -_) || | _| '_/ _` | '  \/ -_|_-<
|_|\_\___|\_, |_||_| \__,_|_|_|_\___/__/
          |__/                          

*  - to Use: @include keyframes(slide-down) {
			   	0% { opacity: 1; }
			  	90% { opacity: 0; }
			 }

			 @include animation('slide-down 5s 3');
*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#datatables, #not-datatables {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
}
#datatables .live-dot, #not-datatables .live-dot {
  font-size: 60px;
  line-height: 0pt;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  color: #e74c3c;
  text-shadow: 0px 0px 3px #e74c3c;
}
#datatables .row-action.delete-link, #not-datatables .row-action.delete-link {
  color: #e74c3c;
  margin-left: 15px;
  cursor: pointer;
}
#datatables .row-action.delete-link i, #not-datatables .row-action.delete-link i {
  color: #e74c3c;
}
#datatables .row-action i, #not-datatables .row-action i {
  font-size: 16px;
  font-weight: bold;
  color: #00a6f0;
}
#datatables .edit-mode-actions, #not-datatables .edit-mode-actions {
  position: relative;
}
#datatables .edit-mode-actions .spinner, #not-datatables .edit-mode-actions .spinner {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
#datatables .edit-mode-actions .spinner.loading, #not-datatables .edit-mode-actions .spinner.loading {
  opacity: 1;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
#datatables .edit-mode-actions .spinner > div, #not-datatables .edit-mode-actions .spinner > div {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  border: solid 2px transparent;
  border-top-color: #1788ad;
  border-left-color: #1788ad;
  border-radius: 10px;
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}
#datatables .edit-mode-actions i, #not-datatables .edit-mode-actions i {
  font-size: 23px;
  font-weight: bold;
}
#datatables .edit-mode-actions a, #not-datatables .edit-mode-actions a {
  position: absolute;
  margin-left: -3px;
  color: #00a6f0;
}
#datatables .edit-mode-actions a:first-child, #datatables .edit-mode-actions a.edit.left, #not-datatables .edit-mode-actions a:first-child, #not-datatables .edit-mode-actions a.edit.left {
  left: 0px;
  margin-left: 0px;
}
#datatables .not-padded, #not-datatables .not-padded {
  padding-top: 3px;
  padding-bottom: 3px;
}
#datatables select.table-inline-select, #not-datatables select.table-inline-select {
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  border: 2px solid #dadee6;
  font-family: "FuturaStd";
  border-radius: 3px;
  background-color: white;
  padding: 2px 50px 2px 10px;
  margin-top: 1px;
  position: relative;
  z-index: 2;
  float: left;
  height: 33px;
}
#datatables select.table-inline-select + .select-appendix, #not-datatables select.table-inline-select + .select-appendix {
  border: 2px solid #dadee6;
  height: 33px;
  width: 40px;
  display: inline-block;
  border-left: 0px solid transparent;
  background-color: white;
  margin-left: -40px;
  position: relative;
  z-index: 100;
  text-align: center;
  margin-top: 1px;
}
#datatables select.table-inline-select + .select-appendix i, #not-datatables select.table-inline-select + .select-appendix i {
  width: 40px;
  line-height: 30px;
  text-align: center;
  font-size: 25px;
}
#datatables .select-capsule, #not-datatables .select-capsule {
  float: left;
  transform: translateX(-50%);
  margin-left: 50%;
}
#datatables .multiple-actions, #not-datatables .multiple-actions {
  position: relative;
}
#datatables .multiple-actions .spinner, #not-datatables .multiple-actions .spinner {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
#datatables .multiple-actions .spinner.loading, #not-datatables .multiple-actions .spinner.loading {
  opacity: 1;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
#datatables .multiple-actions .spinner > div, #not-datatables .multiple-actions .spinner > div {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  border: solid 2px transparent;
  border-top-color: #1788ad;
  border-left-color: #1788ad;
  border-radius: 10px;
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}
#datatables .multiple-actions i, #not-datatables .multiple-actions i {
  font-size: 16px;
  font-weight: bold;
}
#datatables .multiple-actions a, #not-datatables .multiple-actions a {
  position: absolute;
  color: #00a6f0;
}
#datatables .multiple-actions a:first-child, #not-datatables .multiple-actions a:first-child {
  right: 65%;
  left: 0px;
}
#datatables .team-badge-datatables, #not-datatables .team-badge-datatables {
  width: 25px;
}
#datatables .thumb-col, #not-datatables .thumb-col {
  width: 40px;
  padding: 0px;
}
#datatables .thumb-col img.thumb, #not-datatables .thumb-col img.thumb {
  width: 36px;
  height: 36px;
  margin-left: 2px;
  margin-top: 2px;
}
#datatables .dataTables_length, #not-datatables .dataTables_length {
  float: left;
}
#datatables .dataTables_length select, #not-datatables .dataTables_length select {
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  border: 2px solid #dadee6;
  font-family: "FuturaStd";
  border-radius: 3px;
  padding: 5px 10px;
  background-color: transparent;
  width: 70px;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  z-index: 2;
}
#datatables .dataTables_length i:after, #not-datatables .dataTables_length i:after {
  font-style: normal;
  content: "";
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-size: 12px;
  margin-left: -36px;
  margin-right: 25px;
  position: relative;
  z-index: 1;
}
#datatables .dataTables_info, #not-datatables .dataTables_info {
  float: left;
  display: none;
}
#datatables .dataTables_paginate > a, #not-datatables .dataTables_paginate > a {
  color: #00a6f0;
  cursor: pointer;
}
#datatables .dataTables_paginate > a:hover, #not-datatables .dataTables_paginate > a:hover {
  color: #272727;
}
#datatables .dataTables_paginate span, #not-datatables .dataTables_paginate span {
  padding-left: 15px;
  padding-right: 15px;
}
#datatables .dataTables_paginate span a, #not-datatables .dataTables_paginate span a {
  padding-left: 10px;
  padding-right: 10px;
  color: #00a6f0;
  cursor: pointer;
}
#datatables .dataTables_paginate span a:hover, #not-datatables .dataTables_paginate span a:hover {
  color: #272727;
}
#datatables .dataTables_paginate span a.current, #not-datatables .dataTables_paginate span a.current {
  color: white;
  background-color: #00a6f0;
  line-height: 40px;
  padding-top: 7px;
  padding-bottom: 5px;
  border-radius: 3px;
}
#datatables .dataTables_filter input, #not-datatables .dataTables_filter input {
  border: 2px solid #dadee6;
  font-family: "FuturaStd";
  border-radius: 3px;
  padding: 5px 10px;
  -webkit-appearance: none;
}
#datatables .dataTables_processing, #not-datatables .dataTables_processing {
  /*bottom: 20px !important;
  top: initial !important;*/
  top: 147px !important;
  background: none !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  z-index: 100;
  height: 470px !important;
}
#datatables table, #not-datatables table {
  border: none;
  margin-bottom: 22px !important;
}
#datatables table.dataTable.dtr-inline.collapsed tbody td:first-child:before, #datatables table.dataTable.dtr-inline.collapsed tbody th:first-child:before, #not-datatables table.dataTable.dtr-inline.collapsed tbody td:first-child:before, #not-datatables table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
  top: 10px;
  left: 4px;
  height: 20px;
  width: 20px;
  position: absolute;
  color: white;
  border: 0px solid transparent !important;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 0px transparent !important;
  box-sizing: content-box;
  content: "" !important;
  background-color: transparent !important;
  background-image: url(../../img/backend/icon_plus.png);
  background-size: 20px 20px;
}
#datatables table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, #datatables table.dataTable.dtr-inline.collapsed tbody tr.paren th:first-child:before, #not-datatables table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, #not-datatables table.dataTable.dtr-inline.collapsed tbody tr.paren th:first-child:before {
  background-image: url(../../img/backend/icon_less.png);
  background-size: 20px 20px;
}
#datatables table.dataTable.dtr-inline.collapsed tbody td.child:first-child:before, #not-datatables table.dataTable.dtr-inline.collapsed tbody td.child:first-child:before {
  background: none !important;
}
#datatables table th, #not-datatables table th {
  line-height: 40px;
  background-color: white;
  border: none;
  padding: 8px;
  font-size: 16px;
  font-family: "FuturaStd";
  font-weight: 600;
  min-width: 50px;
}
#datatables table th.not-sorted:after, #not-datatables table th.not-sorted:after {
  content: none !important;
}
#datatables table th span, #not-datatables table th span {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 100% !important;
}
#datatables table th.sorting, #not-datatables table th.sorting {
  background: none;
  background-color: white;
}
#datatables table th.sorting:after, #not-datatables table th.sorting:after {
  font-style: normal;
  content: "";
  font-family: "Glyphicons Halflings";
  font-size: 12px;
  padding-left: 5px;
  color: #dadee6;
  -ms-transform: translateY(1px);
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  position: absolute;
}
#datatables table th.sorting_desc, #not-datatables table th.sorting_desc {
  background: none;
  background-color: white;
}
#datatables table th.sorting_desc:after, #not-datatables table th.sorting_desc:after {
  font-style: normal;
  content: "";
  font-family: "Glyphicons Halflings";
  font-size: 10px;
  padding-left: 5px;
  color: #272727;
  -ms-transform: translateY(1px);
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}
#datatables table th.sorting_asc, #not-datatables table th.sorting_asc {
  background: none;
  background-color: white;
}
#datatables table th.sorting_asc:after, #not-datatables table th.sorting_asc:after {
  font-style: normal;
  content: "";
  font-family: "Glyphicons Halflings";
  font-size: 10px;
  padding-left: 5px;
  color: #272727;
  -ms-transform: translateY(1px);
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}
#datatables table td, #not-datatables table td {
  border: none;
  font-family: "FuturaStd";
  font-size: 14px;
  line-height: 25px;
}
#datatables table td.all:last-child, #not-datatables table td.all:last-child {
  min-width: 50px;
}
#datatables table td.feed-full-text, #not-datatables table td.feed-full-text {
  white-space: initial !important;
  overflow: visible !important;
  text-overflow: none !important;
  max-width: 30% !important;
}
#datatables table tr:nth-of-type(odd), #not-datatables table tr:nth-of-type(odd) {
  background-color: #fafafa;
}

ul.token-input-list {
  width: initial !important;
  border-width: 0px;
  border: 2px solid #dee9f0 !important;
  padding: 2px !important;
  position: relative;
}
ul.token-input-list.focus {
  border: 2px solid #00a6f0 !important;
}
ul.token-input-list li.token-input-token {
  background-color: #ECF1F5;
  float: left;
  border-radius: 4px;
  padding: 5px 9px 4px 9px;
  font-weight: normal;
}
ul.token-input-list li.token-input-token.orange {
  background-color: #f8ab15 !important;
}
ul.token-input-list li.token-input-token .token-input-delete-token {
  margin-left: 11px;
  font-weight: bolder;
}
ul.token-input-list li.token-input-input-token {
  float: left;
}
ul.token-input-list li.token-input-input-token input {
  margin-bottom: 0px !important;
  padding: 7px;
  padding-top: 7px;
  margin-bottom: 7px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: auto !important;
  height: 32px !important;
  border: 0px solid transparent !important;
}
ul.token-input-list li.token-input-input-token input:focus {
  border-width: 0px !important;
}

div.token-input-dropdown {
  top: 100% !important;
  left: 0px !important;
  width: 100% !important;
  max-height: 300px;
  overflow-y: scroll !important;
  border: 0px solid transparent !important;
  border-bottom: 2px solid #dee9f0 !important;
  z-index: 9999;
}
div.token-input-dropdown > * {
  font-family: "FuturaStd" !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
div.token-input-dropdown p {
  display: block;
  width: 100%;
  border-left: 2px solid #dee9f0 !important;
  border-right: 2px solid #dee9f0 !important;
  line-height: 30px !important;
  display: block;
  padding-left: 10px !important;
}
div.token-input-dropdown li {
  line-height: 33px !important;
  background-color: white !important;
  padding-left: 10px !important;
  border-left: 2px solid #dee9f0 !important;
  border-right: 2px solid #dee9f0 !important;
}
div.token-input-dropdown li.token-input-selected-dropdown-item {
  background-color: #00a6f0 !important;
  color: white !important;
  border-left: 2px solid #00a6f0 !important;
  border-right: 2px solid #00a6f0 !important;
}

@media (max-width: 1200px) {
  .tp-m-1200 {
    display: none;
  }
}
@media (max-width: 1024px) {
  #datatables .tp-h-t {
    display: none !important;
  }
  #datatables .tp-m-1024 {
    display: none;
  }
}
@media (max-width: 764px) {
  .tp-m-764 {
    display: none;
  }
}
.width150px {
  width: 150px !important;
  vertical-align: middle !important;
}

.social-response-button {
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  border-radius: 2px;
  background-color: white;
  color: #dee9f0;
  border: 2px solid #dee9f0;
  float: left;
}
.social-response-button.active {
  border: 2px solid transparent;
  background-color: #00a6f0;
  color: white;
}
.social-response-button.option {
  font-size: 25px;
  margin: 2px;
  width: 46px;
}
.social-response-button.remove {
  font-size: 17px;
  margin: 2px;
  float: left;
  padding-top: 3px;
  padding-bottom: 2px;
  width: 35px;
  margin-left: 10px;
  border: 0px solid transparent;
  background-color: transparent;
  color: #00a6f0;
}
.social-response-button.remove i {
  line-height: 29px;
}

/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
/*
  __  __ _     _         
 |  \/  (_)_ _(_)_ _  ___
 | |\/| | \ \ / | ' \(_-<
 |_|  |_|_/_\_\_|_||_/__/

/*
 *	Center Object
 *  - to Use: @include centerElem(-50%, -50%);
 */
/*
 *	POSICIONAR ELEMENTO
 *  - to Use: @include posiAbsolute(0,auto,auto,0);
 */
/*
*	OPACITY
*  - to Use: @include opacity(0.8);
*/
/*
*	FLEXBOX DISPLAY
*  - to Use: @mixin flex-display();
*/
/*
	 _____                 _ _   _             
	|_   _| _ __ _ _ _  __(_) |_(_)___ _ _  ___
	  | || '_/ _` | ' \(_-< |  _| / _ \ ' \(_-<
	  |_||_| \__,_|_||_/__/_|\__|_\___/_||_/__/

	 *  - to Use:  @include transition(all 0.4s $easeOutExpo );
	 */
/*
 *	TRANSISTIONS DELAY
 *  - to Use:  @include transition-delay(0.2s);
 */
/*
   _____                  __               
  |_   _| _ __ _ _ _  ___/ _|___ _ _ _ __  
    | || '_/ _` | ' \(_-<  _/ _ \ '_| '  \ 
    |_||_| \__,_|_||_/__/_| \___/_| |_|_|_|

*  - to Use: @include transform( translate(-50%, -50%) );
*/
/*
*	VISUALLY HIDE AN ELEMENT
*  - to Use: .visually-hidden {
			   	@extend %visuallyhidden;
			 }
*/
/*
 _  __         ___                      
| |/ /___ _  _| __| _ __ _ _ __  ___ ___
| ' </ -_) || | _| '_/ _` | '  \/ -_|_-<
|_|\_\___|\_, |_||_| \__,_|_|_|_\___/__/
          |__/                          

*  - to Use: @include keyframes(slide-down) {
			   	0% { opacity: 1; }
			  	90% { opacity: 0; }
			 }

			 @include animation('slide-down 5s 3');
*/
#breadcrumb-bar {
  position: fixed;
  width: 100%;
  height: 60px;
  background-color: white;
  border-bottom: 2px solid #dadee6;
  margin: 0 0 0 250px;
  padding: 30px;
  padding-top: 15px;
  z-index: 10000;
}
#breadcrumb-bar h1 {
  font-size: 18px;
  font-family: "FuturaStd-Heavy";
  line-height: 1.5;
  margin: 0px;
  color: #272727;
  float: left;
}
#breadcrumb-bar .breadcrumb-separator {
  font-size: 18px;
  float: left;
  margin-right: 15px;
  margin-left: 15px;
}
#breadcrumb-bar .breadcrumb-separator i {
  top: -1px;
  font-size: 10px;
}
#breadcrumb-bar h2 {
  font-size: 18px;
  font-family: "FuturaStd";
  line-height: 1.5;
  margin: 0px;
  color: #272727;
  float: left;
}
#breadcrumb-bar .session-button {
  position: absolute;
  right: 250px;
  top: 0px;
  bottom: 0px;
  border-left: 2px solid #dadee6;
}
#breadcrumb-bar .session-button .ui-dropdown-toggle + ul {
  width: 100%;
  border: 2px solid #dadee6;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  border-radius: 0px;
  margin-top: 0px;
  border-right: 0px solid transparent;
  left: -2px;
  padding: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-top: 0px solid transparent !important;
}
#breadcrumb-bar .session-button .ui-dropdown-toggle + ul li a {
  line-height: 40px;
  font-size: 15px;
  padding-left: 35px;
}
#breadcrumb-bar .session-button > div {
  height: 100%;
  padding-left: 25px;
}
#breadcrumb-bar .session-button > div button {
  height: 100%;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  border: 0px solid transparent;
  background-color: transparent;
  font-family: "FuturaStd";
  font-size: 18px;
}
#breadcrumb-bar .session-button > div button i:last-child {
  margin-left: 25px;
  margin-right: 15px;
  font-size: 13px;
  color: black;
}
#breadcrumb-bar .session-button > div button i:first-child {
  top: 3px;
  margin-right: 20px;
  color: #dadee6;
}

/* Toggle Menu Animation */
/* Icon 1 */
#nav-icon1 {
  width: 25px;
  height: 25px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  margin-left: -32px;
  margin-top: 5px;
  margin-right: 22px;
  float: left;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #272727;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 8px;
}

#nav-icon1 span:nth-child(3) {
  top: 16px;
}

#nav-icon1.open span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -25px;
}

#nav-icon1.open span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

@media (max-width: 767px) {
  #breadcrumb-bar {
    z-index: 1000;
    margin-left: 0px;
    top: 0px;
  }
  #breadcrumb-bar h1 {
    font-size: 16px;
    line-height: 1.9;
  }
  #breadcrumb-bar .session-button {
    right: 0px;
  }
  #breadcrumb-bar .session-button .ui-dropdown-toggle + ul {
    right: 0px;
    left: auto;
  }
  #breadcrumb-bar .session-button .ui-dropdown-toggle + ul li a {
    padding-left: 20px;
  }
  #breadcrumb-bar .session-button > div {
    padding-left: 19px;
  }
  #breadcrumb-bar .session-button button span span {
    display: none;
  }
  #breadcrumb-bar .session-button button i:last-child {
    margin-left: 0px !important;
  }
  #breadcrumb-bar .session-button button i:first-child {
    top: 3px;
    margin-right: 20px;
    color: #dadee6;
  }
}
/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
footer {
  position: relative;
  padding: 0px 0px;
}

/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
/*
  __  __ _     _         
 |  \/  (_)_ _(_)_ _  ___
 | |\/| | \ \ / | ' \(_-<
 |_|  |_|_/_\_\_|_||_/__/

/*
 *	Center Object
 *  - to Use: @include centerElem(-50%, -50%);
 */
/*
 *	POSICIONAR ELEMENTO
 *  - to Use: @include posiAbsolute(0,auto,auto,0);
 */
/*
*	OPACITY
*  - to Use: @include opacity(0.8);
*/
/*
*	FLEXBOX DISPLAY
*  - to Use: @mixin flex-display();
*/
/*
	 _____                 _ _   _             
	|_   _| _ __ _ _ _  __(_) |_(_)___ _ _  ___
	  | || '_/ _` | ' \(_-< |  _| / _ \ ' \(_-<
	  |_||_| \__,_|_||_/__/_|\__|_\___/_||_/__/

	 *  - to Use:  @include transition(all 0.4s $easeOutExpo );
	 */
/*
 *	TRANSISTIONS DELAY
 *  - to Use:  @include transition-delay(0.2s);
 */
/*
   _____                  __               
  |_   _| _ __ _ _ _  ___/ _|___ _ _ _ __  
    | || '_/ _` | ' \(_-<  _/ _ \ '_| '  \ 
    |_||_| \__,_|_||_/__/_| \___/_| |_|_|_|

*  - to Use: @include transform( translate(-50%, -50%) );
*/
/*
*	VISUALLY HIDE AN ELEMENT
*  - to Use: .visually-hidden {
			   	@extend %visuallyhidden;
			 }
*/
/*
 _  __         ___                      
| |/ /___ _  _| __| _ __ _ _ __  ___ ___
| ' </ -_) || | _| '_/ _` | '  \/ -_|_-<
|_|\_\___|\_, |_||_| \__,_|_|_|_\___/__/
          |__/                          

*  - to Use: @include keyframes(slide-down) {
			   	0% { opacity: 1; }
			  	90% { opacity: 0; }
			 }

			 @include animation('slide-down 5s 3');
*/
.multimedia-game {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}

#fileupload {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
#fileupload.album {
  background: #ecf1f5;
  border: 2px solid #e2e7eb;
  border-radius: 5px;
}
#fileupload.album .fileupload-upload-more input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  border: 2px solid #969199;
}
#fileupload.multiple {
  padding: 15px;
}
#fileupload.multiple .image-thumb {
  padding: 0px !important;
  position: relative;
  width: 100%;
  box-sizing: content-box;
}
#fileupload.multiple .image-thumb + .img-name {
  font-family: "FuturaStd-Heavy";
  margin-bottom: 3px;
  color: #afb9be;
  font-size: 13px;
  display: block;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#fileupload.multiple .image-thumb + .img-name + .img-size {
  color: #afb9be;
  font-size: 12px;
  display: block;
  width: 100%;
  text-align: center;
}
#fileupload.multiple .image-thumb button {
  position: absolute;
  top: 6px;
  right: 6px;
  opacity: 1;
}
#fileupload.multiple .image-thumb button.crop {
  top: 40px;
}
#fileupload.multiple .image-thumb button i {
  visibility: visible;
  opacity: 1;
  text-shadow: 0 1px 0 transparent;
  color: white;
  background-color: black;
  border-radius: 50%;
  display: block;
  width: 25px;
  height: 25px;
  font-size: 15px;
  line-height: 23px;
}
#fileupload.multiple .image-thumb:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
#fileupload.multiple .image-thumb > div {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  border-radius: 5px;
  background-size: cover;
  background-position: center;
}
#fileupload.multiple .fileupload-upload-more {
  margin-bottom: 0px;
  padding-top: 0px !important;
  position: relative;
  padding-right: 15px !important;
}
#fileupload.multiple .fileupload-upload-more > div {
  border-radius: 5px;
  border: 3px dashed #dadee6;
  margin-bottom: 7px;
  color: #afb9be;
  font-size: 20px;
  position: relative;
}
#fileupload.multiple .fileupload-upload-more > div:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
#fileupload.multiple .fileupload-upload-more > div i.material-icons {
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#fileupload.multiple .fileupload-upload-more > div i.material-icons:before {
  font-size: 40px;
}
#fileupload.multiple .fileupload-upload-more input[type=file] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  opacity: 0;
}
#fileupload.multiple .fileupload-upload-more span {
  color: #afb9be;
}
#fileupload.multiple .fileupload-upload-more-video {
  margin-bottom: 0;
  padding-top: 0 !important;
  position: relative;
  padding-right: 15px !important;
}
#fileupload.multiple .fileupload-upload-more-video > div {
  border-radius: 5px;
  border: 3px dashed #dadee6;
  margin-bottom: 7px;
  color: #afb9be;
  font-size: 20px;
  position: relative;
}
#fileupload.multiple .fileupload-upload-more-video > div:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
#fileupload.multiple .fileupload-upload-more-video > div i.material-icons {
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#fileupload.multiple .fileupload-upload-more-video > div i.material-icons:before {
  font-size: 40px;
}
#fileupload.multiple .fileupload-upload-more-video input[type=file] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  opacity: 0;
}
#fileupload.multiple .fileupload-upload-more-video span {
  color: #afb9be;
}
#fileupload.multiple .fileupload-upload-more-360 {
  margin-bottom: 0px;
  padding-top: 0px !important;
  position: relative;
  padding-right: 15px !important;
}
#fileupload.multiple .fileupload-upload-more-360 > div {
  border-radius: 5px;
  border: 3px dashed #dadee6;
  margin-bottom: 7px;
  color: #afb9be;
  font-size: 20px;
  position: relative;
}
#fileupload.multiple .fileupload-upload-more-360 > div:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
#fileupload.multiple .fileupload-upload-more-360 > div i.material-icons {
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#fileupload.multiple .fileupload-upload-more-360 > div i.material-icons:before {
  font-size: 40px;
}
#fileupload.multiple .fileupload-upload-more-360 input[type=file] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  opacity: 0;
}
#fileupload.multiple .fileupload-upload-more-360 span {
  color: #afb9be;
}
#fileupload .btn:active {
  outline: 0;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}
#fileupload .single-upload {
  width: 250px;
}
#fileupload .fileupload-current {
  width: 100%;
}
#fileupload .fileupload-current .fileupload-loaded-images .row {
  /**
   * An element with .dndPlaceholder class will be
   * added to the dnd-list while the user is dragging
   * over it.
   */
  /**
   * Show selected elements in green
   */
}
#fileupload .fileupload-current .fileupload-loaded-images .row div[dnd-list] .dndDraggingSource {
  display: none;
}
#fileupload .fileupload-current .fileupload-loaded-images .row div[dnd-list] .dndPlaceholder .image-thumb {
  background-color: #e2e7eb;
  border-radius: 5px;
}
#fileupload .fileupload-current .fileupload-loaded-images .row div[dnd-list] div {
  display: block;
}
#fileupload .fileupload-current .fileupload-loaded-images .row div[dnd-list] div.selected {
  background-color: #e2e7eb;
}
#fileupload .fileupload-current .fileupload-loaded-image {
  max-width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
  position: relative;
  height: 200px;
  max-height: 200px;
  background: #000;
}
#fileupload .fileupload-current .fileupload-loaded-image img {
  width: 100%;
  height: 100%;
  margin-bottom: 15px;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
#fileupload .fileupload-current .fileupload-loaded-image button {
  position: absolute;
  top: 6px;
  right: 6px;
  opacity: 1;
}
#fileupload .fileupload-current .fileupload-loaded-image button.crop {
  top: 35px;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}
#fileupload .fileupload-current .fileupload-loaded-image button.crop i {
  color: white;
  background-color: #272727;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 25px;
  font-size: 14px;
}
#fileupload .fileupload-current .fileupload-loaded-image button span {
  visibility: visible;
  opacity: 1;
  text-shadow: 0 1px 0 transparent;
  color: white;
  background-color: #272727;
  border-radius: 50%;
  display: block;
  width: 25px;
  height: 25px;
}
#fileupload .fileinput-button {
  width: 100%;
  height: 45px;
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  padding-left: 0px;
  display: block;
  padding: 0;
}
#fileupload .fileinput-button core-icon {
  margin-right: 10px;
  top: -2px;
}
#fileupload .fileinput-button span {
  line-height: 25px;
  opacity: 1;
  visibility: visible;
  text-align: left;
  border: 1px solid #00A6F0;
  color: #00A6F0;
  display: flex;
  width: 100%;
  font-size: 16px;
  text-align: center;
  line-height: 100%;
  justify-content: center;
  align-items: center;
  padding: 5px;
  height: 38px;
}
#fileupload .fileinput-button span i {
  margin-right: 20px;
}
#fileupload .fileinput-button .spinner {
  width: 50px;
  height: 50px;
  opacity: 0;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
#fileupload .fileinput-button .spinner.active {
  opacity: 1;
}
#fileupload .fileinput-button .spinner > div {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  border: solid 2px transparent;
  border-top-color: #00a6f0;
  border-left-color: #00a6f0;
  border-radius: 10px;
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}
#fileupload .upload-count {
  font-family: FuturaStd-Condensed;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 10px;
}
#fileupload .upload-count span {
  color: #1788ad;
}
#fileupload table.files tr {
  border: 1px solid white;
  background-color: rgba(230, 230, 230, 0.2);
  width: 49%;
  display: block;
  float: left;
  margin-bottom: 20px;
}
#fileupload table.files tr td {
  border: 0px solid transparent;
  float: left;
}
#fileupload table.files tr:nth-child(even) {
  margin-left: 1%;
}
#fileupload table.files tr:nth-child(odd) {
  margin-right: 1%;
}
#fileupload table.files canvas {
  vertical-align: middle;
}
#fileupload table.files .upload-actions {
  float: right;
}
#fileupload table.files .upload-actions button {
  float: right;
  clear: both;
  width: 100px;
  line-height: 25px;
  border-radius: 0px;
  text-transform: uppercase;
  font-family: FuturaStd-Condensed;
  font-size: 13px;
  border: 0px solid transparent;
  margin-bottom: 3px;
}
#fileupload table.files .upload-actions button.submit-add {
  margin-top: 0px;
  margin-right: 0px;
  line-height: 25px;
  height: 37px;
  line-height: 37px;
}
#fileupload table.files .upload-actions button.submit-add span {
  line-height: 37px;
}
#fileupload table.files .upload-actions button.submit-add.btn-cancel {
  background-color: white;
  color: red;
}
#fileupload table.files .file-info {
  line-height: 0px;
}
#fileupload table.files .file-info p {
  font-family: FuturaStd-Condensed;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 14px;
}
#fileupload .progress {
  height: 5px;
  -webkit-box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0);
  background-color: rgba(245, 70, 99, 0.4);
  margin-top: 5px;
}
#fileupload > .submit-add.start {
  background-color: #1bc4a3;
}
#fileupload > .submit-add.start:before {
  background-color: #16a085;
}
#fileupload > .submit-add.start:hover:before {
  background-color: #16a085;
}

#fileCropModal .modal-dialog {
  height: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  width: auto !important;
  margin: 0px !important;
}
#fileCropModal .cropper-modal {
  background-color: #272727 !important;
}
#fileCropModal .modal-content {
  background-color: #272727;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  border-radius: 4px;
  border: 0px solid transparent;
  float: left;
  top: 50%;
  left: 50%;
  padding: 0px !important;
  overflow: hidden;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Safari */
  transform: translate(-50%, -50%);
}
#fileCropModal .modal-content .modal-header {
  color: white;
  font-size: 15px;
  border-bottom: 0px solid transparent;
  padding: 10px 15px;
}
#fileCropModal .modal-content .modal-header h4 {
  font-size: 15px;
  font-family: "FuturaStd-Heavy";
}
#fileCropModal .modal-content .modal-header .close {
  opacity: 1;
}
#fileCropModal .modal-content .modal-header .close span {
  color: white;
}
#fileCropModal .modal-content .modal-body {
  background-color: #272727;
  padding: 0px;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
  cursor: hand;
  width: 600px;
  height: 600px;
}
#fileCropModal .modal-content .modal-footer {
  border-top: 0px solid transparent;
  padding: 6px;
  padding-bottom: 4px;
}
#fileCropModal .modal-content .modal-footer button {
  margin: 0px;
  width: calc(50% - 3px);
  float: left;
  border-radius: 3px;
  line-height: 28px;
  font-family: "FuturaStd-Heavy";
  color: white;
  font-size: 16px;
  border: 0px solid transparent;
  text-transform: capitalize;
  max-width: 175px;
  font-weight: 100;
}
#fileCropModal .modal-content .modal-footer button.btn-submit {
  height: 41px;
  border-radius: 4px !important;
  overflow: hidden;
}
#fileCropModal .modal-content .modal-footer button.btn-submit > span {
  line-height: 42px;
}
#fileCropModal .modal-content .modal-footer button:first-child {
  margin-right: 3px;
  color: white;
  background-color: #404648;
}
#fileCropModal .modal-content .modal-footer button:last-child {
  margin-left: 3px;
}

@media (max-width: 992px) {
  .modal-footer button {
    max-width: initial !important;
  }
}
@media screen and (max-width: 900px), screen and (max-height: 700px) {
  #fileCropModal .modal-dialog .modal-content .modal-body {
    width: 450px;
    height: 450px;
  }
}
@media screen and (max-width: 500px), screen and (max-height: 550px) {
  #fileCropModal .modal-dialog .modal-content .modal-body {
    width: 250px;
    height: 250px;
  }
}
/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
/*
  __  __ _     _         
 |  \/  (_)_ _(_)_ _  ___
 | |\/| | \ \ / | ' \(_-<
 |_|  |_|_/_\_\_|_||_/__/

/*
 *	Center Object
 *  - to Use: @include centerElem(-50%, -50%);
 */
/*
 *	POSICIONAR ELEMENTO
 *  - to Use: @include posiAbsolute(0,auto,auto,0);
 */
/*
*	OPACITY
*  - to Use: @include opacity(0.8);
*/
/*
*	FLEXBOX DISPLAY
*  - to Use: @mixin flex-display();
*/
/*
	 _____                 _ _   _             
	|_   _| _ __ _ _ _  __(_) |_(_)___ _ _  ___
	  | || '_/ _` | ' \(_-< |  _| / _ \ ' \(_-<
	  |_||_| \__,_|_||_/__/_|\__|_\___/_||_/__/

	 *  - to Use:  @include transition(all 0.4s $easeOutExpo );
	 */
/*
 *	TRANSISTIONS DELAY
 *  - to Use:  @include transition-delay(0.2s);
 */
/*
   _____                  __               
  |_   _| _ __ _ _ _  ___/ _|___ _ _ _ __  
    | || '_/ _` | ' \(_-<  _/ _ \ '_| '  \ 
    |_||_| \__,_|_||_/__/_| \___/_| |_|_|_|

*  - to Use: @include transform( translate(-50%, -50%) );
*/
/*
*	VISUALLY HIDE AN ELEMENT
*  - to Use: .visually-hidden {
			   	@extend %visuallyhidden;
			 }
*/
/*
 _  __         ___                      
| |/ /___ _  _| __| _ __ _ _ __  ___ ___
| ' </ -_) || | _| '_/ _` | '  \/ -_|_-<
|_|\_\___|\_, |_||_| \__,_|_|_|_\___/__/
          |__/                          

*  - to Use: @include keyframes(slide-down) {
			   	0% { opacity: 1; }
			  	90% { opacity: 0; }
			 }

			 @include animation('slide-down 5s 3');
*/
#toast-container {
  margin-left: 310px;
  font-size: 12px;
}
@media (max-width: 767px) {
  #toast-container {
    margin-left: 0px;
  }
}
#toast-container > div {
  width: auto;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  opacity: 1;
  padding-left: 60px;
  position: relative;
}
#toast-container > div .toast-title {
  display: none;
}
#toast-container > div:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
#toast-container > div.toast-error {
  background-color: #030303;
}
@media (max-width: 767px) {
  #toast-container > div.toast-error {
    height: 47px;
    line-height: 32px;
    margin-bottom: 0px;
  }
}
#toast-container > div.toast-error .toast-message {
  font-size: 14px;
  line-height: 17px;
}
#toast-container > div.toast-error .toast-message ::after {
  content: "";
  font-family: "Glyphicons Halflings";
  background-color: #D74448;
}
#toast-container > div.toast-success {
  background-color: #030303;
}
@media (max-width: 767px) {
  #toast-container > div.toast-success {
    height: 47px;
    line-height: 32px;
    margin-bottom: 0px;
  }
}
#toast-container > div.toast-success .toast-message ::after {
  content: "";
  font-family: "Glyphicons Halflings";
  background-color: #51a351;
}
#toast-container .toast-message ::after {
  display: inline-block;
  font-size: 14px;
  text-align: center;
  line-height: 44px;
  width: 47px;
  height: 47px;
  position: absolute;
  top: 0px;
  left: 0px;
}

/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
/*
  __  __ _     _         
 |  \/  (_)_ _(_)_ _  ___
 | |\/| | \ \ / | ' \(_-<
 |_|  |_|_/_\_\_|_||_/__/

/*
 *	Center Object
 *  - to Use: @include centerElem(-50%, -50%);
 */
/*
 *	POSICIONAR ELEMENTO
 *  - to Use: @include posiAbsolute(0,auto,auto,0);
 */
/*
*	OPACITY
*  - to Use: @include opacity(0.8);
*/
/*
*	FLEXBOX DISPLAY
*  - to Use: @mixin flex-display();
*/
/*
	 _____                 _ _   _             
	|_   _| _ __ _ _ _  __(_) |_(_)___ _ _  ___
	  | || '_/ _` | ' \(_-< |  _| / _ \ ' \(_-<
	  |_||_| \__,_|_||_/__/_|\__|_\___/_||_/__/

	 *  - to Use:  @include transition(all 0.4s $easeOutExpo );
	 */
/*
 *	TRANSISTIONS DELAY
 *  - to Use:  @include transition-delay(0.2s);
 */
/*
   _____                  __               
  |_   _| _ __ _ _ _  ___/ _|___ _ _ _ __  
    | || '_/ _` | ' \(_-<  _/ _ \ '_| '  \ 
    |_||_| \__,_|_||_/__/_| \___/_| |_|_|_|

*  - to Use: @include transform( translate(-50%, -50%) );
*/
/*
*	VISUALLY HIDE AN ELEMENT
*  - to Use: .visually-hidden {
			   	@extend %visuallyhidden;
			 }
*/
/*
 _  __         ___                      
| |/ /___ _  _| __| _ __ _ _ __  ___ ___
| ' </ -_) || | _| '_/ _` | '  \/ -_|_-<
|_|\_\___|\_, |_||_| \__,_|_|_|_\___/__/
          |__/                          

*  - to Use: @include keyframes(slide-down) {
			   	0% { opacity: 1; }
			  	90% { opacity: 0; }
			 }

			 @include animation('slide-down 5s 3');
*/
.feed-image .feed-thumb {
  width: 80px;
  height: 80px;
  position: relative;
  background-position: center;
  background-size: cover;
  display: block;
}
.feed-image .feed-thumb img {
  max-width: 80px;
  display: none;
}

#sort-modal .modal-dialog {
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  top: 0%;
  bottom: 0%;
  left: 50%;
  position: absolute;
  border: 0px solid transparent;
}
#sort-modal .modal-content {
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  top: 0px;
  bottom: 0px;
  position: absolute;
  width: 100%;
  background-color: #fafafa;
}
#sort-modal .modal-content.loading .spinner {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
#sort-modal .modal-content.loading .spinner > div {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  border: solid 2px transparent;
  border-top-color: #00a6f0;
  border-left-color: #00a6f0;
  border-radius: 10px;
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}
#sort-modal .modal-content h1 {
  font-size: 18px;
  font-family: "FuturaStd-Heavy";
  line-height: 1.7;
  margin: 0px;
  color: #272727;
}
#sort-modal .modal-header {
  height: 58px;
  background-color: white;
}
#sort-modal ul {
  width: 100%;
  list-style: none;
  padding: 15px;
  overflow-y: scroll;
  bottom: 0px;
  position: absolute;
  margin-bottom: 0px;
  top: 58px;
}
@media (max-width: 767px) {
  #sort-modal ul {
    padding: 15px 10px 15px 35px;
  }
  #sort-modal ul:before {
    display: block;
    content: "";
    position: absolute;
    top: 17px;
    left: 0px;
    font-family: "icomoon";
    transform: rotate(90deg);
    font-size: 19px;
    opacity: 0.5;
  }
}
#sort-modal ul .load-more {
  height: 40px;
  display: block;
  position: relative;
}
#sort-modal ul .load-more .spinner {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
#sort-modal ul .load-more .spinner > div {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  border: solid 2px transparent;
  border-top-color: #00a6f0;
  border-left-color: #00a6f0;
  border-radius: 10px;
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}
#sort-modal ul li {
  width: 100%;
  min-height: 42px;
  background-color: white;
  margin-bottom: 0px;
  border: 1px solid #dadee6;
  display: inline-block;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  position: relative;
}
#sort-modal ul li:after {
  content: "";
  display: block;
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #cacfd8;
  position: absolute;
  right: 0px;
  top: 8px;
  font-size: 22px;
}
#sort-modal ul li .col-xs-1 {
  height: 22px;
}
#sort-modal ul li .col-xs-1 i {
  font-size: 60px;
  line-height: 25px;
  color: #cacfd8;
  margin-left: -5px;
  position: absolute;
  top: 0px;
}

@media (max-width: 767px) {
  #sort-modal .modal-dialog {
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    left: 0%;
    width: calc(100% - 20px);
  }
  #sort-modal ul li .col-xs-1 i {
    right: -13px;
  }
}
#feed-filters {
  padding-left: 0px;
  list-style: none;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}
#feed-filters li {
  display: block;
  float: left;
  width: 10%;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 28px;
  cursor: pointer;
  border-radius: 2px;
}
#feed-filters li.active {
  background-color: white;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#feed-filters li.active i {
  border-left: 2px solid transparent;
  color: #272727;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#feed-filters li.active span {
  color: #272727;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#feed-filters li.active + li i {
  border-left: 2px solid transparent;
}
#feed-filters li span {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  font-family: "FuturaStd-Heavy";
  font-size: 17px;
  color: #cacfd8;
}
#feed-filters li i {
  width: 100%;
  border-left: 2px solid #dbdfe6;
  color: #cacfd8;
  font-size: 130px;
  margin-bottom: 20px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  display: block;
  line-height: 50px;
}
#feed-filters li:hover i, #feed-filters li:hover span {
  color: #9ea8b4;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#feed-filters li:first-child i {
  border-left: 0px solid #dbdfe6 !important;
}

#feed-filters-select, #filters-select, .filters-select {
  margin-bottom: 20px;
  margin-top: 10px;
  width: 100% !important;
}
#feed-filters-select > div, #filters-select > div, .filters-select > div {
  background: white !important;
  height: 40px;
  width: 100% !important;
  border: solid 2px #dadee6;
}
#feed-filters-select > div label, #filters-select > div label, .filters-select > div label {
  font-family: "FuturaStd-Heavy";
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  padding-right: 30px;
}
#feed-filters-select .dd-options, #filters-select .dd-options, .filters-select .dd-options {
  border: solid 2px #dadee6;
  width: 100% !important;
  border-top-width: 0px;
}
#feed-filters-select a, #filters-select a, .filters-select a {
  padding: 0px;
}
#feed-filters-select span, #filters-select span, .filters-select span {
  line-height: 40px;
}
#feed-filters-select label, #filters-select label, .filters-select label {
  margin-bottom: 0px;
  font-family: "FuturaStd";
  font-weight: normal;
  line-height: 37px;
  padding-left: 15px;
  font-size: 14px;
}

#filters-select {
  display: inline-block;
  width: 260px !important;
}

.filters-label {
  float: left;
  line-height: 60px;
  margin-right: 10px;
}

@media (max-width: 1200px) {
  #feed-filters li {
    padding-bottom: 10px;
    padding-top: 18px;
  }
  #feed-filters li span {
    font-size: 14px;
  }
  #feed-filters li i {
    font-size: 80px;
    margin-bottom: 10px;
    line-height: 25px;
  }
}
@media (max-width: 1024px) {
  #feed-filters li {
    padding-bottom: 5px;
    padding-top: 8px;
  }
  #feed-filters li span {
    font-size: 13px;
  }
  #feed-filters li i {
    font-size: 60px;
    margin-bottom: 5px;
    line-height: 25px;
  }
}
@media (max-width: 1024px) {
  #filters-select {
    display: inline-block;
    width: 180px !important;
  }

  #datatables .dataTables_length {
    float: initial;
  }
  #datatables .dataTables_filter label {
    width: 100%;
  }
  #datatables .dataTables_filter label input {
    width: 100%;
    margin-left: 0px;
    box-sizing: border-box;
  }
}
#spinner-filter {
  width: 40px;
  height: 40px;
  position: relative;
  display: inline-block;
  -ms-transform: translateY(-5px);
  /* IE 9 */
  -webkit-transform: translateY(-5px);
  /* Safari */
  transform: translateY(-5px);
}
#spinner-filter .spinner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
#spinner-filter .spinner > div {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  border: solid 2px transparent;
  border-top-color: #00a6f0;
  border-left-color: #00a6f0;
  border-radius: 10px;
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}

.bootstrap-switch {
  float: left;
  clear: left;
  margin-bottom: 20px;
  border: 2px solid #00a6f0;
  border-radius: 2px;
  box-shadow: none !important;
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-radius: 0px !important;
}
.bootstrap-switch span {
  font-weight: 800;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  background-color: #00a6f0;
}

#tactics-court {
  background-image: url("/img/backend/court.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  padding-top: 73.5216240071%;
  margin-bottom: 30px;
  margin-top: 60px;
  position: relative;
}
#tactics-court .tactics-container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
#tactics-court .tactics-container .position {
  width: 60px;
  padding-bottom: 52px;
  height: 0px;
  border-radius: 50%;
  background-color: white;
  position: absolute;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Safari */
  transform: translate(-50%, -50%);
  border: 4px solid white;
  -webkit-box-shadow: 3px 5px 5px 0px rgba(69, 119, 188, 0.75);
  -moz-box-shadow: 3px 5px 5px 0px rgba(69, 119, 188, 0.75);
  box-shadow: 3px 5px 5px 0px rgba(69, 119, 188, 0.75);
  background-image: url("/img/backend/user_placeholder.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
#tactics-court .tactics-container .position.changing {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
#tactics-court .tactics-container .position img {
  width: 100%;
  border-radius: 50%;
  background-color: #f7f9fa;
}
#tactics-court .tactics-container .position .number {
  padding: 5px;
  font-size: 12px;
  display: inline-block;
  width: 25px;
  height: 25px;
  float: right;
  border-radius: 50%;
  color: #00a6f0;
  font-weight: 900;
  background-color: white;
  -webkit-box-shadow: 3px 5px 5px 0px rgba(69, 119, 188, 0.75);
  -moz-box-shadow: 3px 5px 5px 0px rgba(69, 119, 188, 0.75);
  box-shadow: 3px 5px 5px 0px rgba(69, 119, 188, 0.75);
  position: absolute;
  bottom: -10px;
  right: -10px;
  text-align: center;
}

.empty-players {
  vertical-align: middle;
  display: table-cell;
}

#player-picker {
  padding: 0px;
}
#player-picker ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  max-height: 300px;
  overflow-y: scroll;
}
#player-picker ul li {
  padding-left: 15px;
  padding-right: 15px;
  height: 70px;
  border-bottom: 1px solid #f7f9fa;
  cursor: pointer;
}
#player-picker ul li img {
  margin-top: 8px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin-right: 20px;
  -webkit-box-shadow: 2px 3px 6px 0px rgba(69, 119, 188, 0.49);
  -moz-box-shadow: 2px 3px 6px 0px rgba(69, 119, 188, 0.49);
  box-shadow: 2px 3px 6px 0px rgba(69, 119, 188, 0.49);
  border: 3px solid white;
  background-color: #f7f9fa;
  float: left;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#player-picker ul li span {
  line-height: 70px;
  display: inline-block;
  float: left;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
#player-picker ul li.selected {
  background-color: #00a6f0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#player-picker ul li.selected img {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#player-picker ul li.selected span {
  color: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#player-picker ~ .modal-footer {
  margin-top: -6px;
}

.timeline {
  background-color: #f7f9fa;
  min-height: 300px;
}
.timeline .smaller {
  font-size: 13px !important;
}
.timeline .header-timeline {
  border-bottom: 2px solid #dadee6;
}
.timeline .header-timeline .actions-panels {
  border-bottom: 0px solid #dadee6;
  margin-left: 0px !important;
  padding: 0px !important;
}
.timeline .header-timeline .tab-contents {
  border-top: 2px solid #dadee6;
}
.timeline .header-timeline .tab-contents button {
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
  margin-top: 15px;
}
.timeline .header-timeline .tab-contents button .spinner {
  border-radius: 4px;
}
@media (min-width: 992px) {
  .timeline .header-timeline .tab-contents button {
    margin-top: -1px;
  }
}
.timeline .header-timeline .tab-contents button > span {
  line-height: 40px;
}
.timeline .header-timeline .tab-contents .goal-specific {
  text-align: left;
}
.timeline .header-timeline .tab-contents .goal-specific .icheckbox_square-blue {
  float: left;
}
@media (min-width: 992px) {
  .timeline .header-timeline .tab-contents .goal-specific {
    text-align: right;
  }
  .timeline .header-timeline .tab-contents .goal-specific .icheckbox_square-blue {
    float: right;
  }
}
.timeline .header-timeline .time-middle a, .timeline .header-timeline .write-middle a {
  color: #afb9be;
  background-color: #f7f9fa !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
  border-radius: 5px !important;
}
.timeline .header-timeline .live-panel {
  list-style: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.timeline .header-timeline .live-panel.active {
  display: block;
}
.timeline .header-timeline .live-panel li {
  text-align: center;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
}
.timeline .header-timeline .live-panel li.time, .timeline .header-timeline .live-panel li.write {
  text-align: left;
  padding-top: 13px;
  text-transform: none;
}
.timeline .header-timeline .live-panel li.time .write-minute, .timeline .header-timeline .live-panel li.write .write-minute {
  margin-top: -10px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .timeline .header-timeline .live-panel li.time .write-minute, .timeline .header-timeline .live-panel li.write .write-minute {
    margin-top: 46px;
  }
}
.timeline .header-timeline .live-panel li.time .nav-tabs, .timeline .header-timeline .live-panel li.write .nav-tabs {
  margin-left: 0px;
  margin-top: 0px;
}
.timeline .header-timeline .live-panel li.time .nav-tabs a, .timeline .header-timeline .live-panel li.write .nav-tabs a {
  font-size: 14px;
  padding: 0px 7px;
}
.timeline .header-timeline .live-panel li.time .nav-tabs a:first-child, .timeline .header-timeline .live-panel li.write .nav-tabs a:first-child {
  padding-left: 0px;
}
.timeline .header-timeline .live-panel li.time .nav-tabs li.language.active a, .timeline .header-timeline .live-panel li.write .nav-tabs li.language.active a {
  color: #00a6f0 !important;
}
@media (min-width: 992px) {
  .timeline .header-timeline .live-panel li.time, .timeline .header-timeline .live-panel li.write {
    border-top: 2px solid #dadee6;
  }
}
.timeline .header-timeline .live-panel li.time .select-appendix, .timeline .header-timeline .live-panel li.write .select-appendix {
  top: 23px;
}
.timeline .header-timeline .live-panel li.time label i, .timeline .header-timeline .live-panel li.write label i {
  font-size: 12px;
  display: inline-block;
  width: auto;
  margin: 0px;
}
.timeline .header-timeline .live-panel li.time button, .timeline .header-timeline .live-panel li.write button {
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
  margin-top: 3px;
}
.timeline .header-timeline .live-panel li.time button .spinner, .timeline .header-timeline .live-panel li.write button .spinner {
  border-radius: 4px;
}
@media (min-width: 992px) {
  .timeline .header-timeline .live-panel li.time button, .timeline .header-timeline .live-panel li.write button {
    margin-top: -1px;
  }
}
.timeline .header-timeline .live-panel li.time button > span, .timeline .header-timeline .live-panel li.write button > span {
  line-height: 40px;
}
.timeline .header-timeline .live-panel li.col-xs-2 {
  width: 20.000000004%;
  padding-left: 5px;
  padding-right: 5px;
}
.timeline .header-timeline .live-panel li.col-xs-2.time, .timeline .header-timeline .live-panel li.col-xs-2.write {
  width: 16.66666667%;
}
.timeline .header-timeline .live-panel li.col-xs-2.time i, .timeline .header-timeline .live-panel li.col-xs-2.write i {
  opacity: 0.5;
}
.timeline .header-timeline .live-panel li.col-xs-2.time span, .timeline .header-timeline .live-panel li.col-xs-2.write span {
  color: #272727;
  opacity: 0.5;
}
.timeline .header-timeline .live-panel li.col-xs-2.time a, .timeline .header-timeline .live-panel li.col-xs-2.write a {
  display: block;
  width: 100%;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.timeline .header-timeline .live-panel li.col-xs-2.time:hover a, .timeline .header-timeline .live-panel li.col-xs-2.write:hover a {
  background-color: #f7f9fa;
  border-radius: 5px !important;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.timeline .header-timeline .live-panel li a {
  font-size: 11px;
  padding: 0px;
  margin: 0px;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: transparent;
  cursor: pointer;
}
.timeline .header-timeline .live-panel li a span {
  display: block;
}
.timeline .header-timeline .live-panel li a:hover i {
  opacity: 0.5;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.timeline .header-timeline .live-panel li i {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 5px;
  font-size: 20px;
  color: #272727;
  opacity: 0.25;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.timeline .header-timeline .live-panel li i.yellow {
  color: #ffc000;
}
.timeline .header-timeline .live-panel li i.red {
  color: #d23600;
}
.timeline .header-timeline .live-panel li.active i {
  opacity: 1;
}
.timeline .header-timeline .live-panel li.active a {
  color: #272727 !important;
}
.timeline .header-timeline .teams {
  background-color: #f7f9fa;
  height: 60px;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
}
.timeline .header-timeline .teams > div {
  padding-left: 0px;
  padding-right: 0px;
  height: 100%;
  border-right: 2px solid #dadee6;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.timeline .header-timeline .teams > div.center i {
  font-size: 24px;
  line-height: 59px;
}
.timeline .header-timeline .teams > div.active {
  background-color: white;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.timeline .header-timeline .teams > div:not(.active) {
  border-bottom: 2px solid #dadee6;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.timeline .header-timeline .teams > div:last-child {
  border-right: 0px solid transparent;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.timeline .header-timeline .teams h1 {
  display: inline-block;
  font-family: "FuturaStd-Heavy";
  font-size: 20px;
}
.timeline .header-timeline .teams h2 {
  display: inline-block;
  font-family: "FuturaStd-Heavy";
  font-size: 22px;
  color: #00a6f0;
}
.timeline .events {
  padding-bottom: 25px;
}
.timeline .events .penalti-bottons > div {
  width: 42px;
  height: 42px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #dadee6;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
}
.timeline .events .penalti-bottons > div:first-child {
  margin-right: 5px;
  margin-top: 11px;
}
.timeline .events .penalti-bottons > div:hover {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  border: 2px solid #00a6f0;
  background-color: #00a6f0;
}
.timeline .events .penalti-bottons > div:hover i {
  color: white;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.timeline .events .penalti-bottons > div i {
  color: #dadee6;
  font-size: 22px;
  width: 100%;
  text-align: center;
  display: block;
  line-height: 36px;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.timeline .events .full-width-event {
  padding-top: 20px;
  position: relative;
}
.timeline .events .full-width-event .event-container {
  height: 40px;
  background-color: #eef1f4;
  width: 100%;
}
.timeline .events .full-width-event .event-container .center {
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  font-family: "FuturaStd";
}
.timeline .events .full-width-event .event-container .center i.delete {
  color: #00a6f0;
  float: right;
  font-size: 17px;
  line-height: 40px;
  opacity: 0.5;
  cursor: pointer;
}
.timeline .events .full-width-event .event-container .center i.delete:hover {
  opacity: 1;
}
.timeline .events .full-width-event .event-container .col-xs-1 {
  height: 100%;
  position: absolute;
  top: 0px;
  text-align: center;
  padding-right: 0px;
  padding-left: 0px;
  width: 6.33333333%;
}
.timeline .events .full-width-event .event-container .col-xs-1 > span {
  display: inline-block;
  width: 2px;
  height: 100%;
  background-color: #dadee6;
}
.timeline .events .full-width-event .event-container .col-xs-1:last-child {
  right: 0px;
}
.timeline .events .event {
  padding-top: 20px;
  position: relative;
}
.timeline .events .event.right .penalti-bottons {
  float: left;
}
.timeline .events .event.right .col-md-5 {
  margin-left: 6.33333333%;
  width: 87.33333333%;
  padding-left: 0px;
  padding-right: 0px;
}
.timeline .events .event.right .info-icon {
  float: right;
}
.timeline .events .event.right .info-icon.red {
  color: #d23600;
}
.timeline .events .event.right .info-icon.yellow {
  color: #ffc000;
}
.timeline .events .event.right .info-icon.trash {
  float: left;
}
.timeline .events .event.right .info-icon.trash i {
  color: #00a6f0;
}
.timeline .events .event.right .info-text {
  text-align: right;
}
.timeline .events .event.left .penalti-bottons {
  float: right;
}
.timeline .events .event.left .col-md-5 {
  margin-left: 6.33333333%;
  width: 87.33333333%;
  padding-left: 0px;
  padding-right: 0px;
}
.timeline .events .event.left .info-icon {
  float: left;
}
.timeline .events .event.left .info-icon.trash {
  float: right;
}
.timeline .events .event.left .info-icon.trash i {
  color: #00a6f0;
}
.timeline .events .event .event-container {
  height: 70px;
  width: 100%;
}
.timeline .events .event .event-container .info-icon {
  padding-left: 0px;
  width: 70px;
}
.timeline .events .event .event-container .info-icon.action {
  width: 35px;
}
.timeline .events .event .event-container .info-icon.action.last-left {
  margin-left: 5px;
}
.timeline .events .event .event-container .info-icon.action.last-right {
  margin-right: 5px;
}
.timeline .events .event .event-container .info-icon i {
  color: #dadee6;
  display: inline-block;
  line-height: 67px;
  width: 100%;
}
.timeline .events .event .event-container .info-icon i.red {
  color: #d23600;
}
.timeline .events .event .event-container .info-icon i.yellow {
  color: #ffc000;
}
.timeline .events .event .event-container .info-text {
  width: calc(100% - 150px);
  float: left;
  height: 100%;
  display: table;
}
.timeline .events .event .event-container .info-text > div {
  display: table-cell;
  vertical-align: middle;
}
.timeline .events .event .event-container .col-md-5 {
  background-color: white;
  border: 2px solid #dadee6;
  height: 100%;
}
.timeline .events .event .event-container .col-xs-1 {
  height: 100%;
  position: absolute;
  top: 0px;
  text-align: center;
  padding-right: 0px;
  padding-left: 0px;
  width: 6.33333333%;
}
.timeline .events .event .event-container .col-xs-1 > p {
  font-family: "FuturaStd";
  font-size: 12px;
  position: absolute;
  top: calc(10px + 50%);
  display: inline-block;
  width: 100%;
  left: 0px;
  background-color: #f7f9fa;
  padding-top: 2px;
  padding-bottom: 2px;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
  transform: translateY(-50%);
  z-index: 1;
}
.timeline .events .event .event-container .col-xs-1 > span {
  display: inline-block;
  width: 2px;
  height: 100%;
  background-color: #dadee6;
}
.timeline .events .event .event-container .col-xs-1:last-child {
  right: 0px;
}
.timeline .events .event:last-child .event-container .col-xs-1 > span {
  height: 50%;
}

@media (min-width: 992px) {
  .timeline .header-timeline .teams > div {
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
  }
  .timeline .header-timeline .teams > div.active {
    background-color: transparent;
    border-bottom: 2px solid transparent;
  }
  .timeline .header-timeline .teams > div:not(.active) {
    border-bottom: 2px solid transparent;
  }
  .timeline .header-timeline .live-panel {
    display: block;
  }
  .timeline .header-timeline .live-panel li.col-md-1 {
    width: 9.0909090909%;
  }
  .timeline .header-timeline .live-panel li a {
    font-size: 11px;
  }
  .timeline .header-timeline .live-panel li i {
    font-size: 30px;
  }
  .timeline .header-timeline .actions-panels .col-xs-1 {
    padding-left: 5px;
    padding-right: 5px;
    min-height: 10px;
  }
  .timeline .header-timeline .actions-panels .col-md-5 {
    width: 45.833333335%;
  }
  .timeline .events .full-width-event .event-container .col-xs-1, .timeline .events .event .event-container .col-xs-1 {
    width: 4.33333333%;
  }
  .timeline .events .full-width-event .event-container .col-xs-1 > p, .timeline .events .event .event-container .col-xs-1 > p {
    font-size: 18px;
  }
  .timeline .events .event.left .col-md-5 {
    margin-left: 4.33333333%;
    width: 43.66666667%;
  }
  .timeline .events .event.right .col-md-5 {
    margin-left: 52%;
    width: 43.66666667%;
  }
}
@media (min-width: 992px) and (max-width: 1250px) {
  .timeline .header-timeline .live-panel a span {
    width: 46px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.fixtures .dd-select {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #cfd8dc;
}
.fixtures .dd-select a {
  color: #030303;
}
.fixtures .mt-20 {
  margin: 20px 0 0;
}
.fixtures .m-20 {
  margin: 20px 0;
}
.fixtures .m-20-40 {
  margin: 20px 0 40px;
}
.fixtures #filters-select-year {
  margin-right: 10px;
}
.fixtures .dd-container {
  display: inline-block;
}
.fixtures .journey-head {
  margin-bottom: 10px;
}
.fixtures .journey-head .journey-title {
  font-weight: bold;
  font-size: 22px;
  font-family: "FuturaStd-Heavy";
}
.fixtures .journey-head .journey-title-head {
  font-weight: bold;
  font-size: 28px;
  font-family: "FuturaStd-Heavy";
  padding: 0 0 15px;
  width: 100%;
}
.fixtures .journey-head .title-head-border {
  border-bottom: 1px solid #cfd8dc;
  width: 100%;
  margin: 0 0 5px;
  box-sizing: border-box;
}
.fixtures .journey-head .add-game {
  color: #00a6f0;
  font-weight: bold;
  font-size: 16px;
  margin-top: 4px;
}
.fixtures .journey-head .add-game .plus-icon {
  position: relative;
  background: #00a6f0;
  border-radius: 50px;
  width: 18px;
  height: 18px;
  display: inline-block;
  top: 4px;
  margin-left: 10px;
}
.fixtures .journey-head .add-game .plus-icon div {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: 15px;
  font-weight: 100;
  line-height: 15px;
}
.fixtures .games {
  margin-bottom: 20px;
}
.fixtures .games:last-child {
  margin-bottom: 0;
}
.fixtures .games ul {
  list-style: none;
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}
.fixtures .games ul li {
  display: inline-block;
  width: 100%;
  padding: 12px 0;
  background-color: #f7f9fa;
}
.fixtures .games ul li:nth-child(2n) {
  width: 100%;
  background-color: transparent;
}
.fixtures .games ul li span {
  padding: 0 10px;
  font-weight: bold;
}
.fixtures .games ul li .menu a {
  font-weight: bold;
  margin: 0 10px;
  color: #00a6f0;
}
.fixtures .games ul li .menu .live {
  color: #f8ab15;
}
.fixtures .games ul li .material-icons {
  cursor: pointer;
  font-size: 20px;
}
.fixtures .games ul li .material-icons a {
  color: #272727;
}

.for-sports {
  text-align: center;
  margin: 200px 0 100px;
  width: 100%;
  font-weight: 100;
  font-size: 18px;
}
.for-sports .loading-bar {
  width: 50%;
  margin: 10px auto 0;
  position: relative;
  height: 3px;
  overflow: hidden;
}
.for-sports .loading-bar .piece {
  height: 3px;
  background-color: #00a6f0;
  animation: load 1000ms cubic-bezier(0.99, 0.435, 0.595, 0.96) infinite;
}
@keyframes load {
  0% {
    width: 0%;
    margin-left: 0;
  }
  50% {
    margin-left: 0%;
  }
  100% {
    width: 100%;
    margin-left: 100%;
  }
}

.no-margin {
  margin: 0 !important;
  padding: 0 !important;
}
.no-margin h4 {
  font-weight: bold;
}

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

.pages-item-list ul {
  margin: 0;
  padding: 0 !important;
  list-style: none;
}
.pages-item-list ul.token-input-list {
  border: 0 !important;
}
.pages-item-list ul.token-input-list li.token-input-input-token {
  width: 100%;
}
.pages-item-list ul.token-input-list li.token-input-input-token input {
  width: 100% !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(208, 212, 215, 0.3) !important;
  padding: 0 !important;
  font-size: 16px !important;
  border-radius: 0 !important;
  height: auto !important;
}
.pages-item-list ul[dnd-list] {
  min-height: 42px;
  padding-left: 0px;
}
.pages-item-list ul[dnd-list] .dndDraggingSource {
  display: none;
}
.pages-item-list ul[dnd-list] .dndPlaceholder {
  background-color: rgba(208, 212, 215, 0.3);
  display: flex;
  min-height: 42px;
  margin-bottom: 15px;
  border-radius: 5px;
}
.pages-item-list ul[dnd-list] li {
  display: flex;
}
.pages-item-list .material-icons {
  cursor: pointer;
}
.pages-item-list div.token-input-dropdown {
  background: #fff;
  position: relative !important;
  border-radius: 5px;
  border: 1px solid rgba(208, 212, 215, 0.3) !important;
  margin-top: 35px;
}
.pages-item-list div.token-input-dropdown > * {
  font-family: "FuturaStd" !important;
  font-weight: 100;
  font-size: 14px !important;
  line-height: 20px !important;
  text-align: left !important;
  text-justify: inter-word;
}
.pages-item-list div.token-input-dropdown p {
  width: 100%;
  border-left: 0 !important;
  border-right: 0 !important;
  line-height: 30px !important;
  padding-left: 10px !important;
}
.pages-item-list div.token-input-dropdown li {
  width: 100%;
  display: inline-block !important;
  line-height: 33px !important;
  background-color: #fff !important;
  padding-left: 10px !important;
  border-left: 0 !important;
  border-right: 0 !important;
  white-space: pre-wrap !important;
  text-align: left !important;
  text-justify: inter-word !important;
}
.pages-item-list div.token-input-dropdown li.token-input-selected-dropdown-item {
  background-color: #00a6f0 !important;
  color: white !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.pages-item-list fieldset.input {
  margin-bottom: 0 !important;
}
.pages-item-list .token-input-dropdown-item b {
  margin: 0 !important;
  padding: 0 !important;
  font-weight: bold;
}

.active-poll {
  color: #00a6f0;
}

.status-icons {
  background-color: rgba(17, 24, 28, 0.05);
  border-radius: 5px;
  padding: 3px;
  display: flex;
}
.status-icons-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: rgba(17, 24, 28, 0.5);
  font-size: 14px;
  border-radius: 3px;
  line-height: 21px;
  border: none;
  padding: 10px 0;
  background: transparent;
  transition: all 0.3s ease-in-out;
}
.status-icons-button i {
  margin-right: 5px;
}
.status-icons-button:hover {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  background: #00A6F0;
}
.status-icons .active {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  background: #00A6F0;
}

.list-box-title, .list-box-number {
  font-family: "FuturaStd-Heavy";
  font-size: 14px;
  display: block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.list-box-content {
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #ecf1f5;
}
.list-box-btn {
  border: 1px solid #00a6f0;
  color: #00a6f0;
  font-weight: bold;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0 0 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.list-box-btn-text {
  margin-left: 20px;
}
.list-box-input {
  width: 94%;
  margin-right: 10px;
  height: 40px;
  font-size: 15px;
  padding: 7px;
  padding-top: 7px;
  margin-bottom: 7px;
  background-color: white;
  border: 2px solid #dee9f0;
  border-radius: 2px;
  font-family: "FuturaStd";
  -webkit-appearance: none;
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.list-box-input:focus {
  border: 2px solid #00a6f0;
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.list-box-input:read-only:active {
  border: 2px solid #dee9f0;
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.list-box-icon {
  color: #D0021B;
  cursor: pointer;
}
.list-box-item {
  margin-bottom: 10px;
}
.list-box-item:last-child {
  margin-bottom: 0;
}

.multimedia .box-multimedia {
  background: #ecf1f5;
  border-radius: 5px;
  padding: 10px;
}
.multimedia .box-multimedia ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.multimedia .box-multimedia ul .item-multimedia {
  border-radius: 5px;
  padding: 10px;
  margin: 5px;
  width: 100px;
  height: 80px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.multimedia .box-multimedia ul .item-multimedia .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-position: center;
  background-size: cover;
  z-index: 1;
}
.multimedia .box-multimedia ul .item-multimedia .fileupload-current {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 80px;
}
.multimedia .box-multimedia ul .item-multimedia .fileupload-current .fileupload-loaded-image {
  position: absolute;
  top: 0px;
  right: 0;
}
.multimedia .box-multimedia ul .item-multimedia .fileupload-current .fileupload-loaded-image img {
  width: 100%;
  margin-bottom: 15px;
}
.multimedia .box-multimedia ul .item-multimedia .fileupload-current .fileupload-loaded-image button {
  position: absolute;
  top: 6px;
  right: 6px;
  opacity: 1;
}
.multimedia .box-multimedia ul .item-multimedia .fileupload-current .fileupload-loaded-image button.crop {
  top: 35px;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}
.multimedia .box-multimedia ul .item-multimedia .fileupload-current .fileupload-loaded-image button.crop i {
  color: white;
  background-color: #272727;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 25px;
  font-size: 14px;
}
.multimedia .box-multimedia ul .item-multimedia .fileupload-current .fileupload-loaded-image button span {
  visibility: visible;
  opacity: 1;
  text-shadow: 0 1px 0 transparent;
  color: white;
  background-color: #272727;
  border-radius: 50%;
  display: block;
  width: 25px;
  height: 25px;
}
.multimedia .box-multimedia ul .item-multimedia .fileinput-button {
  width: 100%;
  height: 40px;
  margin-top: 5px;
  opacity: 1;
  visibility: visible;
  padding-left: 0px;
}
.multimedia .box-multimedia ul .item-multimedia .fileinput-button core-icon {
  margin-right: 10px;
  top: -2px;
}
.multimedia .box-multimedia ul .item-multimedia .fileinput-button span {
  line-height: 25px;
  opacity: 1;
  visibility: visible;
  text-align: left;
}
.multimedia .box-multimedia ul .item-multimedia .fileinput-button .spinner {
  width: 50px;
  height: 50px;
  opacity: 0;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.multimedia .box-multimedia ul .item-multimedia .fileinput-button .spinner.active {
  opacity: 1;
}
.multimedia .box-multimedia ul .item-multimedia .fileinput-button .spinner > div {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  border: solid 2px transparent;
  border-top-color: #00a6f0;
  border-left-color: #00a6f0;
  border-radius: 10px;
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}
.multimedia .box-multimedia ul .item-multimedia .upload-count {
  font-family: FuturaStd-Condensed;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 10px;
}
.multimedia .box-multimedia ul .item-multimedia .upload-count span {
  color: #1788ad;
}
.multimedia .box-multimedia ul .item-multimedia .edit-box {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  color: #fff !important;
  border-radius: 5px;
  z-index: 2;
  padding: 3px;
}
.multimedia .box-multimedia ul li {
  width: 100px;
  box-sizing: border-box;
  margin: 5px;
}
.multimedia .box-multimedia ul li .item-create-multimedia {
  border-radius: 5px;
  color: #969199;
  border: 1px dashed #969199;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  height: 80px;
}
.multimedia .box-multimedia ul li .item-create-multimedia:hover {
  cursor: pointer;
  background: #e2e7eb;
}

.preview-box {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  background-image: url("../../img/backend/ad_back_default.jpg");
  background-position: center;
}
.preview-box .preview-titles {
  position: absolute;
  top: 0;
  padding: 10px;
  letter-spacing: 2.2px;
}
.preview-box .preview-titles .preview-text-1 {
  font-size: 14px;
  font-weight: bold;
}
.preview-box .preview-titles .preview-text-2 {
  margin: 5px 0;
  font-size: 24px;
  font-weight: bolder;
}
.preview-box .preview-titles .preview-text-3 {
  font-size: 12px;
}
.preview-box .preview-footer {
  position: absolute;
  bottom: 0;
  border-top: 1px solid #fff;
  width: calc(100% - 20px);
  padding: 10px;
  margin: 0 10px;
}
.preview-box .preview-footer .call-to-action {
  width: 70%;
  float: left;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bolder;
}
.preview-box .preview-footer .material-icons {
  width: 30%;
  text-align: right;
  float: right;
}

.select-color input[type=radio] {
  position: absolute;
  visibility: hidden;
}
.select-color input[type=radio]:checked ~ .box-select {
  border: 3px solid #00a6f0;
}
.select-color .item-select {
  display: inline-block;
  margin-right: 15px;
}
.select-color .box-select {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  border: 3px solid #ccc;
}
.select-color .box-select.black {
  background: #000;
}

/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
/*
  __  __ _     _         
 |  \/  (_)_ _(_)_ _  ___
 | |\/| | \ \ / | ' \(_-<
 |_|  |_|_/_\_\_|_||_/__/

/*
 *	Center Object
 *  - to Use: @include centerElem(-50%, -50%);
 */
/*
 *	POSICIONAR ELEMENTO
 *  - to Use: @include posiAbsolute(0,auto,auto,0);
 */
/*
*	OPACITY
*  - to Use: @include opacity(0.8);
*/
/*
*	FLEXBOX DISPLAY
*  - to Use: @mixin flex-display();
*/
/*
	 _____                 _ _   _             
	|_   _| _ __ _ _ _  __(_) |_(_)___ _ _  ___
	  | || '_/ _` | ' \(_-< |  _| / _ \ ' \(_-<
	  |_||_| \__,_|_||_/__/_|\__|_\___/_||_/__/

	 *  - to Use:  @include transition(all 0.4s $easeOutExpo );
	 */
/*
 *	TRANSISTIONS DELAY
 *  - to Use:  @include transition-delay(0.2s);
 */
/*
   _____                  __               
  |_   _| _ __ _ _ _  ___/ _|___ _ _ _ __  
    | || '_/ _` | ' \(_-<  _/ _ \ '_| '  \ 
    |_||_| \__,_|_||_/__/_| \___/_| |_|_|_|

*  - to Use: @include transform( translate(-50%, -50%) );
*/
/*
*	VISUALLY HIDE AN ELEMENT
*  - to Use: .visually-hidden {
			   	@extend %visuallyhidden;
			 }
*/
/*
 _  __         ___                      
| |/ /___ _  _| __| _ __ _ _ __  ___ ___
| ' </ -_) || | _| '_/ _` | '  \/ -_|_-<
|_|\_\___|\_, |_||_| \__,_|_|_|_\___/__/
          |__/                          

*  - to Use: @include keyframes(slide-down) {
			   	0% { opacity: 1; }
			  	90% { opacity: 0; }
			 }

			 @include animation('slide-down 5s 3');
*/
.preview-title {
  font-family: "FuturaStd-Heavy";
  font-size: 14px;
  margin-bottom: 5px;
}

.preview-box-slides {
  height: 0;
  padding-bottom: 41.5%;
  position: relative;
  width: 100%;
  background-image: url("../../img/backend/ad_back_default.jpg");
  background-position: center;
}
.preview-box-slides .preview-overlay {
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  padding-bottom: 41.5%;
  background-image: url("../../img/backend/gradient_header.png");
  background-size: cover;
  background-position: left;
}
.preview-box-slides .vertical-center {
  left: 0;
  bottom: 40px;
  opacity: 1;
  padding-left: 20px;
  position: absolute;
  width: 70%;
}
.preview-box-slides .vertical-center .preview-text-title {
  position: relative;
  width: 100%;
}
.preview-box-slides .vertical-center .preview-text-title span {
  background-image: linear-gradient(180deg, #00a6f0 0px, #00a6f0);
  background-position: 0 90%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  color: #fff;
  font-size: 42px;
  font-family: FuturaStd-Heavy;
  line-height: 1.2;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 100px;
}
.preview-box-slides .vertical-center .preview-text-category {
  display: block;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 10px;
  position: relative;
  text-transform: uppercase;
}
.preview-box-slides .vertical-center .preview-text-category:after {
  background-color: #00a6f0;
  content: "";
  display: block;
  height: 2px;
  margin-top: 2px;
  width: 15px;
}
.preview-box-slides .vertical-center .preview-text-category .category {
  color: #00a6f0;
  margin-right: 10px;
}
.preview-box-slides .vertical-center .preview-text-category .subcategory {
  color: #fff;
}
.preview-box-slides .vertical-center .call-to-action {
  margin-top: 30px;
  background-color: #00a6f0;
  color: #fff;
  display: inline-block;
  font-family: Fira Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  height: 34px;
  line-height: 34px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  text-transform: uppercase;
}

.no-padding-left {
  padding-left: 0;
}

.poll-panel-item {
  background: #002241;
  margin-top: 10px;
  padding: 25px;
}
.poll-panel-logo {
  padding: 6px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #1D1D26;
  box-shadow: 0 4px 16px 0 rgba(239, 239, 244, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.poll-panel-label {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.poll-panel-text {
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
}
.poll-panel-title {
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.4px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 30px;
  word-break: break-all;
}
.poll-panel-match {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.poll-panel-match-home, .poll-panel-match-away {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.poll-panel-match-teamname {
  text-align: center;
  text-transform: uppercase;
  line-height: 12px;
  font-size: 10px;
  letter-spacing: 0.2px;
  color: #ffffff;
  font-weight: bold;
}
.poll-panel-match-logo {
  width: 70px;
  height: 70px;
}
.poll-panel-match-details {
  flex: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.poll-panel-sponsor-title {
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  margin-bottom: 5px;
}
.poll-panel-sponsor-img {
  width: 45px;
  margin-top: 10px;
}
.poll-panel-answer {
  margin-bottom: 15px;
  padding: 13px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.poll-panel-answer-block {
  display: flex;
}
.poll-panel-answer-block-text {
  color: #ffffff;
  line-height: 14px;
  letter-spacing: 0.25px;
  font-size: 12px;
}

.block-text-bold {
  font-weight: 900;
  margin-right: 15px;
}

.match-details-competition, .match-details-date {
  font-size: 11px;
  line-height: 13px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 3px;
  text-align: center;
}
.match-details-date {
  font-weight: bold;
  margin-bottom: 10px;
}
.match-details-hours {
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
  color: #ffffff;
  margin: 10px;
}
.match-details-btn {
  height: 28px;
  width: 110px;
  text-transform: uppercase;
  background: #1396EF;
  border-radius: 16px;
  letter-spacing: 0.2px;
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.panel-stats-item {
  padding: 15px 20px;
  background: rgba(29, 29, 38, 0.05);
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.panel-stats-item .icon {
  color: rgba(44, 39, 47, 0.15);
  font-size: 48px;
}
.panel-stats-number {
  font-weight: bold;
  text-align: right;
  letter-spacing: 0.1px;
  font-size: 40px;
  line-height: 48px;
  color: #1D1D26;
}
.panel-stats-label {
  margin-top: 10px;
  color: #1D1D26;
  letter-spacing: 0.39px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
}
.panel-stats-download {
  margin-top: 30px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  background: none;
  color: #00a6f0;
  border: 1px solid #00a6f0;
}
.panel-stats-download .icon {
  font-size: 20px;
  line-height: 20px;
}
.panel-stats-download-label {
  margin-left: 20px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 900;
  color: #00a6f0;
}

.form-dates-wrapper {
  display: flex;
}
.form-dates-wrapper .form-item {
  flex: 1;
}
.form-dates-wrapper .form-item:nth-child(1) {
  margin-right: 30px;
}

.form-item-date {
  position: absolute;
  top: 33px;
  left: 20px;
}

.full-width {
  width: 100%;
}

.date-input-wrapper input {
  padding-left: 50px !important;
}

.no-border-right {
  border-right: none !important;
}

@media (max-width: 1440px) {
  .list-box-input {
    width: 90%;
  }
}
@media (max-width: 1280px) {
  .list-box-input {
    width: 85%;
  }
}
@media (max-width: 767px) {
  .status-icons {
    flex-direction: column;
  }

  .poll-panel-wrapper {
    margin-top: 20px;
  }

  .form-dates-wrapper {
    flex-direction: column;
  }
  .form-dates-wrapper .form-item:nth-child(1) {
    margin-right: 0;
  }
}
/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
/*
#wrapper {
  width: 100%;
  background-color: $color-body-background;
}

.member_avatar_holder {
  display: inline-block;
  float: left;
  border: 2px solid rgba(58, 66, 71, 0.15);
  width: 200px;
  border-radius: 10px;
  overflow: hidden;

  img {
    width: 100%;
  }

  }*/
/* IMAGE UPLOAD */
fieldset.imageInput {
  margin-bottom: 25px;
}
fieldset.imageInput label {
  position: relative;
  color: #fff;
  background-color: #a67221;
  border: none;
  padding: 10px 25px;
  border-radius: 50px;
  margin: 15px 25px 0px 0px;
  cursor: pointer;
  display: inline !important;
}
fieldset.imageInput label span {
  font-size: 12px;
}
fieldset.imageInput label input {
  position: fixed;
  top: -1000;
  left: -1000;
  display: none;
}

/*
#bar-example > svg {height: 300px !important;}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }*/
.button {
  line-height: 22px;
  padding: 7px 23px 9px;
  color: #fff;
  background: #00a6f0;
  border-radius: 5px;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  width: auto;
}
.button .icon {
  font-size: 22px;
  position: relative;
  top: 3px;
}
.button:hover, .button:focus {
  color: #fff;
}
.button.type2 {
  background: #2c272f;
}
.button.type3 {
  border: 1px solid #ef8f22;
  background: none;
  color: #ef8f22;
}
.button.type3:hover, .button.type3:focus {
  color: #ef8f22;
}
.button.typeAddRankings {
  background: black;
  padding: 10px 25px;
}
.button.right {
  float: right;
}
.button.left {
  float: left;
}

.fab {
  position: fixed;
  z-index: 100;
  right: 75px;
  bottom: 45px;
  display: inline-block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  color: #fff;
  overflow: hidden;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.fab.first a {
  color: #fff !important;
}
.fab.second {
  left: inherit !important;
  right: 55px;
  border: 0px solid transparent;
  overflow: hidden !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-delay: 0.2s !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
}
.fab.fourth {
  right: inherit !important;
  left: 45px !important;
}
.fab.fourth i {
  width: 100%;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
}
.fab.fourth.loading i {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}
.fab.third i {
  width: 100%;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
}
.fab.third.loading i {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}
.fab.check {
  background-color: #00a6f0;
}
.fab.fixed {
  position: absolute;
  bottom: -32px;
  width: 65px;
  height: 65px;
  left: 45px;
}
.fab.fixed core-icon {
  margin: 21px;
}
.fab a {
  color: white;
}
.fab:active {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}
.fab i.icon-add {
  font-size: 30px;
  width: 100%;
  display: inline-block;
  text-align: center;
  line-height: 62px;
}

.tab-pane {
  padding-top: 15px;
}

.add-body {
  float: left;
  width: 100%;
}

.tab-content fieldset.error {
  margin-bottom: 0px;
}
.tab-content fieldset.error input {
  margin-bottom: 3px;
}

.nav-tabs {
  margin-top: 10px;
  border: 0px solid transparent;
  margin-left: -10px;
}
.nav-tabs li {
  font-size: 12px;
  text-transform: uppercase;
}
.nav-tabs li:hover a {
  border-color: transparent;
  border-radius: 0px !important;
  border-color: transparent;
  background-color: transparent;
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.nav-tabs li.active a {
  color: #00a6f0 !important;
  border-radius: 0px !important;
  border-color: transparent;
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.nav-tabs li.active a:hover {
  border-color: transparent !important;
  color: #00a6f0;
}
.nav-tabs li.active a:focus {
  border-color: transparent !important;
}
.nav-tabs li a {
  color: #afb9be;
  font-family: "FuturaStd-Heavy";
  font-size: 15px;
  padding: 10px;
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.content-list h1 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 48px;
  font-family: "FuturaStd-Heavy";
}
.content-list hr.border-bottom {
  border: 0;
  border-bottom: 2px solid #cfd8dc;
  width: calc(100% - 30px);
  display: flex;
  margin: 0 15px;
}

hr.border-bottom {
  border: 0;
  border-bottom: 2px solid #cfd8dc;
  width: calc(100% - 30px);
  display: flex;
  margin: 0 15px;
}

#loadingIcon {
  width: 100%;
  text-align: center;
}
#loadingIcon svg {
  position: relative;
  width: 150px;
  height: 150px;
  margin-bottom: 15px;
}

.loading .text {
  color: #cfd8dc;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
}

.loading-for-datatables {
  width: 100%;
  position: relative;
}

.loading-block {
  width: 100%;
  text-align: center;
  padding: 0 0 20px;
}
.loading-block .text {
  color: #cfd8dc;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
}

.icon-transferings {
  width: 100%;
  max-width: 400px;
  height: auto;
  text-align: center;
  margin: 0 auto;
  padding: 0 20px;
}

.text-insta {
  color: #cfd8dc;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  margin-top: 40px;
  line-height: 20px;
}

.icon-maintenance {
  width: 100%;
  max-width: 250px;
  height: auto;
  text-align: center;
  margin: 0 auto;
  padding: 0 20px;
}

.ribbon {
  position: fixed;
  width: calc(100% - 250px);
  background: #00a6f0;
  padding: 5px 0;
  color: #f7f9fa;
  text-align: center;
  top: 60px;
  margin: 0 0 0 250px;
  z-index: 999;
}
.ribbon.box-warning {
  background: #e74c3c;
  text-transform: uppercase;
}

tooltip tip {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  display: none;
  line-height: normal;
  max-width: 300px;
  min-width: 70px;
  opacity: 0;
  padding: 4px 8px;
  position: absolute;
  text-align: center;
  width: auto;
  will-change: top, left, bottom, right;
}

.get-status {
  color: #00a6f0;
  font-size: 0.8em;
  text-transform: uppercase;
  text-align: right;
  width: 100%;
  padding: 15px 30px 0;
  box-sizing: border-box;
}

.extraUtilities {
  list-style: none;
  margin: 0;
  padding: 0;
}
.extraUtilities li {
  width: auto;
  border-right: 1px solid #ECF1F5;
  display: inline-flex;
  margin-right: 20px;
  padding-right: 20px;
}
.extraUtilities li:last-child {
  border: 0;
}

.mobile-placeholder-box {
  width: 100%;
  padding-top: 56.25%;
  background-color: #CFD8DC;
  background-size: cover;
  margin-bottom: 8px;
}

.mobile-example-pub {
  font-family: "FuturaStd-Condensed";
  width: 100%;
  padding-top: 56.25%;
  background-image: url("../../img/backend/ad_back_default.jpg");
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}
.mobile-example-pub .preview-box {
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 0;
}
.mobile-example-pub .overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(58, 66, 71, 0.9);
}
.mobile-example-pub .box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.mobile-example-pub .box .material-icons {
  position: absolute;
  font-size: 1em;
  margin-top: 2px;
}
.mobile-example-pub .box .sponsor_by {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #ECF1F5;
  background-color: #00a6f0;
  border-radius: 20px;
  font-size: 0.9em;
  padding: 3px 10px;
}
.mobile-example-pub .box .sponsor_by .text {
  margin-left: 15px;
}
.mobile-example-pub .box .sponsor {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #ECF1F5;
  padding: 3px 10px;
  font-size: 0.9em;
  text-transform: uppercase;
}
.mobile-example-pub .box .information {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ECF1F5;
}
.mobile-example-pub .box .information .time {
  font-size: 0.9em;
  width: 100%;
}
.mobile-example-pub .box .information .title {
  font-size: 1.3em;
  width: 100%;
  font-weight: 900;
}

.preview-button {
  border: 0px solid transparent;
  margin-top: 20px;
  position: relative;
  height: 45px;
  line-height: 45px;
  cursor: pointer;
  display: inline-block;
  margin-right: 20px;
  color: #969199;
}
.preview-button .material-icons {
  font-size: 0.8em;
}
.preview-button:hover {
  color: #00a6f0;
}
.preview-button:first-child {
  padding-right: 20px !important;
  border-right: 1px solid #ECF1F5;
}

.previews .row {
  margin-bottom: 20px !important;
}
.previews .description {
  font-size: 11px;
  letter-spacing: 1px;
  margin: 5px 0;
}

.display-box {
  position: relative;
  overflow: hidden;
}
.display-box .preview-titles {
  position: absolute;
  top: 2vh;
  left: 1vh;
}
.display-box .preview-titles .preview-text-1 {
  text-transform: uppercase;
  font-size: 0.9vw;
}
.display-box .preview-titles .preview-text-2 {
  font-size: 1.4vw;
  font-weight: bold;
}
.display-box .preview-titles .preview-text-3 {
  text-transform: uppercase;
  font-size: 0.8vw;
}
.display-box .preview-footer {
  position: absolute;
  width: calc(100% - 2vh);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  bottom: 1vh;
  left: 1vh;
}
.display-box .preview-footer .call-to-action {
  font-size: 0.9vw;
  line-height: 2vw;
  text-transform: uppercase;
  display: inline-flex;
}
.display-box .preview-footer .material-icons {
  font-size: 1.5vw !important;
  float: right;
  line-height: 2vw;
}
.display-box.size-6-1 {
  background-color: #00a6f0;
  background-image: url("../../img/backend/ad_back_default.jpg");
  width: 100%;
  padding-top: calc(260 / 1560 * 100%);
}
.display-box.size-1-1 {
  background-color: #00a6f0;
  background-image: url("../../img/backend/ad_back_default.jpg");
  width: 100%;
  padding-top: calc(370 / 370 * 100%);
}
.display-box.size-1-2 {
  background-color: #00a6f0;
  background-image: url("../../img/backend/ad_back_default.jpg");
  width: 100%;
  padding-top: calc(740 / 370 * 100%);
}
.display-box.size-2-1 {
  background-color: #00a6f0;
  background-image: url("../../img/backend/ad_back_default.jpg");
  width: 100%;
  padding-top: calc(370 / 740 * 100%);
}

/* Small Devices, Tablets */
@media only screen and (max-width: 992px) {
  .display-box.size-6-1 .preview-titles {
    top: 0.5vh;
  }
  .display-box.size-6-1 .preview-titles .preview-text-1 {
    font-size: 0.7vw;
  }
  .display-box.size-6-1 .preview-titles .preview-text-2 {
    font-size: 1.4vw;
  }
  .display-box.size-6-1 .preview-titles .preview-text-3 {
    font-size: 0.6vw;
  }
  .display-box.size-6-1 .preview-footer {
    width: calc(100% - 2vh);
    bottom: 1vh;
    left: 1vh;
  }
  .display-box.size-6-1 .preview-footer .call-to-action {
    font-size: 0.9vw;
    line-height: 2vw;
    float: left;
  }
  .display-box.size-6-1 .preview-footer .material-icons {
    font-size: 1.5vw !important;
    line-height: 2vw;
  }
  .display-box.size-1-1 .preview-titles .preview-text-1, .display-box.size-2-1 .preview-titles .preview-text-1, .display-box.size-1-2 .preview-titles .preview-text-1 {
    font-size: 2.8vw;
  }
  .display-box.size-1-1 .preview-titles .preview-text-2, .display-box.size-2-1 .preview-titles .preview-text-2, .display-box.size-1-2 .preview-titles .preview-text-2 {
    font-size: 3.8vw;
  }
  .display-box.size-1-1 .preview-titles .preview-text-3, .display-box.size-2-1 .preview-titles .preview-text-3, .display-box.size-1-2 .preview-titles .preview-text-3 {
    font-size: 2.7vw;
  }
  .display-box.size-1-1 .preview-footer .call-to-action, .display-box.size-2-1 .preview-footer .call-to-action, .display-box.size-1-2 .preview-footer .call-to-action {
    font-size: 1.9vw;
    line-height: 4vw;
    float: left;
  }
  .display-box.size-1-1 .preview-footer .material-icons, .display-box.size-2-1 .preview-footer .material-icons, .display-box.size-1-2 .preview-footer .material-icons {
    font-size: 2.5vw !important;
    line-height: 4vw;
  }
}
.overlay-display-preview {
  position: fixed;
  background: rgba(58, 66, 71, 0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
  overflow-y: scroll;
  color: #fff;
}
.overlay-display-preview .preview-header {
  margin-top: 70px;
  color: #fff;
  font-size: 35px;
  font-weight: bold;
}
.overlay-display-preview .preview-header .material-icons {
  font-size: 35px;
  cursor: pointer;
}
.overlay-display-preview .close-icon {
  color: white;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 9999999;
  cursor: pointer;
}
.overlay-display-preview .close-icon .material-icons {
  font-size: 2em;
  cursor: pointer;
}
.overlay-display-preview .mobile {
  margin: 80px 0;
}
.overlay-display-preview .mobile .preview {
  font-family: "FuturaStd-Condensed";
}
.overlay-display-preview .mobile .closed {
  width: 100%;
  padding-top: 56.25%;
  background-image: url("../../img/backend/ad_back_default.jpg");
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}
.overlay-display-preview .mobile .closed .preview-box {
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 0;
}
.overlay-display-preview .mobile .closed .box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.overlay-display-preview .mobile .closed .overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(58, 66, 71, 0.9);
}
.overlay-display-preview .mobile .closed .material-icons {
  position: absolute;
  font-size: 1em;
  margin-top: 2px;
}
.overlay-display-preview .mobile .closed .category {
  position: absolute;
  top: 20px;
  left: 20px;
  color: white;
  background-color: #00a6f0;
  border-radius: 20px;
  font-size: 0.9em;
  padding: 3px 10px;
}
.overlay-display-preview .mobile .closed .category .text {
  margin-left: 15px;
}
.overlay-display-preview .mobile .closed .information {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: white;
  padding-right: 20px;
  box-sizing: border-box;
}
.overlay-display-preview .mobile .closed .information .time {
  font-size: 0.9em;
  width: 100%;
}
.overlay-display-preview .mobile .closed .information .title {
  font-size: 1.3em;
  width: 100%;
}
.overlay-display-preview .mobile .open {
  color: #000;
}
.overlay-display-preview .mobile .open .header {
  width: 100%;
  padding-top: 56.25%;
  background-image: url("../../img/backend/ad_back_default.jpg");
  position: relative;
  z-index: 1;
}
.overlay-display-preview .mobile .open .header .preview-box {
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 0;
}
.overlay-display-preview .mobile .open .header .material-icons {
  position: absolute;
  font-size: 1em;
  margin-top: 2px;
}
.overlay-display-preview .mobile .open .header .category {
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  background-color: #00a6f0;
  border-radius: 20px;
  font-size: 0.9em;
  padding: 3px 10px;
  z-index: 3;
}
.overlay-display-preview .mobile .open .header .category .text {
  margin-left: 15px;
}
.overlay-display-preview .mobile .open .content {
  position: relative;
  background: white;
  padding: 35px;
}
.overlay-display-preview .mobile .open .content .time {
  width: 100%;
  text-align: center;
  color: #00a6f0;
  font-size: 1.1em;
}
.overlay-display-preview .mobile .open .content .title {
  font-family: FuturaStd;
  font-weight: bold;
  width: 100%;
  text-align: center;
  font-size: 1.6em;
  margin: 10px 0;
}
.overlay-display-preview .mobile .open .content .text {
  font-family: FuturaStd;
  width: 100%;
  font-size: 1.1em;
}
.overlay-display-preview .mobile .open .content .text p {
  margin-bottom: 25px;
}
.overlay-display-preview .mobile .open .content .preview-headline {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin: 20px 0;
  border-bottom: 1px solid #CFD8DC;
  border-top: 1px solid #CFD8DC;
  padding: 20px 0;
}
.overlay-display-preview .mobile .open .content .preview-list {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}
.overlay-display-preview .mobile .open .content .preview-list li::before {
  content: "• ";
  color: #00A6F0;
  padding-right: 15px;
}
.overlay-display-preview .mobile .open .content .preview-list li {
  font-size: 1.1em;
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px solid #CFD8DC;
}
.overlay-display-preview .mobile .open .content .preview-list li:last-child {
  border-bottom: 0;
}
.overlay-display-preview .website {
  margin: 80px 0;
}
.overlay-display-preview .website .header {
  width: 100%;
  height: 100%;
  min-height: 360px;
  background-image: url("../../img/backend/ad_back_default.jpg");
  position: relative;
  z-index: 1;
}
.overlay-display-preview .website .header .overlay {
  z-index: 3;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../img/backend/gradient_header.png");
  background-size: cover;
  background-position: left;
}
.overlay-display-preview .website .header .preview-box {
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 0;
}
.overlay-display-preview .website .header .information {
  position: absolute;
  bottom: 35px;
  left: 35px;
  z-index: 4;
}
.overlay-display-preview .website .header .information .box-category {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.overlay-display-preview .website .header .information .box-category .preview-type {
  color: #00A6F0;
}
.overlay-display-preview .website .header .information .box-category .preview-category {
  color: white;
}
.overlay-display-preview .website .header .information .preview-title-news {
  font-size: 54px;
  font-weight: bold;
  color: white;
  text-decoration: underline;
  text-decoration-color: #00A6F0;
  margin-right: 35px;
  text-transform: uppercase;
}
.overlay-display-preview .website .content {
  position: relative;
  background: white;
  padding: 35px;
  display: inline-block;
  width: 100%;
  color: #000;
}
.overlay-display-preview .website .content .time {
  color: #00A6F0;
  padding-left: 32px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 35px;
}
.overlay-display-preview .website .content .preview-lead {
  padding-left: 32px;
}
.overlay-display-preview .website .content .preview-list {
  list-style: none;
  margin: 0 0 25px;
  padding: 0;
}
.overlay-display-preview .website .content .preview-list li::before {
  content: "• ";
  color: #CFD8DC;
  padding-right: 20px;
}
.overlay-display-preview .website .content .preview-list li {
  margin: 5px 0;
}
.overlay-display-preview .website .content .preview-gallery {
  position: relative;
  height: 320px;
  background: #CFD8DC;
  margin-bottom: 35px;
}
.overlay-display-preview .website .content .preview-gallery .box-text {
  font-size: 54px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  line-height: 320px;
  color: #272727;
}
.overlay-display-preview .website .content .preview-text-normal {
  padding-left: 30px;
  border-left: 2px solid #CFD8DC;
  font-size: 18px;
  margin-bottom: 25px;
}
.overlay-display-preview .website .content .preview-text-normal p {
  line-height: 30px;
  letter-spacing: -0.2pt;
  font-weight: 400;
}
.overlay-display-preview .website .content .preview-text-headline {
  padding-left: 30px;
  border-left: 2px solid #000;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 25px;
}

.bottom-border-1 {
  color: #00A6F0;
}
.bottom-border-1 h4 {
  font-size: 0.8em;
  font-weight: bold;
}
.bottom-border-1 hr {
  margin-bottom: 15px;
  border-top: 0;
  border-bottom: 2px solid #CFD8DC;
}

.blue-warning {
  background: #00A6F0;
  color: #ECF1F5;
  padding: 15px;
  box-sizing: border-box;
}

.preview-btn {
  border: 0px solid transparent;
  background-color: #00a6f0;
  margin-top: 20px;
  position: relative;
  height: 45px;
  -webkit-transition: all 0.25s ease-in-out;
  font-family: "FuturaStd-Heavy";
  border-radius: 4px;
  width: auto;
  display: inline-flex;
  padding: 0 30px;
  color: #fff;
  cursor: pointer;
}
.preview-btn .material-icons {
  line-height: 45px !important;
}
.preview-btn span {
  margin-left: 5px;
  line-height: 45px;
}

.full-width {
  width: 100%;
}

.centered-transform {
  top: 50%;
  transform: translateY(-50%);
}

.flex-notice {
  display: flex;
  flex-direction: row;
  padding: 5px 0;
}

.margin-modal-wrapper {
  margin: 0px 30px 0px 30px;
  padding: 20px 0px 0px 0px;
}

.footer-margin-wrapper {
  margin: 20px 30px;
}

.rv-footer {
  padding: 0px !important;
  border-top: 0px;
}

button.left {
  float: left;
}

@media (min-width: 992px) and (max-width: 1800px) {
  #loadingIcon svg {
    position: relative;
    width: 90px;
    height: 90px;
    margin-bottom: 15px;
  }

  .import-modal .modal-content div.text {
    font-size: 11px;
  }

  .import-modal .modal-lg {
    width: 600px;
  }
}
.scroll-blocked {
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}

.modal-400 {
  max-height: 400px;
  display: flex;
  flex-direction: column;
}

.max-height-modal {
  max-height: 500px;
  height: 100%;
}

/*# sourceMappingURL=main.css.map */