/* ---------------------------
  	     SOCIALWAYS
		   IDE0
	     06/07/18
---------------------------- */

@font-face {
  font-family: 'icomoon';
  src:  url('../webfonts/icomoon.eot?qcbs60');
  src:  url('../webfonts/icomoon.eot?qcbs60#iefix') format('embedded-opentype'),
    url('../webfonts/icomoon.ttf?qcbs60') format('truetype'),
    url('../webfonts/icomoon.woff?qcbs60') format('woff'),
    url('../webfonts/icomoon.svg?qcbs60#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}



/* ---------------------------
   			GENERICOS
---------------------------- */

:root {
    --color-main: #dc3646;
    --color-fb: #3b5998;
    --color-ig: #C13584;
    /* --color-stories-ig: #fdcce8; */
    --color-stories-ig: #ffb6e0; 
    /* --color-stories-ig: #ff3a3a;  */
    /* --color-stories-ig: red;  */
    --color-influencer-micro: #ff9800;
    --color-influencer-macro: #e41818;
    --color-dorado-roc: #c8980c;
    --color-azul-roc: #00285d;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #555555;
}

strong {
    font-weight: 600;
}

.spacer{clear:both;display:block}
.spacer-10{clear:both;height:10px;display:block}
.spacer-20{clear:both;height:20px;display:block}
.spacer-40{clear:both;height:40px;display:block}
.spacer-90{clear:both;height:90px;display:block}
.spacer-sec{clear:both;height:160px;display:block}
.nomargin{margin:0!important}
.nopad{padding:0!important}
.pdr-0 { padding-right: 0; }
.pdl-0 { padding-left: 0; }
a { color: #FF354B; }
a:hover { color: #773b00; text-decoration: none;}
h4 { text-transform: uppercase; font-weight: 600;}
h4 span {font-weight: 400; font-size: 1.1rem;}

.img-fluid {
    display: block;
    margin: 0 auto;
}

.btn-img {
    padding: 0;
    border: none;
    background-color: transparent;
    outline: none!important;
    box-shadow: none!important;
}

.btn-red {
    background-color: var(--color-dorado-roc);
    border-color: var(--color-dorado-roc);
    color: #fff;
    padding: .5rem .75rem;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-red.btn-sm {
    padding: .25rem .5rem;
}

.btn-red:hover,
.btn-red:focus {
    background-color: #ddb109;
    border-color: #ddb109;
    color: #fff;
    
}
.btn-red i {
    margin-right: 5px;
}

.btn-cent:hover,
.btn-cent:focus {
    padding: .5rem 3rem;
}

/* ---------------------------
   	    LOGIN FORM
---------------------------- */

.login-box {
    max-width: 500px;
    margin: 120px auto 80px auto;
    text-align: center;
    font-size: 22px;

}

.login-box input[type='email'],
.login-box input[type='password'] {
   font-size: 13px;
}

.login-box input[type='email']:focus,
.login-box input[type='password']:focus {
    border-color:#FF354B;
}

.login-box form {
    max-width: 300px;
    margin: 20px auto;
}



/* ---------------------------
   	    MAIN PANEL
---------------------------- */

.content {
    background-color: #fff;
    font-size: 16px;
}

.navbar {
    background: #e2e2e2;
}

.navbar-expand .navbar-nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
}

.navbar-expand .fa-user {
    margin-right: 10px;
}

.form-ticket {
    
}

.form-ticket .form-group {
    margin-bottom: 1.8rem;
}

.form-ticket textarea {
    resize: none;
}

.content hr {
    border-top:10px solid rgba(0,0,0,.1);
}

.content hr.slim {
    border-top:5px solid rgba(0,0,0,.1);
}

.fade.in {
    opacity: 1;
}

.fileupload-buttonbar {
    padding: 0 15px 0 15px;
}

.progress {
    background-color: #cbccce;
}



.profile-reqd {
    color: red;
    font-family: monospace;
    font-weight: normal;
}

.profile-avatar .imagen {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 50px;
    background: url(../img/placefoto.jpg) center center;
    background-size: cover;
    margin-bottom: 20px;
    border: 10px solid var(--color-dorado-roc);
}


.help .card,
.templates .card {
    border-radius: 0;
    margin-bottom: 10px;
}

.help .card .btn-link,
.templates .card .btn-link{
    color:#202525;
    text-transform: uppercase;
    font-weight: bold;
}

.borderless td, .borderless th {
    border: none!important;
}


.details {
    
}

.details .adjuntos .col-4 {
    margin-bottom: 10px;
}

.details .adjuntos .col-4 i {
    margin-right: 5px;
}

.details .card {
    border-radius: 0;
    margin-bottom: 10px;
}

.details .card h5 {
    color:#202525;
    font-weight: bold;
}

.details .form-reply .btn {

}


tfoot select {
    width: 100%;
}

.deleted td {
    text-decoration:line-through;
}

.deleted td:last-child {
    text-decoration:none;
}


.nolink {
    cursor: default!important;
}


.sidebar {
    position: relative;
}

.sidebar .logo {
	padding: 10px;
}

.sidebar .logo img {
    max-width: 130px;
    margin: 0 auto;
}

.sidebar .legal {
    position: absolute;
    display: inline-block;
    bottom: 10px;
    width: 100%;
}

.sidebar hr {
    padding-bottom: 15px;
    margin-top: 15px;
    border-top: 1px solid rgba(0,0,0,0.2);
}

.sidebar ul li a, .sidebar ul ul a {
    white-space: nowrap;
}

.notification-menu {
  position: absolute;
  top: 52px;
  right: 0;
  background-color: #DDDDDD;
  border: #989898;
  padding: 0 10px 0 10px;
  list-style: none;
  width: 320px;
  display: none;
  text-align: left;
    z-index: 5;
}

.notification-menu li {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
}

.notification-menu li a {
  font-size: 12px;
}

.notification-menu li.viewall {
    margin-top: 5px;
    padding: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    background-color: #b5b5b5;
}

.notification-menu li.viewall a {
    display: block;
    padding: 5px;
    color: #292929;
    font-size: 14px;
}

.notification-menu .nty {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.notification-menu h3 {
  font-size: 15px;
  margin: 0 0 5px 0;
  display: inline;
    font-weight: bold;
}

.notification-menu p {
  margin-bottom: 0;
  font-size: 14px;
}

.catego {
    display: none;
}


#tabletickets .lkt,
#tableclosed .lkt {
    color: #555;
}


/* ---------------------------
   	        HOME
---------------------------- */

.resultados {}

.resultados .result {
    text-align: center;
}

.resultados .result div {
    display: block;
    margin: 5px auto;
    line-height: 1;
    font-size: 1rem;
}

.resultados .result .num {
    font-size: 3vw;
    font-weight: 600;
}

.resultados .result .num span {
    font-size: 1.3vw;
    font-weight: 400;
}

.resultados .result i {
    font-size: 2rem;
}

.resultados .result input {
    width: 100%!important;
    text-align: center;
}

.head-button {
    vertical-align: middle;
}


.list-ticket {
    
}

.list-ticket div {
    display: block;
    margin-bottom: 5px;
    line-height: 1.8;
}

.list-ticket div span {
    text-transform: uppercase;
    font-weight: bold;
}

.list-ticket .tk a {
    color:#555555;
}

.c-warn {
    color:#ffd335;
}

.c-green {
    color:#3ec957;
}

.c-red {
    color:#FF354B;
}

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}



/* ---------------------------
   	        CALENDARIO
---------------------------- */

.fc-toolbar h2 {
    font-size: 1em;
    text-transform: uppercase;
    margin-top: 10px;
}


/* ---------------------------
   	        POSTS
---------------------------- */

.post-tab div {
    display: block;
}

.post-tab .imag {
    position: relative;
}

.post-tab div img {
    position: relative;
}

.post-tab div i {
    position: absolute;
    top: 0;
    font-size: 4em;
}



.post-tab .fas, 
.post-tab .fab {
    padding: 5px;
    background-color: #F8F9FA;
}



.post-tab .fa-question-circle {
    color:#ffd335;
}

.post-tab .fa-check-circle {
    color:#3ec957;
    right: 0;
}

.post-tab .fa-facebook-square {
    left: 0;
    color:var(--color-fb);
}

.post-tab .fa-instagram {
    left: 0;
    color:var(--color-ig);
}

.post-tab .fa-stopwatch {
    left: 0;
    color:var(--color-stories-ig);
}

.post-tab .fa-users {
    left: 0;
    color:var(--color-influencer);
}

.post-tab .fa-times-circle {
    color:#FF354B;
}

.post-tab {
    font-size: 12px;
}


/* ---------------------------
   			MODALES
---------------------------- */

.modal-header {
    border-bottom: none;
}

.modal-header .close {
    opacity: 1;
    color: #333;
    font-size: 20px;
}

.modal-footer {
    text-align: center;
    justify-content: center;
}

.modal {
    background-color: rgba(1, 5, 8, 0.8);
}

.modal-content {
    border: none;
    background-color: white;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.0);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0);
}

.modal-backdrop.in,
.modal-backdrop.fade.in {
    background-color: transparent;
}

.modal-body {
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.modal-dialog {
    margin: 30px auto;
    width: 95%;
}


.modal-body {
    background-color: #fff;
    color: #515151;
}

#alerta hr {
    border-color: #f08c16;
    margin-top: 6px;
    margin-bottom: 16px;
}

#cargando .modal-dialog {
    max-width: 240px;
    width: 95%;
    margin-top: 10%;
}

#cargando .modal-body {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#modalClose .modal-dialog {
    max-width: 600px;
}


#modalClose .modal-body {
    text-align: left;
}

#modalClose .form-check-inline {
    font-size: 13px;
}



/* ---------------------------
   	     ANIMACIONES
---------------------------- */


.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fadeIn {
  opacity:0;
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fadeIn.first {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.fadeIn.second {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.fadeIn.third {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.fadeIn.fourth {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}



/* ---------------------------
   	        ICONS
---------------------------- */

[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-adjunto:before{content:"\e900";color:#ffdc0a}
.icon-flecha-amarillo:before{content:"\e901";color:#ffd80d}
.icon-info .path1:before{content:"\e902";color:#000}
.icon-info .path2:before{content:"\e903";margin-left:-1em;color:#ffdc0a}
.icon-login-pw:before{content:"\e904";color:#fff; font-size: 25px;}
.icon-login-email:before{content:"\e905";color:#fff; font-size: 25px;}
.icon-login-forgot:before{content:"\e906";color:#000}
.icon-login-remember .path1:before{content:"\e907";color:#000}
.icon-login-remember .path2:before{content:"\e908";margin-left:-1em;color:#ffdc0a}
.icon-help-amarillo:before{content:"\e909";color:#ffdc0a}
.icon-help-gris:before{content:"\e90a";color:#000}
.icon-home-amarillo:before{content:"\e90b";color:#ffdc0a}
.icon-home-gris:before{content:"\e90c";color:#000}
.icon-perfil-amarillo:before{content:"\e90d";color:#ffdc0a}
.icon-perfil-gris:before{content:"\e90e";color:#000}
.icon-tickets-amarillo:before{content:"\e90f";color:#ffdc0a}
.icon-tickets-gris:before{content:"\e910";color:#000}
.icon-ajustes:before{content:"\e911"}
.icon-perfil-salir:before{content:"\e912"; font-size: 35px;}
.icon-perfil-ver:before{content:"\e913"}
.icon-bell:before{content:"\e951"}
.icon-download:before{content:"\e960"}
.icon-bubble:before{content:"\e96b"}
.icon-quotes-left:before{content:"\e977"}
.icon-quotes-right:before{content:"\e978"}
.icon-spinner8:before{content:"\e981"}
.icon-key:before{content:"\e98d"}
.icon-cogs:before{content:"\e995"}
.icon-switch:before{content:"\e9b6"}
.icon-list:before{content:"\e9ba"}
.icon-menu:before{content:"\e9bd"}
.icon-earth:before{content:"\e9ca"}
.icon-link:before{content:"\e9cb"}
.icon-attachment:before{content:"\e9cd"}
.icon-eye:before{content:"\e9ce"}
.icon-warning:before{content:"\ea07"}
.icon-notification:before{content:"\ea08"}
.icon-question:before{content:"\ea09"}
.icon-plus:before{content:"\ea0a"}
.icon-minus:before{content:"\ea0b"}
.icon-info2:before{content:"\ea0c"}
.icon-cancel-circle:before{content:"\ea0d"}
.icon-blocked:before{content:"\ea0e"}
.icon-cancel:before{content:"\ea0f"}
.icon-checkmark:before{content:"\ea10"}
.icon-loop2:before{content:"\ea2e"}
.icon-checkbox-checked:before{content:"\ea52"}
.icon-checkbox-unchecked:before{content:"\ea53"}
.icon-radio-checked:before{content:"\ea54"}
.icon-radio-checked2:before{content:"\ea55"}
.icon-radio-unchecked:before{content:"\ea56"}
.icon-share:before{content:"\ea7d"}

.calendar {
  position: relative;
  text-transform: capitalize;
  text-align: center;
    font-size: 13px;
  color: #545A5C; }


  .calendar a {
    text-decoration: none;
    color: inherit; }
  .calendar header .btn {
      line-height: 1.3;
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #CBD1D2;
    border-radius: 50%;
    border: 2px solid #CBD1D2; }
  .calendar header .btn:hover {
    background: #CBD1D2;
    color: white; }
  .calendar header .btn-prev {
    left: 0;
    top: 0; }
  .calendar header .btn-next {
    right: 0;
    top: 0; }
  .calendar header .month {
    padding: 0;
    margin: 0;
font-size: 1.5rem;}
  .calendar table {
    width: 100%;
      margin-top: 20px;
    border-spacing: 0px; }
  .calendar thead {
    font-size: 1.2em;
    font-weight: 600; }
  .calendar td {
}
  .calendar .day {
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 1.9em;
    border-radius: 50%;
    border: 2px solid transparent; }
  .calendar .day:hover {
    border: 2px solid #6691CC; }
  .calendar .day.today {
    background: #6691CC;
    color: white; }
  .calendar .day.wrong-month {
    color: #CBD1D2; }
  .calendar .day.wrong-month:hover {
    border: 2px solid transparent; }
  .calendar .event-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #545A5C; }
  .calendar .filler {
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #545A5C;
    transform: translate(-50%, -50%); }



span.fc-tipo-accion {
    width: 14px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 2px;
}

.post-fb {
    background-color: var(--color-fb);
}

.post-ig {
    background-color: var(--color-ig);
}

.macro-influencer {
    background-color: var(--color-influencer-macro);
}

.micro-influencer {
    background-color: var(--color-influencer-micro);
}

.stories-ig {
    background-color: var(--color-stories-ig);
}

.leyenda .color-leyenda {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

.leyenda .color {
    padding: .5em 1em;
}

table.dataTable tr.shown + tr {
    background-color: #f5f5f5;
}

table.dataTable tr.shown + tr:hover {
    background-color: #f3f3f3 !important;
}

.btn-icon {
    width: 33.5px;
}

.stats_medio_card {
    text-align: center;
    padding: 1.5rem;
    background: var(--color-azul-roc);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
}

.stats_medio_card h1 {
    font-weight: 600;
    margin-bottom: 0;
}
  

.info_medios_nombre {
    width: 180px;
}

.contenedor_foto_nav {
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 2px solid var(--color-dorado-roc);
}