.highlited {
	background-color: rgba(206, 210, 65, 0.9);
	color: black;
}


.top-of-site-link {
	background-color: black;
	border-radius: 5px 0px 0px 5px;
	padding: 8px;
	transition: .2s;
	position: fixed;
	bottom: 1.2rem;
	right: 1.5rem;
	z-index: 15;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px 0px;
	color: #FFF;
}

.outbox
{
    background-color: #344860;
}


.inbox
{
    background-color: #8500a0;
}

.label-inbox
{
    background-color: #8500a0;
}

.btn-inbox {
    color: #fff;
    background-color: #8500a0;
    border-color: #8500a0;
}

.btn-inbox:hover {
    color: #fff;
}
.label-outbox
{
    background-color: #344860;
}

.btn-outbox {
    color: #fff;
    background-color: #344860;
    border-color: #344860;
}

.btn-outbox:hover {
    color: #fff;
}

.glyphicon
{
    padding: 6px 10px !important;
}

.ultraSearch
{    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	margin-left: 50px;
	margin-top: 10px;
}

.btnUpload
{
    background-color: indigo;
    color: white;
    padding: 8px;
    font-family: sans-serif;
    border-radius: 0.3rem;
    cursor: pointer;
    float:right;
}


.btnUpload:hover
{
    color: indigo;
    background-color: white;
    border:1px solid indigo;

}
.info
{
    background-color: #5bc0de;
}

.default {
    background-color: #ffffff;
}
.primary
{
    background-color: #428bca;
}

.warning
{
    background-color: #f0ad4e;
}

.success {
    background-color: #5cb85c;
}

.danger {
    background-color: #d9534f;
}



.QRcode{
    float: right;
    margin-right: 2px;
}

@media print {
    a[href]:after {
        display: none;
        visibility: hidden;
    }
}

@media print
{
    .noprinting
    {
        display: none;
        visibility: hidden;
    }
}
/*
@media print {
    a[href]:after {
        content: none !important;
    }
}
*/

.lifolder
{
    min-height: 30px;
    margin-top: 4px;
    padding-top: 2px;
}

.lifolder:hover
{
    background-image: url("../img/lifolder.png");
}

.gestionFolders
{
    min-height: 800px;
}

.submenus
{
    padding-left: 25px;
}

.folder-list
{
    padding: 0px;
}

/****** Wizard*/

.wizard {
    margin: 20px auto;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;

}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}


/****Fin Wizard */


.espacioTabs
{
    /* margin-left: 100px; */
}

.buscarButon
{
    margin-left: 30px;
    margin-top: 4px;
}

.asignadoOpciones
{
    margin-left: 10px;
}

.asignados
{
    min-height: 330px;
}

.ui-tooltip {
    white-space: pre-line;
}
.mini_button
{
    /* width: 24px; */
    height: 24px;
    background-color: lightslategray;
    color: white!important;
    padding: 4px;
    border-radius: 20%;
    margin-left: 4px;
    /* margin-top: 8px; */
}

/***** TABS LEFT ****/


.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}


.dropdown-menu > li > a:before
{
   margin-right: 6px;
}

/*** CHAT Whatsapp Style ****/

.msg {
    width: 100%;
    height: auto;
    display: block;
    /* overflow: hidden; */
}
.msg .bubble {
    float: left;
    /* max-width: 100%; */
    width: 95%;
    height: auto;
    display: block;
    background: aliceblue;
    border-radius: 5px;
    position: relative;
    margin: 10px 0 3px 0px;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
}
.msg .bubble.alt {
    margin: 10px 25px 3px 0px;
    background: #DCF8C6;
    float: right;
}
.msg .bubble.follow {
    margin: 2px 0 3px 25px;
}
.msg .bubble.altfollow {
    margin: 2px 25px 3px 0px;
    background: #DCF8C6;
    float: right;
}
.msg .bubble .txt {
    padding: 3px 0px 0px 0px;
    width: 100%;
}
.msg .bubble .txt .name {
    font-weight: 600;
    font-size: 14px;
    display: inline-table;
    padding: 0 0 0 15px;
    margin: 0 0 4px 0;
    color: #3498db;
}
.msg .bubble .txt .name span {
    font-weight: normal;
    color: #b3b3b3;
    overflow: hidden;
}
.msg .bubble .txt .name.alt {
    color: #2ecc51;
}
.msg .bubble .txt .mensaje {
    font-size: 14px;
    font-weight: 500;
    padding-left: 15px;
    /* margin: auto; */
    color: #2b2b2b;
    display: table;
}
.msg .bubble .txt .timestamp {
    font-size: 11px;
    margin: auto;
    padding: 0 15px 0 0;
    display: table;
    float: right;
    position: relative;
    text-transform: uppercase;
    color: #999;
}
.msg .bubble .bubble-arrow {
    position: absolute;
    float: left;
    left: -11px;
    top: 0px;
}
.msg .bubble .bubble-arrow.alt {
    bottom: 20px;
    left: auto;
    right: 4px;
    float: right;
}
.msg .bubble .bubble-arrow:after {
    content: "";
    position: absolute;
    border-top: 15px solid aliceblue;
    border-left: 15px solid transparent;
    border-radius: 4px 0 0 0px;
    width: 0;
    height: 0;
}
.msg .bubble .bubble-arrow.alt:after {
    border-top: 15px solid #DCF8C6;
    transform: scaleX(-1);
}

@media only screen and (max-width: 450px) {
    .container {
        width: 100%;
    }

    .timestamp {
        display: none;
        color: red;
    }
}
/*** FIN  CHAT Whatsapp Style ****/


.email
{
    font-size: 11px;
    color: #999;
}
.urgente
{
    background:url(../img/urgente.png);
    background-size: contain;/* background-position: 60%; */

    background-repeat-y: no-repeat;
}

.prioridad
{
    /*float: right;*/
}

.atencion
{
    border-left: 6px solid #ce4844 !important;

}

.adjunto
{
    margin-top: 8px;
}
.smalltext
{
    font-size: 8pt;
}

.properties dd {
    margin-left: 0;
    background-color: #2B2A2B;
    min-height: 20px;
    color: bisque;
    border-radius: 2px;
}



/*Searchbox*/
#SearchResults
{

margin-top: -1px;

z-index: 9999;

background-color: lightyellow;

color: #000;

border: 1px solid #aaa;

/* border-top: 0; */

border-radius: 0 0 4px 4px;

-webkit-box-shadow: 0 4px 5px rgb(0 0 0 / 15%);

box-shadow: 0 4px 5px rgb(0 0 0 / 15%);

min-width: 290px;
}

/************************************/

.iconDoc
{
    height: 64px;
}
.file:hover
{
    background-color: aliceblue;
}

.propertiesHeader
{
    background-color:     #424242;
    color: white !important;
}

.propertiesHeader h1
{
    color: white !important;
}

.barIcon
{
    background-color: #2B2A2B;
    text-align: center;
}

.properties
{
background-color: #6B6B6B;
color: #FFF;
}

.properties a
{
    color: #FFF;
}

body{
    /* margin-top:20px; */
    background:#eee;
    margin: 0px;
}

.file-box {
    float: left;
    width: 220px;
}
.file-manager h5 {
    text-transform: uppercase;
}
.file-manager {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.folder-list li a {
    color: #666666;
    display: block;
    padding: 5px 0;
}
.folder-list li {
    /* border-bottom: 1px solid #e7eaec; */
    display: block;
    list-style: none;
    /* background-image: url("../img/iconos/folder.png"); */
    /* background-repeat: no-repeat; */
    /* background-position: left center; */
    /* padding-left: 22px; */
}
.folder-list li i {
    margin-right: 8px;
    color: #3d4d5d;
}
.category-list li a {
    color: #666666;
    display: block;
    padding: 5px 0;
}
.category-list li {
    display: block;
}
.category-list li i {
    margin-right: 8px;
    color: #3d4d5d;
}
.category-list li a .text-navy {
    color: #1ab394;
}
.category-list li a .text-primary {
    color: #1c84c6;
}
.category-list li a .text-info {
    color: #23c6c8;
}
.category-list li a .text-danger {
    color: #EF5352;
}
.category-list li a .text-warning {
    color: #F8AC59;
}
.file-manager h5.tag-title {
    margin-top: 20px;
}
.tag-list li {
    float: left;
}
.tag-list li a {
    font-size: 10px;
    background-color: #f3f3f4;
    padding: 5px 12px;
    color: inherit;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-right: 5px;
    margin-top: 5px;
    display: block;
}
.file {
    border: 1px solid #e7eaec;
    padding: 0;
    background-color: bla;
    position: relative;
    margin-bottom: 20px;
    margin-right: 12px;
    border-radius: 6px;
}
.file-manager .hr-line-dashed {
    margin: 15px 0;
}
.file .icon,
.file .image {
    height: 100px;
    overflow: hidden;
}
.file .icon {
    padding: 15px 10px;
    text-align: center;
}
.file-control {
    color: inherit;
    font-size: 11px;
    margin-right: 10px;
}
.file-control.active {
    text-decoration: underline;
}
.file .icon i {
    font-size: 70px;
    color: #dadada;
}
.file .file-name {
    padding: 10px;
    background-color: #f8f8f8;
    border-top: 1px solid #e7eaec;
}
.file-name small {
    color: #676a6c;
}
ul.tag-list li {
    list-style: none;
}
.corner {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 0.6em solid transparent;
    border-right: 0.6em solid #f1f1f1;
    border-bottom: 0.6em solid #f1f1f1;
    right: 0em;
    bottom: 0em;
}
a.compose-mail {
    padding: 8px 10px;
}
.mail-search {
    max-width: 300px;
}
.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}
.ibox.collapsed .ibox-content {
    display: none;
}
.ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078";
}
.ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077";
}
.ibox:after,
.ibox:before {
    display: table;
}
.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;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
}
.ibox-content {
    background-color: #ffffff;
    color: inherit;
    /* padding: 15px 20px 20px 20px; */
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}
.ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #ffffff;
    padding: 10px 15px;
}
a:hover{
    text-decoration:none;
}


/****************/


.ui-tooltip
{
	font-family:"Segoe UI Light","Helvetica Neue","Segoe UI","Segoe WP";
}



.btn clearfix btn-link
{
	margin:2px;
}

.gi-2x{font-size: 12px;font-weight: lighter;}
.gi-3x{font-size: 13px;font-weight: lighter;}
.gi-4x{font-size: 18px;font-weight: lighter;}
.gi-5x{font-size: 15px;font-weight: lighter;}

.hintlabel
{
	font-weight:lighter;
	font-size:12px;
}

.hint
{
	margin-right:2px;
}

button-checkbox.bootstrap-checkbox.hints button
{
	padding:0px;
}

.hints
{

}

.fc-event-title i
{
	font-size:14px;
}


.hover-end{padding:0;margin:0;font-size:75%;text-align:center;position:absolute;bottom:0;width:100%;opacity:.8}

.slider
{
	float:left;
}

.filtros
{
	width:100%;
	float:left;
    margin-top: 10px;
}

.bs-callout {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin: 20px 0;
    padding: 20px;
}

.bs-callout-info {
    border-left-color: #5bc0de;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-success {
    border-left-color: #5cb85c;
}

.bs-callout-default
{
    border-left-color: #777;
}

ul.notifications li
{
	margin-top: 5px;

}

#menu-toggle
{
	padding: 3px;
	margin-top: -3px;
}
.catalog
{
	min-height: 150px !important;
	list-style:none;
}

.widget .widget-header, .widget .widget-body, .widget .widget-footer {
    position: relative;
    padding: 15px;
    z-index: 995;
}

.overflow-hidden {
    overflow: hidden;
}


.widget {
    position: relative;
    border-radius: 2px;
    margin-bottom: 20px;
    background-color: #FFF;
}

.bg-primary {
    color: #FFF;
    background-color: #428BCA;
}


.progress
{background-color: #ddd !important;background-image:none;}

.sr-only
{
	position: inherit;
	}



.navbar-inverse {
    background-color: #333;
    border-bottom: 5px solid #f17121;
    border-color: #e7e7e7 #e7e7e7 #f17121;
    padding-bottom: 6px;
}


.message
{
    background: url("../img/notification/info.png") no-repeat scroll 20px center #dde9f7;
    border: 1px solid #97bdec;
    border-radius: 6px;
    color: #3c628d;
    line-height: 45px;
    min-height: 40px;
    padding: 4px 4px 4px 60px;
}

/*
.message:before {
    float: left;
    margin: 5px 15px 0 21px;
}
*/


h3 a
{
	color: #900;
}

th.fc-day-header
{
	background-image: url("../img/menu_active.png");
	background-repeat: repeat-x;
	height:30px;
	padding-top: 5px !important;
}

.fc-other-month
{
	background-color:#DDD !important;
}

div.btn-group a.btn
{
		padding: 6px 4px;
		/*
		background: none;
color: cornflowerblue;
border-radius: 5px !important;

*/
		}


div.event_legend_item {
float: left;
border-left-width: 8px;
border-left-style: solid;

margin-bottom: 4px;

overflow: hidden;
}


div.event_legend_name {
font-size: 0.9em;
padding: 3px;
}


.modal-lg {
width: 900px;
}

.bs-callout-info {
border-left-color: #5bc0de;
}
.bs-callout {
padding: 20px;
margin: 20px 0;
border-left-width: 5px;
border-radius: 3px;
}

.dl-horizontal dt{
	text-align: left;
	}


#accordion
{
	margin-top:10px;
}

/**
* Estilos indispensables para desplegar el menu y submenu en el hover
*/
/*
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
 */
/**
* Fin
*/


.uppercase
{
	text-transform:uppercase;
}

.ticket_new
{
	background-color:#BEF7B0;
}

.ticket_progress
{
	background-color:#F5F5AC;
}

.ticket_ok
{
	background-color:#B0D2F7;
}

.toolong
{
	background-color:#FFE1E3;
}


.highlight {
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    margin-bottom: 14px;
    padding: 9px 14px;
}

.table-actualizaciones
{
    border-collapse: collapse;
}

.table-actualizaciones td
{
    border-bottom: 1px solid #cccccc;
 	text-align: center;
	height:50px;
 }

.star
{

}


.superprogress
{
	background-color:#E4CEFD;
    border-radius: 6px;
    box-shadow: 0 0 0 1px #ffffff inset, 0 0 20px rgba(0, 0, 0, 0.1) inset;
    min-height: 20px;
    padding: 19px;
	text-align:center;
}


.starnew
{

    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    color: #8a6d3b;

    border-radius: 5px 0px 0px 5px;
    min-height: 20px;
    padding: 19px;
	text-align:center;
	font-size:14px;

}


.better
{
	background-color:#0090D9;
    border-radius: 5px 0px 0px 5px;
    box-shadow: 0 0 0 1px #ffffff inset, 0 0 20px rgba(0, 0, 0, 0.1) inset;
    min-height: 20px;
    padding: 19px;
	text-align:center;
	color:#FFF;
	font-size:14px;
}


.fixed
{
	background-color:#F5F5F5;
    border-radius: 5px 0px 0px 5px;
    box-shadow: 0 0 0 1px #ffffff inset, 0 0 20px rgba(0, 0, 0, 0.1) inset;
    min-height: 20px;
    padding: 19px;
	text-align:center;
}


.actualizacion
{

    border-radius:0px 5px 5px 0px;
    min-height: 20px;
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid #d2d3d4;
    box-shadow: 0 0 0 1px #ffffff inset, 0 0 20px rgba(0, 0, 0, 0.1) inset;
	border-radius: 5px;


}

/**** EXTRA STYLES FOR BOOTSTRAP EXTENSION FOR WIDGETS****/
.buscadorajax
{
	margin-top:15px;
    padding-left: 5px;
	padding-right:10px;
	margin-bottom:10px;
}

/*
.search {
    background: url("../img/searchajax.png") no-repeat scroll 10px 8px #FFF;
    border: 1px solid #fff;
    box-shadow: none;
    color: #fff;
    margin-top: 6px;
    padding: 0 5px 0 35px;
    transition: all 0.3s ease 0s;
 	width: 40%;
 	margin-right:10px;
}
*/

/*
.search:focus {
    border: 1px solid #eaeaea;
    box-shadow: none;
    color: #c8c8c8;
    font-weight: 300;
    margin-top: 5px;
    transition: all 0.3s ease 0s;
    width: 90%;
}
*/

ul.top-menu > li > a:hover
{
	background:none;
}

.notify-row {
    margin-top: 25px;
}

.dropdown-menu.extended li p.green {
    background-color: #a9d86e;
    color: #fff;
}

.notify-arrow-green {
    border-bottom-color: #a9d86e !important;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #a9d86e !important;
}


.dropdown-menu.extended li p.yellow {
    background-color: #fcb322;
    color: #fff;
}

.notify-arrow-yellow {
    border-bottom-color: #fcb322 !important;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #fcb322 !important;
}

.dropdown-menu.extended li p.red {
    background-color: #ff6c60;
    color: #fff;
}

.notify-arrow-red {
    border-bottom-color: #ff6c60 !important;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #ff6c60 !important;
}

.dropdown-menu.extended li p {
    background-color: #f1f2f7;
    border-radius: 4px 4px 0 0;
    color: #666666;
    margin: 0;
    padding: 10px;
}


.notify-arrow {
    border-style: solid;
    border-width: 0 9px 9px;
    height: 0;
    margin-top: 14px;
    opacity: 1;
    position: absolute;
    top: -10px;
    transition: all 0.25s ease 0s;
    width: 0;
    z-index: 10;
}



#top_menu .nav > li, ul.top-menu > li {
    float: left;
}

ul.top-menu > li > a {
    border-radius: 4px;
    color: #666666;
    font-size: 16px;
    margin-right: 15px;
    padding: 2px 6px;
	margin: 4px;
}

ul.top-menu > li > a:hover
{
	background:none;
}


ul.top-menu > li > a:active
{
}

.badge.bg-important {
    background: none repeat scroll 0 0 #ff6c60;
}

.badge.bg-warning {
    background: none repeat scroll 0 0 #fcb322;
}

.badge.bg-success {
    background: none repeat scroll 0 0 #a9d86e;
}

.notify-row .badge {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 100;
}

/* Automatic open menus*/
/*
.dropdown:hover .dropdown-menu
{
    display: block;
}
*/


.topnav_img
{
    border-radius: 50%;
    border: 10px solid rgba(255, 255, 255, 0.3);
}

.widget-content
{

}


a.widget {
    display: block;
    /*transition: all 0.2s ease-out 0s;*/
}

/*
a.widget.widget-hover-effect1:hover {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}
*/

a.widget:active, a.widget:hover {
    text-decoration: none;
}

.block, .widget {
    margin-bottom: 20px;
}
.widget {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    background-color: #333;
	background:#333;
	color:#FFF;
    border-radius: 5px;
    margin-bottom: 10px;
}
.text-primary, .text-primary:hover, a, a.text-primary, a.text-primary:focus, a.text-primary:hover, a:focus, a:hover {
    color: #07c;
}

.widget-simple:after, .widget-simple:before {
    content: " ";
    display: table;
}
.widget-simple {
    padding: 15px;
}
.widget-simple .widget-icon.pull-left, .widget-simple .widget-image.pull-left {
    margin-left: 0;
}
.widget-simple .widget-icon, .widget-simple .widget-image {
    margin: 0 15px;
}
.widget .widget-icon {
    border-radius: 32px;
    color: #fff;
    display: inline-block;
    font-size: 28px;
    line-height: 64px;
    text-align: center;
}
.widget .widget-icon, .widget .widget-image {
    height: 64px;
    width: 64px;
}


.animation-fadeIn {
    animation-duration: 1s;
    animation-name: fadeIn;
    animation-timing-function: ease-in-out;
    visibility: visible !important;
}

.widget-simple .widget-content {
    font-size: 18px;
    margin: 12px 0;
}
.animation-pullDown {
    animation-duration: 1.1s;
    animation-name: pullDown;
    animation-timing-function: ease-out;
    transform-origin: 50% 0 0;
}

.widget-simple .widget-content small {
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-top: 7px;
}

.widget-simple .widget-content {
    font-size: 18px;
}

/*********/

.recibo_trresalta {
    background: none repeat scroll 0 0 #eeeeee;
    color: #333;
}

.pierecibo
{
	text-align:center;

}

.form-horizontal .form-group2:before, .form-horizontal .form-group2:after {
    content: " ";
    display: table;
}
.form-horizontal .form-group2:before, .form-horizontal .form-group2:after {
    content: " ";
    display: table;
}
*, *:before, *:after {
    box-sizing: border-box;
}
.form-horizontal .form-group2:after {
    clear: both;
}
.form-horizontal .form-group2:before, .form-horizontal .form-group2:after {
    content: " ";
    display: table;
}
.form-horizontal .form-group2:after {
    clear: both;
}
.form-horizontal .form-group2:before, .form-horizontal .form-group2:after {
    content: " ";
    display: table;
}
*, *:before, *:after {
    box-sizing: border-box;
}
.form-horizontal .form-group2 {
    margin-left: -15px;
    margin-right: -15px;
}
.form-group2 {
    margin-bottom: 15px;
}


/* CSS Method for adding Font Awesome Chevron Icons */
 .accordion-toggle:before {
    /* symbol for "opening" panels */
    font-family:'FontAwesome';
    content:"\f077";
    float: right;
    color: inherit;
}

.panel-heading.collapsed .accordion-toggle:before {
    /* symbol for "collapsed" panels */
    content:"\f078";
}
.iframe-style
{
	margin-top:0px;
	}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
  float: right;
  display: inline-flex;
  font-family: "EuropeUnderground";
}
.text-center {
  text-align: center;
}


.addBtnClient
{
  text-align: right;
  margin-top: 40px;
}


.searchwrapper
{
    margin-bottom: 20px;
	padding: 15px 0;
}



.searchwrapper_before {
    background: url("data:image/png;base64,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") no-repeat scroll 50% 0 rgba(0, 0, 0, 0);
    top: 0;
	height:35px;
	background-position:bottom;
}

.searchwrapper_after {
    background: url("data:image/png;base64,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") no-repeat scroll 50% 0 rgba(0, 0, 0, 0);
    bottom: 0;
    height:40px;
    /* margin-top:20px; */
}

input:required
{
	border: 1px solid #FB9A24;
	/*border: 1px solid #FFDFBF;*/
    /*
	background-position: 10px center;
    background-repeat: no-repeat;
    background-image: url("../img/warning.png");
    padding: 5px 0 5px 32px;*/
}

.subinfo
{
	font-size:12px;
}

#mi_foto
{
	min-width: 150px;
	min-height: 150px;
	text-align: center;
}

#my_camera
{
	min-width: 200px;
	min-height: 200px;
}

.kolumny
{
    height: auto;
    -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari and Chrome */
    column-count:2;
    width: auto;
	z-index:10000;
}



.contenido
{
margin-top: 120px;
margin-left: 30px;
margin-right: 30px;
}
.navbar-clean
{
background-color: #FAFAFA;
    background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
    background-repeat: repeat-x;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.label a
{
color:#FFF;
}

.submit
{
    right: 0 !important;
    top: 0 !important;
    float:right;
}

.search_box
{
	margin-bottom:10px;
    background-color: #F8F8F8;
    border-color: #E7E7E7;
}

.buscador
{
	float:left;
	width:80%;

}

.highlight2
{
	background-color:#FF0;
	color:#000;
}

.substring
{
	width:200px;
	height:160px;
	overflow:hidden;
}

.web
{
	width:100%;
}

.web td
{
	text-align:left;
border-bottom: 1px solid #CCCCCC;
}


.web th
{
background-color:#666;
font-weight:normal;
height:60px;
color:#FFF;

}


.icons
{
	font-size:24px;
	color:#900;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

.logo
{
	float:left;
	margin-right: 5px;
	margin-top: 5px;
	margin-left: 18px;
}

/*
.nav li a
{
    background-image: url("../img/menu_active.png");
    background-repeat: repeat-x;
}
*/


.navbar-nav li a:hover
{
    background-image: url("../img/menu_hover.png");
    background-repeat: repeat-x;
	color:#FFF;

}


.altrow
{
text-align:left;
}

/*td
{
  border-bottom: 1px solid #CCCCCC;
  padding: 4px 6px 6px;
}
*/



/* corner boxed css style*/
.box h3{
	text-align:center;
	position:relative;
	top:80px;
}
.box {
	width:70%;
	height:200px;
	background:#FFF;
	margin:40px auto;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.effect2:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}


.menu_inline li
{
	float:left;
	margin-left:5px;
	margin-right:5px;
}

.menu_inline
{
    display: block;
    height: 50px;
    width: 100%;
}

.actions a
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #B3B3B3;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.botones
{
	/*min-width:180px*/
	/* background-color: white; */
}
.actions
{
/*
 background-image: url("../img/menu_hover.png");
 background-repeat: repeat-x;
 */
 width:120px;
}


#logo {
    background: url("../img/LogoSistema_400.png") no-repeat scroll 0 0 transparent;
    height: 127px;
    text-align: center;
    width: 400px;
}

.deuda
{
	border-radius: 6px;
    color: #810013;
    line-height: 22px;
    padding: 3px;
}

.info-message, label.info {
    background-color: #ebf5fa;
    background-image: url("../img/info.png");
    background-position: 20px center;
    background-repeat: no-repeat;
    border-collapse: collapse;
    border-color: #d2dce1;
    border-style: solid;
    border-width: thin;
    color: #428bca;
    padding: 8px 8px 8px 50px;
    text-align: left;
    width: 80%;
}

.containerRight {
    background: -moz-linear-gradient(center top , #f2f2f2 0%, #eeeeee 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    box-shadow: 0 1px 0 #ffffff, 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 20px;
    margin-right: 10px;
    padding: 10px 5px 5px;
}


.grafico {
    padding: 2px;
    position: relative;
    width: 100%;
	}



.barra {
    background-color: #ffffff;
    border: 1px solid #d2d3d4;
    border-radius: 6px;
    box-shadow: 0 0 0 1px #ffffff inset, 0 0 20px rgba(0, 0, 0, 0.1) inset;
    height: 50px;
    margin-top: 5px;
    padding: 5px;
    width: 100%;
}

.grafprestamo {
    background: #4d90fe !important;
    border-radius: 4px;
    color: #333;
    height: 20px;
    position: relative;
    text-align: center;
}


.grafabono {
    background: none repeat scroll 0 0 #b1d632;
    border-radius: 4px;
    color: #333;
    height: 20px;
    text-align: center;
}


.grafinteres {
    background: #ff9933;
    border-radius: 4px;
    color: #333;
    height: 20px;
    text-align: center;
}

.data {
    font-family: tahoma;
    font-size: 12px;
    min-height: 5px;
    text-align: center;
	}



.well3 {
    background-color: aliceblue;
    border: 1px solid #d2d3d4;
    border-radius: 6px;
    box-shadow: 0 0 0 1px #ffffff inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 10px;
    min-height: 10px;
    color: #333;
}

.well5 {
    background-color: #EFEFEF;
    border: 1px solid #d2d3d4;
    border-radius: 6px;
    box-shadow: 0 0 0 1px #ffffff inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 10px;
    min-height: 10px;
    color: #333;
}

.tableheaders td {
    text-align: center;
}

.edoheaders
{
    background-color: #FB9438;
    border-radius: 6px;
    color: #fff;
    font-family: "Yanone Kaffeesatz Thin";
    font-size: 18px;
    font-weight: bold;
    text-align: center;
	border-color: #eee;
}


.edoheader_mark
{
    background-color: #810013;
    background-image: linear-gradient(to bottom, #c60025, #810013);
    border-radius: 6px;
    color: #fff;
    font-family: "Yanone Kaffeesatz Thin";
    font-size: 18px;
    font-weight: bold;
    text-align: center;
	border-color: #eee;
}


.tableheaders
{
	background-color: #FF9933;
    background-image: url("../images/menu_hover.png");
    color: #FFFFFF;
    font-family: "Yanone Kaffeesatz Thin";
    font-size: 20px;
    font-weight: bold;
	text-align:center;
}


.estadosFinancieros
{
    border-collapse: collapse;
    color: #555555;
    width: 100%;
}

.estadosFinancieros th {
    background-color: #666;
    line-height: 18px;
    color: #fff;
    height: 50px;
}


.extra {
    background-color: #4d90fe !important;
    border: 1px solid #3079ed;
    color: #ffffff;
    font-family: "Yanone Kaffeesatz Thin";
    font-size: 20px;
    height: 25px;
}


.convenio {
    background-color: #fcb322 !important;
    border: 1px solid #F90;
    color: #000;
    font-family: "Yanone Kaffeesatz Thin";
    font-size: 20px;
    height: 25px;
}


.saldos {
    background-color: #810013;
    background-image: linear-gradient(to bottom, #c60025, #810013);
    border:1px solid #eee;
	color: #ffffff;
    font-family: "Yanone Kaffeesatz Thin";
    font-size: 20px;
    height: 25px;
	text-align:center;
}


.titulos1 {
    color: #390;
    font-family: "Yanone Kaffeesatz Thin";
    font-size: 22px;
    line-height: 12px;
    text-align: left;
}

.titulo_error
{
color: #900;
font-family: "EuropeUnderground";
font-size: 20px;
}


.titulo_checador
{
color: #900;
font-family: "EuropeUnderground";
font-size: 30px;
}

.cobranza {
    background-color: #f0ad4e;
    border-radius: 2px;
    color: #fff;
    line-height: 22px;
}


.interes {
    background-color: #999;
    border-radius: 2px;
    color: #fff;
    line-height: 22px;
    padding: 3px;
}


.capital{
    background-color:#b1d632;
    border-radius: 2px;
    color: #000;
    line-height: 22px;
    padding: 3px;
}


.pagar {
    background-color: #428bca;
    border-radius: 2px;
    color: #fff;
    line-height: 22px;
}


.abono {
    background-color: #5cb85c;
    border-radius: 2px;
    color: #fff;
    line-height: 22px;
    width: auto;
}

.abonos
{
background:#E6FEE2 !important;
}


.negativo {
    background-color: #900;
    border-radius: 3px;
    color: #fff;
    line-height: 22px;
    padding: 3px;
    width: auto;
}


.negativo a{
    color: #fff;
}


@font-face {
    font-family: 'Yanone Kaffeesatz Thin';
    src: url('../fonts/Yanonekaffeesatz-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Yanonekaffeesatz-thin-webfont.woff') format('woff'),
         url('../fonts/Yanonekaffeesatz-thin-webfont.ttf') format('truetype'),
         url('../fonts/Yanonekaffeesatz-thin-webfont.svg#YanoneKaffeesatzThin') format('svg');
	font-weight: normal;
	font-style: normal;
}


.titulos3
{
	font-size: 30px;
	line-height: 12px;
	color:#F60;
	font-family: "Yanone Kaffeesatz Thin";
	font-weight:bold;
	text-align:center;
    margin-bottom: 5px;
    margin-top: 5px;
}


.usuario_acordion
{
	color:#FFF;
}
.circle1
{
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 15px #2187e7;
    width: 90px;
    height: 90px;
    margin-top: 35%;
	margin-left:auto;
	margin-right:auto;
    -moz-animation: spinoffPulse 1s infinite linear;
    -webkit-animation: spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    };
}

@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    };
}

#loading {
	position:absolute;
	top:0;left:0; /*This may prevent it from being seen if the user has scrolled down */
	color:#fff;
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
    /*background: url("../img/backSearch.png") repeat scroll 0 0;*/
	z-index:1000;
}

#picker {
	border-right:20px solid green;
	line-height:20px;
}

#picker2 {
	border-right:20px solid green;
	line-height:20px;
}

  [class^=slider] { display: inline-block; margin-bottom: 30px; }
  .output { color: #888; font-size: 14px; padding-top: 1px; margin-left: 5px; vertical-align: top;}


.custom-combobox
{
	position: relative;
	display: inline-block;
}

.custom-combobox-toggle
{
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	/* support: IE7 */
	*height: 1.7em;
	*top: 0.1em;
}

.custom-combobox-input
{
	margin: 0;
	padding: 0.3em;
	width:355px;
	border-radius: 5px;
}


#map{
    border: 1px solid #D5D5D5;
    border-radius: 5px;
    height: 300px;
	padding: 20px 15px 15px;
    width: 100%;
}

#panoramadiv
{
	width:100%;
	height:300px;
}


.hasDatepicker
{
	padding:5px 0px 5px 32px;
	background-image: url(../img/calendar.png);
	background-repeat:no-repeat;
	background-position:10px center;
}

.islogin
{
	padding:5px 0px 5px 32px;
	background-image: url(../img/user.png);
	background-repeat:no-repeat;
	background-position:10px center;
}


.ispassword
{
	padding:5px 0px 5px 32px;
	background-image: url(../img/key.png);
	background-repeat:no-repeat;
	background-position:10px center;
}


.orange
{
	color:#F17121;
}


.blue_font
{
	color:#1bbae1 !important;
}


.autumn
{
    background-color: #e67e22 !important;
}

.blue
{
    background-color: #1bbae1 !important;
}

.green
{
    background-color: #96CE52 !important;
}

.red
{
    background-color: #E74C3C !important;
}


.yellow
{
    background-color: #F9BA46 !important;
}

.circle {
    border: 1px solid #990000;
    border-radius: 50%;
    float: left;
    height: 50px;
    margin: 0 50px 0 auto;
    padding: 10px;
    text-align: center;
    width: 50px;
}

.seguimiento
{
	color:#FFF;
	/*float:right;*/
    margin-left: 80px;
    width: 210px;
	font-weight: normal;
	display: inline-block;
}

#togle
{
	float:right;
}



.btn-rojo
{
    background-color: #900222 !important;
    background-repeat: repeat-x;
    border-color: #5E1111 #5E1111 #490D0D;
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
}

.btn-gris
{
    background-color: #777 !important;
    background-repeat: repeat-x;
    border-color: #444;
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
}


.btn-gris.hover
{
    color: #FFFFFF !important;
    
}


#barra_alerta{
	width: 96%;
	text-align: right;
	padding:8px 35px 8px 14px;
	margin-bottom:18px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
	background-color:#fcf8e3;
	border:1px solid #fbeed5;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color:#c09853;
}

#info_coordenadas{
	left: 10px;
	z-index: 10;
	color:#c09853;
 }


 #panel_notificaciones
 {
	height: 495px;
	overflow:hidden;
 }

 #panel_notificaciones_dark
 {
	height: 495px;
	overflow:hidden;
    background: url("../img/noise.png") repeat scroll 0 0 #2B2B2B;
 }



.items_notificaciones
{
    background-color: #FFF;
    border-radius: 4px;
    color: #666666;
    margin-bottom: 20px;
    padding: 15px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 2px 3px 0 rgba(0, 0, 0, 0.1);
	z-index:500;
}


.items_notificaciones_dark
{
    border-radius: 4px;
    color: #FFF;
    margin-bottom: 20px;
    padding: 15px;
	/*background-image:linear-gradient(to bottom, #0044CC, #0088CC);*/
	/*background:linear-gradient(#5393C5, #6FACD5) repeat scroll 0 0 #5393C5;*/
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    background: url("../img/noise.png") repeat scroll 0 0 #2B2B2B;
}


.items_notificaciones:hover
{
    background-color: #900222;
    color: #FFF;
}


#ventana_formulario_entrega
{
    background-color: #FFFFFF;
    border: 1px solid #D5D5D5;
    border-radius: 5px;
    height: 100%;
    left: 0;
    padding: 20px 2px 15px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000000;
}

#botones_formulario{
    top: 500px;
    position:absolute;
    left:140px;
}

#wrapper
{
 /*
    height: 420px;
    width: 230px;
    position: relative;
*/
}

#scroller
{
}

#mapaDirections
{
	border-top:2px solid #900222;
	margin-top:5px;
}



/*
Especificos de Cake System
*/

.tinytable
{
	width:100%;
	margin-top:10px;
}


.tinytable tr:nth-child(odd)
{
    /* background-color:#ECF2F6; */
}

.tinytable tr:nth-child(even)
{
	background-color:#FFF;
}

.tinytable tr:hover
{
	background-color:#FFFDE6;
}



.tinytable td
{
    border-bottom: 1px solid #C6D5E1;
    padding: 4px 6px 6px;
    text-align: left;
}

.tinytable thead
{
   /* box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);	*/
	color:#333;
	border-radius:5px;
	height:60px;
}


.tinytable thead tr
{
	/*background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ffffff 1%, #eaeaea 100%) repeat scroll 0 0;*/
	/*background-image:linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);*/
	background-image: url("../img/table_head.png");
	background-repeat: repeat-x;
	height:60px;
}


.tinytable thead tr th
{
	padding:4px;
	text-align:left;
	font-weight:normal;
}


.tinytable thead tr a:hover
{
	/*Links color encima*/
	color:#333;
}

.tinytable thead tr a
{
	/*color:#009ae1;*/
}




.table-striped thead
{
	height:40px;
}

td
{
	text-align:left;
}




/****************ESTILOS DE TABLAS *****/
.table_style1
{
	border-color: #CCC;
	border-collapse: collapse;
	border-style: solid;
	border-width:thin;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color:#FFF;
	color:#555;
}

.columnfill
{
	background: #333;
	color:#FFF;
	width:300px;
}

.table_style1 td
{
	border: 1px solid #CCCCCC;
}

.table_style1 th
{
	font-size:18px;
	font-weight:lighter;
	background: #333;
	color:#FFF;
}


.table_style1 tr:nth-child(odd):hover
{
	background-image: url(../images/bg-pattern.png);
	background-color:#FFC;
}

.table_style1 tr:nth-child(even):hover
{
	background-image: url(../images/bg-pattern.png);
	background-color:#FFC;
}



.table_style1 tr:nth-child(odd)
{
	 background-color:#eee;
}

.table_style1 tr:nth-child(even)
{
	 background-color:#fff;
}


.usuario
{
	float:right !important;
}

.update
{
	float:right !important;
}

.right
{
	float:right;
	/* color:#FFF; */
}

.correcto
{
	color:#090;
}

.salida
{
	color:#900;
}

.passed
{
    background: none repeat scroll 0 0 #fdd2ce !important;
}

.retardo
{
	color:#0782C1;

}

.temprano
{
		color:#0782C1;

}

.dia_inhabil
{
	background-color:#FFFFCC;
	min-width:5px;
}

.inhabil
{
	color:#900;
}

#datepicker
{
	float:right;
}


.bodysystem
{
  margin: 0;
  background: url("../img/fondo_default.jpg") repeat-x scroll 0 0 #FFF;
  color: #333333;
  /* background-color: cornflowerblue; */
}


.bodyproyectos
{
  margin: 0;
  /* color: #FFF; */
  /* background: linear-gradient(315deg, rgba(101,0,94,1) 3%, rgba(60,132,206,1) 38%, rgba(48,238,226,1) 68%, rgba(255,25,25,1) 98%); */
  animation: gradient 15s ease infinite;
  background-size: 400% 400%;
  background-attachment: fixed;
  background-color: #0079bf;
}



@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}


/*
.bodyproyectos
{
    background: linear-gradient(132deg, #FC415A, #591BC5, #212335);
    background-size: 400% 400%;
    animation: Gradient 15s ease infinite;
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    padding:0;
    margin:0px;
    
}


@keyframes Gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }

  */
.bodylogin
{
  margin: 0;
  background: url("../img/bg-white_moded.jpg");
  background-size:cover;
  color: #333333;
}

.navbar-default
{
	/*background:url("../img/toolbar.png"); */
    border-bottom:5px solid #f17121;
    border-color: #e7e7e7 #e7e7e7 #f17121;
		border-radius:0px;
}


.navbar-default .navbar-nav > li > a {
    color: #666;
}

.well {
    background-color: #ffffff;
    border: 1px solid #d2d3d4;
    border-radius: 6px;
    box-shadow: 0 0 0 1px #ffffff inset, 0 0 20px rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}

body {
    color: #333333;
    font-family: "Segoe UI Light","Helvetica Neue","Segoe UI","Segoe WP",sans-serif;
    font-size: 13px;
    line-height: 1.42857;
}

html {
  font-family: "Segoe UI","Segoe WP","Helvetica Neue",sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #900;
    font-family: "EuropeUnderground";
    font-weight: 500;
    line-height: 1.1;
    /* font-size: larger; */
}


@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=3.0.1');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
    url('../fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
    url('../fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}

@font-face {
	font-family: 'EuropeUnderground';
	src: url('../fonts/bariol_light-webfont.eot?') format('eot'),
	     url('../fonts/bariol_light-webfont.woff') format('woff');
}


.navbar-nav > li > a {
    padding-bottom: 5px;
    padding-top: 5px;
}

.nav > li > a
{
    padding-bottom: 8px;
    padding-left: 4px;
    padding-right: 4px;
 }



.affix {
    position: fixed;
	right:20px;
}

.permisos_on
{
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #666;
    display: inline-block;
    font-family: arial,verdana,tahoma;
    font-size: 11px;
    padding: 5px 10px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
	width: 100%;
}

.permisos_off
{

    border: 1px solid #ccc;
    border-radius: 5px;
    color: #666;
    display: inline-block;
    font-family: arial,verdana,tahoma;
    font-size: 11px;
    padding: 5px 10px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
	width: 100%;

}


.controlador
{
	cursor:pointer;
    border: 1px solid #999;
    border-radius: 5px;
    display: inline-block;
    padding: 3px 8px;
    text-decoration: none;
}


.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px dotted #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px dotted #999;
    height:20px;
    top:25px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
}


/*  Hamb 2 */

.nav-icon {
  width: 30px;
}

.nav-icon:after,
.nav-icon:before,
.nav-icon div {
  background-color: #333;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  content: '';
  display: block;
  height: 5px;
  margin: 5px 0;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}


.nav-icon:hover:before {
  transform: translateY(12px) rotate(135deg);
  -moz-transform: translateY(12px) rotate(135deg);
  -webkit-transform: translateY(12px) rotate(135deg);
}

.nav-icon:hover:after {
  transform: translateY(-12px) rotate(-135deg);
  -moz-transform: translateY(-12px) rotate(-135deg);
  -webkit-transform: translateY(-12px) rotate(-135deg);
}

.nav-icon:hover div {
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}


.dropdown-toggle
{
	font-size:12px;
}


.profile-data
{
	padding-top:10px;
	padding-left:15%;
}


.user-heading
{
	padding:10px;
	background: url("../img/bt_cubs.png") repeat scroll left top #133959;
	color: #fff;
	text-align: center;
	min-width: 120px;
}


.round
{
	border-radius:6px;
}

.user-heading.round a
{
    display: inline-block;
}

.user-heading h4
{
	color:#FFF;
}

/*
 *  STYLE 5
 */

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	background-color: #0ae;

	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}


.bio-row {
    float: left;
    margin-bottom: 10px;
    padding: 0 15px;
    width: 50%;
}


.bio-row p span {
    display: inline-block;
    width: 100px;
}


.tab-content
{

	/* Choca con las pestañas y dashboard

	min-height:500px;*/

/* margin-left: 100px; */
}

#grafica
{
	min-height:600px;
}

.tabs_bio
{
	margin-top:10px;
}


ul#side-menu.sidebar-nav.nav li a i.glyphicons
{
	font-size:18px;
	line-height:14px;
}


/* SECCIÓN PARA EL LIGHTBOX EN BUSQUEDAS AJAX */

.masked {
    background: url("../img/backSearch.png") repeat scroll 0 0 transparent;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 1;
    position: fixed;
    z-index: 1000;
}

.overlay-content
{
	overflow-y: auto;
	overflow-x: hidden;
	height: 500px;
}

.resultados
{
	color:#FFF;
	padding-left:20px;
	width: 95%;
}

.resultados h1
{
	color:#FFF;
}

.icoSearch {
    margin-left: auto;
    margin-right: auto;
}
.ajaxOnline {
    float: left;
    margin-right: 2px;
}


.filaSearch{
    min-height: 80px;
	height: auto;
    margin-top: 8px;
    transition: all 0.4s ease-in 0s;
    width: auto;
}

.filaSearch:hover
{
	background-color: rgba(122,81,208, 0.2);
}

.textResults
{

	font-size: 16px;
}

.usuarioAjax a{color: #ffffff;}


.prestamoAjax
{
    height: 70px;
    margin-top: 8px;
    transition: all 0.4s ease-in 0s;
    width: auto;
	background-color:#FC0;
}

.prestamoAjax:hover
{
    height: 70px;
    margin-top: 8px;
    transition: all 0.4s ease-in 0s;
    width: auto;
	background-color:#CCC;
}

.prestamoAjax a{color: #ffffff;}

.SearchType {
    background-color: #4d90fe;
    float: left;
    height: 70px;
    margin-left: 10px;
    text-align: center;
    width: 70px;
}
.SearchType_Dir {
    background-color: #fec70d;
    float: left;
    height: 70px;
    margin-left: 10px;
    text-align: center;
    width: 70px;
}
.SearchType_Files {
    background-color: #990000;
    float: left;
    height: 70px;
    margin-left: 10px;
    text-align: center;
    width: 70px;
}

.resultado
{
 font-size: 13px;
 margin-left: 100px;
 padding-top: 5px;
}

.header-results small
{
	color:#FFF;
}


.header-results h1
{
	color:#F90;
}


/* sección para el lockscreen*/

.lock-wrapper {
    margin: 5% auto;
    max-width: 500px;
}
.lock-box {
    position: relative;
}
.lock-name {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px 0 0 5px;
    color: #1fb5ad;
    float: left;
    height: 50px;
    line-height: 50px;
    margin-top: 55px;
    padding: 0 20px;
    text-align: left;
    width: 50%;
}
.lock-pwd {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 5px 5px 0;
    color: #1fb5ad;
    float: right;
    height: 50px;
    line-height: 50px;
    margin-top: 55px;
    padding: 0 0 0 80px;
    width: 50%;
}
.lock-pwd input {
    color: #626f81;
    margin-top: 6px;
    width: 68% !important;
}
.lock-pwd input:focus, .lock-pwd input:hover {
    border-color: #fff;
}
.lock-wrapper img {
    background: none repeat scroll 0 0 #fff;
    border: 10px solid #fff;
    border-radius: 50%;
    height: 160px;
    left: 33%;
    position: absolute;
    width: 160px;
}
.lock-wrapper .locked {
    color: #026f7a;
    display: inline-block;
    margin-bottom: 20px;
}
.btn-lock, .btn-lock:hover {
    background: none repeat scroll 0 0 #fff;
    color: #626f81;
    margin-top: -8px;
}
.lock-input {
    border: medium none;
    float: left;
    margin-right: 3px;
    width: 83%;
}
#time {
    color: #fff;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 125px;
    font-weight: 100;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}

.lock-pwd a
{
	color:#FFF;
}


[class^="prevue-icon-"]:before,
[class*=" prevue-icon-"]:before {
  font-family: 'font-awesome-eyes';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
/* opacity .8 */
/* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
/* fix buttons height, for twitter bootstrap */
  line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
  margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}




.session-tip {
    border-radius: 4px;
}


.session-tip {
    background: none repeat scroll 0 0 #222;
    color: #fff;
    font-size: 11px;
    left: -60px;
    line-height: 11px;
    min-width: 50px;
    padding: 3px;
    position: absolute;
    text-align: center;
    top: -10px;
    visibility: hidden;
}


.session_progress {
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.session_progress {
    background: none repeat scroll 0 0 #c62d2d;
}

/* Session Expires */
.session_expire
{
    height: 4px;
    margin: 1px 0 0;
    position: relative;
    width: 100%;
    margin: 40px 0 0;
    background-color:#88b719;
}


.center
{
	text-align:center;}



#overlay
{
    /*visibility:hidden;*/
    background-color: rgba(0, 0, 0, 0.9);
    display:none;
    position: fixed;
    z-index: 1000;
    height: 100%;
    width: 100%;
}


/* ----------- Bootstrap Overwrite  */

.well
 {
	background-image:none;
	min-height: 20px;
	/* padding: 19px; */
	margin-bottom: 20px;
	background-color: #FFFFFF;
	border: 1px solid #D2D3D4;
	border-radius: 6px;
	box-shadow: 0 0 0 1px #FFFFFF inset, 0 0 20px rgba(0, 0, 0, 0.1) inset;
}



.well2
{
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    font-size: 14px;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding:20px;
    z-index: 100;
    /* position: fixed; */
}



.well4
{
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, .5);
    color: #333;    
    z-index:1;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    font-size: 14px;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding:20px;
    z-index: 1000;
}



.well2 a
{
	width:100%;
}

.panel-title
{
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: #333;
}


.panel-default > .panel-heading
{
	background-image:none;
	background-color: #f5f5f5;
	color: #555 !important;
	background-repeat: repeat-x;
}


.panel-default > .panel-heading:hover
{
	background-color: whitesmoke;
}



.panel-purple > .panel-heading
{
	background-image:none;
  background-image: linear-gradient(#a54caa, #9b479f 6%, #914294);
  color:#FFF !important;
  background-repeat: repeat-x;
}


.panel-greydark > .panel-heading
{
	background-image:none;
  background-image: linear-gradient(#4f5151, #474949 6%, #3f4141);
  color:#FFF !important;
  background-repeat: repeat-x;
}




.active_accordion
{
	background-color:#88B719 !important;
}


.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}


/* Make the first column table responsive floating */
/*
.table-responsive tr td:first-child {
	position: absolute;
}
.table-responsive tr th:first-child
{
	position: absolute;
}
*/


@media only screen and (max-width: 800px) {    /* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#no-more-tables tr { border: 1px solid #ccc; }

	#no-more-tables td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		/*padding-left: 50%; */
		white-space: normal;
		text-align:left;
	}

	#no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}



/**** Sección de estilos para Panel de Tickets */

.block {
    background-color: #fff;
    border: 1px solid #dbe1e8;
    margin: 0 0 10px;
    padding: 20px 15px 1px;
}

.block-title, .block-top {
    margin-left: -20px;
    margin-right: -20px;
}

.block-title {
    background-color: #f9fafc;
    border-bottom: 1px solid #eaedf1;
    margin: -20px -15px 20px;
}

.block.full {
    padding: 20px 15px;
}

.block, .widget {
    margin-bottom: 20px;
}

/* Estilos para FAB Boton Flotante con acciones */


html:hover .presentation,
body:hover .presentation {
	display: none;
}

.presentation {
	position: fixed;
	right: 88px;
	bottom: 34px;
	text-shadow: 1px 1px 1px #000;
}

/* menu */
nav.float-action-button {
	position: fixed;
	bottom: 10px;
	left: 0;
	margin: 1em;
	z-index: 1000;
}

a.buttons {
	box-shadow: 0 5px 11px -2px rgba(0, 0, 0, 0.18), 0 4px 12px -7px rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	width: 56px;
	height: 56px;
	color: #fff;
	font-size: 2.2em;
	padding: 1px 0 0 0;
	text-align: center;
	display: block;
	margin: 20px auto 0;
	position: relative;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

a.buttons:active,
a.buttons:focus,
a.buttons:hover {
	box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
	text-decoration: none;
}

a.buttons:not(:last-child) {
	width: 40px;
	height: 40px;
	margin: 20px auto 0;
	opacity: 0;
	font-size: 1.6em;
	padding-top: 4px;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
}

a.buttons.main-button > i:first-child {
	position: relative;
	margin-top: 10px;
}

nav.float-action-button:hover a.buttons:not(:last-child) {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	margin: 20px auto 0;
}

a.buttons:nth-last-child(1) {
	-webkit-transition-delay: 25ms;
	transition-delay: 25ms;
	background-color: #333;
	/* Button color */
}

a.buttons:nth-last-child(1) i.fa {
	transform: rotate3d(0, 0, 1, 0);
	transition: content 0.4s, transform 0.4s, opacity 0.4s;
}

a.buttons:nth-last-child(1):hover i.fa {
	transform: rotate3d(0, 0, 1, -180deg);
}

a.buttons:nth-last-child(1) i.fa:nth-last-child(1) {
	position: absolute;
	margin: 13px 0 0 -23px;
}

a.buttons:nth-last-child(1) i.fa:nth-last-child(2) {
	opacity: 0;
}

a.buttons:nth-last-child(1):hover i.fa:nth-last-child(1) {
	opacity: 0;
}

a.buttons:nth-last-child(1):hover i.fa:nth-last-child(2) {
	opacity: 1;
}

a.buttons:not(:last-child):nth-last-child(2) {
	-webkit-transition-delay: 50ms;
	transition-delay: 20ms;
	background-color: #f0ad4e;
	/* Facebook color */
}

a.buttons:not(:last-child):nth-last-child(3) {
	-webkit-transition-delay: 75ms;
	transition-delay: 40ms;
	background-color: #5bc0de;
	/* Twitter color */
}

a.buttons:not(:last-child):nth-last-child(4) {
	-webkit-transition-delay: 100ms;
	transition-delay: 60ms;
	background-color: #5cb85c;
	/* Google plus color */
}

.tooltip.left {
	margin-left: -10px;
}


.select2-container--default .select2-selection--multiple
{
	min-width: 200px;
}


.proyectos
{
    color: #6495ed;
    font-family: "EuropeUnderground";
    font-weight: 500;
    font-size: x-large;
}

#basic-addon1
{
    background-color: purple;
    color: white;
    cursor:pointer;
}

#basic-addon2
{
    background-color: green;
    color: white;
    cursor:pointer;
}

.cerrar {
    float:right;
    padding: 0px 10px 0px 0px;
    cursor:hand;
    }

	   /* Estilo para el acordeón activo */
	   .active-accordion {
      background-color: #e0e5ec !important; /* Cambia el color de fondo del acordeón activo */
    }


.modal-static {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    margin-top: -100px;
    margin-left: -100px;
    overflow: visible !important;
}

    .modal-static,
    .modal-static .modal-dialog,
    .modal-static .modal-content {
        width: 200px;
        height: 150px;
    }

        .modal-static .modal-dialog,
        .modal-static .modal-content {
            padding: 0 !important;
            margin: 0 !important;
        }

.panel-body {
    padding: 15px 0 0 0;
    /* overflow-y: auto; */
    /* background-color: #dfe1e6; */
    overflow-x: hidden;
}


.grab {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.grabbing {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.panel-heading {
    cursor: context-menu;
}

    .panel-heading i {
        cursor: pointer;
    }




    img {
        vertical-align: middle;
    }
    
    .img-responsive {
        display: block;
        height: auto;
        max-width: 100%;
    }
    
    .img-rounded {
        border-radius: 3px;
    }
    
    .img-thumbnail {
        background-color: #fff;
        border: 1px solid #ededf0;
        border-radius: 3px;
        display: inline-block;
        height: auto;
        line-height: 1.428571429;
        max-width: 100%;
        moz-transition: all .2s ease-in-out;
        o-transition: all .2s ease-in-out;
        padding: 2px;
        transition: all .2s ease-in-out;
        webkit-transition: all .2s ease-in-out;
    }
    
    .img-circle {
        border-radius: 50%;
    }

    .list-user-item {
        display: flex;
        align-items: center; /* Centra verticalmente el círculo y los detalles del usuario */
    }
    
    #circle {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        font-size: 12px;
        font-weight: bold;
        color: white;
        text-align: center;
        margin-right: 10px; /* Espacio entre el círculo y el texto */
    }
    
    .userDetails {
        display: flex;
        flex-direction: column; /* Hace que el nombre y el correo estén en columnas */
        justify-content: center; /* Centra verticalmente el contenido dentro de userDetails */
    }
    
    .userList {
        font-size: 14px; /* Ajusta el tamaño del texto si es necesario */
        font-weight: bold;
    }
    
    .userEmail {
        font-size: 12px; /* Tamaño más pequeño para el correo */
        color: gray; /* Puedes cambiar el color si es necesario */
    }

    .userDate {
        font-size: 12px; /* Tamaño más pequeño para el correo */
        color: gray; /* Puedes cambiar el color si es necesario */
        /* position: fixed; */
        float: right;
        position: relative;
        top: 0px;
    }


    .hitoTask
    {
        font-size: 12px; /* Tamaño más pequeño para el correo */
        color: gray; /* Puedes cambiar el color si es necesario */        
    }

    .usersTask {
        display: inline-block; /* Coloca los círculos en la misma línea */
        position: relative; /* Necesario para el solapamiento */
        margin-left: -16px; /* Controla cuánto se solapan los círculos */
    }
    
    #circle2 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px; /* Ajusta el tamaño del círculo si es necesario */
        height: 40px;
        border-radius: 50%;
        font-size: 14px;
        font-weight: bold;
        color: white;
        text-align: center;
        margin: 5px;
        z-index: 1; /* Controla el orden del solapamiento */
    }

    .trello-users {
        margin-left: 20px; /* Controla cuánto se solapan los círculos */
    }

    #pasteArea {
        width: 100%;
        height: 200px;
        border: 2px dashed #ccc;
        text-align: center;
        padding-top: 80px;
        background-color: #f9f9f9;
        transition: background-color 0.3s;
    }

    /* Estilos para cuando el div está enfocado */
    #pasteArea.focused {
        background-color: #e0f7fa; /* Color de fondo tenue */
    }

    .panel-trello
    {
        background-color:#f1f2f4 ;
    }






    /* style.css */
    /*
body {
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #f4f4f9;
    overflow: hidden;
  }
  */
  
  /* Contenedor principal del tablero Kanban */
  .kanban-board {
    display: flex;
    gap: 20px;
    padding: 10px;
    overflow-x: auto;
    height: 90vh; /* Ajusta la altura del tablero */
    box-sizing: border-box;
    scrollbar-width: thin; /* Estilo del scroll para navegadores compatibles */
    scrollbar-color: #bbb #e0e0e0;
  }
  
  .kanban-board::-webkit-scrollbar {
    height: 8px;
  }
  
  .kanban-board::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 10px;
  }
  
  .kanban-board::-webkit-scrollbar-track {
    background-color: #e0e0e0;
  }
  
  /* Estilos de las columnas */
  .kanban-column {
    background-color: #f1f2f4;
    padding: 10px;
    border-radius: 12px;
    width: 330px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0; /* Evita que las columnas se reduzcan al hacer scroll horizontal */
  }
  
  .column-header {
    font-weight: bold;
    text-align: left;
    margin-bottom: 2px;
    padding: 6px 8px 6px 12px;
  }
  
  .kanban-item {
    background-color: #ffffff;
    margin-bottom: 2px;
    padding: 10px;
    border-radius: 5px;
    cursor: move;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    margin-top: 8px;
  }
  
  .kanban-item h4 {
    color:#07c;
  }

  .kanban-item:hover {
    background-color: #f3f7f9;
    border: 1px solid #388bff !important;
  }


  /* Columna para agregar nuevas columnas */
  .kanban-column.new-column {
    background-color: #f0f0f5;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
  }
  
  .kanban-column.new-column input {
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  
  .kanban-column.new-column button {
    padding: 8px 12px;
    border: none;
    background-color: #007bff;
    color: white;
    border-radius: 5px;
    cursor: pointer;
  }
  
  .kanban-column.new-column button:hover {
    background-color: #0056b3;
  }
  ´
  
  /* style.css */
  
  .new-task-input {
    padding: 8px;
    margin-top: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: calc(100% - 16px); /* Para que el ancho ocupe todo el espacio menos el padding */
    box-sizing: border-box;
  }
  
  .card-icon
  {
    background-color: #d0d4db;
    color: lightslategrey;
  }

  .new-task-input
  {
    margin-bottom: 8px;
  }

  /* Estilos generales */

.container {
    /* width: 90%; */
    /* max-width: 1200px; */
    text-align: center;
}

.title {
    color: #333;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
}

/* Contenedor de proyectos */
.projects {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

/* Card de proyecto */
.project-card {
    position: relative;
    width: 280px;
    padding: 20px;
    border-radius: 10px;
    background: #FFF;
    overflow: hidden;
    transition: background 0.5s ease, transform 0.3s ease;
    box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2),    0 5px 15px 0 rgba(37, 44, 97, 0.15);
}

.project-card:before
{
    content: "";
    position: absolute;
    background: rgb(85 108 214 / 5%);
    width: 170px;
    height: 400px;
    z-index: 1;
    transform: rotate(42deg);
    right: -56px;
    top: 20px;
    border-radius: 35px;
}


.project-card:hover {
    background: aliceblue;
    color: #fff;
    transform: scale(1.1);
    z-index: 9;
}

.project-header {
    /* background-color: rgba(0, 123, 255, 0.9); */
    color: #444;
    padding: 15px;
    font-size: 18px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid grey;
}

.project-title {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-title .fa {
    margin-right: 8px;
}

.project-details {
    padding: 15px;
    color: #555;
    font-size: 14px;
    text-align: left;
}

/* Efecto para el icono de añadir nuevo proyecto */
.add-project-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #e0eafc, #cfdef3);
    cursor: pointer;
    transition: background 0.5s ease, transform 0.3s ease;
}

.add-project-card:hover {
    background: linear-gradient(135deg, #b2def0, #a0d1e6);
    transform: scale(1.05);
}

.add-icon {
    font-size: 60px;
    color: #007bff;
    margin-bottom: 10px;
    text-align: center;
}

.add-text {
    font-size: 16px;
    font-weight: bold;
    color: #007bff;
}

.tarea
{
    color: cornflowerblue;
    font-size: 14pt;
}



.breadcrumbs {
    display: flex;
    border-radius: 10px;
    margin: auto;
    text-align: left;
    /* top: 50%; */
    width: 100%;
    height: 40px;
    /* transform: translateY(-50%); */
    z-index: 1;
    justify-content: left;
    /* margin-top: 30px; */
    margin-left: -25px;
    margin-bottom: 40px;
    }
    
    
    .breadcrumb__item {
    height: 100%;
    background-color: white;
    color: #888;
    /* font-family: 'Oswald', sans-serif; */
    border-radius: 7px;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    /* text-transform: uppercase; */
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    transform: skew(-21deg);
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);
    margin: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: left;
    }
    
    
    .breadcrumb__item:hover {
    background: #490099;
    color: #FFF;
    }
    
    .activo{
        border: 1px solid #490099;
        color: #222;
        }
        
    
    .breadcrumb__inner {
    display: flex;
    flex-direction: column;
    margin: auto;
    z-index: 2;
    transform: skew(21deg);  
    }
    
    .breadcrumb__title {
    font-size: 16px;
    text-overflow: ellipsis;  
    overflow: hidden;
    white-space: nowrap;  
    }
    
    
    @media all and (max-width: 1000px) {
    .breadcrumb {
    height: 35px;
    }
    
    .breadcrumb__title{
    font-size: 11px;
    }
    .breadcrumb__item {
    padding: 0 30px;
    }
    }
    
    @media all and (max-width: 710px) {
    .breadcrumb {
    height: 30px;
    }
    .breadcrumb__item {
    padding: 0 20px;
    }
    
    }


    .task-description {
        padding: 10px;                /* Añade un poco de espacio interno */
        /*border: 1px solid #490099;     */
        font-weight: bold;
        background-color: #f9f9f9;    /* Fondo gris muy suave */
        border-radius: 5px;           /* Bordes redondeados */
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Sombra sutil */
        transition: background-color 0.3s ease;  /* Suaviza el cambio de fondo */
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .task-description:hover {
        background-color: #e6e6e6;    /* Cambia a un gris más oscuro al pasar el cursor */
    }

    .vertical-align {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .btn-proyect
    {
        background-color:#f9fafa;
        padding: 8px;
        color: black;
        border: 1px solid #CDCDCD;
    }

    .btn-activo
    {
        background: #490099;
        color: #FFF;
    }

    .btn-activo:hover
    {
        background: #490099;
        color: #FFF;
    }

    .proyect_th
    {
        background-color: #EDEDED !important;
        color:#333;
        padding: 4px;
        height: 40px;
    }


    .semaforo-container {
        display: flex;
        flex-direction: column; /* Asegura que cada área esté en una nueva fila */
        /* gap: 15px; */ /* Espacio entre filas */
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        background-color: #fff;
        border: 1px solid #ddd;
        
    }

    .semaforo-leyenda {
        display: flex;
        align-items: center;
        padding: 10px;
      
    }

    .semaforo-leyenda .area {
        flex: 1;
        font-weight: bold;
        font-size: 1.1em;
        padding-right: 4px;
    }

    .semaforo-leyenda .circulos {
        display: flex;
        gap: 4px;
        align-items: center;
    }

    .circulo-wrapper {
        display: flex;
        align-items: center;
        gap: 5px;
        min-width: 60px;
    }

    .circulo {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 2px solid #ccc;
    }

    .verde {
        background-color: #e3feed;
    }

    .amarillo {
        background-color: #fff9cd;
    }

    .rojo {
        background-color: #ffdddd;
    }

    .dias {
        font-size: 0.9em;
        color: #333;
    }
    .area
    {
        min-width: 200px;
    }




    .loader{
        width: 100% !important;
        height: 200px !important;
        background:
            linear-gradient(0.25turn, transparent, #FFF, transparent),
            linear-gradient(#DDD, #DDD),
            radial-gradient(38px circle at 19px 19px, #DDD 50%, transparent 51%),
            linear-gradient(#DDD, #DDD);
        background-color: #fff;
        background-repeat: no-repeat;
        background-size: 315px 200px, 100% 130px, 100px 100px, 100% 30px;
        background-position: -315px 0, 0 0, 15px 140px, 65px 145px;
        animation: loading 1.5s infinite;
    }
  
    @keyframes loading {
      to {
        background-position: 315px 0, 0 0, 15px 140px, 65px 145px;
      }
    }
    
    .todo-list
    {
        list-style-type: none
    }

    .top_purple {
        border-top: 4px solid #a48ad4;
    }

    .top_green {
        border-top: 4px solid #77af3b;
    }

    .top_blue {
        border-top: 4px solid #2682d2;
    }

    .tasks-widget
    {
        /* margin-left: 2px; */
        /* padding-right: 2px; */
    }


    #preview-pane .preview-container {
        width: 250px;
        height: 250px;
        overflow: hidden;
    }

    #target {
        max-width: 600px;
        width: 100%;
    }


    .jcrop-holder #preview-pane {
        display: block;
        position: absolute;
        z-index: 2000;
        right: -280px;
        background-color: white;
    }


    .fancybox__container.fancybox-wide .fancybox__slide {
    max-width: 90% !important;
    width: 90% !important;
}

.fancybox__container.fancybox-wide .fancybox__content {
    max-width: 100% !important;
}

.fancybox__content 
{
        padding: 10px;
}

#filtros {
    background-color: #f5f5f5;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 14px;
}

.ticket_title
{
    padding-top: 8px;
    color: #900;
    font-family: "EuropeUnderground";
        font-size: 24px;

}

#buscarTicketId
{
    height: 33px;
    padding-top: 1px;
}

.centro-tickets
{
    background-color: #5cb85c;
    font-weight: bold;
    line-height: 2;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    display: inline;
    /* padding: 32px; */
    padding-top: 6px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 8px;
}

input[type="file"].form-control {
    padding: 6px;

    border: 2px dashed #007bff;
    background-color: #f8f9fa;
    color: #007bff;
    cursor: pointer;
        height: 43px;
}

input[type="file"].form-control:hover {
    background-color: #e2e6ea;
}

input[type="file"].form-control::-webkit-file-upload-button {
    background: #007bff;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

input[type="file"].form-control::-webkit-file-upload-button:hover {
    background: #0056b3;
}

.taskp
{
    min-height: 500px;
    font-size: medium;
}

.tasktitle
{
    font-weight: bold;
    font-size: medium;
    color: #000;
}


@media (max-width: 700px) {
  .navbar-collapse { 
    overflow-y: unset !important;
    margin-top: 80px;
  }
}

.label-enviado {
    background-color: indigo;
}