/**
* @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
 *
 */
/*
 * Login
 */
/*
 * Login
 */
/*
 * Pages
 */
/*
 * Forms
 */
/*
 * Messages
 */
/*
 * Breadcrumbs
 */
/*
 * Table
 */
/*
 *
 * Font Size
 *
 */
/*
 * Login
 */
/*
 * Pages
 */
/*
 * Forms
 */
/*
 * Breadcrumbs
 */
/*
 * Table
 */
/*
 * Media Querys
 */
/*
 * Toasters
 */
/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
@font-face {
  font-family: 'montserratregular';
  src: url("fonts/montserrat-regular-webfont.eot");
  src: url("fonts/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-regular-webfont.woff2") format("woff2"), url("fonts/montserrat-regular-webfont.woff") format("woff"), url("fonts/montserrat-regular-webfont.ttf") format("truetype"), url("fonts/montserrat-regular-webfont.svg#montserratregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'montserratbold';
  src: url("fonts/montserrat-bold-webfont.eot");
  src: url("fonts/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-bold-webfont.woff2") format("woff2"), url("fonts/montserrat-bold-webfont.woff") format("woff"), url("fonts/montserrat-bold-webfont.ttf") format("truetype"), url("fonts/montserrat-bold-webfont.svg#montserratbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'montserratlight';
  src: url("fonts/montserrat-light-webfont.eot");
  src: url("fonts/montserrat-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-light-webfont.woff2") format("woff2"), url("fonts/montserrat-light-webfont.woff") format("woff"), url("fonts/montserrat-light-webfont.ttf") format("truetype"), url("fonts/montserrat-light-webfont.svg#montserratlight") format("svg");
  font-weight: normal;
  font-style: normal;
}
html {
  background-color: #272727 !important;
}

.header-combo {
  display: inline-block;
  position: relative;
  float: right;
}
.header-combo.combo-filter {
  margin-right: 232px;
}

.image-media-item div > p {
  font-size: 12px;
}

.video-loading-result {
  display: inline-block;
  font-size: 12px;
  color: green;
  margin: 0px;
  position: relative;
  top: 3px;
  padding-left: 20px;
}
.video-loading-result.error {
  color: red;
}

.copy-right {
  position: fixed;
  bottom: 20px;
  left: 20px;
}
.copy-right a {
  color: white;
  text-transform: uppercase;
  font-size: 11px;
}
.copy-right a:hover {
  color: #ed037c;
}
.copy-right a.small {
  font-size: 10px;
}

.info-span {
  color: #AFB9BE;
  font-family: montserratregular;
  font-size: 11px;
  visibility: visible;
  opacity: 1;
  text-transform: uppercase;
}

.color-shower {
  width: 150px !important;
}
.color-shower div {
  height: 30px;
  width: 100px;
  border-radius: 5px;
  border: 1px solid #dee9f0;
  margin: 0 auto;
}

body {
  background-color: #272727 !important;
  overflow-x: hidden;
  font-size: 16px;
  font-family: montserratregular;
  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 {
  text-decoration: none;
}
body *:focus {
  /*border: 0px;*/
  outline: 0 !important;
  box-shadow: none !important;
}
body p {
  margin: 0;
}

/**
* @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: montserratregular;
  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: montserratregular;
  text-transform: uppercase;
  color: white;
  font-size: 12px;
  display: block;
}
.login-panel input {
  border: 0px solid transparent !important;
  border-bottom: 3px solid transparent !important;
  font-weight: 600;
}
.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;
}
#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 {
  font-family: montserratregular;
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 10px;
  padding-left: 15px;
}
#recover-modal .modal-dialog .modal-content #messages {
  margin-top: -20px;
  margin-left: 30px;
  margin-right: 30px;
}
#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 {
  font-family: montserratlight;
  font-size: 12px;
  margin-bottom: 20px;
  color: #272727;
}
#recover-modal .modal-dialog .modal-content .modal-body input {
  border: 1px solid rgba(58, 66, 71, 0.5);
  margin-bottom: 20px;
}
#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;
  margin-bottom: 15px;
}

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

#messages {
  margin-bottom: 30px !important;
}
#messages .close {
  line-height: 14px;
}

/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
.logout-button {
  font-size: 13px;
  text-transform: uppercase;
  line-height: 25px;
  position: absolute;
  right: 260px;
}
.logout-button > div {
  float: left;
}
.logout-button a {
  opacity: 1 !important;
  float: left;
  display: block;
  width: 36px;
  height: 36px;
  margin-top: -5px;
  background-color: #c41230;
}
.logout-button a i {
  font-size: 16px;
  top: -1px;
}

.tooltip {
  font-family: 'montserratregular';
  font-size: 11px;
}

/*
.navbar {
  position: fixed;
  width: 100%;
  min-height: 0px!important;
  height: 0px; 
  border-color: transparent;
  
  .navbar-toggle {
    border-color: transparent;

    &:hover{
      background-color: $color-topbar-menu-background-hover;
    }

    .icon-bar {
      display: block;
      width: 22px;
      height: 2px;
      background-color: $color-topbar-menu;
    }
  }

  .glyphicon-user {
    margin-right: 10px;
    line-height: 26px;
  }

  .nav > li {

    display: inline-block;

    &:last-child {
      margin-right: 15px;
    }

    & > a {
      position: relative;
      display: block;
      padding: 10px 15px;
      min-height: 50px;
      line-height: 30px;
      font-size: 13px;
      background-color: $color-topbar-background;
      color: $color-topbar-menu;
        -webkit-transition: all 0.20s ease-in-out;
      text-transform: uppercase;

      &:before {
        content: "";
        position: absolute;
        background: $color-gng-red;
        bottom: 0;
        left: 0;
        right: 98%;
        top: 0;
        z-index: -1;
        -webkit-transition: all 0.20s ease-in-out;
      }

      &:hover:before {
        right: 0;
        -webkit-transition: all 0.20s ease-in-out;
      }

      &:hover {
        background-color: $color-gng-red;
        color: $color-topbar-menu;
      }
    }

    &.open > a{
      background-color: $color-gng-red;
      color: $color-topbar-menu;

      &:hover {
        background-color: $color-gng-red;
        color: $color-topbar-menu;
      }

    }
  }
}

.navbar-brand {
  position: absolute;
  width: 250px;
  padding: 0px;
  z-index: 10;

  img {
    width: 100px;
    margin: 0px auto;
    margin-top: 50px;
  }
}

.sidebar {
  z-index: 1;
  position: absolute;
  width: 250px;
  background-color: $color-sidebar-background;
  padding-top: 140px;

  .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;

  }

  .nav > li {

    display: block;
    border-bottom: 2px solid transparent;

    &:last-child {
      margin-right: 0px;
    }

    & > a {
      position: relative;
      display: block;
      padding: 10px 15px;
      min-height: 0px;
      background-color: $color-sidebar-menu-background;
      color: $color-sidebar-menu;

      &::hover {
        background-color: $color-sidebar-menu-background-hover;
        color: $color-sidebar-menu-hover;
      }

    }

    & > span {
      position: relative;
      display: block;
      padding: 0px 15px;
      background-color: $color-gng-red;
      color: $color-sidebar-menu-hover;
      text-transform: uppercase;
      line-height: 50px;
      font-size: 13px;
    }
  }

  .nav-second-level li, .nav-third-level li {
    border-bottom: 0 !important;
  }

  .sidebar-search {
    padding: 15px;

    .custom-search-form {

      input {
        border: 1px solid $color-sidebar-search-border;
        background-color: transparent;
        color: white;
      }

      button {
        border: 1px solid $color-sidebar-search-border;
        background-color: transparent;
        color: white;

        &::hover {

        }
      }

    }

  }

} */
.sidebar {
  z-index: 1;
  position: absolute;
  width: 250px;
  background-color: #272727;
  padding-top: 150px;
}

.navbar {
  height: 0px;
  min-height: 0px;
  background-color: #272727;
  position: fixed;
  width: 100%;
  border-color: transparent;
  margin-top: -1px;
  top: 0px;
}
.navbar .nav > li, .navbar .submenu > li {
  display: inline-block;
  display: block;
  border-bottom: 2px solid transparent;
}
.navbar .nav > li .submenu-arrow, .navbar .submenu > li .submenu-arrow {
  font-size: 11px;
  float: right;
  line-height: 14px;
  padding-right: 10px;
  margin-right: 10px;
}
.navbar .nav > li > a, .navbar .submenu > li > a {
  position: relative;
  display: block;
  padding: 17px 15px;
  line-height: 15px;
  -webkit-transition: all 0.20s ease-in-out;
  text-transform: uppercase;
  font-family: 'montserratregular';
  font-size: 14px;
  padding-right: 0px;
  background-color: transparent;
  color: white;
  cursor: pointer;
}
.navbar .nav > li > a:before, .navbar .submenu > li > a:before {
  content: "";
  position: absolute;
  background: #e31937;
  bottom: 0;
  left: 0;
  right: 98%;
  top: 0;
  z-index: -1;
  -webkit-transition: all 0.20s ease-in-out;
}
.navbar .nav > li > a:hover:before, .navbar .submenu > li > a:hover:before {
  right: 0;
  -webkit-transition: all 0.20s ease-in-out;
}
.navbar .nav > li > a::hover, .navbar .submenu > li > a::hover {
  background-color: #2b333e;
  color: white;
}
.navbar .nav > li > span, .navbar .submenu > li > span {
  position: relative;
  display: block;
  padding: 0px 15px;
  padding-right: 0px;
  background-color: #e31937;
  color: white;
  text-transform: uppercase;
  line-height: 50px;
  font-family: 'montserratregular';
  font-size: 14px !important;
}
.navbar .nav > li.open > a, .navbar .submenu > li.open > a {
  background-color: #e31937;
  color: white;
}
.navbar .nav > li.open > a:hover, .navbar .submenu > li.open > a:hover {
  background-color: #e31937;
  color: white;
}
.navbar .submenu > li > a:before {
  right: 100%;
}
.navbar .submenu {
  padding-left: 0px;
  border-top: 0px solid transparent;
  overflow-y: hidden;
  max-height: 0px;
  display: block;
  -webkit-transition: max-height 600ms ease-in-out;
  -moz-transition: max-height 600ms ease-in-out;
  -o-transition: max-height 600ms ease-in-out;
  transition: max-height 600ms ease-in-out;
}
.navbar .submenu > li > a, .navbar .submenu > li > span {
  padding-left: 45px;
  font-size: 13px !important;
}
.navbar .submenu > li:first-child {
  border-top: 2px solid transparent;
}
.navbar .submenu > li:last-child {
  border-bottom: 0px solid transparent;
}
.navbar .open .submenu {
  display: block;
  -webkit-transition: max-height 600ms ease-in-out;
  -moz-transition: max-height 600ms ease-in-out;
  -o-transition: max-height 600ms ease-in-out;
  transition: max-height 600ms ease-in-out;
  overflow-y: hidden;
  max-height: 445px;
}

.navbar-brand {
  position: absolute;
  width: 250px;
  padding: 0px;
  z-index: 10;
}
.navbar-brand img {
  width: 100px;
  margin: 0px auto;
  margin-top: 50px;
}

@media (max-width: 768px) {
  body {
    display: none;
    opacity: 0;
    visibility: hidden;
  }

  .navbar-brand {
    height: 75px;
  }
  .navbar-brand img {
    width: 50px;
  }

  .sidebar {
    z-index: 1;
    position: relative;
    width: 100%;
    background-color: #272727;
    padding-top: 0px;
  }
}
@media (max-height: 700px) {
  .sidebar {
    padding-top: 100px;
  }

  .navbar-brand img {
    margin-top: 27px;
  }
}
@media (max-height: 950px) {
  .copy-right {
    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);
  }
}
.multiple-selector {
  width: 100%;
  display: inline-block;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}
.multiple-selector * {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}
.multiple-selector ul {
  list-style: none;
  padding-left: 0px;
  font-size: 16px;
  font-family: montserratregular;
  height: 200px;
  width: 166px;
  overflow-y: auto;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  float: left;
  margin-top: 15px;
  margin-right: 15px;
}
.multiple-selector ul li {
  border-bottom: 1px #eee solid;
  padding: 9px 10px;
  color: #555;
  font-size: 14px;
  display: block;
}
.multiple-selector ul li:hover {
  color: white;
  background-color: #F54663;
  cursor: pointer;
}
.multiple-selector i {
  color: #e31937;
  float: left;
  margin-top: 15px;
  margin-right: 15px;
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  line-height: 200px;
}

.btn-submit {
  border: 0px solid transparent;
  background-color: #e31937;
  border-radius: 0px;
  margin-top: 20px;
  position: relative;
  height: 45px;
  -webkit-transition: all 0.25s ease-in-out;
  width: 120px;
}
.btn-submit.btn-lg {
  margin-top: 0px;
  width: 100%;
}
.btn-submit.btn-submit-top {
  position: absolute;
  top: 0px;
  right: 0px;
}
.btn-submit.btn-submit-bottom {
  position: absolute;
  bottom: 40px;
  right: 0px;
}
.btn-submit.btn-submit-pulled {
  width: 150px;
  margin-right: 0px;
}
.btn-submit:hover {
  background-color: #F54663;
  color: white;
}
.btn-submit:focus {
  color: white;
}
.btn-submit:before {
  content: "";
  position: absolute;
  background: #F54663;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  -webkit-transition: all 0.25s ease-in-out;
}
.btn-submit:hover:before {
  right: 0;
  -webkit-transition: all 0.25s ease-in-out;
}
.btn-submit > span {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  line-height: 45px;
  font-family: montserratregular;
  text-transform: uppercase;
  color: white;
  font-size: 14px;
  display: block;
}
.btn-submit .spinner {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #e31937;
  -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);
}
.btn-submit .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;
}
.btn-submit.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);
}

/*.cke_inner {
    span {
        display: none !important;   
    }
}*/
#cke_1_top {
  display: block;
}

.big .wysihtml5-sandbox {
  min-height: 400px;
}

.wysihtml5-sandbox {
  min-height: 150px;
  width: 100% !important;
  font-family: montserratlight;
  font-size: 13px;
  padding: 5px !important;
  border: 1px solid #dee9f0 !important;
  outline: none;
}

.input-typehead-models {
  border: 2px solid #dee9f0 !important;
  padding: 10px 10px;
  font-family: montserratlight;
  line-height: 20px;
  width: 100%;
}

.popup-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);
}
.popup-button .spinner.active {
  opacity: 1;
}
.popup-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;
}
.popup-button.btn-loading > span {
  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);
}
.popup-button.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);
}

.range {
  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);
}
.range.faded {
  opacity: 0.4;
  -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);
}

.related-typeahead {
  max-width: 50%;
}

.ui-autocomplete {
  position: absolute !important;
  padding-left: 0px;
  list-style: none;
  max-height: 250px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.15);
  box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.15);
  z-index: 10000000000000;
}
.ui-autocomplete .autocomplete-item {
  background-color: #ecf0f1;
  height: 60px;
  border-bottom: 1px solid #bdc3c7;
  cursor: pointer;
}
.ui-autocomplete .autocomplete-item .color-preview {
  color: black;
  font-size: 12px;
  float: right;
  padding: 8px 10px;
  margin: 0px;
  margin-top: 13px;
  margin-right: 13px;
  width: 80px;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px black;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-autocomplete .autocomplete-item.small {
  height: 43px;
}
.ui-autocomplete .autocomplete-item.small div {
  padding-left: 15px;
}
.ui-autocomplete .autocomplete-item img {
  width: 50px;
  height: 50px;
  margin: 5px;
  float: left;
}
.ui-autocomplete .autocomplete-item div {
  float: left;
  padding-top: 10px;
  padding-left: 5px;
}
.ui-autocomplete .autocomplete-item span {
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  float: left;
  clear: both;
  color: black;
}

.articles-widget .submit-add core-icon {
  margin-top: -3px;
  margin-left: -5px;
  margin-right: 3px;
}

.autocomplete-item.with-color div {
  padding-top: 6px !important;
  margin-right: 10px;
  padding-left: 8px !important;
}
.autocomplete-item.with-color div span {
  line-height: 30px;
}

#related-list {
  list-style: none;
  padding-left: 0px;
}
#related-list.medium {
  width: 70%;
}
#related-list.medium li {
  height: 45px !important;
}
#related-list.medium li div {
  padding-top: 4px;
  padding-left: 5px;
}
#related-list.medium li .color-example {
  width: 35px;
  height: 35px;
  border-radius: 2px;
  border: 1px solid #bdc3c7;
  float: left;
}
#related-list.medium li > div > span {
  line-height: 35px;
  font-size: 12px;
  text-transform: uppercase;
  padding-left: 12px;
  clear: none;
}
#related-list.medium li button, #related-list.medium li a {
  margin-top: 3px;
  margin-right: 3px;
  height: 37px;
  width: 95px;
}
#related-list.medium li button span, #related-list.medium li a span {
  line-height: 38px;
  padding-left: 12px;
  padding-right: 12px;
  color: white;
}
#related-list.medium li button span i, #related-list.medium li a span i {
  margin-right: 6px;
}
#related-list.medium li button.bigger, #related-list.medium li a.bigger {
  width: 185px;
}
#related-list.large li {
  height: 100px !important;
  position: relative;
}
#related-list.large li > div {
  padding-top: 4px;
}
#related-list.large li > div > div {
  padding-top: 3px;
  font-size: 13px;
}
#related-list.large li > div > div > div {
  padding-top: 3px;
}
#related-list.large li > div > div > div.title {
  text-align: right;
  line-height: 36px;
}
#related-list.large li > div > div input {
  width: 100%;
  height: 36px;
  border-width: 2px;
  padding-left: 6px;
  font-family: montserratlight;
}
#related-list.large li button, #related-list.large li a {
  margin-top: 0px;
  margin-right: 0px;
  height: 37px;
  width: 95px;
  bottom: 3px;
  right: 3px;
  position: absolute;
}
#related-list.large li button span, #related-list.large li a span {
  line-height: 38px;
  padding-left: 12px;
  padding-right: 12px;
  color: white;
}
#related-list.large li button span i, #related-list.large li a span i {
  margin-right: 6px;
}
#related-list.small li {
  height: 43px;
  padding-left: 10px;
}
#related-list.small li > div {
  position: relative;
  width: 350px;
}
#related-list.small li > div .select-appendix {
  height: 30px;
}
#related-list.small li > div .select-appendix i {
  top: -13px !important;
}
#related-list.small button {
  margin-top: 4px;
  margin-right: 4px;
  height: 33px;
}
#related-list.small button span {
  color: white;
  line-height: 32px;
  float: left;
  clear: none;
}
#related-list.small select {
  height: 30px;
  float: right;
  width: initial !important;
  clear: none;
  margin-top: -5px;
  margin-left: 40px;
}
#related-list .empty-related {
  font-size: 11px;
  color: #bdc3c7;
  text-transform: uppercase;
}
#related-list li {
  height: 60px;
  border-top: 1px solid #bdc3c7;
  border-left: 1px solid #bdc3c7;
  border-right: 1px solid #bdc3c7;
}
#related-list li:last-child {
  border-bottom: 1px solid #bdc3c7;
}
#related-list li img {
  width: 50px;
  height: 50px;
  margin: 5px;
  float: left;
}
#related-list li div {
  float: left;
  padding-top: 10px;
  padding-left: 5px;
}
#related-list li span {
  display: inline-block;
  line-height: 20px;
  font-size: 11px;
  float: left;
  clear: both;
  color: black;
}
#related-list li button {
  margin-top: 8px;
  margin-right: 8px;
  width: 85px;
}
#related-list li button span {
  color: white;
  line-height: 45px;
}

.bootstrap-select span {
  opacity: 1 !important;
  visibility: visible !important;
}

.avatar-editfileinput-button {
  width: 50px;
  height: 50px;
  border: 1px solid transparent;
  position: absolute;
  right: 35px;
  top: 165px;
  background-color: #e31937;
  opacity: 1;
  visibility: visible;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  color: white;
  display: block;
}
.avatar-editfileinput-button.add {
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.avatar-editfileinput-button.add:before {
  content: "\002b";
  display: block;
  text-align: center;
  line-height: 50px;
  width: 50px;
}
.avatar-editfileinput-button input {
  position: absolute;
  z-index: 100;
  opacity: 0;
  top: 0px;
}
.avatar-editfileinput-button core-icon {
  position: absolute;
  top: 12px;
  left: 12px;
  -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);
}
.avatar-editfileinput-button core-icon.inactive {
  opacity: 0;
}
.avatar-editfileinput-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);
}
.avatar-editfileinput-button .spinner.active {
  opacity: 1;
}
.avatar-editfileinput-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;
}

form {
    /*span{

        display: none;

        &.error{

        }
    }*/
  /*  .form_wrapper {
  
  label {
  display: block;
  font-family: montserratbold;
  font-size: $font-form-label;
  }
  
  fieldset.input {
  
  position: relative;
  
  label {
  font-family: montserratbold;
  font-size: $font-form-label;
  }
  
  input {
  display: block;
  width: 100%;
  padding: 10px 15px;
  font-size: $font-form-input;
  line-height: $font-form-input;
  background-color: $color-form-input-background;
  border: 2px solid $color-form-input-border;
  color: $color-form-input-text;
  border-radius: 0px;
  
  &:focus {
  border: 2px solid $color-form-input-border-hover;
  }
  
  &:read-only {
  &:active {
  border: 2px solid $color-form-input-border;
  }
  }
  
  &.error {
  border-color: $color-form-input-error-background;
  }
  
  }
  
  textarea {
  display: block;
  width: 100%;
  padding: 10px 15px;
  font-size: $font-form-input;
  line-height: $font-form-input;
  background-color: $color-form-input-background;
  border: 2px solid $color-form-input-border;
  color: $color-form-input-text;
  border-radius: 0px;
  resize: vertical;
  
  &:focus {
  border: 2px solid $color-form-input-border-hover;
  }
  
  &:read-only {
  &:active {
  border: 2px solid $color-form-input-border;
  }
  }
  
  }
  
  select {
  display: block;
  width: 100%;
  padding: 10px 15px;
  font-size: $font-form-input;
  line-height: $font-form-input;
  background-color: $color-form-input-background;
  border: 2px solid $color-form-input-border;
  color: $color-form-input-text;
  border-radius: 0px;
  
  &.error {
  border-color: $color-form-input-error-background;
  }
  }
  
  }
  
  .btn-submit {
  margin-top: 0px;
  margin-bottom: 25px;
  }
  
  }*/
}
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 fieldset {
  position: relative;
}
form fieldset textarea {
  width: 100%;
  border: 2px solid #dee9f0;
  font-size: 13px;
  padding: 7px;
  min-height: 200px;
}
form fieldset textarea:focus {
  border: 2px solid rgba(58, 66, 71, 0.5);
}
form fieldset.radio label {
  padding-left: 5px;
  margin-right: 15px;
}
form fieldset.input {
  margin-bottom: 10px;
  color: black;
  font-family: montserratlight;
  font-size: 13px;
}
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: montserratlight;
  font-size: 13px;
  text-transform: uppercase;
  padding-left: 7px;
  padding-right: 55px;
  position: relative;
  background-color: transparent;
  z-index: 1;
}
form fieldset select:disabled {
  opacity: 0.6;
  background-color: rgba(207, 217, 223, 0.35);
}
form fieldset select:after {
  display: block;
}
form fieldset select + .select-appendix {
  position: absolute;
  border: 2px solid #dee9f0;
  height: 40px;
  width: 40px;
  display: inline-block;
  border-left: 0px solid transparent;
  background-color: white;
  right: 0px;
  z-index: 0;
  bottom: 0px;
}
form fieldset select + .select-appendix i {
  width: 40px;
  text-align: center;
  line-height: 35px;
  color: #e31937;
  font-size: 14px;
}
form fieldset input {
  float: left;
  clear: both;
  display: block;
  width: 100%;
  height: 40px;
  font-size: 13px;
  padding: 7px;
  padding-top: 7px;
  margin-bottom: 7px;
  background-color: white;
  border: 2px solid #dee9f0;
  font-family: montserratlight;
  -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:disabled {
  opacity: 0.6;
  background-color: rgba(207, 217, 223, 0.35);
}
form fieldset input.typeahead {
  margin-bottom: 0px;
}
form fieldset input:focus {
  border: 2px solid rgba(58, 66, 71, 0.5);
  -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: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.top-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.bottom-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.border {
  border-bottom: 2px solid #dee9f0;
}
form fieldset label {
  font-family: montserratbold;
  font-size: 14px;
  font-size: 12px;
  font-family: montserratregular;
  font-weight: 400;
  text-transform: uppercase;
}
form fieldset > span {
  visibility: hidden;
  opacity: 0;
  display: block;
}
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 input {
  padding-right: 40px;
  border-color: rgba(215, 68, 64, 0.5);
}
form fieldset.error input:focus {
  border-color: #e31937;
}
form fieldset.error > span {
  float: left;
  font-family: montserratlight;
  font-size: 12px;
  color: #e31937;
  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: montserratregular;
  font-size: 14px;
  padding-left: 10px;
  margin-right: 25px;
}
form .icon-error {
  position: absolute;
  right: 0px;
  height: 100%;
  width: 40px;
  text-align: center;
}
form .icon-error i {
  color: #ffc8c8;
  line-height: 40px;
}
form .avatar {
  border-radius: 50%;
  border: 2px solid #e31937;
  overflow: hidden;
  width: 100%;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  position: relative;
  background: url("/img/app/avatar.png") no-repeat center center;
  background-size: cover;
  margin-bottom: 25px;
}
form .avatar #cover_image {
  width: 100%;
}
form .avatar-edit {
  border-radius: 50%;
  border: 2px solid #e31937;
  overflow: hidden;
  width: 100%;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  position: relative;
  background: url("/img/app/avatar.png") no-repeat center center;
  background-size: cover;
  margin-bottom: 25px;
}
form .btn-submit {
  border: 0px solid transparent;
  background-color: #e31937;
  border-radius: 0px;
  margin-right: 30px;
  margin-top: 20px;
  position: relative;
  height: 45px;
  -webkit-transition: all 0.25s ease-in-out;
  width: 120px;
}
form .btn-submit.btn-lg {
  margin-top: 0px;
  width: 100%;
}
form .btn-submit.btn-submit-top {
  position: absolute;
  top: 0px;
  right: 0px;
}
form .btn-submit.btn-submit-pulled {
  margin: 10px;
  width: 150px;
  margin-right: 30px;
}
form .btn-submit:hover {
  background-color: #F54663;
  color: white;
}
form .btn-submit:focus {
  color: white;
}
form .btn-submit:before {
  content: "";
  position: absolute;
  background: #F54663;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  -webkit-transition: all 0.25s ease-in-out;
}
form .btn-submit:hover:before {
  right: 0;
  -webkit-transition: all 0.25s ease-in-out;
}
form .btn-submit > span {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  line-height: 45px;
  font-family: montserratregular;
  text-transform: uppercase;
  color: white;
  font-size: 14px;
  display: block;
}
form .btn-submit .spinner {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #e31937;
  -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 {
  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 {
  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);
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #c9d0d9;
  font-size: 14px;
  line-height: normal;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #c9d0d9;
  font-size: 14px;
  line-height: normal;
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #c9d0d9;
  font-size: 14px;
  line-height: normal;
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #c9d0d9;
  font-size: 14px;
  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: #e31937;
  height: 40px;
}
.content-form .form-group > fieldset .fake-upload span {
  display: block;
  float: right;
  height: 40px;
  background-color: #F54663;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
  color: white;
  font-size: 12px;
  font-family: montserratregular;
  line-height: 40px;
}
.content-form .form-group label {
  font-size: 11px;
  text-transform: uppercase;
  font-family: montserratregular;
  vertical-align: middle;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 12px;
}
.content-form .form-group label + .icheckbox_square-red {
  margin-left: 0px;
}

.marginTop30px {
  margin-top: 30px;
}

.marginTop50px {
  margin-top: 50px;
}

.time .icheckbox_square-red + label {
  color: black;
  font-size: 12px;
  font-weight: 400;
  font-family: montserratregular;
}

.full-width {
  width: 100%;
}

.switch > label {
  width: 100%;
}
.switch > input {
  margin-right: 10px;
}
.switch label.btn {
  margin-bottom: 0px;
  font-size: 15px;
  width: 60px;
  padding-top: 9px;
  padding-bottom: 8px;
  border-radius: 0px;
  border: 0px solid transparent;
  background-color: lightgrey;
}
.switch label.btn.active {
  background-color: #e31937;
  box-shadow: none;
}

.icheckbox_square-red {
  float: left;
  margin-right: 10px;
}
.icheckbox_square-red + label {
  color: white;
  float: left;
  font-family: montserratregular;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 21px;
  font-weight: 400;
}

.iradio_square-red + label {
  padding-left: 8px;
  margin-bottom: 0px;
}

.form-title {
  font-size: 13px;
  margin-bottom: 5px;
}

.form-subtitle {
  font-size: 13px;
  color: #d0d0d0;
  margin-bottom: 10px;
}

.rounded .icheckbox_square-red {
  background-position: -120px 0 !important;
  border-radius: 50%;
}
.rounded .icheckbox_square-red.checked {
  background-position: -48px 0 !important;
}

@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;
  }
}
/**
* @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;
}
#messages p {
  font-family: montserratlight;
  font-size: 12px;
  color: #c41010;
}

/*
  __  __ _     _         
 |  \/  (_)_ _(_)_ _  ___
 | |\/| | \ \ / | ' \(_-<
 |_|  |_|_/_\_\_|_||_/__/
                         
/*
 *	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;
}

.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: montserratbold;
  font-size: 14px;
}
.md-dialog-container md-dialog md-dialog-content p {
  padding: 10px 0px;
  font-family: montserratlight;
  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: montserratregular;
  font-size: 12px;
  color: white;
}

.backend-modal .modal-sm {
  width: 350px;
  margin-top: 200px;
}
.backend-modal .modal-content {
  -webkit-box-shadow: 0 3px 9px transparent;
  box-shadow: 0 3px 9px transparent;
  border-radius: 0px;
  border-color: transparent;
}
.backend-modal .modal-content .modal-header h2 {
  font-size: 20px;
  text-transform: uppercase;
}
.backend-modal .modal-content .modal-body p {
  font-family: montserratlight;
  font-size: 13px;
  line-height: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.backend-modal .modal-content .modal-footer button {
  width: 48%;
  border: 1px solid #e6e6e6;
  border-radius: 0px;
  font-size: 12px;
  font-family: montserratregular;
  text-transform: uppercase;
  height: 45px;
  position: relative;
  margin-top: 0px;
  float: left;
  margin-left: 0px;
  -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:first-child {
  margin-right: 4%;
}
.backend-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 {
  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 {
  right: 0;
  -webkit-transition: all 0.25s ease-in-out;
}
.backend-modal .modal-content .modal-footer button.btn-primary {
  background-color: #e31937;
}
.backend-modal .modal-content .modal-footer button.btn-primary:hover {
  background-color: #F54663;
}
.backend-modal .modal-content .modal-footer button.btn-primary:before {
  background-color: #F54663;
}
.backend-modal .modal-content .modal-footer button.btn-default:hover {
  background-color: #e6e6e6;
}
.backend-modal .modal-content .modal-footer button.btn-default:before {
  background-color: #e6e6e6;
}

.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: .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
*/
#page-wrapper {
  padding: 50px 15px;
  background-color: #fff;
  min-height: 100vh;
  /*.panel-default {

    border: 0px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);

    .panel-heading {

      background-color: transparent;
      border: 0px solid transparent;
      border-bottom: 2px solid $color-gng-red;
      margin: 0px 30px;
      padding: 10px 0px;
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
      -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
      -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0);

      h3 {
        margin: 0px;
        font-family: montserratbold;
        font-size: $font-page-header-h2;

      }
    }

    .panel-body {

      padding: 0px 15px;

      .form_wrapper {
        padding: 15px 0px;
      }
    }

    .panel-footer {

      background-color: transparent;
      border: 0px solid transparent;
      margin: 0px 15px;
      padding: 10px 0px;

      text-align: right;

    }
  }

  .tp-callout {
    padding: 20px;
    margin: 20px 0;
    border: 2px solid $color-page-callout-border;
    border-left-width: 5px;
    border-radius: 3px;

    &.tp-callout-info {
      border-left-color: $color-page-callout-info;
    }

    h3 {
      font-family: montserratbold;
      font-size: $font-page-callout-h3;
      margin: 0px;
    }
  }*/
}
#page-wrapper .page-content-header {
  position: relative;
  margin: 0px 30px;
  padding: 10px 0px;
  border-bottom: 2px solid #e31937;
}
#page-wrapper .page-content-header h2 {
  margin: 0px;
  font-family: montserratbold;
  font-size: 18px;
}
#page-wrapper .page-content-header h2 a {
  margin: 0px 10px;
  font-size: 18px;
  color: rgba(51, 51, 51, 0.5);
}
#page-wrapper .page-content-header h2 a:hover {
  color: rgba(165, 113, 42, 0.5);
}
#page-wrapper .page-content-body {
  position: relative;
  padding-top: 90px;
}
#page-wrapper .page-content-footer {
  background-color: transparent;
  border: 0px solid transparent;
  margin: 0px 15px;
  padding: 10px 0px;
  text-align: right;
}
#page-wrapper .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);
}
#page-wrapper .panel-default .panel-heading {
  background-color: transparent;
  border: 0px solid transparent;
  border-bottom: 1px solid #e31937;
  padding: 10px 0px;
  position: relative;
}
#page-wrapper .panel-default .panel-heading h3 {
  margin: 0px;
  font-family: montserratbold;
  font-size: 18px;
}
#page-wrapper .panel-default .panel-body {
  margin-top: 25px;
  padding: 0px;
  border: 0px solid transparent;
}

@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 250px;
    padding: 50px 30px;
    padding-top: 150px;
    border-left: 1px solid #e7e7e7;
    padding-bottom: 120px;
  }
}
/**
* @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');
 	*/
.panel-body {
  padding: 0px 15px;
}
.panel-body .dataTables_wrapper .dt-buttons {
  position: relative;
}
.panel-body .dataTables_wrapper .dt-buttons > a {
  position: absolute;
  right: 0px;
  bottom: 60px;
}
.panel-body .dataTables_wrapper .dt-buttons .export-button {
  background-color: #e31937;
  font-family: montserratregular;
  color: white;
  background-color: #e31937;
  padding: 12px 25px;
}
.panel-body .dataTables_wrapper .icheckbox_square-red {
  float: none !important;
}
.panel-body .dataTables_wrapper .table-button {
  background-color: #e31937;
  padding: 12px 25px;
  color: white;
  font-family: montserratregular;
  width: 100%;
  display: block;
}
.panel-body .dataTables_wrapper .table-button span {
  width: 100%;
  text-align: center;
}
.panel-body .dataTables_wrapper .table-color {
  margin: 0 auto;
  display: inline-block;
}
.panel-body .dataTables_wrapper .table-color > div {
  width: 20px;
  height: 20px;
  float: left;
  border-radius: 50%;
  margin-right: 10px;
}
.panel-body .dataTables_wrapper .table-color span {
  float: left;
  padding-top: 2px;
}
.panel-body .dataTables_wrapper .top .dataTables_filter {
  position: relative;
  border-bottom: 2px solid rgba(58, 66, 71, 0.06);
  padding: 40px 0px 5px 0px;
  margin: 0px;
}
.panel-body .dataTables_wrapper .top .dataTables_filter label {
  width: 100%;
  padding-left: 15px;
}
.panel-body .dataTables_wrapper .top .dataTables_filter label input {
  font-size: 12px;
  font-family: montserratlight;
  float: right;
  height: auto;
  width: 200px;
  padding: 6px;
  margin: 0px;
  background: none;
  border-radius: 4px !important;
  border: 2px solid rgba(58, 66, 71, 0.06);
  color: black;
  -webkit-box-shadow: inset 0 0 0 black !important;
  box-shadow: inset 0 0 0 black !important;
  -moz-transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.panel-body .dataTables_wrapper .top .dataTables_filter label input:focus {
  -moz-transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  width: 40%;
}
.panel-body .dataTables_wrapper table {
  width: 100% !important;
  margin: 0px !important;
}
.panel-body .dataTables_wrapper table thead .center {
  text-align: center;
}
.panel-body .dataTables_wrapper table thead tr {
  height: 75px;
  border-bottom: 1px solid #eff3f9;
  background-color: rgba(230, 230, 230, 0.2);
}
.panel-body .dataTables_wrapper table thead tr th {
  padding: 10px;
  font-family: montserratlight;
  font-size: 14px;
}
.panel-body .dataTables_wrapper table thead tr th.sorting {
  background: none;
}
.panel-body .dataTables_wrapper table thead tr th.sorting:after {
  content: "\e259";
  font-family: 'Glyphicons Halflings';
  padding: 10px;
  color: rgba(58, 66, 71, 0.5);
  font-size: 10px;
}
.panel-body .dataTables_wrapper table thead tr th.sorting_asc {
  background: none;
}
.panel-body .dataTables_wrapper table thead tr th.sorting_asc:after {
  content: "\e260";
  font-family: 'Glyphicons Halflings';
  padding: 10px;
  font-size: 10px;
  color: black;
}
.panel-body .dataTables_wrapper table thead tr th.sorting_desc {
  background: none;
}
.panel-body .dataTables_wrapper table thead tr th.sorting_desc:after {
  content: "\e259";
  font-family: 'Glyphicons Halflings';
  padding: 10px;
  font-size: 10px;
  color: black;
}
.panel-body .dataTables_wrapper table thead tr th.not-sorted:after {
  content: none;
}
.panel-body .dataTables_wrapper table tbody .center {
  text-align: center;
}
.panel-body .dataTables_wrapper table tbody tr {
  border-bottom: 1px solid #eff3f9;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.panel-body .dataTables_wrapper table tbody tr:hover {
  background-color: rgba(230, 230, 230, 0.2);
  -moz-transform: scale(1.005);
  -o-transform: scale(1.005);
  -ms-transform: scale(1.005);
  -webkit-transform: scale(1.005);
  transform: scale(1.005);
}
.panel-body .dataTables_wrapper table tbody tr td {
  padding: 10px;
  font-family: montserratlight;
  font-size: 12px;
}
.panel-body .dataTables_wrapper table tbody tr td.thumb-col {
  text-align: center;
  width: 10%;
}
.panel-body .dataTables_wrapper table tbody tr td.thumb-col img.thumb {
  height: 42px;
  width: 42px;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.panel-body .dataTables_wrapper table tbody tr td.thumb-col img.thumb.bigger {
  width: 60px;
  height: 60px;
  border-radius: 0%;
}
.panel-body .dataTables_wrapper table tbody tr td .action {
  margin-left: 10px;
  margin-right: 10px;
}
.panel-body .dataTables_wrapper table tbody tr td .edit-link {
  color: #e31937;
  font-size: 16px;
}
.panel-body .dataTables_wrapper table tbody tr td .delete-link {
  color: #e31937;
  font-size: 16px;
}
.panel-body .dataTables_wrapper .bottom {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 15px 0px;
}
.panel-body .dataTables_wrapper .bottom .dataTables_paginate {
  position: relative;
  float: right;
  margin-left: 20px;
  line-height: 40px;
}
.panel-body .dataTables_wrapper .bottom .dataTables_paginate .paginate_button {
  font-family: montserratregular;
  font-size: 12px;
  text-transform: uppercase;
  color: black;
  padding: 6px 10px;
  margin-left: 5px;
  border-radius: 3px;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.panel-body .dataTables_wrapper .bottom .dataTables_paginate .paginate_button:hover {
  background-color: black;
  color: white;
  cursor: pointer;
}
.panel-body .dataTables_wrapper .bottom .dataTables_length {
  float: right;
  position: relative;
  margin-left: 20px;
  line-height: 40px;
}
.panel-body .dataTables_wrapper .bottom .dataTables_length label {
  position: relative;
  bottom: 0px;
  text-transform: uppercase;
  font-size: 12px;
  font-family: montserratregular;
}
.panel-body .dataTables_wrapper .bottom .dataTables_length label select {
  height: 35px;
  margin: 0px 5px;
  background: none;
  border-radius: 0px !important;
  border: 2px solid #dee9f0;
  -webkit-box-shadow: inset 0 0 0 black !important;
  box-shadow: inset 0 0 0 black !important;
}
.panel-body .dataTables_wrapper .bottom .dataTables_info {
  float: left;
  position: relative;
  line-height: 40px;
  font-size: 14px;
  font-family: montserratregular;
  padding: 0px;
}
.panel-body .dataTables_wrapper .bottom .dataTables_processing {
  font-size: 14px;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.panel-body .table-responsive {
  padding: 15px 0px;
}
.panel-body .table-responsive .list-template {
  width: 100% !important;
  border: 0px;
}
.panel-body .table-responsive .list-template thead {
  width: 100%;
}
.panel-body .table-responsive .list-template thead tr th {
  border: 0px;
  padding: 15px 8px;
  font-family: montserratbold;
  font-size: 14px;
  text-align: left;
}
.panel-body .table-responsive .list-template tbody tr {
  height: 38px;
}
.panel-body .table-responsive .list-template tbody tr:nth-of-type(odd) {
  background-color: #eff3f9;
}
.panel-body .table-responsive .list-template tbody tr:nth-of-type(even) {
  background-color: white;
}
.panel-body .table-responsive .list-template tbody tr.valid {
  background-color: #3ed777;
}
.panel-body .table-responsive .list-template tbody tr td {
  padding: 4px 8px;
  border: 0px;
  border-bottom: 1px solid rgba(58, 66, 71, 0.2);
  vertical-align: middle;
  font-family: montserratlight;
  font-size: 14px;
  text-align: left;
}

/**
* @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: #e31937;
  margin: 0 0 0 250px;
  padding: 50px 30px;
  padding-top: 25px;
  z-index: 10;
  top: 0px;
}
#breadcrumb-bar.big {
  -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);
}
#breadcrumb-bar.small {
  padding: 40px 30px;
  padding-top: 15px;
  -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);
}
#breadcrumb-bar.small ul {
  margin-top: 3px;
}
#breadcrumb-bar ul {
  list-style: none;
  padding-left: 0px;
  color: white;
  margin-left: 25px;
  display: inline-block;
}
#breadcrumb-bar ul li {
  float: left;
}
#breadcrumb-bar ul li a {
  color: white;
  text-transform: uppercase;
  padding: 10px 10px;
  font-size: 12px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 6px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -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);
}
#breadcrumb-bar ul li a:hover {
  cursor: hand;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
  -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);
  background-color: #c41230;
  border-radius: 6px;
}
#breadcrumb-bar ul li.active a {
  background-color: #c41230;
  padding: 10px 15px;
  margin-left: 15px;
  opacity: 1;
  filter: alpha(opacity=100);
}
#breadcrumb-bar ul span {
  font-size: 10px;
}

/**
* @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');
 	*/
#toast-container {
  margin-left: 310px;
  font-size: 12px;
}
#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;
}
#toast-container > div.toast-error .toast-message ::after {
  content: "\e209";
  font-family: 'Glyphicons Halflings';
  background-color: #D74448;
}
#toast-container > div.toast-success {
  background-color: #030303;
}
#toast-container > div.toast-success .toast-message ::after {
  content: "\e013";
  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;
}

/*
  __  __ _     _         
 |  \/  (_)_ _(_)_ _  ___
 | |\/| | \ \ / | ' \(_-<
 |_|  |_|_/_\_\_|_||_/__/
                         
/*
 *	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');
 	*/
.squares-list {
  list-style: none;
  padding-left: 0px;
}
.squares-list .footer-flag {
  top: 7px;
  height: 30px !important;
  font-size: 12px;
  text-transform: uppercase;
  width: 145px;
  line-height: 30px;
  padding-left: 12px;
  left: 10px !important;
  z-index: 10;
}
.squares-list.full-list .sortable-placeholder {
  width: 100%;
}
.squares-list .sortable-placeholder {
  height: 200px;
}
.squares-list .ui-state-highlight {
  border: 1px solid #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
  min-height: 100px;
}
.squares-list .sortable-placeholder {
  margin-top: 30px;
  float: left;
  background-color: rgba(230, 230, 230, 0.2);
}
.squares-list .square-item {
  margin-top: 30px;
  float: left;
  overflow: hidden;
}
.squares-list .square-item div.brand-image {
  width: 100%;
  height: 200px;
  position: relative;
  left: 0;
  background-size: cover;
  background-position: center;
}
.squares-list .square-item div.brand-image + span {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  top: 10px;
  right: 25px;
  bottom: 60px;
  left: 25px;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  text-align: center;
  font-size: 13px;
  opacity: 0;
  filter: alpha(opacity=0);
  -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);
  /*@include transform(scale(0.95, 0.95));*/
}
.squares-list .square-item div.brand-image + span > div {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.squares-list .square-item div.brand-image + span > div .brands-drag-icons {
  margin-bottom: 10px;
}
.squares-list .square-item div.brand-image + span > div .brands-drag-icons i {
  font-size: 25px;
  padding: 10px;
}
.squares-list .square-item div.brand-image + span > div p:last-child {
  max-width: 170px;
  margin: 0 auto;
}
.squares-list .square-item.full-item {
  max-height: 200px;
  background-color: #dee9f0;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url("../../img/app/logo.svg");
  background-repeat: no-repeat;
  background-position: center 35%;
  background-size: auto 30%;
}
.squares-list .square-item.full-item img {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  min-height: 150px;
}
.squares-list .square-item.full-item img + span {
  right: 10px;
  left: 10px;
}
.squares-list .square-item.full-item > div {
  right: 0px !important;
  left: 0px !important;
}
.squares-list .square-item.full-item p:last-child {
  max-width: 200px;
  margin: 0 auto;
}
.squares-list .square-item img {
  width: 100%;
}
.squares-list .square-item img + span {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  top: 10px;
  right: 25px;
  bottom: 60px;
  left: 25px;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  text-align: center;
  font-size: 13px;
  opacity: 0;
  filter: alpha(opacity=0);
  -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);
  /*@include transform(scale(0.95, 0.95));*/
}
.squares-list .square-item img + span > div {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.squares-list .square-item img + span > div .brands-drag-icons {
  margin-bottom: 10px;
}
.squares-list .square-item img + span > div .brands-drag-icons i {
  font-size: 25px;
  padding: 10px;
}
.squares-list .square-item img + span > div p:last-child {
  max-width: 170px;
  margin: 0 auto;
}
.squares-list .square-item:hover img + span {
  opacity: 1;
  filter: alpha(opacity=100);
  -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);
  /*@include transform(scale(1, 1));*/
}
.squares-list .square-item:hover img + span:hover {
  cursor: hand;
  cursor: pointer;
}
.squares-list .square-item:hover .brand-image + span {
  opacity: 1;
  filter: alpha(opacity=100);
  -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);
  /*@include transform(scale(1, 1));*/
}
.squares-list .square-item:hover .brand-image + span:hover {
  cursor: hand;
  cursor: pointer;
}
.squares-list .square-item:hover > div {
  -moz-transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  background-color: rgba(227, 25, 55, 0.9);
}
.squares-list .square-item:hover .brands-actions a {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.squares-list .square-item:hover .looks-actions a {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.squares-list .square-item > div {
  position: absolute;
  bottom: 0;
  height: 50px;
  color: white;
  background-color: rgba(227, 25, 55, 0.75);
  left: 15px;
  right: 15px;
  -moz-transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.squares-list .square-item > div p {
  line-height: 47px;
  padding-left: 15px;
  width: calc(100% - 15px - 50px - 15px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.squares-list .square-item > div .brands-actions {
  position: absolute;
  right: 5px;
  top: 0;
  height: 50px;
}
.squares-list .square-item > div .brands-actions .dropup {
  float: left;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.squares-list .square-item > div .brands-actions .dropup:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.squares-list .square-item > div .brands-actions .dropup button {
  background-color: transparent !important;
  color: white;
  border: 0px solid;
  line-height: 34px;
}
.squares-list .square-item > div .brands-actions .dropup ul {
  border-radius: 0px;
}
.squares-list .square-item > div .brands-actions .dropup ul li a {
  line-height: 30px;
  color: black;
  opacity: 1;
  height: inherit;
  width: 100%;
}
.squares-list .square-item > div .brands-actions a {
  color: white;
  text-decoration: none;
  line-height: 50px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  height: 60px;
  display: block;
  float: left;
}
.squares-list .square-item > div .brands-actions a i {
  padding: 0px 10px;
}

.submit-add {
  border: 0px solid transparent;
  font-family: montserratregular;
  background-color: #e31937;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 0px;
  margin-right: 0px;
  margin-top: 20px;
  position: relative;
  height: 45px;
  -webkit-transition: all 0.25s ease-in-out;
  width: 120px;
}
.submit-add.download-button {
  width: auto;
  margin-top: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.submit-add.download-button > span {
  position: relative;
  color: white !important;
}
.submit-add.download-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);
}
.submit-add.download-button .spinner.active {
  opacity: 1;
}
.submit-add.download-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;
}
.submit-add:hover {
  background-color: #F54663;
  color: white;
}
.submit-add:focus {
  color: white;
}
.submit-add:before {
  content: "";
  position: absolute;
  background: #F54663;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  -webkit-transition: all 0.25s ease-in-out;
}
.submit-add:hover:before {
  right: 0;
  -webkit-transition: all 0.25s ease-in-out;
}
.submit-add > span {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  line-height: 45px;
}

.panel-body .submit-add {
  margin-right: 0px;
}
.panel-body .submit-add span {
  display: block;
}

/**
* @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
 *
 */
/*
 * Login
 */
/*
 * Login
 */
/*
 * Pages
 */
/*
 * Forms
 */
/*
 * Messages
 */
/*
 * Breadcrumbs
 */
/*
 * Table
 */
/*
 *
 * Font Size
 *
 */
/*
 * Login
 */
/*
 * Pages
 */
/*
 * Forms
 */
/*
 * Breadcrumbs
 */
/*
 * Table
 */
/*
 * Media Querys
 */
/*
 * Toasters
 */
/**
* @Version:    1.0 - 2015
* @author:     Thing Pink
* @email:      hello@thing-pink.pt
* @website:    http://www.thing-pink.pt
*/
@font-face {
  font-family: 'montserratregular';
  src: url("fonts/montserrat-regular-webfont.eot");
  src: url("fonts/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-regular-webfont.woff2") format("woff2"), url("fonts/montserrat-regular-webfont.woff") format("woff"), url("fonts/montserrat-regular-webfont.ttf") format("truetype"), url("fonts/montserrat-regular-webfont.svg#montserratregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'montserratbold';
  src: url("fonts/montserrat-bold-webfont.eot");
  src: url("fonts/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-bold-webfont.woff2") format("woff2"), url("fonts/montserrat-bold-webfont.woff") format("woff"), url("fonts/montserrat-bold-webfont.ttf") format("truetype"), url("fonts/montserrat-bold-webfont.svg#montserratbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'montserratlight';
  src: url("fonts/montserrat-light-webfont.eot");
  src: url("fonts/montserrat-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-light-webfont.woff2") format("woff2"), url("fonts/montserrat-light-webfont.woff") format("woff"), url("fonts/montserrat-light-webfont.ttf") format("truetype"), url("fonts/montserrat-light-webfont.svg#montserratlight") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
  __  __ _     _         
 |  \/  (_)_ _(_)_ _  ___
 | |\/| | \ \ / | ' \(_-<
 |_|  |_|_/_\_\_|_||_/__/
                         
/*
 *	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');
 	*/
.filters-top.bootstrap-select {
  border-radius: 0px;
  background-color: #e31937;
  border: 0px solid transparent;
  position: absolute;
  bottom: 20px;
  right: 0px;
}
.filters-top.bootstrap-select button {
  border-radius: 0px;
  background-color: #e31937;
  color: white;
  border: 0px solid transparent;
  font-family: montserratregular;
  height: 40px;
}
.filters-top.bootstrap-select button:hover {
  background-color: #e31937;
  color: white;
}
.filters-top.bootstrap-select button:focus {
  background-color: #e31937;
  color: white;
  outline: none !important;
}
.filters-top.bootstrap-select.open button {
  -webkit-box-shadow: 0px !important;
  box-shadow: 0px !important;
  background-color: #e31937 !important;
  color: white !important;
}
.filters-top.bootstrap-select .dropdown-menu {
  border-radius: 0px;
  -webkit-box-shadow: 0px !important;
  box-shadow: 0px !important;
  margin-top: 0px;
  background-color: #e31937 !important;
  border: 1px solid #e31937;
}
.filters-top.bootstrap-select .dropdown-menu ul li.selected a {
  background-color: #e31937;
}
.filters-top.bootstrap-select .dropdown-menu ul li a {
  line-height: 40px;
  color: white;
  padding-left: 10px;
}
.filters-top.bootstrap-select .dropdown-menu ul li a:hover {
  background-color: #e31937;
}

.relative {
  position: relative;
}

/**
* @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');
 	*/
div[data-ng-controller="SingleFileUploadController"] + .icon-error {
  display: none !important;
}

.pics-sortable-list .multiple-thumb {
  cursor: pointer;
  width: 250px;
  height: 250px;
  overflow: hidden;
}
.pics-sortable-list .multiple-thumb img {
  min-width: 100%;
  min-height: 100%;
}
.pics-sortable-list .sortable-placeholder {
  width: 250px;
  float: left;
}

#fileupload {
  margin-bottom: 15px;
}
#fileupload .single-upload {
  width: 250px;
}
#fileupload .fileupload-current {
  width: 100%;
}
#fileupload .fileupload-current .fileupload-loaded-image {
  max-width: 250px;
  float: left;
  margin-bottom: 5px;
  margin-top: 5px;
  position: relative !important;
}
#fileupload .fileupload-current .fileupload-loaded-image.multiple {
  width: 100%;
  max-width: 100%;
}
#fileupload .fileupload-current .fileupload-loaded-image .multiple-thumb {
  position: relative;
  float: left;
  max-width: 250px;
  margin-bottom: 10px;
  margin-right: 10px;
  min-height: 200px;
  min-width: 200px;
  background-image: url("/img/app/default-placeholder.png");
  background-size: cover;
}
#fileupload .fileupload-current .fileupload-loaded-image .multiple-thumb.media-sortable {
  width: 245px;
  height: 245px;
}
#fileupload .fileupload-current .fileupload-loaded-image img {
  width: 100%;
}
#fileupload .fileupload-current .fileupload-loaded-image button {
  position: absolute;
  top: 5px;
  right: 8px;
  opacity: 1;
}
#fileupload .fileupload-current .fileupload-loaded-image button span {
  visibility: visible;
  opacity: 1;
  text-shadow: 0 1px 0 transparent;
  color: white;
  display: block;
  color: red;
}
#fileupload .fileinput-button {
  width: 250px;
  height: 40px;
  margin-top: 5px;
  opacity: 1;
  visibility: visible;
}
#fileupload .fileinput-button core-icon {
  margin-right: 10px;
  top: -2px;
}
#fileupload .fileinput-button span {
  line-height: 40px;
  opacity: 1;
  visibility: visible;
  color: white;
}
#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: #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;
}
#fileupload .upload-count {
  font-family: montserratregular;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 10px;
}
#fileupload .upload-count span {
  color: #e31937;
}
#fileupload table.files tr {
  border: 1px solid #e6e6e6;
  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: montserratregular;
  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: #e6e6e6;
  color: #e31937;
}
#fileupload table.files .file-info {
  line-height: 0px;
}
#fileupload table.files .file-info p {
  font-family: montserratregular;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 14px;
}
#fileupload .progress {
  height: 5px;
  -webkit-box-shadow: inset 0px 0px 0px transparent;
  box-shadow: inset 0px 0px 0px transparent;
  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;
}

/*!
 * 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;
}*/
.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 a {
  display: block;
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0px;
}
.fab.add {
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.fab.add:before {
  content: "\002b";
  display: block;
  text-align: center;
  line-height: 55px;
  width: 58px;
}
.fab.back {
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.fab.back:before {
  content: "\e079";
  display: block;
  text-align: center;
  line-height: 55px;
  width: 58px;
}
.fab.red {
  background-color: #e31937;
}
.fab.red.second {
  right: 150px;
}
.fab a {
  color: white;
}
.fab:active {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}
.fab core-icon {
  margin: 16px;
}
.fab core-icon::shadow path {
  fill: #fff;
}

.tab-pane {
  padding-top: 30px;
}
.tab-pane label {
  font-family: montserratlight;
  font-size: 11px;
  clear: both;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.tab-pane input {
  float: left;
  clear: both;
  height: 40px;
  width: 100%;
  padding: 7px;
  padding-top: 7px;
  font-family: montserratlight;
  font-size: 13px;
  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);
}
.tab-pane input:focus {
  padding: 7px;
  padding-top: 7px;
  border: 2px solid rgba(58, 66, 71, 0.5);
  -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);
}

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

.nav-tabs {
  margin-top: 25px;
}
.nav-tabs li {
  font-size: 12px;
  text-transform: uppercase;
}
.nav-tabs li:hover a {
  border-radius: 0px !important;
  background-color: transparent;
  color: black;
  -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 {
  border-radius: 0px !important;
  -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 a {
  -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: rgba(0, 0, 0, 0.4);
}