@charset "UTF-8";
.tabs-container{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:flex-start;
border:none;
width:100%;
}
/* SIDE 0 */
.side-0{
/*display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
padding:0px;
margin:0px 0px 15px 0px;
width:100%;
height:auto;*/
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
align-items:center;
padding:0px;
margin:0px 0px 10px 0px;
width:100%;
height:45px;
position:sticky;
top:55px;
z-index:1000;
background:#f0f2f5;
}
.side-0 section{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
}
.side-0 section:first-child{
justify-content:flex-start;
flex-basis:30%;
overflow:hidden;
}
.side-0 section:last-child{
justify-content:flex-end;
flex-basis:70%;
margin-left:15px;
}
.side-0 section:first-child a.btn{
width:30px;
color:#4B4F56;
margin-right:5px;
border:none;
border-radius:50%!important;
background:transparent;
}
.side-0 section:first-child a.btn:hover{
background:#E5E5E5!important;
color:#4B4F56!important;
}
.side-0 section:first-child h1{
display:inline-block;
font-size:22px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
font-weight:400;
color:#181a55;
}
.side-0 section:last-child nav{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-end;
height:30px;
width:auto;
}
.side-0 .btn-blue{
min-width:120px;
}
.side-0 section:last-child .search{
position:relative;
margin:0px 15px 0px 0px;
width:100%;
max-width:250px;
}
.side-0 section:last-child .search input{
background:transparent;
height:25px!important;
min-height:25px!important;
font-size:10px!important;
padding:0px 25px 0px 10px!important;
border-radius:30px!important;
border:1px solid #79fef3;
}
.side-0 section:last-child .search .search-btn{
position:absolute;
top:3.5px;
right:5px;
padding:3px 5px;
border-radius:50%;
}
.side-0 section:last-child .search .search-btn:hover{
background:#E5E5E5;
color:#444444;
}
.side-0 section:last-child .search .search-btn i{
color:#90949C;
}
/* SIDE 0 */
/* SIDE 1 */
.side-1{
position:sticky;
position:-webkit-sticky;
top:110px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-content:flex-start;
flex-basis:20%;
width:20%;
min-width:200px;
}
.side-1 .ibox{
padding:15px 0px;
border-radius:20px;
overflow:visible;
}
.side-1 .delete {
position:absolute;
bottom:-210px;
left:0px;
}
.side-1 .profile{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
padding:0px 15px;
width:100%;
height:100%;
}
/* SLIDER */
.side-1 .profile .slider-wrapper{
position:relative;
width:100%;
overflow:hidden;
margin:0px 0px 10px 0px;
border-radius:15px;
}
.side-1 .profile .slider-wrapper ul.slider{
position: relative;
width:100%;
height:216px;
border:1px #E5E5E5 solid;
border-radius:15px;
overflow:hidden;
}
.side-1 .profile .slider-wrapper ul.slider li {
position:absolute;
left:0px;
top:0px;
opacity:0;
width:100%;
height:100%;
transition:opacity .5s;
background:#fff;
}
.side-1 .profile .slider-wrapper ul.slider li img{
width:100%;
height:100%;
object-fit:cover;
}
.side-1 .profile .slider-wrapper ul.slider li:first-child {
opacity:1; /*Mostramos el primer */
}
.side-1 .profile .slider-wrapper ul.slider li:target {
opacity:1; /*Mostramos el del enlace que pulsemos*/
}
.side-1 .profile .slider-wrapper .slider-menu{
display:block;
text-align:center;
position:absolute;
bottom:10px;
left:0px;
width:100%;
}
.side-1 .profile .slider-wrapper .slider-menu li{
display:inline-block;
text-align:center;
}
.side-1 .profile .slider-wrapper .slider-menu li a{
display:inline-block;
color:white;
text-decoration:none;
background-color:grey;
width:10px;
height:10px;
border-radius:100%;
}
/* SLIDER */
.side-1 .profile .opportunity-content{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-content:center;
width:100%;
height:100%;
margin:15px 0px 0px 0px;
}
.side-1 .profile .opportunity-content .opportunity-status{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-content:center;
width:100%;
border-radius:15px;
overflow:hidden;
padding:10px 15px;
margin:0px 0px 10px 0px;
box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
}
.side-1 .profile .opportunity-content .opportunity-status p{
text-transform:uppercase;
font-size:12px;
font-weight:500;
text-align:center;
}
.side-1 .profile .opportunity-content .opportunity-status small{
width:100%;
text-align:center;
margin-top:2px;
}
.side-1 .profile .opportunity-content .opportunity-qualification{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-content:center;
text-align:center;
width:100%;
margin:0px 0px 10px 0px;
overflow:hidden;
}
.side-1 .profile .opportunity-content .opportunity-qualification p{
font-size:14px;
}
.side-1 .profile .opportunity-content .opportunity-qualification p i{
color:#ffe100;
-webkit-text-fill-color: #ffe100;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #f89a1f;
}
.side-1 .profile .opportunity-content .opportunity-qualification p span{
margin-left:5px;
}
.side-1 .profile .opportunity-content .opportunity-contacto{
width:100%;
margin:0px 0px 5px 0px;
overflow:hidden;
}
.side-1 .profile .opportunity-content .opportunity-contacto:last-child{
margin:0px;
}
.side-1 .profile .opportunity-content .opportunity-contacto a{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-content:center;
width:100%;
height:100%;
overflow:hidden;
padding:5px;
border-radius:3px;
border:#E5E5E5 solid 1px
}
.side-1 .profile .opportunity-content .opportunity-contacto.contacto a{
border-color:#4285f4;
}
.side-1 .profile .opportunity-content .opportunity-contacto a:hover{
text-decoration:none;
opacity:0.75;
background:#F1F3F4;
}
.side-1 .profile .opportunity-content .opportunity-contacto a img{
width:32px;
height:32px;
border:2px #e5e5e5 solid;
border-radius:50%;
}
.side-1 .profile .opportunity-content .opportunity-contacto a p{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-content:flex-start;
width:auto;
margin-left:5px;
font-size:14px;
line-height:14px;
width:100%;
}
.side-1 .profile .opportunity-content .opportunity-contacto a p span{
width:100%;
font-size:12px;
color:#90949C;
width:1005;
}
.side-1 .profile .profile-pic{
width:100%;
margin:0px 0px 10px 0px;
}
.side-1 .profile .profile-pic img {
display:flex;
width:110px;
height:110px;
border-radius:50%;
border:5px #E5E5E5 solid;
}
.side-1 .profile .product-pic img {
display:flex;
width:75%;
height:auto;
border-radius:0%;
border:5px #E5E5E5 solid;
}
.side-1 .profile .business-type{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-content:center;
width:100%;
height:100%;
margin:0px 0px 10px 0px;
overflow:hidden;
}
.side-1 .profile .business-type label{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-content:center;
height:100%;
font-size:10px;
font-weight:600;
padding:5px 10px;
margin:0px 5px 5px 0px;
border-radius:30px;
text-transform:uppercase;
box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
}
.side-1 .profile .business-type label:last-child{
margin-right:0px;
}
.side-1 .profile .profile-desc{
width:100%;
margin:0px 0px 15px 0px;
}
.side-1 .profile .profile-desc ul{
display:flex;
flex-wrap:wrap;
width:100%;
}
.side-1 .profile .profile-desc ul li{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
width:100%;
margin:0px 0px 5px 0px;
}
.side-1 .profile .profile-desc ul li:last-child{
margin:0px;
}
.side-1 .profile .profile-desc ul li h3{
font-size:18px;
text-overflow:ellipsis;
white-space:normal;
overflow:hidden;
}
.side-1 .profile .profile-desc ul li a{
text-overflow:ellipsis;
white-space:normal;
overflow:hidden;
}
.side-1 .profile .profile-desc ul li label,
.side-1 .profile .profile-desc ul li span{
font-size:12px;
line-height:normal;
font-weight:500;
color:#90949C;
margin:0px;
padding:0px;
}
.side-1 .profile .profile-desc ul li label{
margin-right:5px;
}
.side-1 .profile .profile-desc ul li span{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.side-1 h1{
width:100%;
margin:0px 0px 5px 0px;
font-size:20px;
font-weight:400;
color:#181a55;
}
.side-1 .profile .profile-desc .social-btn{
margin-top:10px;
justify-content:flex-start;
}
.side-1 .profile .profile-desc .social-btn .btn-group .btn{
border:none!important;
padding:5px;
}
.side-1 .ibox .draganddrop{
display:flex;
flex-wrap:wrap;
width:100%;
padding:0px 15px;
}
.side-1 .ibox .draganddrop > div:first-child{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
width:100%;
padding:15px;
border:1px dashed #0389FF;
}
.side-1 .ibox .draganddrop > div:first-child > input{
width:100%;
margin-bottom:15px;
}
.side-1 .ibox .draganddrop > div:first-child p{
font-size:10px;
font-weight:600;
margin-bottom:2px;
}
.side-1 .ibox .draganddrop > div:first-child span{
font-style:italic;
font-size:10px;
}
.side-1 .ibox .draganddrop > div:last-child{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
width:100%;
margin-top:5px;
border-radius:10px;
overflow:hidden;
}
.side-1 .ibox .draganddrop > div:last-child div{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:50px;
height:50px;
}
.side-1 .ibox .draganddrop > div:last-child div img{
width:100%;
height:100%;
border:#E5E5E5 solid 2px;
}
.side-1 .ibox .draganddrop > div:last-child div a{
position:absolute;
top:2px;
right:4px;
font-size:10px;
color:#FFFFFF;
}
.side-1 .ibox .draganddrop > div:last-child div a:hover{
opacity:0.75;
}
.side-1 .ibox .ibox-heading{
display:none;
visibility:hidden;
}
.side-1 form{
display:flex;
flex-wrap:wrap;
width:100%;
padding:0px 15px;
}
.side-1 form .remove{
margin-top:15px;
width:100%;
font-size:10px;
color:#f9424b;
}
.side-1 form nav.selectedfilters{
display:flex;
flex-wrap:wrap;
margin:0px 0px 15px 0px;
}
.side-1 form nav.selectedfilters span{
padding:3px 7px;
background:#E5E5E5;
border-radius:10px;
margin:5px 5px 0px 0px;
}
.side-1 form nav.selectedfilters span a.close{
color:#4B4F56;
font-size:9px;
}
.side-1 form .btn{
margin:15px 0px 0px 0px;
}
.side-1 .dropzone{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:flex-start;
width:100%;
height:auto;
margin:0px;
border:none;
background:#FFFFFF;
padding:0px 15px;
}
/* Selectores de secciones del menú lateral*/
.side-1 ul.nav-tabs{
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
}
.side-1 ul.nav-tabs > li{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
float:none;
width:100%;
}
.side-1 ul.nav-tabs > li.active{
position:relative;
}
.side-1 ul.nav-tabs > li.active:after{
content:'';
width:0px;
height:0px;
position:absolute;
top:0px;
right:-15px;
border-top:16px solid transparent;
border-left:15px solid #dce1e9;
border-bottom:16px solid transparent;
z-index:2;
}
.side-1 ul.nav-tabs > li:hover{
background:#F1F3F4;
}
.side-1 ul.nav-tabs > li > a{
width:100%;
font-size:12px;
color:#1c1a54;
font-weight:500;
padding:8px 15px;
}
.side-1 ul.nav-tabs > li.active > a{
color:#1c1a54;
box-shadow:inset 4px 0 0 0 #dce1e9;
background:#dce1e9;
}
.side-1 ul.nav-tabs > li.active > a:hover{
opacity:0.75;
}
.side-1 ul.nav-tabs > li.required a,
.side-1 ul.nav-tabs > li.active.required a{
background:rgb(197,57,41,0.1)!important;
color:#c53929!important;
box-shadow:none;
}
.side-1 ul.nav-tabs > li.active.required:after{
border-left:15px solid rgb(197,57,41,0.1)!important;
}
@media (max-width: 768px) {
.side-1 div.ibox{
padding-bottom:0px
}
.side-1 .profile .opportunity-content .opportunity-source h1{
width:100%;
text-align:center;
}
.side-1 .ibox.border-bottom{
padding-bottom:0px;
}
.side-1 .ibox.border-bottom .ibox-heading{
margin-bottom:0px;
}
.side-1 .ibox .ibox-heading{
display:flex;
visibility:visible;
flex-direction:row;
flex-wrap:nowrap;
width:100%;
height:100%;
justify-content:space-between;
align-items:center;
border-bottom:none;
margin-top:-15px;
margin-bottom:0px;
padding:15px;
outline:none;
box-shadow:none;
background:#FFFFFF!important;
}
.side-1 .ibox .ibox-heading p i:first-child{
display:none;
visibility:hidden;
}
.side-1 .ibox.border-bottom .ibox-heading{
margin-bottom:15px;
}
.side-1 .ibox .ibox-heading:hover{
background:inherit;
}
.side-1 .ibox .ibox-heading p{
font-size:1.2em;
font-weight:normal;
}
.side-1 .ibox .ibox-content{
display:none;
}
.side-1 form{
padding-bottom:15px;
}
}
/* SIDE 1 */
/* IBOX */
.ibox{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:100%;
margin:0 0 15px 0;
border:1px solid #DFDFDF;
background-color:#FFFFFF;
box-shadow:0 1px 2px rgb(0 0 0 / 20%);
border-radius:20px;
overflow:hidden;
}
.ibox.ibox-sm{
width:calc(50% - 7.5px);
margin-right:15px;
}
.ibox.ibox-sm:last-child{
margin-right:0px;
}
.ibox.collapse-link{
cursor:pointer;
}
.ibox.collapsed .ibox-content{
display:none;
}
.ibox.collapsed .fa.fa-chevron-up:before{
content: "\f078";
}
.ibox.collapsed .fa.fa-chevron-down:before{
content: "\f077";
}
/* Fin Ibox */
/* Comienzo Reglas de Email */
.rules-wrapper .ibox:last-child{
margin-bottom:0px;
}
.rules-wrapper .info-group{
border-bottom:1px #e5e5e5 solid!important;
}
/* Fin Reglas de Email */
/* Comienzo Ibox Heading */
.ibox .ibox-heading {
display:flex;
flex-wrap:nowrap;
justify-content:space-between;
align-items:center;
padding:10px 15px;
width:100%;
border-radius:20px 20px 0px 0px;
cursor:pointer;
}
.side-2 .ibox .ibox-heading{
border-radius:20px 20px 0px 0px;
}
.side-2 .ibox.collapsed .ibox-heading{
border-radius:20px;
}
.ibox .ibox-heading:hover{
background:#F1F3F4;
}
.ibox.border-bottom .ibox-heading:hover{
overflow:hidden;
border-radius:20px;
}
.side-2 .ibox.collapsed.border-bottom .ibox-heading{
border-radius:20px 20px 0px 0px;
}
.ibox .ibox-heading div:first-child{
width:75%;
}
.ibox .ibox-heading div.ibox-tools{
display:flex;
flex-wrap:nowrap;
justify-content:flex-end;
align-items:center;
width:25%;
}
.ibox .ibox-heading div.ibox-tools .btn-group{
justify-content:flex-end;
}
.ibox .ibox-heading div.ibox-tools a{
color:#4b4f56;
}
.ibox .ibox-heading div p{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
align-items:center;
margin:0px;
padding:0px;
font-size:12px;
font-weight:500;
color:#444;
}
.ibox.required{
border:solid 1px rgb(197,57,41)!important;
}
.ibox.required .ibox-heading{
background:rgb(197,57,41,0.1)!important
}
.ibox.required .ibox-heading p{
color:#c53929!important;
}
/* Fin Ibox Heading */
/* Comienzo Ibox Content */
.ibox .ibox-content {
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:flex-start;
width:100%;
padding:15px;
}
.ibox.table-wrapper,
.ibox.table-wrapper .ibox-content{
padding:0px!important;
}
.ibox.products-wrapper,
.ibox.products-wrapper .ibox-content{
padding:0px!important;
border:none!important;
background:transparent!important;
box-shadow:none!important;
}
.side-1 .ibox .ibox-content{
padding:0px;
}
.ibox .ibox-content .table-group{
width:100%;
}
.ibox .ibox-content > div.row{
display:flex;
flex-wrap:wrap;
flex-direction:row;
width:100%;
align-items:flex-start;
overflow:visible;
}
.ibox div.detail{
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:65%;
height:auto;
justify-content:flex-start;
align-items:flex-start;
margin-right:10%;
}
.ibox div.detail header{
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
height:auto;
justify-content:flex-start;
align-items:flex-start;
}
.ibox div.detail header p{
font-size:13px;
margin-top:5px;
width:85%;
}
.ibox div.detail div.line-chart{
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
height:auto;
justify-content:flex-start;
align-items:flex-start;
margin:15px 0px 0px 0px;
}
.ibox div.detail div.line-chart .line{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
height:20px;
justify-content:flex-start;
align-items:flex-start;
background:#E5E5E5;
overflow:hidden;
}
.ibox div.detail div.line-chart .line .line-active{
position:absolute;
top:0px;
left:0px;
height:20px;
background:#1a73e8;
}
.ibox div.detail div.line-chart span{
width:100%;
color:#90949C;
font-size:12px;
font-weight:400;
margin-top:5px;
}
.ibox div.budget{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:space-between;
align-items:flex-end;
width:25%;
height:auto;
}
.ibox div.budget .budget-detail{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:flex-end;
align-items:flex-start;
width:100%;
height:auto;
}
.ibox div.budget .budget-detail p{
font-size:32px;
width:100%;
margin:0px;
text-align:right;
}
.ibox div.budget .budget-detail span{
width:100%;
color:#90949C;
font-size:12px;
font-weight:400;
text-align:right
}
.ibox div.budget .btn-wrapper{
margin-top:15px;
}
.ibox div.budget .btn-group,
.ibox div.budget .btn-group .btn{
width:100%;
}
.ibox div.budget .btn-group{
flex-wrap:wrap;
}
.ibox div.budget .btn-group .btn{
margin-top:5px;
}
.ibox div.budget .btn-group .btn:first-child{
margin:0px;
}
.ibox div.detail-pagos{
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
height:auto;
justify-content:flex-start;
align-items:flex-start;
}
.ibox div.detail-pagos header{
margin-bottom:15px;
width:100%;
}
.ibox div.detail-pagos .detail-pagos-pago{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
width:100%;
height:auto;
justify-content:space-between;
align-items:flex-start;
border-top:#D5D5D5 solid 1px;
border-bottom:#D5D5D5 solid 1px;
padding:15px 0px;
}
.ibox div.detail-pagos > p{
width:75%;
margin-top:15px;
}
.ibox div.detail-pagos .detail-pagos-pago li{
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:auto;
height:35px;
margin:0px 15px;
justify-content:flex-start;
align-items:center;
position:relative;
}
.ibox div.detail-pagos .detail-pagos-pago li label{
position:absolute;
top:0px;
left:0px;
color:#90949C;
font-size:8px;
width:100%;
text-align:center;
}
.ibox div.detail-pagos .detail-pagos-pago li:first-child{
margin-left:0px;
}
.ibox div.detail-pagos .detail-pagos-pago li:nth-child(3n){
justify-content:flex-end;
text-align:right;
}
.ibox div.detail-pagos .detail-pagos-pago li:last-child{
margin-right:0px;
}
.ibox div.detail-pagos .detail-pagos-pago li:last-child .btn-blue{
width:100px!important;
}
.ibox div.detail-pagos .detail-pagos-pago li p{
width:100%;
font-size:14px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.ibox div.detail-pagos .detail-pagos-pago li span{
font-size:12px;
font-weight:400;
color:#90949C;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.ibox div.detail-pagos .detail-pagos-pago li .btn-circle{
transition:none!important;
width:25px!important;
height:25px!important;
}
.ibox div.detail-pagos .detail-pagos-pago li .btn-circle i{
font-size:8px;
}
.ibox div.detail-pagos .detail-pagos-pago li input{
width:auto;
max-width:100px;
margin:0px 5px;
padding:5px 0px 0px 0px;
text-align:center;
}
.ibox div.detail-pagos .table-responsive{
min-height:auto;
}
.ibox header h2{
font-size:18px;
font-weight:bold;
width:100%;
}
.medios-pago{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
align-items:flex-start;
width:100%;
height:auto;
}
.medios-pago .medios-pago-pic{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:25%;
height:auto;
padding:15px;
border:#D5D5D5 solid 1px;
border-radius:3px;
}
.medios-pago .medios-pago-pic img{
width:100%;
}
.medios-pago .medios-pago-detail{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
width:75%;
height:auto;
padding:0px 0px 0px 15px;
}
.medios-pago .medios-pago-detail p{
font-size:14px;
font-weight:bold;
width:100%;
}
.medios-pago .medios-pago-detail span{
width:100%;
font-size:12px;
color:#90949C;
margin-top:5px;
}
@media (max-width: 768px){
.ibox div.detail{
width:100%;
margin:0px;
}
.ibox div.budget{
width:100%;
margin:0px;
}
.ibox div.budget .budget-detail{
justify-content:flex-start;
margin:25px 0px 15px 0px;
}
.ibox div.budget .budget-detail p,
.ibox div.budget .budget-detail span{
text-align:left;
}
.ibox.ibox-sm{
width:100%;
margin-right:0px;
}
}
@media (max-width: 991px){
.ibox div.detail-pagos .detail-pagos-pago{
flex-wrap:wrap;
padding-bottom:0px;
border-bottom:none;
}
.ibox div.detail-pagos .detail-pagos-pago li{
width:50%;
margin:0px 0px 15px 0px;
}
.ibox div.detail-pagos .detail-pagos-pago li:nth-child(2n){
justify-content:center;
}
.ibox div.detail-pagos .detail-pagos-pago li:nth-child(3n){
margin-top:15px;
width:100%;
border-top:#D5D5D5 solid 1px;
padding-top:15px;
height:auto;
}
.ibox div.detail-pagos .detail-pagos-pago li:nth-child(3n) p{
font-size:24px;
}
.ibox div.detail-pagos .detail-pagos-pago li:last-child,
.ibox div.detail-pagos .detail-pagos-pago li:last-child .btn-wrapper,
.ibox div.detail-pagos .detail-pagos-pago li:last-child .btn-group{
justify-content:flex-end;
width:100%;
text-align:right;
}
.ibox div.detail-pagos > p{
width:100%;
}
}
/* Fin Ibox Content */
/* Comienzo Ibox Footer */
.ibox-content-footer{
display:flex;
justify-content:center;
color:inherit;
width:100%;
background:#F5F5F5;
padding:10px 15px;
font-size:10px;
}
.ibox-content-footer > a{
color:#f9424b!important;
font-weight:500;
}
.ibox-content-footer > a:hover{
text-decoration:underline!important;
}
.ibox-footer{
display:flex;
justify-content:center;
color: inherit;
border-top:1px solid #D5D5D5;
width:100%;
background:#F5F5F5;
padding:10px 15px;
border-radius:0px 0px 20px 20px;
}
.ibox-footer .btn-wrapper,
.ibox-footer .btn-group{
justify-content:flex-end;
}
.ibox-footer .btn-wrapper:first-child{
justify-content:flex-start;
}
.ibox-footer .btn-wrapper:only-child{
justify-content: flex-end;
}
.ibox-footer a{
margin-right:5px;
}
.ibox-footer .btn-wrapper .btn-group .btn.inactive{
background:#E5E5E5!important;
border:#444444 solid 1px!important;
color:#444444!important;
}
/* Fin Ibox Footer */
/* IBOX */
.attachements{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
padding:0px;
margin:15px 0px 0px 0px;
}
.attachements li{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:auto;
max-width:160px;
font-size:12px;
color:#4B4F56;
white-space:nowrap;
text-overflow:ellipsis;
margin:0px 5px 5px 0px;
padding:5px 20px 5px 10px;
background:#E5E5E5;
border-radius:30px;
}
.attachements li:last-child{
margin:0px;
}
.attachements li:hover{
opacity:0.75;
cursor:pointer;
}
.attachements li a{
width:100%;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
color:#4B4F56;
font-size:10px;
}
.attachements li i{
margin-right:5px;
font-size:9px;
}
.attachements li a.close{
position:absolute;
width:auto;
font-size:7px;
color:#4B4F56;
top:7px;
right:5px;
opacity:1;
}
.attachements li a.close i{
color:#4B4F56;
}
.ibox .attachements-multimedia{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
padding:5px 15px;
margin:0px;
border-left:#4285f4 solid 1px;
border-right:#4285f4 solid 1px;
}
.ibox .attachements-multimedia li{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:20%;
padding:0px;
}
.ibox .attachements-multimedia li a{
overflow:hidden;
position:absolute;
height:;
top:10px;
right:10px;
color:#FFFFFF;
}
.ibox .attachements-multimedia li img{
width:100%;
height:100%;
}
/* SIDE 2 */
.side-2{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
padding:0px 15px;
flex-basis:50%;
width:50%;
}
.side-2.steps{
margin-left:50px;
}
.side-2.steps .ibox.step:before{
position:absolute;
top:5px;
left:-45px;
width:30px;
height:30px;
border-radius:50%;
background:#E5E5E5;
content:'';
display:flex;
justify-content:center;
align-items:center;
padding:5px;
font-size:18px;
font-weight:bold;
z-index:1;
color:#444444;
}
.side-2.steps .ibox.step.active:before{
background:#1a73e8!important;
color:#FFFFFF!important;
}
.side-2.steps .ibox.step.step-1:before{
content:"1";
}
.side-2.steps .ibox.step.step-2:before{
content:"2";
}
.side-2.steps .ibox.step.step-3:before{
content:"3";
}
.side-2.steps .ibox.step.step-4:before{
content:"4";
}
.side-2.steps .ibox.step.step-5:before{
content:"5";
}
.side-2 .dropdown-menu{
top:35px;
left:0px;
}
.side-2 .tab-pane,
.side-2 .tab-content,
.side-3 .tab-pane,
.side-3 .tab-content{
width:100%;
}
.side-2 .tab-content .panel-body{
padding:0px 0px 15px 0px;
}
.side-2 h6{
width:90%;
float:left;
font-size:20px;
font-weight:700;
color:#4B4F56;
}
.side-2 .ibox .ibox-content > div.row hr{
border:#E5E5E5 dashed 1px;
width:100%;
margin-bottom:15px;
}
.side-2 .ibox .ibox-content > div.row .info-group-lg .label img{
height:25px;
border-radius:50%;
margin-right:5px;
}
.info-group p,
.side-3 .info-group p{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
width:100%;
font-size:12px;
font-weight:500;
line-height:18px;
min-height:35px;
color:#1c1a54;
padding:0px 15px 0px 0px;
}
.info-group p.title{
max-width:90%;
font-size:21px!important;
line-height:26px!important;
font-weight:400!important;
min-height:45px!important;
}
.info-group p.subtitle{
max-width:90%;
font-size:18px!important;
font-weight:400;
line-height:20px!important;
}
.info-group-wrapper {
width:100%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
padding:15px 10px 0px 10px;
border-radius:10px;
background:#FAFAFA;
border:#e5e5e5 solid 1px;
margin-bottom:15px;
}
.info-group p a{
color:#f9424b;
}
.side-2 .info-group p span,
.side-2 .info-group p a,
.side-3 .info-group p span,
.side-3 .info-group p a{
width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
p.empty:before{
content:'Vacío'!important;
font-size:14px;
display:block;
color:#90949C;
opacity:0.75;
}
.side-2 .info-group div.img,
.side-3 .info-group div.img{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:flex-start;
justify-content:flex-start;
width:100%;
height:100%;
margin:0px;
padding:0px;
overflow:hidden;
}
.side-2 .info-group div.img figcaption,
.side-3 .info-group div.img figcaption{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
justify-content:flex-start;
width:24%;
height:auto;
margin-top:15px;
margin-right:1%;
position:relative;
}
.side-2 .info-group div.img figcaption input.check,
.side-3 .info-group div.img figcaption input.check{
position:absolute;
top:5px;
right:0px;
}
.side-2 .info-group div.img figcaption img,
.side-3 .info-group div.img figcaption img{
width:100%;
border:#E5E5E5 solid 2px;
}
.side-2 .info-group p span > a,
.side-3 .info-group p span > a{
font-size:10px;
margin-left:5px;
}
.side-2 .info-group span img,
.side-3 .info-group span img{
width:75px;
max-height:25px;
}
.side-2 .info-group.info-group-lg,
.side-3 .info-group.info-group-lg{
width:100%;
display:block;
padding:0px!important;
}
.side-2 .info-group.info-group-lg .pic,
.side-3 .info-group.info-group-lg .pic{
position:relative;
display:inline-block;
width:auto;
}
.side-2 .info-group.info-group-lg .pic img,
.side-3 .info-group.info-group-lg .pic img{
width:100px;
height:100px;
border:#E5E5E5 solid 2px;
}
.side-2 .info-group.info-group-lg .pic a.close,
.side-3 .info-group.info-group-lg .pic a.close{
position:absolute;
top:5px;
right:5px;
}
.side-2 .info-group.info-group-lg .pic a.close i,
.side-3 .info-group.info-group-lg .pic a.close i{
color:#FFFFFF;
}
.side-2 .info-group.info-group-lg span,
.side-3 .info-group.info-group-lg span{
width:100%;
display:block;
white-space:normal;
overflow:visible;
}
.side-2 .info-group.info-group-lg span a,
.side-3 .info-group.info-group-lg span a{
white-space:normal;
overflow:visible;
}
/* Comienzo campos de edición */
.side-2 .ibox .ibox-content > div.row:before{
display:none;
}
.side-2 .ibox .ibox-content > div.row header{
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:center;
justify-content:flex-start;
width:100%;
border-top:#E5E5E5 dashed 1px;
border-bottom:#E5E5E5 dashed 1px;
}
.side-2 .ibox .ibox-content > div.row header .form-group{
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:center;
justify-content:flex-start;
width:auto;
margin:15px 15px 15px 1px;
}
.side-2 .ibox .ibox-content > div.row header .form-group:last-child{
margin-right:0px;
}
.side-2 .ibox .ibox-content > div.row header .form-group label{
width:auto;
}
.side-2 .ibox .ibox-content > div.row footer{
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:center;
justify-content:flex-end;
width:100%;
border-top:#E5E5E5 dashed 1px;
border-bottom:#E5E5E5 dashed 1px;
margin-top:15px;
padding:5px 0px;
}
.side-2 .ibox .ibox-content > div.row footer a{
margin-left:15px;
}
.input-group{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:flex-start;
align-items:flex-end;
width:100%;
min-height:35px!important;
border:none;
}
/* THUMBNAILS */
.thumbnails{
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:auto;
}
.thumbnails .thumbnail{
position:relative;
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:center;
align-items:center;
width:calc(25% - 7.5px);
height:auto;
margin:0px 10px 10px 0px;
border:1px solid #e5e5e5;
border-radius:10px;
overflow:hidden;
}
.thumbnails .thumbnail:nth-child(4n){
margin-right:0px;
}
.thumbnails .thumbnail img{
width:100%;
height:130px;
}
.thumbnails .thumbnail figcaption{
position:absolute;
bottom:0px;
left:0px;
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
width:100%;
height:25px;
padding:3px 5px;
border-radius:0px;
background:#d2e3fc;
box-shadow:0 2px 4px rgba(33,33,33,.04);
}
.thumbnails .thumbnail figcaption p{
width:100%;
font-size:10px;
color:#1a73e8;
font-weight:600;
text-align:center;
text-transform:uppercase;
}
.thumbnails .thumbnail a.close{
position:absolute;
top:5px;
right:5px;
font-size:10px;
color:rgba(24,26,85,.5);
background-color:#dce1e9;
padding:3px 5px;
border-radius:50%;
}
.thumbnails .thumbnail a.close:hover{
background:rgb(0,0,0,0.5);
}
/* THUMBNAILS */
/* Fin campos de edición */
/* FEED */
.feed-wrapper{
box-shadow:none;
background:#f0f2f5;
border:none;
}
.feed-wrapper .ibox-content{
padding:0px;
}
.feed-wrapper .feed-activity-list{
width:100%;
}
.feed-wrapper .feed-menu{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
margin:0px 0px 10px 0px;
border-radius:20px;
box-shadow:none;
}
.feed-wrapper .feed-menu .media-left{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:85px;
padding-left:15px;
}
.feed-wrapper .feed-menu .media-left img{
width:70px;
height:70px;
border-radius:50%;
border:2px #DFDFDF solid;
}
.feed-wrapper .feed-menu .media-body{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
width:calc(100% - 85px);
overflow:visible;
}
.feed-wrapper .feed-menu .media-body .feed-menu-fields{
width:100%;
padding:15px;
height:100%;
background:#FFFFFF;
border-top:#DFDFDF solid 1px;
border-left:#DFDFDF solid 1px;
border-right:#DFDFDF solid 1px;
border-top-left-radius:20px;
}
.feed-wrapper .feed-menu .media-body .feed-menu-fields .img{
position:relative;
width:150px;
}
.feed-wrapper .feed-menu .media-body .feed-menu-fields .img img{
width:150px;
border-radius:10px;
}
.feed-wrapper .feed-menu .media-body .feed-menu-fields .img iframe{
width:150px;
height:85px;
}
.feed-wrapper .feed-menu .media-body .feed-menu-fields .img .close{
position:absolute;
top:5px;
right:5px;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:15px;
height:15px;
border-radius:50%;
background:#E5E5E5;
}
.feed-wrapper .feed-menu .media-body .feed-menu-fields .img .close i{
color:#4B4F56;
font-size:8px;
}
.feed-wrapper .feed-menu .media-body .feed-menu-fields textarea{
font-size:13px!important;
width:100%;
min-height:20px;
height:20px;
padding:0px;
color:#1c1a54;
border:none;
resize:none;
border-radius:0px;
-webkit-transition:height .5s ease, font-size .5s ease!important;
-moz-transition:height .5s ease, font-size .5s ease!important;
-o-transition:height .5s ease, font-size .5s ease!important;
transition:height .5s ease, font-size .5s ease!important;
}
.feed-wrapper .feed-menu .media-body .feed-menu-fields textarea:hover,
.feed-wrapper .feed-menu .media-body .feed-menu-fields textarea:focus,
.feed-wrapper .feed-menu .media-body .feed-menu-fields textarea:active{
height:75px;
font-size:16px!important;
}
.feed-wrapper .feed-menu .media-body .feed-menu-fields textarea:focus,
.feed-wrapper .feed-menu .media-body .feed-menu-fields textarea:active{
font-size:16px;
}
.feed-wrapper .feed-menu .media-body .feed-menu-fields textarea::-webkit-scrollbar-track,
.feed-wrapper .feed-menu .media-body .feed-menu-fields textarea::-webkit-scrollbar-thumb,
.feed-wrapper .feed-menu .media-body .feed-menu-fields textarea::-webkit-scrollbar{
display:none;
visibility:hidden;
}
.feed-wrapper .feed-menu .media-body .feed-menu-count{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
padding:0px 15px 10px 15px;
width:100%;
background:#FFFFFF;
border-left:#DFDFDF solid 1px;
border-right:#DFDFDF solid 1px;
}
.feed-wrapper .feed-menu .media-body .feed-menu-count span{
color:#90949C;
font-size:8px;
margin-right:15px;
}
.feed-wrapper .feed-menu .media-body .feed-menu-count span:last-child{
margin:0px;
}
.feed-wrapper .feed-menu .media-body .feed-menu-fields:before{
content:"";
position:absolute;
top:1px;
right:67px;
border-right:26px solid transparent;
border-top: 24px solid #fff;
z-index:2;
}
.feed-wrapper .feed-menu .media-body .feed-menu-fields:before{
right:-25px;
}
.feed-wrapper .feed-menu .media-body .feed-menu-fields:after{
content:"";
position:absolute;
top:0px;
right:64px;
border-right: 27px solid transparent;
border-top: 26px solid #DFDFDF;
z-index:1;
}
.feed-wrapper .feed-menu .media-body .feed-menu-fields:after{
right:-27px;
}
.feed-wrapper .feed-menu .media-body .feed-menu-btn{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
flex-basis:100%;
justify-content:space-between;
align-items:center;
background:#dce1e9;
padding:10px 15px 10px 15px;
border-bottom:#DFDFDF solid 1px;
border-left:#DFDFDF solid 1px;
border-right:#DFDFDF solid 1px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
box-shadow:0 1px 2px rgb(0 0 0 / 20%);
}
.feed-wrapper .feed-menu .media-body .feed-menu-btn .btn-wrapper,
.feed-wrapper .feed-menu .media-body .feed-menu-btn .btn-wrapper .btn-group{
width:auto;
}
.feed-wrapper .feed-menu .media-body .feed-menu-btn .btn-wrapper .btn-group .btn-blue{
border-radius:15px!important;
}
.feed-wrapper .feed-menu .media-body .feed-menu-btn .btn-group select.form-control{
position:relative;
border-radius:3px!important;
padding:0px 10px;
font-size:9px!important;
min-height:15px;
border:#E5E5E5 solid 1px;
color:#4B4F56;
border-radius:15px!important;
cursor:pointer;
}
.feed-wrapper .feed-menu .media-body .feed-menu-btn .btn-group .btn.active{
background:#E0E0E0;
box-shadow:none;
}
.feed-wrapper .feed-menu .media-body .feed-menu-btn .btn-wrapper .btn-group .btn-blue #spinner-compartir-feed{
-webkit-animation: rotation 2s infinite linear;
margin-right:0px;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
/* EMAIL
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .email{overflow:visible;}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .email .feed-menu-fields{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
padding:15px;
height:100%;
border-top:#E5E5E5 solid 1px;
border-left:#E5E5E5 solid 1px;
border-right:#E5E5E5 solid 1px;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .email .feed-menu-fields .form-group-lg{
margin:0px 0px 15px 0px;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .email .feed-menu-fields .form-group-lg:last-child{
margin:0px;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .email .feed-menu-fields textarea{
font-size:16px;
width:100%;
min-height:100px;
height:auto;
padding:0px;
color:#000000;
border-bottom:#E5E5E5 solid 1px;
resize:none;
border-radius:0px;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .email .feed-menu-count{
display:flex;
flex-direction:row;
flex-basis:100%;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
padding:0px 15px 15px 15px;
width:100%;
border-left:#E5E5E5 solid 1px;
border-right:#E5E5E5 solid 1px;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .email .feed-menu-count span{
color:#90949C;
font-size:10px;
margin-right:15px;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .email .feed-menu-fields:before{
content:"";
position:absolute;
top:16px;
right:67px;
border-right: 25px solid transparent;
border-top: 25px solid #fff;
z-index:2;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .email .feed-menu-fields:after{
content:"";
position:absolute;
top:15px;
right:64px;
border-right: 27px solid transparent;
border-top: 27px solid #E5E5E5;
z-index:1;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .email .feed-menu-btn{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
flex-basis:100%;
justify-content:space-between;
align-items:center;
background:#F5F5F5;
padding:15px;
border-bottom:#E5E5E5 solid 1px;
border-left:#E5E5E5 solid 1px;
border-right:#E5E5E5 solid 1px;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .email .feed-menu-btn .btn-group .btn.active{
background:#E0E0E0;
box-shadow:none;
}
EMAIL */
.feed{
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
text-align:center;
width:100%;
}
.feed-header{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:space-between;
align-items:center;
width:100%;
height:25px;
margin-top:15px;
overflow:hidden;
border-top:#E5E5E5 solid 1px;
border-bottom:#E5E5E5 solid 1px;
}
.feed-header{
padding:0px 15px;
margin:0px 0px 10px 0px;
background:#FFFFFF;
box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
}
.feed-header div{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:space-between;
align-items:center;
text-align:center;
width:50%;
height:20px;
overflow:hidden;
}
.feed-header div:last-child{
justify-content:flex-end;
position:relative;
width:100%;
}
.feed-header div:last-child:after{
content:'▼';
position:absolute;
top:3px;
right:0px;
z-index:1;
font-size:10px;
cursor:pointer;
color:#90949c;
}
.feed-header div:first-child input,
.feed-header div:last-child select{
width:auto;
height:20px;
min-height:20px;
max-height:20px;
font-size:12px;
background:transparent;
z-index:2;
cursor:pointer;
padding-right:10px;
border:none;
}
.feed-header div:first-child input{
width:120px;
margin:0px;
padding:0px;
color:#90949c;
}
.feed-body{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
text-align:center;
width:100%;
overflow:hidden;
position:relative;
}
.feed-elements{
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
padding:0px;
width:100%;
overflow:hidden;
}
.feed-element{
position:relative;
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
width:100%;
margin-bottom:10px;
padding:15px;
background:#FFFFFF;
border:1px solid #DFDFDF;
border-radius:20px;
overflow:hidden;
box-shadow:0 1px 2px rgb(0 0 0 / 20%);
}
.feed-element .options{
position:absolute;
width:auto;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
top:15px;
right:15px;
z-index:2;
}
.feed-element .options a{
color:#90949C;
border-radius:50%;
padding:3px 6px;
margin-right:5px;
font-size:10px;
border:none;
}
.feed-element .options a:hover{
background:#E5E5E5;
color:#444444;
}
.feed-element .options a.active{
color:#337ab7;
}
.feed-element .options a:last-child{
margin:0px;
}
.feed-element .options a i{
line-height:1.42857143;
}
.feed-element .media-left {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
width:44px;
margin-right:10px;
}
.feed-element .media-left img{
width:40px;
height:40px;
border:#F5F5F5 solid 2px;
border-radius:50%;
}
.feed-element .media-body{
display:flex;
flex-wrap:nowrap;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
width:calc(100% - 54px);
overflow:hidden;
text-align:left;
}
.feed-element .media-body .video{
margin-bottom:5px;
}
.feed-element .media-body .attachements{
margin:5px 0px 15px 0px!important;
}
.feed-element .media-body p a.more{
font-size:14px;
opacity:0.75;
}
.feed-element .media-body p.feed-type{
display:flex;
font-size:14px;
height:auto;
margin:0px;
padding:0px;
}
.feed-element .media-body p.feed-type mark{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
padding:3px 6px;
background:#E5E5E5;
text-transform:uppercase;
color:#4B4F56;
font-size:8px;
border-radius:20px;
text-align:center;
}
.feed-element .media-body p.feed-type mark i{
margin-right:2px;
}
.feed-element .media-body p.feed-intro{
font-size:13px!important;
line-height:18px;
font-weight:500!important;
color:#181a55;
margin-top:4px;
width:85%;
}
.feed-element .media-body p.feed-intro a,
.feed-element .media-body p.feed-intro span{
display:inline;
}
.feed-element .media-body p.feed-intro a{
color:#f9424b;
}
.feed-element .media-body p.feed-date{
height:auto;
font-size:12px!important;
margin:2px 0px 5px 0px;
}
.feed-element .media-body p.feed-date small{
display:block;
color:#90949C;
margin:0px;
font-size:10px;
}
.feed-element .media-body p.feed-post{
display:block;
font-size:19px!important;
width:100%;
margin:0px 0px 15px 0px;
color:#181a55;
}
.feed-element .feed-options{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
height:100%;
padding:5px 0px;
border-top:#DFDFDF solid 1px;
border-bottom:#DFDFDF solid 1px;
}
.feed-element .feed-options li{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:100%;
height:100%;
}
.feed-element .feed-options li a{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
font-size:11px;
font-weight:500;
padding:5px 10px;
color:#606770;
border-radius:3px;
cursor:pointer;
}
.feed-element .feed-options li a:hover{
background:#F1F3F4;
text-decoration:none;
}
.feed-element .feed-options li a.active{
background:rgb(66,133,244,0.1);
color:#337ab7;
}
.feed-element .feed-options li a i{
margin-right:5px;
}
.feed-element figure{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
height:100%;
margin:10px 0px 0px 0px;
position:relative;
overflow:hidden;
}
.feed-element figure > a{
width:100%;
height:100%;
}
.feed-element figure img{
width:100%;
height:100%;
border-radius:15px;
margin-bottom:5px;
}
.feed-element .news-content{
position:absolute;
bottom:20px;
left:15px;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
width:calc(100% - 30px);
height:auto;
padding:0px;
margin:0px;
background:#FFFFFF;
border-radius:10px;
}
.feed-element .news-content .news-text{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
flex-basis:100%;
width:100%;
height:100%;
padding:15px;
}
.feed-element .news-content .news-text h2{
font-size:10px;
line-height:normal;
color:#181a55;
font-weight:400;
}
.feed-element .news-content .news-text h1,
.feed-element .news-content .news-text h1 a{
font-size:13px;
font-weight:600;
line-height:normal;
color:#181a55;
width:100%;
}
.feed-element .news-content .news-text h1{
margin-bottom:5px;
}
.feed-element .news-content .news-text h1 a:hover{
text-decoration:none;
}
.feed-element .news-content .news-text p{
font-size:12px;
line-height:normal;
color:#90949C;
}
.feed-element .news-content .news-channels{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
flex-basis:100%;
width:100%;
height:100%;
border-top:1px #E5E5E5 solid;
padding:15px;
}
.feed-element .news-content .news-channels li{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
color:#4B4F56;
margin-right:5px;
}
.feed-element .news-content .news-channels li:first-child{
margin-right:10px;
color:#90949C;
}
.feed-element .news-content .news-channels li a{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:25px;
height:25px;
padding:5px;
border-radius:50%;
color:#4B4F56;
border:#4B4F56 solid 1px;
}
.feed-element .news-content .news-channels li a:hover,
.feed-element .news-content .news-channels li a:hover i{
text-decoration:none;
background:#1a73e8;
border-color:#1a73e8;
color:#FFFFFF;
}
.feed-element .assignto{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
align-items:center;
width:100%;
height:100%;
min-height:120px;
padding:15px 15px 15px 20px;
margin:0px 0px 10px 0px;
overflow:hidden;
background:#E6EAEF!important;
border-radius:20px;
box-shadow:0 2px 4px rgba(33,33,33,.04);
}
.feed-element .status:hover,
.feed-element .assignto:hover{
opacity:0.75;
cursor:pointer;
}
/*
.feed-element .assignto:before{
content:'';
display:block;
height:100%;
width:5px;
position:absolute;
top:0px;
left:0px;
background:#1a73e8;
border:1px solid #1a73e8;
}
*/
.feed-element .assignto .assignto-pic{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:auto;
height:100%;
background:#FFFFFF;
border-radius:50%;
overflow:hidden;
z-index:2;
}
.feed-element .assignto .assignto-pic a{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
width:100%;
max-width:75px;
height:100%;
padding:5px;
background:#FFFFFF;
overflow:hidden;
}
.feed-element .assignto .assignto-pic a img{
width:100%;
min-width:65px;
height:65px;
border-radius:50%;
}
.feed-element .assignto .assignto-pic a small{
width:100%;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
text-align:center;
margin:5px 0px 0px 0px;
color:#4B4F56;
font-size:14px;
font-weight:600;
}
.feed-element .assignto .assignto-pic a div {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100px;
height:95px;
padding:5px;
border-radius:50%;
overflow:hidden;
}
.feed-element .assignto .assignto-pic a div i{
font-size:35px;
}
.feed-element .assignto .assignto-icon{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:auto;
height:100%;
margin:0px 15px;
}
.feed-element .assignto .assignto-icon div{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
height:100%;
}
.feed-element .assignto .assignto-icon div i{
font-size:15px;
color:rgb(75 79 86 / 0.75);
}
.feed-element .status{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:100%;
height:100%;
min-height:120px;
padding:15px 15px 15px 20px;
margin:0px 0px 10px 0px;
overflow:hidden;
/*border:1.5px solid #1a73e8;*/
background:#E6EAEF;
border-radius:20px;
box-shadow:0 2px 4px rgba(33,33,33,.04);
}
/*
.feed-element .status:before{
content:'';
display:block;
height:100%;
width:5px;
position:absolute;
top:0px;
left:0px;
background:#1a73e8;
border:1px solid #1a73e8;
}
*/
.feed-element .status .status-pic{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:75px;
height:75px;
border-radius:50%;
padding:5px;
background:#FFFFFF;
/*border:#136efa solid 2px;*/
overflow:hidden;
}
.feed-element .status .status-pic a{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
overflow:hidden;
background:#FFFFFF;
}
/* Comienzo Status En Negociación */
.feed-element .status.status-negociacion{
background-color:#feefe3!important;
}
.feed-element .status.status-negociacion .status-desc > a{
color:#c26401!important;
}
/* Fin Status En Negociación */
/* Comienzo Status Ganadas */
.feed-element .status.status-ganada{
background-color:#e6f4ea!important;
}
.feed-element .status.status-ganada .status-desc > a{
color:#34a853!important;
}
/* Fin Status Ganadas */
/* Comienzo Status Perdidas */
.feed-element .status.status-perdida{
background-color:#fbe9e7!important;
}
.feed-element .status.status-perdida .status-desc > a{
color:#c53929!important;
}
.feed-element .status.status-perdida .status-desc ul li:last-child span{
display:none;
}
/* Fin Status Perdidas */
.feed-element .status .status-pic a img{
width:100%;
height:100%;
border-radius:50%;
}
.feed-element .status .status-pic a div {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:75px;
height:75px;
}
.feed-element .status .status-pic a div i{
font-size:35px;
}
.feed-element .status .status-desc{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
width:calc(100% - 104px);
height:100%;
margin-left:15px;
overflow:hidden;
}
.feed-element .status .status-desc span{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:auto!important;
padding:3px 6px;
font-size:8px;
margin:0px 2px 2px 0px;
border-radius:20px;
text-transform:uppercase;
}
.feed-element .status .status-desc > a{
font-size:13px;
white-space:pre-line;
text-overflow:ellipsis;
overflow:hidden;
width:95%;
font-weight:600;
color:#181a55!important;
margin-bottom:5px;
}
.feed-element .status .status-desc ul{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:100%;
height:100%;
margin-bottom:5px;
}
.feed-element .status .status-desc ul li{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:auto;
height:100%;
}
.feed-element .status .status-desc ul li i{
font-size:12px;
color:#ffe100;
-webkit-text-fill-color: #ffe100;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #f89a1f;
}
.feed-element .status .status-desc ul li:last-child span{
color:#90949C;
font-size:12px;
font-weight:500;
padding:0px;
}
.feed-element .status .status-desc ul li:last-child span.color-red{
font-size:10px;
font-weight:600;
}
.feed-element .status .status-desc ul li:last-child span:before{
content:'-';
color:#90949C;
font-size:12px;
display:block;
margin:0px 5px;
}
.feed-element .status .status-desc ul li:first-child span:before{
content:'';
display:none;
visibility:hidden;
margin:0px;
}
.feed-element .status .status-desc p{
font-size:14px;
margin:0px;
}
.feed-element .status .status-desc small{
width:100%;
font-size:10px;
color:rgba(24,26,85,.5);
margin:0px;
}
.feed-element .well{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
border:1px solid #E5E5E5;
background:#f5f5f5;
box-shadow:none;
margin:5px 0px;
padding:10px;
font-size:14px;
line-height:inherit;
min-height:20px;
border-radius:20px;
width:100%;
}
.feed-element .well .comment-wrapper{
width:100%;
}
.feed-element .well div.comment{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
padding:0px 10px 10px 0px;
border-top:1px solid #E5E5E5;
position:relative;
}
.feed-element .well div.comment div.options{
position:absolute;
width:auto;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
top:0px!important;
right:0px!important;
}
.feed-element .well div.comment div.options a{
color:#90949C;
border-radius:50%;
padding:3px 5px;
margin-right:5px;
font-size:12px;
border:none;
}
.feed-element .well div.comment div.options a:hover{
background:#E5E5E5;
color:#444444;
}
.feed-element .well div.comment div.options a:last-child{
margin:0px;
}
.feed-element .well div.comment:first-child{
border-top:none;
}
.feed-element .well div.comment .media-left{
width:25px;
height:100%;
padding:0px;
margin-right:5px;
}
.feed-element .well div.comment .media-left img{
width:20px;
height:20px;
border:#F5F5F5 solid 1px;
border-radius:50%;
}
.feed-element .well div.comment .media-body{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:calc(100% - 30px);
}
.feed-element .well div.comment .media-body mark{
width:auto;
font-size:8px;
color:#4B4F56;
margin-bottom:5px;
}
.feed-element .well div.comment .media-body p.comment-intro{
width:100%;
font-size:12px;
font-weight:500!important;
margin:0px 0px 3px 0px!important;
color:#181a55;
}
.feed-element .well div.comment .media-body p.comment-intro a{
color:#f9424b;
}
.feed-element .well div.comment .media-body p.comment-post{
width:100%;
font-size:13px;
color:#181a55;
font-weight:400!important;
margin-bottom:10px;
}
.feed-element .well div.comment .media-body div.actions{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
}
.feed-element .well div.comment .media-body div.actions .btn-wrapper{
justify-content:flex-start!important;
}
.feed-element .well div.comment.comment-answer{
width:calc(100% - 10px);
margin:0px 10px 15px 23px;
padding:10px 15px 10px 0px;
border-bottom:1px solid #E5E5E5;
}
.feed-element .well div.comment.comment-answer p{
font-size:13px;
}
.feed-element .well div.comment-textarea{
width:100%;
position:relative;
border-radius:20px;
overflow:hidden;
}
.feed-element .well div.comment-textarea textarea{
width:100%;
font-weight:500;
padding:5px;
color:#181a55;
height:50px;
resize:none;
border:none;
padding:10px 40px 10px 10px;
}
.feed-element .well div.comment-textarea .btn-circle{
position:absolute;
bottom:10px;
right:5px;
}
.feed-element .well .comment div.comment-textarea textarea{
width:100%;
margin-top:10px;
padding-right:75px;
font-size:12px!important;
border-radius:15px;
}
/* Video */
.video{
width:100%;
height:100%;
}
.video div{
position:relative;
padding-top:56%;
}
.video div iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.feed-more{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
text-align:center;
margin-top:15px;
}
.feed-more > a{
display:flex;
justify-content:center;
align-items:center;
width:25px;
height:25px;
color:#4B4F56;
font-size:18px;
border:#4B4F56 solid 1px;
border-radius:50%;
}
/* Video */
/* TIMELINE - FIN */
/* REGISTRO LOG */
.log{
display:flex;
flex-wrap:nowrap;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
width:100%;
background:#FFFFFF;
padding:15px;
box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
}
.log .logrecords{
display:flex;
flex-wrap:nowrap;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
width:100%;
}
.log .logrecords .logrecord{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
width:100%;
padding:15px 0px;
border-top:#E5E5E5 solid 1px;
}
.log .logrecords .logrecord:last-child{
padding-bottom:0px;
}
.log .logrecords .logrecord:only-child{
padding-top:0px;
border-top:none;
}
.log .logrecords .logrecord .media-left{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
padding-right:10px;
}
.log .logrecords .logrecord .media-left img{
width:30px;
height:30px;
border:#F5F5F5 solid 2px;
border-radius:50%;
}
.log .logrecords .logrecord .media-body{
display:flex;
flex-wrap:nowrap;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
text-align:left;
overflow:hidden;
height:100%;
margin-bottom:10px;
}
.log .logrecords .logrecord .media-body p{
text-align:left;
display:block;
font-size:12px;
width:100%;
margin-bottom:0px;
}
.log .logrecords .logrecord .media-body small{
display:block;
color:#90949C;
margin-bottom:5px;
font-size:10px;
}
/* REGISTRO LOG */
/* SIDE 2 FIN */
/* SIDE 3 */
.side-3{
display:flex;
flex-direction:column;
flex-wrap: nowrap;
justify-content:flex-start;
padding:0px 0px 0px 15px;
flex-basis:80%;
width:80%;
}
.side-3:nth-child(2){
margin:0px;
}
.side-3 .tab-content{
width:100%;
position:relative;
}
.side-3 .tab-content .panel-body{
display:flex;
flex-wrap:wrap;
padding:0px;
}
.side-3 .panel-body .ibox .ibox-content > div.row{
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:center;
justify-content:space-between;
width:100%;
}
/* Pagination */
.pagination{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:center;
justify-content:space-between;
padding:0px;
margin:0px;
width:100%;
}
.pagination div.rows{
width:auto;
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:center;
justify-content:flex-start;
margin-right:15px;
}
.pagination div.rows p{
min-width:80px;
}
.pagination div.rows select{
padding:0px;
height:auto;
min-height:auto;
border:none;
font-size:14px;
box-shadow:none;
position:relative;
}
.pagination div.rows select:hover,
.pagination div.rows select:active,
.pagination div.rows select:focus{
cursor:pointer;
}
.pagination ol{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:center;
justify-content:flex-end;
width:50%;
padding:0px;
margin:0px;
overflow:hidden;
}
.pagination ol li{
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:center;
justify-content:space-between;
padding:0px;
margin:0px;
padding:5px 10px;
font-size:14px;
}
.pagination ol li.active a{
color:#4b4f56;
font-weight:600;
}
/* Pagination */
/* EMAIL */
.side-3 .email-wrapper {
min-height:400px;
width:100%;
}
.side-3 .email {
padding:0px!important;
}
.side-3 .email .table-responsive{
height:auto;
overflow:hidden;
min-height:auto;
}
.side-3 .email .dropdown-panel {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:center;
list-style:none;
width:100%;
margin: 0px;
padding:0px;
border:none;
}
.side-3 .email .dropdown-panel .ibox{
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:center;
margin:0px;
padding:0px;
width:100%;
border:none;
box-shadow:none;
cursor:pointer;
border-bottom:solid 1px #E5E5E5;
}
.side-3 .email .dropdown-panel .ibox-title,
.side-3 .email .dropdown-panel .ibox-content{
width:100%;
padding:0px;
}
.side-3 .email .dropdown-panel .ibox-title{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:100%;
}
.side-3 .email .dropdown-panel .ibox-title .table{border:none;}
.side-3 .email .dropdown-panel .read .ibox-title .table tbody > tr{background:whitesmoke;}
.side-3 .email .dropdown-panel .ibox-title .table tbody > tr:hover{
cursor:pointer;
box-shadow:inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
z-index:1;
}
.side-3 .email .dropdown-panel .ibox-title .table tbody tr td{background:transparent;}
.side-3 .email .dropdown-panel .ibox-title .table tbody > tr > td{
padding:5px 15px 5px 0px;
border:none;
}
.side-3 .email .dropdown-panel .ibox-title .table > tbody > tr > td{
padding:5px 15px;
border:none;
}
.side-3 .email .dropdown-panel .ibox-title .table > tbody > tr > td:first-child{
width:5%;
max-width:30px;
text-align:center;
}
.side-3 .email .dropdown-panel .ibox-title .table > tbody > tr > td:nth-child(2){
width:20%;
max-width:190px;
}
.side-3 .email .dropdown-panel .ibox-title .table tbody > tr > td.pic{
width:50px;
text-align:center;
padding:5px 0px;
}
.side-3 .email .dropdown-panel .ibox-title .table tbody > tr > td.pic a{
text-align:center;
width:100%;
display:block;
}
.side-3 .email .dropdown-panel .ibox-title .table > tbody > tr > td:last-child{
width:10%;
max-width:150px;
text-align:center;
}
.side-3 .email .dropdown-panel .ibox-title .table > tbody > tr > td:last-child p{
font-size:14px;
text-align:right;
}
.side-3 .email .dropdown-panel .ibox-title .table > tbody > tr > td > p{
font-size:15px;
color:#000000;
font-weight:600;
line-height:normal;
}
.side-3 .email .dropdown-panel .ibox-title .table tbody td.asunto{
width:60%;
}
.side-3 .email .dropdown-panel .ibox-title .table tbody td.adjunto i{color:#4b4f56;}
.side-3 .email.dropdown-panel .ibox-title{
display:table;
width:100%;
color:#4b4f56;
font-size:18px;
padding:0px;
border:none;
cursor:pointer;
}
.side-3 .email .dropdown-panel .ibox-title h6{
display:table-cell;
width:25px;
font-size:24px;
line-height:normal;
text-transform: uppercase;
font-weight:700;
padding:0px;
vertical-align: middle;
}
.side-3 .email .dropdown-panel .ibox-title a{
display:table-cell;
vertical-align:middle;
color:#4b4f56;
text-align:right;
}
.side-3 .email .dropdown-panel .ibox.read{
background:#f1f3f4;
}
.side-3 .email .dropdown-panel .ibox.read .ibox-title .table > tbody > tr > td > p{
font-weight:400;
}
.side-3 .email .dropdown-panel .ibox-content{
position:relative;
padding:0px;
border:none;
}
.side-3 .email .dropdown-panel .ibox-content .email-content{
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:center;
justify-content:center;
width:100%;
overflow:hidden;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:center;
justify-content:space-between;
width:100%;
height:100%;
padding:0px 15px 15px calc(50px + 1%);
margin:0px;
box-shadow:
0 2px 2px 0 rgba(0,0,0,.14)
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header ul{
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
font-size:14px;
line-height:normal;
color:#90949c;
display:block;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header div ul li{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:flex-start;
justify-content:flex-start;
font-size:14px;
line-height:normal;
color:#90949c;
cursor:text;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:first-child{
width:calc(100% - 150px);
overflow:hidden;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:first-child ul{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:first-child ul li{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:first-child ul li:first-child{
margin-bottom:5px;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:first-child ul li label{
font-size:14px;
margin-right:5px;
font-weight:400;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:first-child ul li div{
width:auto;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:first-child ul li div span:before{
content:'<';
display:inline-block;
margin-right:-1px;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:first-child ul li div span:after{
content:'>';
display:inline-block;
margin-left:-1px;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:first-child ul li p{
width:100%;
display:block;
overflow:hidden;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:first-child ul li p a{
display:inline-block;
color:#337ab7;
width:auto;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:first-child ul li p a:hover{
text-decoration:underline;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:first-child ul li p span{
display:inline-block;
color:#90949c;
width:auto;
font-size:12px;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:first-child ul li p span:before{
content:'<';
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:first-child ul li p span:after{
content:'>';
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:last-child{
width:150px;
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:flex-start;
justify-content:flex-end;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header > div:last-child a.btn{
color:#444444;
border-radius:50%!important;
padding:5px 4px;
margin-right:5px!important;
font-size:16px;
border:none;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header div:last-child a.btn:last-child{
margin-right:0px!important;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-header div:last-child a.btn:hover{
background:#f1f3f4;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-body{
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:center;
justify-content:center;
font-size:16px;
padding:15px 15px 25px 15px;
width:100%;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-body div{
font-size:16px;
margin-bottom:15px;
width:100%;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-body div:last-child{
margin-bottom:0px;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-body div span{
width:100%;
}
.side-3 .email .dropdown-panel .ibox-content .email-content .email-body div span p{
display:block!important;
}
/* EMAIL */
/* RECORDS */
.records{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
}
.side-3 .records .record{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
margin:0px 15px 25px 0px;
height:330px;
padding:0px;
position:relative;
border:none;
overflow:hidden;
background:transparent;
border:none;
}
.side-3 .records .record{
width:calc(25% - 12px);
}
.side-3 .records .record:nth-child(4n){
margin-right:0px;
}
.side-3.extended .records .record{
width:calc(20% - 12px)!important;
}
.side-3.extended .records .record:nth-child(4n){
margin-right:15px;
}
.side-3.extended .records .record:nth-child(5n){
margin-right:0px!important;
}
.cat{
position:absolute;
top:5px;
right:5px;
padding:5px 7px;
border-radius:15px;
color:#FFFFFF;
text-transform:uppercase;
font-size:10px;
font-weight:600;
z-index:1;
background:#79fff3!important;
color:#181a55!important;
}
/*
.subcat-1{background:#e6f4ea!important;color:#34a853!important;}
.subcat-2{background:#feefe3!important;color:#c26401!important;}
.subcat-3{background:#1da1f2!important;color:#1f3d72!important;}
.subcat-4{background:#4285F4!important;}
.subcat-5{background:#ff5252!important;}
.subcat-6{background:#8430ce!important;}
.subcat-7{background:#0389FF!important;}
.subcat-8{background:#f89a1f!important;}
*/
.side-3 .ibox-content .records .record .record-content{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:flex-start;
width:100%;
height:100%;
overflow:hidden;
}
.records .record .record-header{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
width:100%;
height:100%;
max-height:235px;
padding:10px;
border-radius:15px!important;
border:#E5E5E5 solid 1px;
background:#FFFFFF;
overflow:hidden;
position:relative;
}
.side-3 .ibox-content .records .record .record-content .record-header .channels{
position:absolute;
bottom:5px;
left:5px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:calc(100% - 10px);
height:auto;
justify-content:flex-start;
align-items:flex-start;
text-align:left;
}
.side-3 .ibox-content .records .record .record-content .record-header .channels .channel{
display:flex;
padding:5px 7px;
border-radius:15px;
text-transform:uppercase;
font-size:10px;
margin-top:2px;
margin-right:2px;
}
.side-3 .ibox-content .records .record .record-content .record-header .channels .channel.published:before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f058";
margin-right: 2px;
margin-top: 1px;
}
.side-3 .ibox-content .records .record .record-content .record-header .channels .channel.draft:before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f057";
margin-right: 2px;
margin-top: 1px;
}
.records .record .record-header > div:first-child{
width:100%;
height:auto;
overflow:hidden;
text-align:center;
overflow:hidden;
}
.records .record .record-header > div:first-child > img{
width:150px;
height:150px;
}
.records .record .record-header > div:first-child > a{
display:block;
height:100%;
width:100%;
}
.records .record .record-header > div:first-child > a > img{
width:100%;
height:100%;
}
.records .record .record-header > div:first-child > a.profile{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
overflow:hidden;
}
.records .record .record-header > div:first-child > a.profile > img.profile{
border-radius:50%;
border:#E5E5E5 solid 4px;
width:100px;
height:100px;
}
.records .record .record-header > div:last-child{
width:100%;
height:100%;
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
overflow:hidden;
text-align:center;
}
.records .record .record-header > div > p{
display: flex;
align-items: center;
font-size:16px;
margin:0px;
overflow:hidden;
width:100%;
}
.records .record .record-header > div > p > a{
width:100%!important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight:600;
cursor:pointer;
}
.records .record .record-body{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
width:100%;
height:45px;
padding:0px 10px;
background:transparent;
border:none;
text-align:left;
}
.records .record .record-body div{
width:100%;
height:100%;
}
.records .record .record-body div p{
display:block;
font-size:11px;
width:100%;
color:rgba(24,26,85,.5);
font-weight:400;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.records .record .record-body div p:first-child{
font-size:13px;
line-height:15px;
font-weight:500;
}
.records .record .record-body div p > a{
display:inline-block;
width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:#1c1c1d;
}
.records .record .record-body div p > a > i{
color:#90949c;
font-size:9px;
}
.records .record .record-body div span{
width:100%;
font-size:10px;
color:#90949c;
}
.records .record .record-footer{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
height:20px;
padding:0px;
text-align:center;
overflow:hidden;
border-radius:15px;
}
.records .record .record-footer .btn-group{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
align-items:center;
width:100%;
height:100%;
border-radius:0px;
overflow:hidden;
}
.records .record .record-footer .btn-group .btn{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
height:100%;
border-radius:0px;
font-size:8px;
color:rgba(24,26,85,.5);
background:#dce1e9;
position:relative;
border:none!important;
}
.records .record .record-footer .btn-group .btn:hover{
color:#FFFFFF!important;
background:#181a55!important;
}
/* RECORDS */
/* CALENDARIO */
.calendar-dia{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:300px;
padding:0px 15px;
overflow:hidden;
}
.side-1 .ibox .calendar-dia:before{
position:absolute;
display:block;
top:0px;
right:0px;
display:block;
width:15px;
height:100%;
content:'';
background:#FFFFFF;
z-index:1;
}
.calendar-dia .calendar-agenda{
position:absolute;
top:45px;
left:15px;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:250px;
overflow:hidden;
overflow-y:scroll;
}
.calendar-dia .calendar-agenda .calendar-time{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:100%;
height:40px;
min-height:40px;
border-top:#E5E5E5 solid 1px;
}
.calendar-dia .calendar-agenda .calendar-time:last-child{
border-bottom:#E5E5E5 solid 1px;
}
.calendar-dia .calendar-agenda .calendar-time .calendar-hour{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:15%;
}
.calendar-dia .calendar-agenda .calendar-time .calendar-hour span{
font-size:12px;
color:#90949c;
}
.calendar-dia .calendar-agenda .calendar-time .calendar-eventos{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:calc(85% - 15px);
height:40px;
}
.calendar-dia .calendar-agenda .calendar-time .calendar-eventos .calendar-evento{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
position:absolute;
background:#60e2ff!important;
background-image:linear-gradient(131.15deg,#5effd8 -13.07%,#60e2ff 94.86%);
color:#1c1a54;
width:100%;
padding:2px 4px;
border-radius:3px;
font-size:12px;
z-index:2;
font-weight:500;
border:none;
}
.calendar-dia .calendar-agenda .calendar-time .calendar-eventos .calendar-evento:hover{
opacity:0.75;
}
#tab-mes .ibox-heading,#tab-semana .ibox-heading{cursor:auto;background:#3B78E7;color:#FFFFFF;position:relative;}
#tab-mes .ibox-heading:before,#tab-semana .ibox-heading:before{
content:'';
position:absolute;
top:0px;
right:0px;
width:0px;
height:0px;
border-style: solid;
border-width: 0 50px 50px 0;
border-color: transparent rgb(0,0,0,0.5) transparent transparent;
}
#tab-semana .ibox-heading p{color:#FFFFFF!important;}
#tab-mes .ibox-heading .btn,#tab-semana .ibox-heading .btn{background:none;color:#FFFFFF;border:none;}
#tab-mes .ibox-heading .btn,#tab-semana .ibox-heading .btn:hover{color:#FFFFFF!important;opacity:0.75!important;}
#tab-mes .ibox-heading p,#tab-semana .ibox-heading p{font-size:20px;font-weight:400;color:#FFFFFF;}
#tab-mes .ibox-heading:hover,#tab-semana .ibox-heading:hover{background:#3B78E7;}
/* Calendario mensual */
.calendar-mes{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:100%;
}
.calendar-mes .calendar-header{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:100%;
padding-bottom:5px;
}
.calendar-mes .calendar-header div{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:100%;
}
.calendar-mes .calendar-header div p{
width:100%;
height:100%;
font-size:15px;
text-align:center;
}
.calendar-mes .calendar-row{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:100%;
border-right:#E5E5E5 solid 1px;
}
.calendar-mes .calendar-row:last-child{
border-bottom:#E5E5E5 solid 1px;
}
.calendar-mes .calendar-row > div{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:93px;
border:#E5E5E5 solid 1px;
border-right:none;
border-bottom:none;
padding:24px 4px 27px 4px;
position:relative;
}
.calendar-mes .calendar-row > div:nth-last-child(2),
.calendar-mes .calendar-row > div:last-child{
background:whitesmoke;
}
.calendar-mes .calendar-row > div .calendar-date{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
position:absolute;
top:2px;
right:4px;
height:20px;
}
.calendar-mes .calendar-row > div .calendar-date a{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
color:#90949C;
font-size:14px;
width:20px;
height:20px;
text-align:center;
}
.calendar-mes .calendar-row > div .calendar-date a:hover{color:#0389FF;}
.calendar-mes .calendar-row > div .calendar-date a.today{
background:#c53929;
color:#FFFFFF;
font-size:14px;
border-radius:50%;
}
.calendar-mes .calendar-row > div .calendar-date a.othermonth{
color:#E5E5E5;
}
.calendar-mes .calendar-row > div.active{
border:1px solid #f9424b;
background:rgb(249 66 75 / 20%)!important;
}
.calendar-mes .calendar-row > div.active .calendar-date a{color:#f9424b;}
.calendar-mes .calendar-row > div.active .calendar-date a.today{background:#f9424b;color:#FFFFFF;}
.calendar-mes .calendar-row > div .calendar-events{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:42px;
}
.calendar-mes .calendar-row > div .calendar-events{
position:relative;
}
.calendar-mes .calendar-row > div .calendar-events .calendar-event{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:100%;
height:20px;
padding:2px 4px;
background:#60e2ff!important;
background-image:linear-gradient(131.15deg,#5effd8 -13.07%,#60e2ff 94.86%);
color:#1c1a54;
border:none;
margin-bottom:2px;
border-radius:3px;
z-index:1;
}
.calendar-mes .calendar-row > div .calendar-events .calendar-event:last-child{
margin-bottom:0px;
}
.calendar-mes .calendar-row > div .calendar-events .calendar-event:hover{
opacity:0.75;
}
.calendar-mes .calendar-row > div .calendar-events .calendar-event span{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:100%;
height:100%;
font-weight:500;
font-size:12px;
color:#1c1a54;
}
.calendar-mes .calendar-row > div .calendar-more{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
position:absolute;
bottom:2px;
left:4px;
height:20px;
}
.calendar-mes .calendar-row > div .calendar-more a:hover{
text-decoration:underline;
}
/* Calendario mensual */
/* Calendario semanal */
.calendar-semana{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:100%;
overflow:visible;
}
.calendar-semana .calendar-header{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:100%;
padding-bottom:5px;
}
.calendar-semana .calendar-header div{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:13.5%;
height:100%;
}
.calendar-semana .calendar-header div:first-child{
width:5.5%;
}
.calendar-semana .calendar-header div p{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
height:100%;
font-size:15px;
text-align:center;
}
.calendar-semana .calendar-header div p span{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
font-size:14px;
width:20px;
height:20px;
margin-left:2px;
text-align:center;
}
.calendar-semana .calendar-header div p span.today{
background:#f9424b;
color:#FFFFFF;
font-size:14px;
border-radius:50%;
}
.calendar-semana .calendar-row{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:100%;
border-right:#E5E5E5 solid 1px;
}
.calendar-semana .calendar-row:last-child{
border-bottom:#E5E5E5 solid 1px;
}
.calendar-semana .calendar-row > div{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:13.5%;
height:30px;
border:#E5E5E5 solid 1px;
border-right:none;
border-bottom:none;
position:relative;
}
.calendar-semana .calendar-row .calendar-time{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:5.5%;
height:30px;
border-left:none;
}
.calendar-semana .calendar-row .calendar-time .calendar-hour{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:100%;
height:30px;
}
.calendar-semana .calendar-row .calendar-time .calendar-hour span{
font-size:12px;
color:#90949c;
width:100%;
text-align:center;
}
.calendar-semana .calendar-row > div:nth-last-child(7),
.calendar-semana .calendar-row > div:last-child{
background:whitesmoke;
}
.side-3 .ibox-content .calendar-semana .calendar-row > div.active{
border:1px solid #0389FF;
background:rgb(66,133,244,0.1)!important;
}
.calendar-semana .calendar-row > div .calendar-events{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:30px;
overflow:hidden;
}
.calendar-semana .calendar-row > div .calendar-events .calendar-event{
position:absolute;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
padding:2px 4px;
background:#60e2ff!important;
background-image:linear-gradient(131.15deg,#5effd8 -13.07%,#60e2ff 94.86%);
color:#0389FF;
border:none;
margin-bottom:2px;
border-radius:3px;
z-index:1;
}
.calendar-semana .calendar-row > div .calendar-events .calendar-event:last-child{
margin-bottom:0px;
}
.calendar-semana .calendar-row > div .calendar-events .calendar-event:hover{
opacity:0.75;
}
.calendar-semana .calendar-row > div .calendar-events .calendar-event span{
display:block;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:100%;
color:#1c1a54;
font-weight:500;
font-size:12px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
/* Calendario semanal */
/* CALENDARIO */
/* VIEW OPTIONS */
nav.view-options{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
align-items:center;
border:none;
width:100%;
margin:0px 0px 5px 0px;
padding:0px;
}
nav.view-options > ul{
width:auto;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
border:none;
overflow:hidden;
}
nav.view-options > ul li{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
border:none;
width:auto;
height:100%;
overflow:hidden;
position:relative;
}
nav.view-options > ul li a{
font-size:10px;
color:#999999;
margin:0px;
padding:5px 15px;
text-transform:uppercase;
border:none;
border-radius:0px;
background:transparent;
width:100%;
height:auto;
text-align:center;
border-bottom:4px solid #E5E5E5;
cursor:pointer;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
position:relative;
}
nav.view-options > ul li a:hover{
opacity:0.75;
border-color:#E5E5E5;
}
nav.view-options > ul li.active a,
nav.view-options > ul li.active a:focus,
nav.view-options > ul li.active a:active{
color:#FFFFFF!important;
background:#3B78E7!important;
border:none!important;
border-bottom:4px solid #031b4d!important;
font-weight:bold;
border-radius:3px 3px 0px 0px;
}
nav.view-options > div.referals{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
justify-content:flex-end;
width:auto;
height:24px;
}
nav.view-options > div.referals .referal{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
justify-content:flex-start;
width:auto;
height:auto;
margin-right:10px;
}
nav.view-options > div.referals .referal:last-child{
margin:0px;
}
nav.view-options > div.referals .referal .sign{
width:10px;
height:10px;
border-radius:50%;
margin-right:4px;
}
nav.view-options > div.referals .referal .sign.pend{
background:#0289ff26!important;
}
nav.view-options > div.referals .referal .sign.pend.mine{
background:rgb(197,57,41,0.1)!important;
}
nav.view-options > div.referals .referal span{
font-size:10px;
color:#999999;
}
/* VIEW OPTIONS */
/* SIDE-4 */
.side-4{
position:sticky;
position:-webkit-sticky;
top:110px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:flex-start;
flex-basis:30%;
width:30%;
height:auto;
}
.side-4 .ibox{
overflow:visible;
}
.side-4 .ibox.collapsed{
overflow:hidden;
}
.side-4 .ibox .ibox-heading{
padding:5px 15px;
background-color:#dce1e9;
/*border-bottom:4px solid #E5E5E5;*/
border-radius:10px;
z-index:2;
}
.side-4 .ibox.collapsed .ibox-heading{
border-radius:10px 10px 0px 0px;
}
.side-4 .ibox .ibox-heading:hover{
background-color:whitesmoke;
opacity:0.75;
border-color:#E5E5E5;
}
.side-4 .ibox .ibox-heading p{
font-size:12px;
font-weight:500;
color:#1c1a54;
}
.side-4 .ibox .ibox-heading p i{
margin-right:5px;
}
.side-4 .ibox .ibox-content{
padding:0px;
overflow:visible;
}
.side-4 .ibox .ibox-content .ibox-body{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
flex-basis:100%;
width:100%;
height:auto;
padding:15px;
}
/* COLUMNAS */
.columns-wrapper{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
overflow:hidden;
overflow-x:scroll;
}
.columns-wrapper nav.view-options > ul{
overflow:visible!important;
}
.columns-wrapper nav.view-options > ul li{
width:350px;
min-width:350px;
max-width:350px;
}
.columns-wrapper nav.view-options > ul li a{
padding:5px 15px;
}
.columns{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
justify-content:flex-start!important;
align-items:flex-start!important;
flex-basis:100%!important;
width:100%!important;
height:100%!important;
padding:10px 0px!important;
background:transparent!important;
}
.columns .column{
position:relative;
display:block;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:flex-start;
flex-basis:100%;
min-width:350px;
max-width:350px;
height:100%;
min-height:550px;
padding:0px 0px 5px 0px;
overflow:hidden;
border-right:1px #E5E5E5 solid;
}
.columns .column:last-child{
margin-right:0px;
border-right:none;
}
.columns .column ul{
position:absolute;
top:0px;
left:15px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
flex-basis:100%;
width:100%;
max-width:350px;
height:auto;
min-height:550px;
max-height:550px;
padding:0px 15px 0px 0px;
overflow:hidden;
overflow-y:scroll;
}
.columns .column ul.dropdown-menu{
top:30px;
left:0px;
padding:0px;
}
.columns .column ul li{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:flex-start;
flex-basis:100%;
width:100%!important;
height:auto;
padding:15px;
border:#E5E5E5 solid 1px;
border-top:none;
margin:0px 0px 10px 0px;
background:#FFFFFF;
box-shadow:0 1px 1px 0 rgba(0,0,0,.14), 0 1px 1px 0 rgba(0,0,0,.12), 0 1px 1px -5px rgba(0,0,0,.2);
}
.columns .column ul li:last-child{
margin-bottom:0px;
}
.columns .column ul li.selected{
opacity:0.5;
}
.columns .column ul li .sortable-header{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
flex-basis:100%;
width:100%;
margin-bottom:5px;
cursor:move;
}
.columns .column ul li .sortable-header p{
font-size:18px;
width:100%;
color:#4b4f56;
font-weight:700;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.columns .column ul li .sortable-header span{
color:#90949C;
font-size:13px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.columns .column ul li .sortable-body{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
flex-basis:100%;
width:100%;
height:auto;
padding-bottom:5px;
margin-bottom:5px;
}
.columns .column ul li .sortable-body .stars{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
width:auto;
height:auto;
border:none;
margin-right:5px;
}
.columns .column ul li .sortable-body .stars i{
color:#ffe100;
-webkit-text-fill-color: #ffe100;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #f89a1f;
font-size:12px;
}
.columns .column ul li .sortable-body span{
font-size:12px;
}
.columns .column ul li .sortable-body .stars span{
margin-left:5px;
font-size:12px;
color:#90949C;
}
.columns .column ul li .sortable-body div{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:100%;
height:auto;
padding:5px;
border-radius:3px;
border:#E5E5E5 solid 1px;
margin-top:10px;
}
.columns .column ul li .sortable-body div p{
font-size:12px;
color:#90949C;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.columns .column ul li .sortable-body div p a{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.columns .column ul li .sortable-footer{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
flex-basis:100%;
width:100%;
}
.columns .column ul li .sortable-footer .btn-wrapper{
justify-content:flex-start;
}
/* COLUMNAS */
/* TRACKING CONTACTOS */
.contactos-wrapper ul{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
flex-basis:100%;
width:100%;
height:100%;
}
.contacto-ficha{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
flex-basis:100%;
width:100%;
height:auto;
min-height:50px;
padding:5px 7px;
border:#E5E5E5 solid 1px;
margin:0px 0px 5px 0px;
border-radius:10px;
overflow:hidden;
}
.contacto-ficha.contacto-ficha-xs{
width:calc(33% - 3px)!important;
flex-basis:auto;
margin-right:5px;
}
.contacto-ficha.contacto-ficha-xs:nth-child(3n){
margin-right:0px;
}
.contacto-ficha.contacto-ficha-xs div p,
.contacto-ficha.contacto-ficha-xs div span{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.contacto-ficha.contacto-ficha-xs div a.close{
right:2px;
top:2px;
font-size:0.6rem;
padding:4px 5px;
opacity:0.5;
}
.contacto-ficha:last-child{
margin-bottom:0px;
}
.contacto-ficha:hover{
text-decoration:none;
background-color:#F1F3F4;
}
.contacto-ficha img{
width:35px;
height:35px;
border-radius:50%;
border:#F5F5F5 solid 2px;
}
.contacto-ficha div{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
flex-basis:100%;
width:100%;
height:auto;
margin-left:5px;
overflow:hidden;
}
.contacto-ficha div a.close{
position:absolute;
right:5px;
top:15px;
font-size:0.65rem;
color:#90949C;
border-radius:50%;
padding:3px 5px;
}
.contacto-ficha div a.close:hover{
color:#FFFFFF;
background:rgb(0,0,0,0.5);
}
.contacto-ficha div p{
width:100%;
font-size:12px;
font-weight:500;
color:#337ab7;
}
.contacto-ficha div span{
width:100%;
font-size:10px;
color:#90949C;
}
/* TRACKING CONTACTOS */
/* TASK PROCESS */
.task-wrapper{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
flex-basis:100%;
width:100%;
max-height:292px;
overflow:hidden;
overflow-y:scroll;
}
.side-3 .task-wrapper{
max-height:unset;
padding-top:0px;
overflow:hidden;
}
.side-option .task-wrapper{
position:relative;
padding-top:0px;
width:100%;
max-height:unset;
overflow:visible;
}
.task{
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
}
.task-body:before{
content:'';
display:block;
width:1px;
height:calc(100% - 15px);
background:#136efa;
position:absolute;
left:27.5px;
top:30px;
z-index:1;
}
/*.task-body .task-step-2:before{
content:'';
display:block;
width:10px;
height:1px;
background:#136efa;
position:absolute;
left:35px;
top:23px;
z-index:1;
}
.task-body .task-step-2:after{
content:'';
display:block;
width:5px;
height:5px;
background:#136efa;
position:absolute;
left:43px;
top:21px;
border-radius:50%;
z-index:1;
}*/
.task-body:last-child:before{
display:none;
}
.task .task-header{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
height:100%;
padding:10px 15px;
position:relative;
border-bottom:#ddeaf5 solid 1px;
background:#FFFFFF;
cursor:pointer;
}
.task .task-header:hover,
.task .task-header.active{
background:#f5f9ff;
}
.task .task-header .task-actions{
position:absolute;
top:0px;
right:10px;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
width:20px;
height:100%;
padding-top:10px;
z-index:3;
}
.task .task-header .task-actions .btn-group{
width:100%;
margin-bottom:5px;
}
.task .task-header .task-actions .btn-group:last-child{
margin:0px;
}
.task .task-header .task-actions .dropdown-menu{
top:15px!important;
right:20px!important;
}
.task:last-child .task-header .task-actions .dropdown-menu{
top:unset!important;
bottom:15px!important;
border-radius:3px 3px 0 0!important;
}
.task .task-step{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
flex-basis:100%;
width:100%;
height:100%;
align-items:center;
padding:0px 15px 0px 0px;
z-index:2;
}
.task .task-body{
display:flex;
flex-direction:row;
flex-wrap:wrap;
position:relative;
width:100%;
padding:10px 15px;
background:#f8fdff;
border-bottom:#ddeaf5 solid 1px;
}
.task .task-body:first-child{
padding-top:15px;
}
.task .task-body:last-child{
padding-bottom:15px;
}
.task .task-header .task-step .task-step-1,
.task .task-body .task-step .task-step-1{
display:flex;
justify-content:center;
width:25px;
z-index:3;
}
.task .task-header .task-step .task-step-1{
width:25px;
height:100%;
}
.task .task-header .task-step .task-step-1 a,
.task .task-body .task-step .task-step-1 a{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
border-radius:50%;
padding:5px;
width:30px;
height:30px;
background:#F5F5F5;
color:#4B4F56;
cursor:auto;
}
.task .task-header .task-step .task-step-1 a{
background:#F5F5F5!important;
width:25px;
height:25px;
padding:0px;
}
.task .task-header .task-step .task-step-1 a:hover,
.task .task-body .task-step .task-step-1 a:hover{
text-decoration:none;
}
.task .task-header .task-step .task-step-1 a img{
width:100%;
border-radius:50%;
border:#136efa solid 2px;
}
.task .task-header .task-step .task-step-1 a i{
font-size:12px;
}
.task .task-body .task-step .task-step-1 a i{
font-size:8px!important;
color:#136efa;
}
.task .task-header .task-step .task-step-2,
.task .task-body .task-step .task-step-2{
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
width:calc(100% - 25px);
height:100%;
margin-left:10px;
}
.task .task-header .task-step .task-step-2 p{
display:block;
width:100%;
font-size:12px;
}
.task .task-body .task-step .task-step-1 a{
border:#136efa solid 1px;
height:25px;
}
.task .task-body .task-step .task-step-2 p{
display:block;
width:100%;
font-size:12px;
}
.task .task-header .task-step .task-step-2 p small{
color:#90949C;
margin-top:2px;
font-size:10px;
width:90%;
}
.task .task-body .task-step .task-step-2 p small{
color:#90949C;
width:90%;
font-size:10px;
}
.task .task-header .task-step .task-step-2 p a strong{
display:block;
width:95%;
/*white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;*/
color:#181a55;
font-size:12px;
font-weight:600;
}
/*.task .task-body .task-step .task-step-2 p:last-child{
color:#90949C;
font-size:12px;
font-style:italic;
position:relative;
padding-left:15px;
}
.task .task-body .task-step .task-step-2 p:last-child i{
position:absolute;
top:2px;
left:0px;
}*/
.task .task-body .task-step .task-step-2 a:last-child{
margin-left:15px;
}
.task .task-header .task-step .task-step-2 a:first-child,
.task .task-body .task-step .task-step-2 a:first-child{
margin-left:0px;
}
/* TASK PROCESS */
/* NOTAS DEL USUARIO */
.nota{
position:relative;
display:flex;
flex-wrap:wrap;
padding:15px;
margin:15px;
overflow:hidden;
background:#F1F3F4;
border-radius:10px;
}
.nota:after{
position:absolute;
bottom:0px;
right:0px;
content:'';
width:0px;
height:0px;
border-style:solid;
border-width:61px 61px 0 0;
border-color:transparent rgb(0,0,0,0.5) transparent transparent;
}
.nota:first-child{
margin-top:15px!important;
}
.nota:last-child{
margin-bottom:15px;
}
.nota .nota-header{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
padding:0px 0px 5px 0px;
}
.nota .nota-header p{
font-size:14px;
font-weight:bold;
color:#4B4F56;
}
.nota .nota-body{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
height:100px;
overflow-y:scroll;
}
.nota .nota-body p{
font-size:12px;
color:#4B4F56;
}
.nota .nota-footer{
position:relative;
padding:5px 0px 0px 0px;
}
.nota .nota-footer p{
font-size:10px;
color:#90949C;
}
.nota .nota-menu{
position:relative;
width:100%;
padding:5px 0px 0px 0px;
}
.nota .nota-menu a{
color:#4B4F56;
border-radius:50%;
font-size:8px;
border:none;
margin-right:5px;
padding:3px 5px;
}
.nota .nota-menu a:hover{
background:#FFFFFF;
color:#444444;
}
/* NOTAS DEL USUARIO */
/* OPPORTUNITY PROCESS */
.task-menu{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
flex-basis:100%;
width:100%;
height:40px;
padding:5px;
position:sticky;
left:0px;
top:0px;
background:#FFFFFF;
border-bottom:1px solid #DFDFDF;
z-index:11;
}
.task-menu > p{
font-size:12px;
color:#444;
}
.task-menu .btn-wrapper{
justify-content:flex-start;
}
.task-menu .btn-wrapper .btn-group{
width:auto;
justify-content:flex-start;
}
.opportunity{
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
height:100%;
padding:5px 15px;
border-bottom:1px #DFDFDF solid;
}
.opportunity:hover{
background:#f5f9ff;
}
.opportunity .opportunity-header{
width:100%;
}
.opportunity .opportunity-header .opportunity-step{
display:flex;
flex-direction:row;
align-items:center;
flex-wrap:nowrap;
z-index:2;
}
.opportunity .opportunity-header .opportunity-step .opportunity-step-1{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
width:25px;
}
.opportunity .opportunity-header .opportunity-step .opportunity-step-1 a{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
background:#E5E5E5;
border-radius:50%;
padding:5px;
width:25px;
height:24px;
cursor:auto;
font-size:10px;
font-weight:500;
}
.opportunity .opportunity-header .opportunity-step .opportunity-step-1 a:hover{
text-decoration:none;
}
.opportunity .opportunity-header .opportunity-step .opportunity-step-2{
display:flex;
flex-direction:row;
flex-wrap:wrap;
flex-basis:calc(100% - 25px);
height:100%;
padding-left:10px;
}
.opportunity .opportunity-header .opportunity-step .opportunity-step-2 p{
font-size:12px;
font-weight:500;
padding:5px 0px;
}
.opportunity .opportunity-header .opportunity-step .opportunity-step-2 p a{
color:#4B4F56;
}
.opportunity .opportunity-header .opportunity-step .opportunity-step-2 p a:hover{
text-decoration:none;
}
.opportunity .opportunity-header .opportunity-step .opportunity-step-2 p a:nth-child(2){
color:#337ab7;
}
.opportunity .opportunity-header .opportunity-step .opportunity-step-2 p a:nth-child(2):before{
content:'-';
display:inline-flex;
margin:0px 4px 0px 2px;
color:#90949C;
}
.opportunity .opportunity-header .opportunity-step .opportunity-step-2 p img{
height:25px;
}
/* OPPORTUNITY PROCESS */
/* SIDE-4 */
/* SIDE 5 */
.side-5{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
padding:0px 15px 0px 0px;
flex-basis:calc(72.5% - 22.5%);
width:calc(72.5% - 22.5%);
margin-left:22.5%;
}
/* SIDE 5 */
/* SIDE 6 */
.side-6{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
align-items:center;
width:100%;
margin:-10px 0px 15px 0px;
padding:0px;
height:40px;
border-radius:10px;
}
.side-6 .ibox{
height:40px;
padding:0px;
margin:0px;
background:transparent;
border:none;
border-radius:0px;
box-shadow:none;
}
.side-6 .ibox .ibox-content{
overflow:hidden;
padding:0px;
height:40px;
border:none;
}
/* SIDE 6 */
/* PROCESOS PERFIL */
.process-wrapper{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:100%;
height:40px;
overflow:hidden;
}
.process-wrapper ol.process{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:auto;
height:auto;
padding:0px;
top:0px;
}
/*
.process-wrapper ol.process li:before{
position:absolute;
top:14px;
right:-30px;
content:'';
display:block;
width:30px;
background:#DFDFDF;
height:1px;
z-index:0;
}
*/
.process-wrapper ol.process li:after{
position:absolute;
top:11px;
right:-21px;
content:'▶';
color:#DFDFDF;
z-index:0;
}
.process-wrapper ol.process li{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:auto;
height:40px;
padding:5px;
margin:0px 15px;
border:#DFDFDF solid 1px;
border-radius:10px;
background:#FFFFFF;
z-index:2;
min-width:150px;
max-width:175px;
box-shadow:1px 2px 4px rgba(0,0,0,.03);
cursor:pointer;
}
.process-wrapper ol.process li:first-child{
margin-left:0px;
}
.process-wrapper ol.process li:last-child{
margin-right:0px;
}
.process-wrapper ol.process li div{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:flex-start;
height:auto;
min-width:20px;
max-width:150px;
}
.process-wrapper ol.process li div.circle{
display:flex;
justify-content:center;
align-items:center;
content:'';
border-radius:50%;
background:#4b4f56;
width:20px;
height:20px;
margin:0px 5px 0px 0px;
padding:0px;
overflow:hidden;
transition: all 0.5s;
}
.process-wrapper ol.process li:hover{
background:#F1F3F4;
}
.process-wrapper ol.process li:hover div.circle{
transform: scale(1.15);
}
.process-wrapper ol.process li div.circle img{
width:20px;
height:20px;
border-radius:50%;
}
.process-wrapper ol.process li div p{
font-size:11px;
font-weight:500;
color:#4b4f56;
width:100%;
margin-top:-2px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.process-wrapper ol.process li div span{
font-size:8px;
color:#90949C;
width:100%;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
/* PROCESOS PERFIL */
/* KPIS */
.kpi-wrapper {
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:calc(100% - 220px);
height:40px;
margin-right:10px;
}
.kpi-wrapper .kpis {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:100%;
height:40px;
}
.kpi-wrapper .kpis .kpi{
display:flex;
flex-direction:row-reverse;
flex-wrap:wrap;
justify-content:flex-end;
align-items: center;
width:100%;
min-width:150px;
max-width:150px;
height:40px;
padding:5px 15px;
border:1px solid #f9424b;
color:#181a55;
}
.kpi-wrapper .kpis .kpi:first-child{
border-radius:20px 0px 0px 20px;
border-right:none;
}
.kpi-wrapper .kpis .kpi:hover{
background:#FFFFFF;
}
.kpi-wrapper .kpis .kpi:nth-child(2n){
border-right:none;
}
.kpi-wrapper .kpis .kpi:last-child{
border-radius:0px 20px 20px 0px;
border-right:1px solid #f9424b;
border-left:none;
}
.kpi-wrapper .kpis .kpi:only-child{
border-radius:20px;
}
/*
.kpi-wrapper .kpis .kpi:first-child{
border-top-left-radius:3px;
border-bottom-left-radius:3px;
border-left:none;
}
.kpi-wrapper .kpis .kpi:last-child{
border-top-right-radius:3px;
border-bottom-right-radius:3px;
}
*/
.kpi-wrapper .kpi .kpi-header {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
width:100%;
position:relative;
}
.kpi-wrapper .kpi .kpi-header .btn-wrapper{
position:absolute;
top:7px;
right:-5px;
width:auto;
}
.kpi-wrapper .kpi .kpi-header .btn-group{
width:auto;
position:relative;
}
.kpi-wrapper .kpi .kpi-header .btn-group .btn-circle.btn-sm{
width:15px!important;
height:15px!important;
}
.kpi-wrapper .kpi .kpi-header .btn-group > .dropdown-menu{
left:0px!important;
top:20px!important;
min-width:260px!important;
z-index:20;
}
.kpi-wrapper .kpi .kpi-header .btn-group > .dropdown-menu li a{
overflow:visible;
white-space:normal;
text-overflow:initial;
}
.kpi-wrapper .kpi.bg-red .kpi-header .btn-group .btn-circle.btn-sm,
.kpi-wrapper .kpi.bg-light-blue .kpi-header .btn-group .btn-circle.btn-sm,
.kpi-wrapper .kpi.bg-blue .kpi-header .btn-group .btn-circle.btn-sm,
.kpi-wrapper .kpi.bg-dark-blue .kpi-header .btn-group .btn-circle.btn-sm,
.kpi-wrapper .kpi.bg-full-blue .kpi-header .btn-group .btn-circle.btn-sm,
.kpi-wrapper .kpi.bg-green .kpi-header .btn-group .btn-circle.btn-sm,
.kpi-wrapper .kpi.bg-orange .kpi-header .btn-group .btn-circle.btn-sm,
.kpi-wrapper .kpi.bg-red .kpi-header .btn-group .btn-circle.btn-sm i,
.kpi-wrapper .kpi.bg-light-blue .kpi-header .btn-group .btn-circle.btn-sm i,
.kpi-wrapper .kpi.bg-blue .kpi-header .btn-group .btn-circle.btn-sm i,
.kpi-wrapper .kpi.bg-dark-blue .kpi-header .btn-group .btn-circle.btn-sm i,
.kpi-wrapper .kpi.bg-full-blue .kpi-header .btn-group .btn-circle.btn-sm i,
.kpi-wrapper .kpi.bg-green .kpi-header .btn-group .btn-circle.btn-sm i,
.kpi-wrapper .kpi.bg-orange .kpi-header .btn-group .btn-circle.btn-sm i{
color:#FFFFFF!important;
border-color:#FFFFFF!important;
}
.kpi-wrapper .kpi .kpi-header > span {
font-size:8px;
line-height:11px;
font-weight:500;
width:90%;
max-width:90%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.kpi-wrapper .kpis .kpi .kpi-body {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-end;
width:100%;
height:auto;
}
.kpi-wrapper .kpis .kpi .kpi-body p {
font-size:14px;
line-height:20px;
font-weight:500;
}
.kpi-wrapper .kpi.bg-red .kpi-header span,
.kpi-wrapper .kpi.bg-red .kpi-body p,
.kpi-wrapper .kpi.bg-green .kpi-header span,
.kpi-wrapper .kpi.bg-green .kpi-body p,
.kpi-wrapper .kpi.bg-light-blue .kpi-header span,
.kpi-wrapper .kpi.bg-light-blue .kpi-body p,
.kpi-wrapper .kpi.bg-blue .kpi-header span,
.kpi-wrapper .kpi.bg-blue .kpi-body p,
.kpi-wrapper .kpi.bg-dark-blue .kpi-header span,
.kpi-wrapper .kpi.bg-dark-blue .kpi-body p,
.kpi-wrapper .kpi.bg-full-blue .kpi-header span,
.kpi-wrapper .kpi.bg-full-blue .kpi-body p,
.kpi-wrapper .kpi.bg-orange .kpi-header span,
.kpi-wrapper .kpi.bg-orange .kpi-body p{
color:#FFFFFF!important;
}
.date-selectors{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-end;
width:auto;
height:40px;
}
.date-selector-1, .date-selector-2 {
position:relative;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:space-between;
align-items:flex-end;
width:50%;
height:35px;
padding:0px 10px 0px 0px;
overflow:hidden;
}
.date-selector-1 label,
.date-selector-2 label {
display:flex;
width:100%;
font-size:10px;
line-height:8px;
height:10px;
font-weight:400;
align-items:flex-end;
color:#90949C;
}
.date-selector-1 input,
.date-selector-2 input {
height:25px;
min-height:25px;
border:none;
margin:0px;
padding:0px;
width:100%;
font-weight:400;
color:#4b4f56;
font-size:12px!important;
background:none;
border-bottom:#E5E5E5 solid 1px;
}
/* KPIS */
/* NOTICIAS */
.ibox.news-wrapper{
max-height:100%!important;
overflow:hidden!important;
}
.news{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
height:100%;
width:100%;
}
.news .news-content{
display:flex;
flex-wrap:wrap;
width:100%;
height:auto;
}
.news .news-buttons{
margin-top:15px;
}
/* News 1 */
.news.news-1{
flex-direction:column;
width:calc(25% - 12px);
height:auto;
margin:0px 15px 15px 0px;
border:solid 1px #E5E5E5;
padding:10px;
min-height:400px;
border-radius:15px;
}
.news.news-1:nth-child(4n){
margin-right:0px;
}
.news.news-1 .news-content .news-text{
display:flex;
flex-direction:column;
width:100%;
flex-wrap:wrap;
padding:10px 5px;
}
.news.news-1 .news-content .news-text h2{
width:100%;
font-size:13px;
color:#1a73e8;
font-weight:normal;
}
.news.news-1 .news-content .news-text h1{
font-size:16px;
line-height:normal;
font-weight:600;
width:100%;
margin-bottom:10px;
}
.news.news-1 .news-content .news-text h1 a{
color:#4B4F56;
}
.news.news-1 .news-content .news-text h1 a:hover{
text-decoration:none;
}
.news.news-1 .news-content .news-text p{
font-size:12px;
line-height:normal;
color:#90949C;
width:100%;
}
.news.news-1 .news-content .news-channels{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
border-top:1px #E5E5E5 solid;
padding:5px;
width:50%;
}
.news.news-1 .news-content .news-channels li{
display:flex;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
color:#90949C;
margin-right:5px;
}
.news.news-1 .news-content .news-channels li:first-child{
width:100%;
font-size:8px;
justify-content:flex-start;
}
.news.news-1 .news-content .news-channels li a{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:25px;
height:25px;
padding:5px;
border-radius:50%;
color:#90949C;
border:#E5E5E5 solid 1px;
}
.news.news-1 .news-content .news-channels li a:hover,
.news.news-1 .news-content .news-channels li a:hover i{
text-decoration:none;
background:#1a73e8;
border-color:#1a73e8;
color:#FFFFFF;
}
.news.news-1 .news-content .news-author{
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
flex-basis:50%;
width:50%;
height:auto;
border-top:1px #E5E5E5 solid;
padding:5px;
}
.news.news-1 .news-content .news-author p{
color:#90949C;
font-size:8px;
padding-right:2px;
}
.news.news-1 .news-img{
position:relative;
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
flex-basis:100%;
width:100%;
height:200px;
overflow:hidden;
}
.news.news-1 .news-img a{
width:100%;
}
.news.news-1 .news-img img{
width:100%;
border-radius:15px;
}
.ibox .ibox-content .news-wrapper .news.news-1 .news-img a{
position:relative;
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
flex-basis:100%;
width:100%;
}
.ibox .ibox-content .news-wrapper .news.news-1 .news-img a img{
width:100%;
height:100%;
height:200px;
object-fit:cover;
}
.ibox .ibox-content .news-wrapper .news.news-1 .news-buttons{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:auto;
height:auto;
position:absolute;
top:20px;
right:20px;
overflow:hidden;
opacity:0.5;
}
.news.news-1 .news-buttons:hover{
opacity:1;
}
/* News 1 */
/* News 2 */
.news.news-2 .news-content .news-text{
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
padding:0px 50px 15px 0px;
}
.news.news-2 .news-content .news-text h2{
font-size:18px;
color:#1a73e8;
width:100%;
font-weight:normal;
}
.news.news-2 .news-content .news-text h1{
font-size:32px;
line-height:34px;
color:#4B4F56;
margin-bottom:10px;
width:100%;
}
.news.news-2 .news-content .news-text p{
width:100%;
font-size:16px;
color:#90949C;
display:block;
overflow:hidden;
}
.news.news-2 .news-content .news-channels{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-end;
align-items:center;
width:50%;
height:40px;
border-top:1px #E5E5E5 solid;
border-bottom:1px #E5E5E5 solid;
padding:5px 0px;
}
.news.news-2 .news-content .news-channels li{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
color:#90949C;
font-size:10px;
margin-right:5px;
}
.news.news-2 .news-content .news-channels li:first-child{
margin-right:10px;
}
.news.news-2 .news-content .news-channels li a{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:25px;
height:25px;
padding:5px;
border-radius:50%;
color:#90949C;
border:#E5E5E5 solid 1px;
}
.news.news-2 .news-content .news-channels li a:hover,
.news.news-2 .news-content .news-channels li a:hover i{
text-decoration:none;
background:#1a73e8;
border-color:#1a73e8;
color:#FFFFFF;
}
.news.news-2 .news-content .news-author{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
width:50%;
height:40px;
border-top:1px #E5E5E5 solid;
border-bottom:1px #E5E5E5 solid;
padding:5px 0px;
}
.news.news-2 .news-content .news-author p{
color:#90949C;
font-size:10px;
padding-right:2px;
}
.news.news-2 .news-img{
position:relative;
flex-basis:100%;
width:100%;
margin:10px 0px 25px 0px;
overflow:hidden;
}
.news.news-2 .news-img img{
width:100%;
height:100%;
border-radius:15px;
object-fit:cover;
}
.news.news-2 .news-content .news-article{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
flex-basis:100%;
width:100%;
height:100%;
padding:0px 50px 0px 0px;
}
.news.news-2 .news-content .news-article p{
font-size:16px;
line-height:normal;
color:#4B4F56;
margin-bottom:25px;
}
.news.news-2 .news-content .news-article p:last-child{
margin:0px;
}
.news.news-2 .news-buttons{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:auto;
height:auto;
position:absolute;
top:0px;
right:0px;
overflow:hidden;
opacity:0.5;
}
.news.news-2 .news-buttons:hover{
opacity:1;
}
.news.news-2 .news-buttons .btn-group{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
height:100%;
font-size:9px;
}
.news.news-2 .news-buttons .btn-group .btn{
height:22px;
padding:0px 7.5px;
}
.news.news-2 .news-buttons .btn-group .btn i{
font-size:9px;
}
/* News 2 */
/* NOTICIAS */
/* CHAT */
.footer .footer-wrapper .footer-chat{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
position:relative;
width:30%;
}
.footer .footer-wrapper .footer-chat .panel{
position:absolute;
bottom:-17px;
right:0px;
margin:0px;
width:100%;
max-width:250px;
box-shadow:none;
border:none;
}
.footer .footer-wrapper .footer-chat .panel .panel-heading{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:space-between;
align-items:center;
position:relative;
width:100%;
background:#404040;
color:#FFFFFF;
border:none;
border-radius:0px;
padding:5px 15px;
height:35px;
}
.footer .footer-wrapper .footer-chat .panel .panel-heading p{
color:#FFFFFF;
font-size:14px;
}
.footer .footer-wrapper .footer-chat .panel .panel-heading p i{
font-size:10px;
margin-right:5px;
}
.footer .footer-wrapper .footer-chat .panel .panel-heading a{
color:#FFFFFF;
font-size:12px;
}
.chat-wrapper{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:flex-start;
width:100%;
height:100%;
max-height:250px;
overflow-y:scroll;
padding:15px 15px 0px 15px;
}
.chat{
list-style: none;
margin:0;
padding:0;
}
.chat li{
width:100%;
margin-bottom:15px;
padding-bottom:15px;
border-bottom: 1px dotted #B3A9A9;
}
.chat li.search{
width:100%;
padding-bottom:5px;
}
.chat li.search input{
min-height:30px;
font-size:12px;
background:transparent;
border-bottom:none;
}
.chat li.search input:hover,
.chat li.search input:active,
.chat li.search input:focus{
border-bottom:none;
background:transparent;
box-shadow:none;
}
.chat li.chat-left .chat-body{
margin-left:50px;
}
.chat li.chat-left .chat-img{
float:left;
}
.chat li.chat-left .chat-body{
margin-left:50px;
text-align:left;
}
.chat li.chat-right .chat-img{
float:right;
}
.chat li.chat-right .chat-body{
margin-right:50px;
text-align:right;
}
.chat li .chat-body p{
margin:0;
color:#4B4F56;
width:85%;
font-size:13px;
}
.chat li .chat-body strong{
font-size:16px;
width:100%;
color:#4B4F56;
}
.chat .chat-img,
.chat .chat-img img{
width:40px;
height:40px;
border-radius:50%;
}
.footer .footer-wrapper .footer-chat .panel-body{
overflow-y:scroll;
height:250px;
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:center;
align-items:center;
position:relative;
width:100%;
background:#FFFFFF;
padding:5px 15px;
}
.footer .footer-wrapper .footer-chat .panel .panel-footer{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
position:relative;
width:100%;
padding:0px;
height:35px;
border:none;
}
.footer .footer-wrapper .footer-chat .panel .panel-footer .input-group{
width:100%;
height:100%;
position:relative;
padding:0px;
z-index:1;
}
.footer .footer-wrapper .footer-chat .panel .panel-footer .input-group input{
width:100%;
height:100%;
padding:5px 40px 5px 15px;
z-index:1;
font-size:12px;
overflow:hidden;
outline:none;
background:#E5E5E5;
}
.footer .footer-wrapper .footer-chat .panel .panel-footer .input-group button{
position:absolute;
bottom:7.5px;
right:5px;
z-index:2;
border:none;
padding:5px;
color:#444444;
font-size:10px;
border-radius:50%;
}
.footer .footer-wrapper .footer-chat .panel .panel-footer .input-group button:hover{
background:#E5E5E5;
}
/* CHAT*/
/* EMAIL FOOTER */
.footer .footer-wrapper .footer-email{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
position:relative;
width:50%;
}
.footer .footer-wrapper .footer-email .panel{
position:absolute;
bottom:-17px;
right:0px;
margin:0px;
width:100%;
max-width:500px;
box-shadow:none;
border:none;
}
.footer .footer-wrapper .footer-email .panel .panel-heading{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:space-between;
align-items:center;
position:relative;
width:100%;
background:#404040;
color:#FFFFFF;
border:none;
border-radius:0px;
padding:5px 15px;
height:35px;
}
.footer .footer-wrapper .footer-email .panel .panel-heading p{
color:#FFFFFF;
font-size:14px;
}
.footer .footer-wrapper .footer-email .panel .panel-heading p i{
font-size:10px;
margin-right:5px;
}
.footer .footer-wrapper .footer-email .panel .panel-heading a{
color:#FFFFFF;
font-size:12px;
}
.footer .footer-wrapper .footer-email .panel .panel-body{
overflow-y:scroll;
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
position:relative;
width:100%;
height:483px;
background:#FFFFFF;
padding:15px;
box-shadow:0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}
.footer .footer-wrapper .footer-email .panel .panel-body .email-new-wrapper{
display:flex;
flex-wrap:wrap;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
position:relative;
width:100%;
height:auto;
}
.email-new-wrapper .btn-wrapper{
justify-content:flex-start;
}
.email-new-wrapper .btn-wrapper .btn-group,
.email-new-wrapper .btn-wrapper .btn-group .btn{
width:100%;
}
.footer .footer-wrapper .footer-email .panel .panel-body .email-new-wrapper textarea,
.footer .footer-wrapper .footer-email .panel .panel-body .email-new-wrapper textarea:focus{
padding:15px 0px 5px 0px;
outline:none;
box-shadow:none;
border-bottom:#E5E5E5 solid 1px;
min-height:200px;
}
.footer .footer-wrapper .footer-email .panel .panel-body .email-new-wrapper .new-email-text{
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:100%;
outline:none!important;
}
.footer .footer-wrapper .footer-email .panel .panel-body .email-new-wrapper .new-email-text p,
.footer .footer-wrapper .footer-email .panel .panel-body .email-new-wrapper .new-email-text p:focus{
display:block;
width:100%;
height:200px;
word-wrap:break-word;
overflow-y:scroll;
padding:0px;
margin:0px;
outline:none!important;
border:none!important;
border-bottom:1px #E5E5E5 solid!important;
}
.footer .footer-wrapper .footer-email .panel .panel-body .email-new-wrapper .new-email-text p i{
font-size:16px;
color:rgb(0, 0, 0);
font-weight:normal;
font-style:italic;
overflow-wrap:break-word;
padding:0px!important;
border-radius:0px!important;
background:transparent!important;
}
.footer .footer-wrapper .footer-email .panel .panel-footer{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
position:relative;
width:100%;
padding:0px 15px;
height:35px;
border:none;
}
/* EMAIL FOOTER */
/* REGISTRO DE CONTACTOS */
.call{
position:relative;
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:flex-start;
align-items:center;
width:100%;
margin:5px 5px 0px 5px;
padding:2px 4px;
border-radius:30px;
background:#60e2ff47!important;
background-image:linear-gradient(131.15deg,#5effd8 -13.07%,#60e2ff 94.86%);
}
.call:last-child{
margin-bottom:100px;
}
.call:hover{
background:#F5F5F5;
}
.call:hover .call-icon i{
background:#FFFFFF;
}
.call .call-icon{
position:relative;
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:center;
align-items:center;
width:20px;
height:20px;
margin:0px 10px 0px 0px;
padding:0px;
border-radius:50%;
background:#FFFFFF;
overflow:hidden;
}
.call .call-icon i{
font-size:10px;
padding:5px;
margin-top:-3px;
border-radius:50%;
}
.call .call-date{
position:relative;
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:flex-start;
align-items:center;
width:calc(100% - 30px);
height:24px;
margin:0px;
padding:0px 15px 0px 0px;
}
.call .call-date p{
font-size:11px;
font-weight:500;
color:#1c1a54;
}
.call .call-date p a{
color:#181a55;
}
.call .call-actions{
position:absolute;
top:4px;
right:4px;
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:flex-start;
align-items:center;
width:auto;
height:auto;
}
.call .call-actions .btn-wrapper,
.call .call-actions .btn-wrapper .btn-group{
width:auto;
justify-content:flex-start;
}
.call .call-actions .btn-wrapper .btn-group .btn{
padding:5px;
width:24px;
height:24px;
border-color:none;
}
.call .call-actions .btn-wrapper .btn-group .btn:hover{
border-color:;
}
.call .call-actions .btn-wrapper .btn-group .btn i{
font-size:10px;
}
.call .call-actions .btn-circle.btn-sm{
border-color:#f9424b!important;
}
.call .call-actions .btn-circle.btn-sm i{
color:#f9424b!important;
}
/* REGISTRO DE CONTACTOS */
/* PREVIEW SIDE-4 */
.preview-wrapper{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:100%;
padding:15px;
background:#F5F5F5;
}
.preview-wrapper .preview-form{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
width:100%;
padding:15px;
background:#FFFFFF;
border-radius:3px;
border:#e5e5e5 solid 1px;
overflow:hidden;
}
/* PREVIEW SIDE-4 */
/* NO VALUE
.no-value{
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:center;
align-items:center;
width:100%;
height:50px;
padding:5px;
border:dashed 1px #E5E5E5;
}
.no-value div{
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:center;
align-items:center;
width:100%;
height:100%;
}
.no-value div p{
color:#4B4F56;
font-size:12px;
}
/* NO VALUE */
/* PARA PROBAR */
/*.side-0 section:last-child .arrow{
position:absolute;
top:25%;
right:0px;
color:#90949c;
opacity:0.5;
z-index:1;
}
.side-0 .side-0-box-xs{
width:20%;
float:left;
padding-right:15px
}
.side-0 .side-0-box-xs:last-child{
padding-right:0px;
}
.side-0 .side-0-box-xs .ibox-content{
padding:15px;
}
.side-0 .side-0-box-xs .sortable-list{
min-height:50px;
}
.side-0 .side-0-box-xs small{
display:table-cell;
width:50%;
font-size:12px;
color:#90949c;
}
.side-0 .side-0-box-xs small:before{
content:"$";
}
.side-0-box-xs.pendiente .ui-sortable-handle{
border-left-color:#000000;
}
.side-0-box-xs.contacto .ui-sortable-handle{
border-left-color:#f89a1f;
}
.side-0-box-xs.negociacion .ui-sortable-handle{
border-left-color:#0389ff;
}
.side-0-box-xs.ganada .ui-sortable-handle{
border-left-color:#029D55;
}
.side-0-box-xs.perdida .ui-sortable-handle{
border-left-color:#D53654;
}
.side-1 .profile .opportunity-content .opportunity-source{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-content:center;
width:100%;
height:100%;
overflow:hidden;
margin:10px 0px 15px 0px;
border:#E5E5E5 solid 1px;
border-radius:3px;
padding:40px 5px 5px 5px;
position:relative;
}
.side-1 .profile .opportunity-content .opportunity-source:hover{
background:#F1F3F4;
opacity:0.75;
text-decoration:none;
}
.side-1 .profile .opportunity-content .opportunity-source h1{
font-size:12px;
text-transform:uppercase;
background:#E5E5E5;
font-weight:bold;
border-radius:3px;
width:auto;
display:inline-table;
padding:5px;
position:absolute;
top:5px;
left:5px;
}
.side-1 .profile .opportunity-content .opportunity-source p{
color:#90949C;
font-size:14px;
margin-bottom:5px;
width:100%;
}
.side-1 .profile .opportunity-content .opportunity-source p:last-child{
margin:0px;
}
.side-1 .profile .opportunity-content .opportunity-source p span{
color:#000;
}
.side-1 h2{
display:block;
font-size:14px;
font-weight:400;
line-height:14px;
color:#90949C;
margin:0px;
padding:0px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.side-1 .profile .profile-desc ul li h3 label{
display:inline-flex;
color:#FFFFFF;
font-size:12px;
padding:5px 7px;
align-items:center;
justify-content:center;
text-transform:uppercase;
border-radius:3px;
}
.side-1 .profile .profile-desc ul li label strong{
display:inline-flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:auto;
color:#FFFFFF!important;
border-radius:30px;
font-size:12px;
padding:3px 7px;
}
.side-1 .container__Image .figure__Image img{
width:100%;
max-width:100%;
}
.side-1 h4 {
display:block;
font-size:14px;
line-height:16px;
margin:0px 0px 10px 0px;
padding:0px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.side-1 h4 time{
display:inline-block;
font-size:14px;
}
.side-1 h5{
width:100%;
font-size:20px;
font-weight:700;
color:#4B4F56;
}
.side-1 .dropzone .dz-message{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
width:100%;
height:150px;
margin:0px;
padding:15px;
border:1px dashed #0389FF;
}
.side-1 .dropzone .dz-preview.dz-image-preview{
display:table-row;
text-align:center;
}
.side-1 .dropzone .dz-preview .dz-image{
display:inline-block;
margin-top:15px;
}
.side-1 #tasks{
margin-top:15px;
}
.side-1 #tasks li{
border:#E5E5E5 solid 1px;
background-color:#F5F5F5;
padding:15px;
margin-bottom:10px;
text-align:left;
border-left:solid 2.5px;
}
.side-1 #tasks li.pending{
border-left-color:#D53654;
}
.side-1 #tasks li.inprogress{
border-left-color:#F89A1F;
}
.side-1 #tasks li.completed{
border-left-color:#029D55;
}
.side-1 #tasks li:last-child{
margin-bottom:0px;
}
.side-1 #tasks li p{
line-height:normal;
font-size:14px;
color:#4B4F56;
}
.side-1 #tasks li .task-nav{
display:table;
width:100%;
padding-top:5px;
}
.side-1 #tasks li .task-nav date{
display:table-cell;
width:50%;
font-size:12px;
color:#90949C;
}
.side-1 #tasks li .task-nav a{
display:table-cell;
width:50%;
text-align:right;
font-size:12px;
color:#0389FF;
}
.side-1 .hr-line-dashed{
margin:25px 0px;
}
.panel-body .ibox-title {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #FFFFFF;
color: inherit;
margin-bottom: 0;
padding: 15px 15px 7px 15px;
}
.ibox .ibox-heading div.btn-group a.btn{
padding:3px 8px;
font-size:12px;
height:24px;
}
.ibox .ibox-heading div.btn-group a.btn:first-child{
border-radius:3px 0px 0px 3px;
}
.ibox .ibox-heading div.btn-group a.btn:last-child{
border-radius:0px 3px 3px 0px;
}
.ibox:after,
.ibox:before {
display: table;
}
.ibox .ibox-heading div p strong{
text-transform:uppercase;
}
.ibox .ibox-heading div p a{
font-size:14px;
font-weight:bold;
}
.ibox .ibox-heading div p a:after,
.ibox .ibox-heading div p strong:after{
content:'-';
margin:0px 4px;
font-weight:400;
}
.ibox .ibox-heading div p span{
color:#90949c;
font-size:12px;
font-style:italic;
}
.ibox .ibox-heading div p span.status{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
color:#FFFFFF;
font-size:10px;
font-style:normal;
border-radius:3px;
padding:3px 8px;
height:24px;
text-align:center;
text-transform:uppercase;
}
.ibox .ibox-heading #header-nav{
text-align:right;
}
.ibox .ibox-heading #header-nav a.btn:last-child{
margin-right:0px;
}
.side-2 .form-group .input-group .input-group-addon{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
width:35px;
height:35px!important;
font-size:20px;
text-align:left;
padding:0px;
border:none;
border-bottom:#E5E5E5 solid 1px;
border-radius:0px;
}
.side-2 .form-group .input-group .input-group-addon i{
color:#90949C;
}
.side-2 .form-group .input-group .input-group-addon input[type=radio]{
display:table-cell;
padding:0px;
margin:0px;
}
.side-2 .form-group .input-group .input-group-addon input[type=radio]:after{
width: 20px;
height: 20px;
border-radius: 20px;
top: -1px;
left: -3px;
position: relative;
background-color:#fff;
background: url('../img/checks.png') no-repeat;
background-position:-95px 0px;
background-size:160px;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid #fff;
}
.side-2 .form-group .input-group .input-group-addon input[type=radio]:checked:after{
width: 20px;
height: 20px;
border-radius: 20px;
top: -1px;
left: -3px;
position: relative;
background-color:#fff;
background: url('../img/checks.png') no-repeat;
background-position:-111px 0px;
background-size:160px;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid #fff;
}
.side-2 .form-group .chosen-single div{
width:25px;
}
.side-2 .form-group .chosen-single div b{
background-size:100px 80px!important;
background-position:-4px 2px!important;
}
.side-2 .form-group .chosen-single div b{
background-size:100px 80px!important;
background-position:-4px 2px!important;
}
.side-2 .chosen-container-single .chosen-search input[type="text"]{
background-size:70px 50px!important;
background-position:100% 190%;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-timeline{
display:none;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
background:#FFFFFF;
margin-top:15px;
margin-left:0px;
width:auto;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-timeline ol{
display:flex;
flex-wrap:nowrap;
flex-direction:column;
justify-content:center;
align-items:center;
padding:0px;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-timeline ol li{
display:flex;
flex-wrap:nowrap;
flex-direction:column;
justify-content:center;
align-items:center;
padding:0px;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-timeline ol li a{
font-size:9px;
color:#337AB7;
text-align:center;
text-transform:uppercase;
padding:5px 5px 5px 0px;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-timeline ol li a:hover,
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-timeline ol li a:active,
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-timeline ol li a:focus,
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-timeline ol li a.active{
text-decoration:underline;
outline:none;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-timeline ol li p{
font-size:11px;
color:#90949C;
}
*/
/* OBSERVACIONES
.observations{
display:flex;
flex-wrap:nowrap;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
width:100%;
}
.observations .observation-body{
display:flex;
flex-wrap:nowrap;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
width:100%;
}
.observations .observation-body .observation{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
width:100%;
padding:15px 0px;
border-top:#E5E5E5 solid 1px;
}
.observations .observation-body .observation:last-child{padding-bottom:0px;}
.observations .observation-body .observation .media-left{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
padding-right:10px;
}
.observations .observation-body .observation .media-left img{
width:35px;
height:35px;
border:#F5F5F5 solid 2px;
border-radius:50%;
}
.observations .observation-body .observation .media-body{
display:flex;
flex-wrap:nowrap;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
text-align:left;
overflow:hidden;
height:100%;
}
.observations .observation-body .observation .media-body p{
text-align:left;
display:block;
font-size:14px;
width:100%;
margin-bottom:5px;
}
.observations .observation-body .observation .media-body p:last-child{
margin-bottom:0px;
}
.observations .observation-body .observation .media-body small{
display:block;
color:#90949C;
margin-bottom:5px;
font-size:10px;
}
OBSERVACIONES */
/*
.side-1 nav.view-options{
border:none;
margin-bottom:0px;
}
.side-1 nav.view-options > ul{
width:100%;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
border:none;
height:100%;
}
.side-1 nav.view-options > ul li{
height:100%;
border:none;
}
.side-1 nav.view-options > ul li a{
font-size:14px;
color:#4B4F56;
margin:0px;
padding:10px 0px;
text-transform:uppercase;
border:none;
border-radius:0px;
background:#E5E5E5;
width:100%;
text-align:center;
border-bottom:none;
cursor:pointer;
}
.side-1 nav.view-options > ul li a:hover{
opacity:0.75;
border-color:#E5E5E5;
}
.side-1 nav.view-options > ul li.active a,
.side-1 nav.view-options > ul li.active a:focus,
.side-1 nav.view-options > ul li.active a:active{
color:#3B78E7!important;
background:#FFFFFF!important;
border:none!important;
box-shadow:none;
}
*/
/* WIDGETS
.side-4 .ibox .ibox-content .widget-wrapper{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
flex-basis:100%;
width:100%;
height:100%;
padding:15px;
}
.side-4 .ibox .ibox-content .widget-wrapper .widget{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
flex-basis:100%;
width:100%;
height:100%;
border-radius:3px;
margin-bottom:5px;
}
.side-4 .ibox .ibox-content .widget-wrapper .widget:last-child{
margin-bottom:0px;
}
.side-4 .ibox .ibox-content .widget-wrapper .widget .widget-header{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
flex-basis:100%;
width:100%;
height:100%;
padding:10px 10px 10px 10px;
}
.side-4 .ibox .ibox-content .widget-wrapper .widget .widget-header i{
margin-right:5px;
font-size:1.25em;
}
.side-4 .ibox .ibox-content .widget-wrapper .widget .widget-header p{
font-size:1.25em;
}
.side-4 .ibox .ibox-content .widget-wrapper .widget .widget-header p a{
color:#FFF;
}
.side-4 .ibox .ibox-content .widget-wrapper .widget .widget-body{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
flex-basis:100%;
width:100%;
height:100%;
border-top:#FFF solid 1px;
}
.side-4 .ibox .ibox-content .widget-wrapper .widget .widget-body .widget-data{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
flex-basis:100%;
width:100%;
height:100%;
color:#FFF;
border-right:#FFF solid 1px;
padding:10px 10px 10px 10px;
}
.side-4 .ibox .ibox-content .widget-wrapper .widget .widget-body .widget-data:hover{
text-decoration:none;
opacity:0.75;
}
.side-4 .ibox .ibox-content .widget-wrapper .widget .widget-body .widget-data:first-child{
padding-left:0px;
}
.side-4 .ibox .ibox-content .widget-wrapper .widget .widget-body .widget-data:last-child{
padding-right:0px;
}
.side-4 .ibox .ibox-content .widget-wrapper .widget .widget-body .widget-data:last-child{
border-right:none;
}
.side-4 .ibox .ibox-content .widget-wrapper .widget .widget-body .widget-data i{
margin-right:5px;
font-size:12px;
}
.side-4 .ibox .ibox-content .widget-wrapper .widget .widget-body .widget-data p{
font-size:12px;
}
.task.task-progress .task-body{
margin-top:0px;
padding-top:15px;
border-top:none;
}
.task.task-progress .task-body:first-child{
margin-top:0px;
}
WIDGETS */
/*FORMULARIOS WEB */
.forms{
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
position:relative;
width:100%;
height:100%;
}
.forms a.edit{
position:absolute;
top:7px;
right:0px;
font-size:10px;
}
.forms .form{
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:center;
align-items:flex-start;
position:relative;
flex-basis:calc(25% - 12px);
width:calc(25% - 12px);
max-height:335px;
padding:0px;
margin:0px 15px 15px 0px;
border-radius:3px;
overflow:hidden;
box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
}
.forms .form:nth-child(4){
margin-right:0px;
}
@media (max-width: 768px){
.forms .form{
flex-basis:100%;
width:100%;
margin-right:0px;
}
.forms .form:nth-child(4){
margin-right:0px;
}
.forms .form:last-child{
margin-bottom:0px;
}
}
.forms .form .form-header,
.forms .form .form-body,
.forms .form .form-footer{
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:center;
align-items:center;
position:relative;
width:100%;
height:100%;
overflow:hidden;
}
.forms .form .form-header{
padding:25px 15px 5px 15px;
text-align:center;
}
.forms .form .form-header h1{
font-size:20px;
width:100%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.forms .form .form-header > a{
font-size:14px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.forms .form .form-header span.status{
position:absolute;
top:5px;
right:5px;
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:flex-start;
align-items:center;
font-size:8px;
text-transform:uppercase;
padding:3px 8px;
border-radius:3px;
color:#FFFFFF;
}
.forms .form .form-header small{
color:#90949c;
margin-top:4px;
}
.forms .form .form-body{
padding:0px 15px 15px 15px;
align-items:flex-start;
}
.forms .form .form-body .form-pic{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
width:100%;
height:100%;
padding:15px;
margin:5px 0px 0px 0px;
border:#E5E5E5 solid 1px;
border-radius:3px;
overflow:hidden;
}
.forms .form .form-body .form-pic .form-logo{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
width:100%;
height:100%;
}
.forms .form .form-body .form-pic .form-logo img{
width:100px;
}
.forms .form .form-body .form-pic .form-logo p{
text-align:center;
font-size:1.25rem;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.forms .form .form-body .form-pic .form-logo i{
border-radius:50%;
padding:5px;
font-size:0.7rem;
background:#014580;
color:#FFFFFF;
margin-right:5px;
}
.forms .form .form-body .field{
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:flex-start;
align-items:center;
width:100%;
height:100%;
color:#90949C;
overflow:hidden;
border-bottom:#E5E5E5 solid 1px;
font-size:12px;
text-align:left;
min-height:35px;
font-weight:400;
position:relative;
}
.forms .form .form-body .field .close{
position:absolute;
top:12px;
right:5px;
color:#90949C;
border-radius:50%;
padding:3px 5px;
font-size:8px;
}
.forms .form .form-body .field .close:hover{
background:#E5E5E5;
color:#444444;
}
.forms .form .form-footer{
border-radius:0px 0px 3px 3px;
}
.forms .form .form-footer .btn-group{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:center;
align-items:center;
position:relative;
width:100%;
}
.forms .form .form-footer .btn-group .btn{
width:100%;
font-size:12px;
}
.forms .form .form-footer .btn-group .btn:first-child{
border-radius:0 0 0 3px;
}
.forms .form .form-footer .btn-group .btn:last-child{
border-radius:0 0 3px 0;
}
.forms .form .form-footer .btn-group .btn i{
margin-right:2px;
}
/*FORMULARIOS WEB */
/* WEBSITE */
.website{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:auto;
background:#FFFFFF;
border:1px solid #DFDFDF;
padding:15px;
border-radius:15px;
margin:0px 0px 15px 0px;
box-shadow:0 1px 2px 0 rgba(0,0,0,0.1), 0 0px 1px 0 rgba(0,0,0,0.1), 0 2px 5px 0 rgba(0,0,0,0.1);
}
.website:hover{
border:#f9424b solid 1px;
}
.website .menu-actions{
top:15px;
right:15px;
}
.website .menu-actions .btn-wrapper .btn-group .btn-circle{
border-color:#f9424b!important;
}
.website .menu-actions .btn-wrapper .btn-group .btn-circle i{
color:#f9424b!important;
}
.website .menu-actions .btn-wrapper .btn-group .btn-circle:hover i{
color:#FFFFFF!important;
}
.website .website-header,
.website .website-info,
.website .website-body{
width:100%;
display:flex;
flex-wrap:nowrap;
}
.website .website-header{
flex-direction:row;
flex-wrap:wrap;
margin:0px 0px 15px 0px;
align-items:flex-start;
}
.website .website-header .website-pic{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
width:85px;
}
.website .website-header .website-pic img{
width:85px;
height:85px;
}
.website .website-header .website-title{
display:block;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
width:calc(100% - 100px);
margin-left:15px;
}
.website .website-header p{
display:block;
width:auto;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.website .website-header .website-title p{
padding-right:25px;
}
.website .website-header p:first-child{
font-size:14px;
font-weight:500;
}
.website .website-header p:first-child > a{
color:#181a55;
}
.website .website-header p:last-child span{
padding:3px 7px;
background:#E5E5E5;
border-radius:20px;
font-size:8px;
font-weight:500;
text-transform:uppercase;
margin:0px 0px 0px 5px;
}
.website .website-header p:last-child span i{
font-size:10px;
}
.website .website-header .website-title div.stars{
width:100%;
margin:5px 0px;
border:none;
height:auto;
}
.website .website-body .website-1,
.website .website-body .website-2,
.website .website-body .website-3,
.website .website-body .website-4{
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
}
.website .website-body .website-1{
width:50px;
height:50px;
margin-right:15px;
overflow:hidden;
}
.website .website-body .website-1 img{
width:100%;
height:100%;
border:2px #E5E5E5 solid;
border-radius:50%;
}
.website .website-body .website-2,
.website .website-body .website-3,
.website .website-body .website-4{
width:auto;
min-width:225px;
max-width:300px;
padding:0px 15px;
border-left:1px solid #DFDFDF;
overflow:hidden;
}
.website .website-body .website-4{
padding-right:0px;
}
.website .website-body .info-group{
margin:0px 0px 5px 0px;
width:100%;
}
.website .website-body p{
position:relative;
display:inline-block;
width:auto;
max-width:100%;
font-size:12px!important;
padding-right:25px;
min-height:20px;
margin-top:0px;
color:#1c1a54;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.website .website-body p > a{
font-size:12px!important;
}
.website .website-body p > a.copy{
position:absolute;
top:0px;
right:0px;
font-size:8px!important;
}
.website.website-sm{
width:calc(50% - 7.5px);
margin:0px 15px 15px 0px;
}
.website.website-sm:nth-child(2n){
margin:0px 0px 15px 0px;
}
.website.website-sm:last-child{
margin:0px;
}
.website.website-sm .website-header p{
max-width:50%;
}
.website.website-sm .website-header p a{
color:#4b4f56;
}
.website.website-sm .website-body .website-1{
width:auto;
width:50px;
margin-right:10px;
overflow:hidden;
}
.website.website-sm .website-body .website-1 img{
width:45px;
height:45px;
border-radius:50%;
border:none;
}
.website.website-sm .website-body .website-2,
.website.website-sm .website-body .website-3{
width:calc(50% - 25px);
}
.website .website-body .feed-element{
padding:15px;
border-top:1px solid #DFDFDF;
border-bottom:1px solid #DFDFDF;
}
.website .website-body .feed-element .assignto .assignto-pic,
.website .website-body .feed-element .assignto .assignto-pic a img,
.website .website-body .feed-element .status .status-pic,
.website .website-body .feed-element .status .status-pic a img{
width:70px;
height:70px;
}
.website .website-info{
flex-direction:row;
flex-wrap:wrap;
padding:5px 15px 0px 15px;
margin:25px 0px 15px 0px;
border:1px solid #DFDFDF;
align-items:flex-start;
background:whitesmoke;
box-shadow:1px 2px 4px rgba(0,0,0,.03);
position:relative;
border-radius:0px 3px 3px 3px;
}
.website .website-info header{
display:flex;
width:auto;
padding:5px 10px;
position:absolute;
top:-26px;
left:-1px;
background:whitesmoke;
border:1px solid #DFDFDF;
border-bottom:none;
border-radius:3px 3px 0px 0px;
}
.website .website-info header p{
font-weight:600;
}
.side-option .side-option-body .website .website-body .website-1{
display:none;
visibility:hidden;
}
.side-option .side-option-body .website .website-body .website-2,
.side-option .side-option-body .website .website-body .website-3{
width:100%;
}
.side-option .side-option-body .website .website-body .website-2{
border-left:none;
padding-left:0px;
}
/* WEBSITE */
/* SIDEOPTION */
.side-option{
position:fixed;
top:0px;
right:-600px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
width:600px;
height:100%;
background:#FFFFFF;
padding:65px 15px 15px 15px;
margin:0px;
box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
overflow:hidden;
overflow-y:scroll;
transition:transform 0.5s;
z-index:1000;
}
.side-option.active{
transform:translate(-588px);
outline:none;
}
.side-option .task-wrapper{
flex-direction:column;
}
.side-option-header,
.side-option-body{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
overflow:hidden;
}
.side-option-header{
margin:0px 0px 15px 0px;
}
.side-option-header .close{
position:absolute;
top:19px;
right:5px;
padding:3px 5px;
font-size:12px;
color:#444444;
border-radius:50%;
}
.side-option-header .close:hover{
background:#f1f3f4
}
.side-option-header div{
padding:15px 15px 5px 0px;
width:100%;
border-bottom:2px solid #181a55;
}
.side-option-header div p{
font-size:18px;
color:#181a55;
padding:0px 25px 0px 0px;
}
.side-option-body{
height:100%;
margin:0px 0px 35px 0px;
}
.side-option-body > div{
width:100%;
height:100%;
}
.side-option-body div .side-option-body-header{
display:flex;
width:100%;
margin:15px 0px 5px 0px;
}
.side-option-body div .side-option-body-header:first-child{
margin-top:0px;
}
.side-option-body div .side-option-body-header p{
position:relative;
display:flex;
align-items:center;
font-size:16px;
height:35px;
}
.side-option-body div .side-option-body-header p .btn-circle{
position:absolute;
top:5px;
right:-35px;
font-size:12px;
}
/* SIDEOPTION */
/* CARDS */
.cards{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
width:100%;
margin:5px 0px 0px 0px;
}
.cards .card-status{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
margin-top:5px;
}
.cards .card-status .btn-wrapper .btn-group,
.cards .card-status .btn-wrapper .btn-group .btn-select{
width:100%;
height:35px;
flex-direction:column;
flex-wrap:nowrap;
position:relative;
}
.cards .card-status .btn-wrapper .btn-group.before:before{
position:absolute;
content:'';
top:-3px;
left:-3px;
width:calc(100% + 5px);
height:40px;
border:dashed 1px #0389FF;
z-index:1;
}
.cards .card-status .btn-wrapper .btn-group .btn-select p{
display:block;
font-size:8px;
font-weight:400;
text-transform:uppercase;
}
.cards .card-status .btn-wrapper .btn-group .btn-select span{
display:block;
font-size:11px;
font-weight:50;
}
.card-contact{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:auto;
height:auto;
padding:5px;
margin:0px 5px 0px 0px;
border:#E5E5E5 solid 1px;
border-radius:3px;
overflow:hidden;
}
.cards .card-contact{
width:calc(50% - 2.5px);
}
.cards .card-contact:last-child{
margin:0px;
}
.card-contact .card-pic{
width:30px;
}
.card-contact .card-pic img{
width:30px;
height:30px;
border-radius:50%;
border:#136efa solid 1px;
}
.card-contact .card-body{
display:block;
flex-direction:column;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:calc(100% - 35px);
margin-left:5px;
height:auto;
}
.card-contact .card-body p{
font-size:12px!important;
font-weight:500;
display:block;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.card-contact .card-body span{
display:block;
color:#90949C;
font-size:10px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
@media (max-width: 768px) {
.website.website-sm .website-header p{
max-width:90%;
}
.cards .card-contact{
width:100%;
margin:0px 0px 5px 0px;
}
.card-contact .card-pic{
width:20px;
}
.card-contact .card-pic img{
width:20px;
height:20px;
}
.card-contact .card-body{
width:calc(100% - 25px);
}
.card-contact .card-body p{
font-size:10px!important;
}
.card-contact .card-body span{
font-size:8px;
}
.website .website-header{
align-items:flex-start;
}
.website .website-header .website-pic{
width:105px;
}
.website .website-header .website-pic img{
width:105px;
height:105px;
}
.website .website-header .website-title{
width:calc(100% - 120px);
}
}
/* CARDS */
/* CHARTS */
.chart-wrapper{
display:flex;
flex-wrap:wrap;
flex-direction:row;
width:100%!important;
justify-content:space-between;
align-items:flex-start;
padding:15px!important;
}
.chart-md{
display:flex;
flex-wrap:wrap;
flex-direction:row;
width:32.5%!important;
max-height:425px!important;
justify-content:center;
align-items:flex-start;
overflow:hidden;
padding:15px!important;
margin:0px 0px 15px 0px;
border:#e5e5e5 solid 1px;
border-radius:15px;
}
.chart-md:nth-child(3n){
margin-right:0px;
}
.chart-title{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:100%;
margin-bottom:5px;
}
.chart-title{
font-weight:500;
}
/* CHARTS */
/* EMAIL MARKETING */
.ibox-content.preview-wrapper{
position:relative;
}
.ibox-content.preview-wrapper .preview-button{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background:none;
opacity:0;
color:transparent;
-o-transition:color .5s ease-in, background .5s ease-in;
-ms-transition:color .5s ease-in, background .5s ease-in;
-moz-transition:color .5s ease-in, background .5s ease-in;
-webkit-transition:color .5s ease-in, background .5s ease-in;
/* ...and now override with proper CSS property */
transition:color .5s ease-in, background .5s ease-in;
}
.ibox-content.preview-wrapper .preview-button:hover{
background:#E5E5E5;
opacity:0.95;
color:#444444;
font-size:16px;
}
.ibox-content.preview-wrapper .preview-button i{
color:#444444;
font-size:16px;
}
.ibox-content.preview-wrapper .preview-button p{
color:#444444;
font-size:16px;
}
iframe.preview-email-marketing{
width:100%;
min-height:400px;
border:none;
}
/* EMAIL MARKETING */
/* HOW TO */
.howto-wrapper{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
flex-basis:100%;
width:100%;
overflow:hidden;
}
.howto{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
flex-basis:100%;
width:100%;
overflow:hidden;
}
.howto li{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
width:100%;
border-bottom:#ddeaf5 solid 1px;
padding:15px;
color:inherit;
}
.howto li span{
font-size:12px;
margin-right:2px;
}
.howto li code{
font-size:12px;
font-style:italic;
line-height:normal;
padding:0px;
background:transparent;
color:#337ab7;
}
/* HOW TO */
/* CODE VIEW */
.code-view{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:auto;
padding:15px;
overflow:hidden;
}
/* CODE VIEW */
/* PREVIEW */
.preview{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:auto;
padding:15px;
overflow:hidden;
border-bottom:#e5e5e5 solid 1px;
}
.preview .preview-header{
margin-bottom:15px;
}
.preview .preview-header,
.preview .preview-body{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:auto;
overflow:hidden;
}
.preview .preview-header .preview-pic,
.preview .preview-header .preview-text{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
}
.preview .preview-header .preview-pic img{
width:100px;
}
.preview .preview-header .preview-text p{
font-size:14px;
font-weight:bold;
color:#4b4f56;
text-align:center;
margin-top:5px;
}
.preview .preview-body .preview-selection{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
width:100%;
height:auto;
overflow:hidden;
border:#e5e5e5 1px dashed;
padding:5px;
margin:0px 0px 5px 0px;
}
.preview .preview-body .preview-selection:last-child{
margin:0px;
}
.preview .preview-body .preview-selection p{
font-size:12px;
width:100%;
font-weight:bold;
}
.preview .preview-body .preview-selection ul{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:auto;
overflow:hidden;
}
.preview .preview-body .preview-selection ul li{
font-size:10px;
}
.preview .preview-body .preview-selection ul li:after{
content:',';
display:inline-block;
margin-right:2px;
}
.preview .preview-body .preview-selection ul li:last-child:after{
content:'.';
margin-right:0px;
}
/* PREVIEW */
/*
.footer.fixed_full {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 10px 20px;
background: white;
border-top: 1px solid #e5e5e5;
}
.footer.fixed {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 10px 20px;
background: white;
border-top: 1px solid #e5e5e5;
margin-left: 220px;
}*/
/* TOOLTIP
.tooltip{
position:absolute;
top:calc(100% - 145px);
right:-205px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
background-color:#ffffff;
width:200px;
height:auto;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius:6px;
outline:0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
z-index:10;
overflow:hidden;
}
.tooltip .tooltip-body{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
background-color:#ffffff;
width:100%;
height:100%;
padding:15px;
overflow:hidden;
}
.tooltip .tooltip-body .close{
position:absolute;
top:5px;
right:5px;
color:#90949C;
border-radius:50%;
padding:3px 5px;
font-size:8px;
border:none;
}
.tooltip .tooltip-body .close:hover{
background:#E5E5E5;
color:#444444;
}
.tooltip.tooltip-event .tooltip-body .tooltip-header{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
align-items:center;
width:100%;
height:100%;
margin-bottom:5px;
}
.tooltip.tooltip-event .tooltip-body .tooltip-header .tooltip-img{
width:50px;
height:50px;
border-radius:50%;
border:#F5F5F5 solid 2px;
}
.tooltip.tooltip-event .tooltip-body .tooltip-header label{
display:block;
padding:5px 10px;
color:#FFFFFF;
background-color:red;
border-radius:3px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.tooltip.tooltip-event .tooltip-body h1{
color:#000;
font-size:1.3em;
width:100%;
white-space:normal;
text-overflow:initial;
}
.tooltip.tooltip-event .tooltip-body address,
.tooltip.tooltip-event .tooltip-body p{
color:#000;
font-size:1em;
width:100%;
margin-top:5px;
padding:10px 0px;
border-top:#E5E5E5 solid 1px;
white-space:normal;
text-overflow:initial;
}
.tooltip.tooltip-event .tooltip-body p:last-child,
.tooltip.tooltip-event .tooltip-body address:last-child{
padding-bottom:0px;
}
.tooltip.tooltip-event .tooltip-body p date,
.tooltip.tooltip-event .tooltip-body p time{
color:#000;
}
.tooltip.tooltip-event .tooltip-body address{
color:#337ab7;
}
.tooltip.tooltip-event .tooltip-body > p > i,
.tooltip.tooltip-event .tooltip-body > p > i > date,
.tooltip.tooltip-event .tooltip-body > p > i > time{
font-size:0.9em;
color:#90949c;
font-style:italic;
}
.tooltip.tooltip-event .tooltip-body > p > i:before{
content:'-';
display:inline-block;
margin:0px 2px 0px 0px;
}
.tooltip.tooltip-event .tooltip-body .tooltip-contacts{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
width:100%;
height:auto;
max-height:53px;
overflow-y:scroll;
overflow-x:hidden;
}
.tooltip .tooltip-footer{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
background-color:whitesmoke;
width:100%;
height:100%;
overflow:hidden;
}
.tooltip .tooltip-footer .btn-group{
width:100%;
}
.tooltip .tooltip-footer .btn-group .btn{
width:100%;
border-radius:0px;
}
.tooltip .tooltip-footer .btn-group .btn i{
margin-right:2px;
}
.tooltip .tooltip-footer .btn-group .btn:hover{
opacity:0.75;
}
TOOLTIP */
@media (max-width: 768px){
.side-0 section:first-child h1{
font-size:24px;
font-weight:400;
}
.feed-element .news-content .news-text h2,
.feed-element .news-content .news-text h1,
.feed-element .news-content .news-text p{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.side-option{
width:100%;
right:-100%;
}
.side-option.active{
transform:translate(-100%);
}
.side-option .feed-element{
border:none;
padding:0px;
}
}
@media (max-width: 768px) {
.feed-element .media-left img{
width: 25px;
height: 25px;
}
}
@media (max-width: 768px) {
.feed-menu{
padding:0px!important;
margin:-15px -15px 0px -15px;
width:100%;
border-radius:0px!important;
}
.ibox .attachements-multimedia,
.feed-menu-count{
border:none;
}
.feed-wrapper .feed-menu .media-body .feed-menu-fields,
.feed-wrapper .feed-menu .media-body .feed-menu-count,
.feed-wrapper .feed-menu .media-body .feed-menu-btn{
border:none!important;
border-radius:0px!important;
}
}
@media (max-width: 768px){
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .media-body .feed-menu-fields textarea{
font-size:16px;
min-height:100px;
}
}
@media (max-width: 768px) {
.side-0 section:last-child nav > .btn-group:first-child > .btn:first-child,
.side-0 section:last-child nav > .btn-group:last-child > .btn:first-child{
border-radius:0px!important;
font-size:16px;
}
}
@media (max-width: 1199px) {
.feed-element .assignto .assignto-pic{
width:75px;
min-width:75px;
max-width:75px;
}
.feed-element .assignto .assignto-pic a img{
width:75px;
height:75px;
}
.feed-element .assignto .assignto-pic a div{
width:75px;
height:75px;
}
.feed-element .assignto .assignto-pic a div i{
font-size:20px;
}
.feed-element .assignto .assignto-pic a small{
font-size:16px;
}
}
@media (max-width: 768px) {
.feed-element .assignto .assignto-pic{
width:100%;
min-width:50px;
max-width:60px;
}
.feed-element .assignto .assignto-pic a img{
width:50px;
height:50px;
min-width:50px;
}
.feed-element .assignto .assignto-pic a div{
width:50px;
height:50px;
}
.feed-element .assignto .assignto-pic a div i{
font-size:20px;
}
.feed-element .assignto .assignto-pic a small{
font-size:14px;
}
.feed-element .assignto .assignto-icon{
margin:0px 10px;
}
}
@media (max-width: 768px) {
.side-6{
flex-wrap:wrap;
height:auto;
order:2;
display:none;
visibility:hidden;
}
.date-selectors{
order:1;
flex-wrap:nowrap;
width:100%;
height:auto;
justify-content:space-between;
}
.date-selector-1, .date-selector-2{
width:100%;
margin:0px 2.5px;
border:#000 solid 1px;
}
.date-selector-1{
margin-left:0px;
}
.date-selector-2{
margin-right:0px;
}
.kpi-wrapper{
order:2;
}
.process-wrapper,
.kpi-wrapper .kpis{
overflow-x:scroll;
}
.kpi-wrapper .kpis{
overflow:hidden;
overflow-x:scroll;
}
.feed-element .assignto,
.feed-element .status{
min-width:100%;
max-width:100%;
}
}
@media (max-width: 768px) {
.feed-element .status .status-pic{
width:50px;
height:50px;
}
.feed-element .status .status-pic a div{
width:50px;
height:50px;
}
.feed-element .status .status-pic a div i{
font-size:20px;
}
.feed-element .status .status-desc ul li i,
.feed-element .status .status-desc ul li:last-child span{
font-size:10px;
}
.feed-element .status .status-desc{
width:calc(100% - 50px);
margin-left:10px;
}
}
@media (max-width: 768px){
.side-3 .ibox .ibox-heading{
flex-wrap:wrap;
}
.side-3 .ibox .ibox-heading div p {
width:100%;
flex-basis:100%;
flex-wrap:wrap;
}
}
@media (max-width: 768px) {
.pagination{
margin:15px 0px 0px 0px;
}
}
@media (max-width: 991px) {
.records .record{
flex-basis:100%;
margin:0px 0px 15px 0px;
}
.records .record:last-child{
margin:0px;
}
}
@media (max-width: 768px) {
.records .record .record-header > div > p > a{
font-size:1.5em;
}
}
@media (max-width: 768px) {
.records .record .record-body div p > a{
font-size:1.25em;
}
}
@media (max-width: 768px) {
.calendar-dia{
padding:0px 15px 0px 15px;
width:100%;
}
}
@media (max-width: 768px){
.calendar-mes .calendar-row > div .calendar-events .calendar-event{
justify-content:center;
}
.calendar-mes .calendar-row > div .calendar-events .calendar-event:before{
content:"Evento";
display:block;
font-weight:600;
font-size:9px;
}
.calendar-mes .calendar-row > div .calendar-events .calendar-event span{
display:none;
visibility:hidden;
}
.calendar-mes .calendar-header div p{
font-size:8px;
}
}
@media (max-width: 768px) {
.calendar-semana .calendar-header div p{
font-size:8px;
}
.calendar-semana .calendar-header div p span{
font-size:10px;
width:10px;
height:10px;
}
.calendar-semana .calendar-header div p span.today{
background:transparent;
color:#c53929;
border-radius:none;
}
.calendar-semana .calendar-header div:first-child,
.calendar-semana .calendar-row .calendar-time{
width:8.5%;
}
.calendar-semana .calendar-row .calendar-time .calendar-hour span{
font-size:8px;
}
#tab-mes .ibox-heading p,
#tab-semana .ibox-heading p{
font-size:16px;
}
#tab-mes .ibox-heading,
#tab-semana .ibox-heading{
padding:10px;
}
.calendar-semana .calendar-row > div .calendar-events .calendar-event{
justify-content:center;
align-items:center;
padding:2px;
}
.calendar-semana .calendar-row > div .calendar-events .calendar-event span{
font-size:10px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
display:block;
}
}
@media (max-width: 768px){
nav.view-options{
display:none;
visibility:hidden;
}
}
@media (max-width: 768px){
.side-4 .ibox .ibox-heading{
border-bottom:none;
background:#FFFFFF!important;
padding:10px 15px;
}
.side-4 .ibox .ibox-heading p,
.ibox .ibox-heading div p{
font-size:13px!important;
}
.side-4 .ibox .ibox-heading p i:first-child{
display:none;
visibility:hidden;
}
}
@media (max-width: 991px) {
.columns-wrapper nav.view-options{
display:flex;
width:100%;
visibility:visible;
}
.columns-wrapper nav.view-options > ul{
flex-wrap:nowrap;
height:auto;
width:100%;
min-width:100%;
max-width:100%;
}
.columns-wrapper nav.view-options > ul li{
height:auto;
width:100%;
max-width:100%;
}
.columns-wrapper .columns .column ul{
width:100%;
min-width:100%;
max-width:100%;
}
}
@media (max-width: 768px) {
.task .task-header .task-step .task-step-2 p strong{
font-weight:600;
}
.task .task-header .task-step .task-step-2 p small{
font-size:14px;
}
.task .task-header .task-step .task-step-2 p > a{
font-size:16px;
}
}
@media (max-width: 768px){
.nota .nota-header p{
font-size:18px;
font-weight:600;
}
}
@media (max-width: 991px) {
.side-5{
flex-basis:calc(77.5% - 15px);
width:calc(77.5% - 15px);
margin:0px 0px 15px 0px;
}
}
@media (max-width: 768px) {
.side-5{
flex-basis:100%;
width:100%;
margin:0px 0px 15px 0px;
padding:0px;
order:2;
}
}
@media (max-width: 768px) {
.footer .footer-wrapper .footer-chat{
width:100%;
}
}
@media (max-width: 768px) {
.footer .footer-wrapper .footer-chat .panel{
max-width:100%;
}
}
@media (max-width: 768px) {
.footer .footer-wrapper .footer-chat .panel-body{
height:100%;
}
}
@media (max-width: 1024px) {
.side-0{
flex-wrap:wrap;
justify-content:space-between;
}
.side-0 section:last-child{
flex-basis:70%;
}
.side-1{
width:20%;
flex-basis:20%;
position:relative;
top:0px;
}
.side-3{
width:calc(80% - 15px);
flex-basis:calc(80% - 15px);
position:relative;
}
nav.view-options > ul{
flex-wrap:wrap;
}
nav.view-options > ul li{
width:50%;
}
.table-responsive{
overflow-x:auto;
border-right:1px solid #dadce0;
}
.notifications-bar div:first-child{
width:50%;
}
}
@media (max-width: 768px) {
.wrapper-content{
padding-left:0px;
padding-right:0px;
}
.wrapper-content > nav{
display:none;
visibility:hidden;
}
.notifications-bar div:first-child{
width:60%;
}
.notifications-bar div:last-child{
width:40%;
}
.navbar > div:first-child > div:nth-child(2){
border-right:none
}
.navbar > div:first-child > div:last-child{
display:none;
visibility:hidden;
}
.notifications-bar div:only-child{
width:100%;
}
.side-0{
flex-wrap:wrap;
justify-content:space-between;
order:1;
height:100%;
padding: 5px 0px 0px 0px;
box-shadow:0 1px 2px rgb(0 0 0 / 20%);
}
.side-0 section:first-child{
flex-basis:100%;
justify-content:center;
}
.side-0 section:first-child a.btn{
margin-left:-30px;
}
.side-0 section:last-child{
flex-basis:100%;
margin:5px 0px 0px;
padding-left:0px;
justify-content:flex-start;
flex-wrap:wrap;
height:auto;
}
.side-0 section:last-child .search{
display:none;
visibility:hidden;
margin:0px 0px 15px 0px;
}
.side-0 section:last-child nav{
width:100%;
justify-content:space-between;
align-items:center;
}
.side-0 section:last-child nav .btn-group{
justify-content:flex-start;
width:100%;
}
.side-0 section:last-child nav .btn-group .btn{
width:100%;
border-radius:0px!important;
}
.side-1{
width:100%;
flex-basis:100%;
order:2;
padding:0px 0px 15px 0px;
}
.side-1 .delete{
display:none;
visibility:hidden;
}
.side-1 .profile{
align-items:center;
padding-bottom:15px;
}
.side-1 .profile .profile-pic{
width:100%;
display:flex;
justify-content: center;
margin:0px;
}
.side-1 .profile .profile-pic img{
width:100px;
height:100px;
display:inline-block;
border-width:3px;
}
.side-1 .profile .business-type{
width:100%;
height:auto;
justify-content:center;
margin:5px 0px 0px 0px;
overflow:visible;
}
.side-1 .profile .business-type label{
width:auto;
justify-content:center;
align-items:center;
margin-right:0px;
font-size:10px;
height:20px;
}
.side-1 .profile .business-type label:last-child{
margin:0px;
}
.side-1 .profile .profile-desc{
width:100%;
justify-content:center;
padding:0px;
margin:15px 0px 0px 0px;
}
.side-1 .profile .profile-desc ul{
justify-content:center;
}
.side-1 .profile .profile-desc ul li{
flex-wrap:wrap;
justify-content:center;
margin:0px;
}
.side-1 .profile .profile-desc ul li > label{
margin:0px;
text-align:left;
}
.side-1 .profile .profile-desc ul li > span{
display:block;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
margin:0px 0px 0px 5px!important;
}
.side-1 .profile .profile-desc span.notice{
font-size: 10px;
margin-top: 5px;
}
.side-1 ul.nav-tabs{
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
}
.side-1 ul.nav-tabs > li{
width:100%;
text-align:center;
}
.side-1 ul.nav-tabs > li.active > a{
border-bottom:3px solid #E5E5E5;
box-shadow:none;
}
.side-1 h3{
font-size:22px;
text-align:center;
}
.side-1 .profile .profile-desc .social-btn{
margin-top:15px!important;
justify-content:center;
}
.side-1 .profile .profile-desc ul li:last-child span{
margin:0px;
}
.side-1 .profile .profile-desc ul li span a{
width:auto;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.side-1 .social-btn a.btn{
font-size:12px;
height:30px;
padding:2px 4px;
}
.side-1 .profile .opportunity-content{
justify-content:center;
margin:15px 0px 0px 0px;
}
.side-2{
width:100%;
flex-basis:100%;
padding:0px;
position:relative;
order:4;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-timeline{
display:none;
visibility:hidden;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-elements{
padding:0px;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-elements .feed-element{
position:relative;
padding:10px 15px 10px 15px!important
border-radius:0px!important;
border-left:none!important;
border-right:none!important;
overflow:visible;
border-radius:0px!important;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-elements .feed-element .media-left{
position:absolute;
top:10px;
left:10px;
width:35px;
margin:0px;
padding:0px;
background:#FFFFFF;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-elements .feed-element .comment .media-left{
top:0px;
left:0px;
background:transparent;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-elements .feed-element .comment .media-body p:first-child{
left:25px;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-elements .feed-element .comment.comment-answer .media-left{
top:10px;
left:0px;
background:transparent;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-elements .feed-element .media-body{
position:relative;
width:100%;
overflow:visible;
padding-top:25px;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed .feed-body .feed-elements .feed-element .media-body p:first-child{
position:absolute;
top:0px;
left:30px;
display:inline-flex;
width:auto;
margin:0px;
padding:0px;
}
.comment .media-left{
width:auto!important;
height:auto!important;
}
.side-2 .ibox .ibox-content > div.row .info-group{
width:100%;
border-bottom:#E5E5E5 solid 1px;
margin-top:10px;
}
.side-2 .ibox .ibox-content > div.row .info-group:last-child{
border-bottom:none;
}
.side-2 .ibox .ibox-content > div.row{
flex-wrap:wrap;
flex-direction:row;
}
.side-2 .ibox .ibox-content > div.row .form-group{
width:100%;
margin-top:10px;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .media-body{
width:100%;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .media-left{
display:none;
visibility:hidden;
}
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .media-body .feed-menu-fields:before,
.side-2 .tab-content .panel-body .ibox .ibox-content .feed-menu .media-body .feed-menu-fields:after{
display:none;
visibility:hidden;
}
.side-2 .feed-wrapper{
border-radius:0px!important;
}
.side-3{
width:100%;
flex-basis:100%;
padding:15px 0px 0px 0px;
order:4;
}
nav.view-options > ul{
flex-wrap:wrap;
}
.table-responsive{
overflow-x:auto;
border-right:1px solid #dadce0;
}
.side-1 .ibox .draganddrop > div:first-child{
min-height:auto;
padding:10px;
}
.side-1 .ibox .draganddrop > div:first-child > input{
margin:0px;
}
.side-1 .ibox .draganddrop > div:first-child p,
.side-1 .ibox .draganddrop > div:first-child span{
display:none;visibility:hidden;
}
.side-1 .ibox .draganddrop > div:last-child{
margin-top:5px;
}
.side-1 .ibox .draganddrop > div:last-child div{
max-width:50px;
}
.side-4{
width:100%;
flex-basis:100%;
order:3;
padding:0px 0px 15px 0px;
position:relative;
top:0px;
}
.side-4 .ibox:last-child{
margin:0px;
}
}
@media (max-width: 1199px) {
.ibox .ibox-content .news-wrapper .news.news-1{
flex-basis:calc(33.33% - 12px);
width:calc(33.33% - 12px);
}
.ibox .ibox-content .news-wrapper .news.news-1:nth-child(3){
margin-right:0px;
}
.ibox .ibox-content .news-wrapper .news.news-1:nth-child(4){
margin-right:15px;
}
}
@media (max-width: 768px) {
.ibox .ibox-content .news-wrapper .news.news-1{
flex-basis:100%!important;
width:100%!important;
margin-right:0px!important;
}
.ibox .ibox-content .news-wrapper .news.news-1:last-child{
margin-bottom:0px!important;
}
.ibox .ibox-content .news-wrapper .news.news-1 .news-img{
position:relative;
flex-basis:100%;
width:100%;
max-height:325px;
margin-bottom:5px;
overflow:hidden;
}
.ibox .ibox-content .news-wrapper .news.news-1 .news-img img{
width:100%;
height:100%;
max-width:100%;
max-height:325px;
object-fit:cover;
}
.ibox .ibox-content .news-wrapper .news.news-1 .news-content .news-text h1,
.ibox .ibox-content .news-wrapper .news.news-1 .news-content .news-text h1 a{
font-size:22px;
width:100%;
}
.ibox .ibox-content .news-wrapper .news.news-1 .news-content .news-text p{
font-size:16px;
width:100%;
}
.feed-element .status .status-pic a img{
width:50px;
height:50px;
}
.website{
border-radius:0px;
border-left:none;
border-right:none;
}
.website,.website.website-sm{
width:100%;
margin-right:0px;
}
.website .website-body .website-1,
.website .website-body .website-2,
.website .website-body .website-3,
.website .website-body .website-4{
width:100%;
max-width:100%;
}
.website .website-body .website-1{
margin:0px 0px 15px 0px;
}
.website .website-body .website-2,
.website .website-body .website-3,
.website .website-body .website-4{
flex-direction:row;
flex-wrap:wrap;
border:none;
padding:0px;
}
.website.website-sm .website-body .website-1{
width:100%;
max-width:100%;
justify-content:center;
align-items:center;
margin-right:0px;
display:none;
visibility:hidden;
}
.website.website-sm .website-body .website-1 img{
width:150px;
height:150px;
}
.website .website-body{
flex-direction:row;
flex-wrap:wrap;
}
.website.website-sm .website-body .website-2{
width:calc(50% - 7.5px);
margin:0px 15px 0px 0px;
}
,
.website.website-sm .website-body .website-3{
width:calc(50% - 7.5px)!important;
}
.website .website-body .feed-element .media-left{
display:none;
visibility:hidden;
}
.website .website-body .feed-element .media-body{
width:100%;
}
}
@media (max-width: 768px){
.news.news-1{
width:100%;
margin:0px 0px 15px 0px;
}
.news.news-1:last-child{
margin-bottom:0px;
}
.news.news-1 .news-content {
min-height:auto;
}
.news.news-1 .news-img a,
.news.news-1 .news-img a img,
.news.news-1 .news-content .news-text,
.news.news-1 .news-content .news-author,
.news.news-1 .news-content .news-channels{
width:100%;
flex-basis:100%;
}
.news.news-1 .news-content .news-author{
flex-wrap:nowrap;
flex-direction:row;
}
.news.news-1 .news-content .news-author p{
display:inline-block;
}
.news.news-1 .news-content .news-channels{
padding:5px;
border-bottom:#E5E5E5 solid 1px;
margin-bottom:15px;
}
.news.news-2 .news-content .news-text,
.news.news-2 .news-content .news-article{
padding:0px 0px 15px 0px;
}
.news.news-2 .news-content .news-text h1{
width:100%;
font-size:28px;
line-height:26px;
}
.news.news-2 .news-content .news-channels li:first-child{
display:none;
visibility:hidden;
}
.news.news-2 .news-content .news-text h2{
font-size:18px;
margin:0px;
}
.news.news-2 .news-img{
margin:25px 0px;
}
.footer .footer-wrapper .footer-email{
width:100%;
}
.footer .footer-wrapper .footer-email .panel{
position:fixed;
bottom:0px;
}
.footer .footer-wrapper .footer-email .panel .panel-body{
overflow:hidden;
}
.footer .footer-wrapper .footer-email .panel .panel-body .email-new-wrapper{
height:100%;
flex-wrap:nowrap;
}
.footer .footer-wrapper .footer-email .panel .panel-body .email-new-wrapper .new-email-text p{
padding-right:15px;
min-width:calc(100% + 30px);
}
.calendar-dia .calendar-agenda .calendar-time{
min-height:40px;
}
nav.view-options > div.referals{
display:none;
visibility:hidden;
}
.side-1 ul.nav-tabs > li.active:after{
top:30px;
left:35%;
border-left:19px solid transparent;
border-right:19px solid transparent;
border-top:15px solid #dce1e9;
}
.kpi-wrapper .kpi .kpi-header .btn-wrapper{
display:none;
visibility:hidden;
}
.kpi-wrapper .kpi .kpi-header span{
width:100%;
max-width:100%;
}
.website .website-info .info-group{
width:100%;
}
.ibox,
.ibox.collapsed,
.ibox .ibox-heading{
border-radius:0px!important;
border-left:none!important;
border-right:none!important;
}
}