@CHARSET "UTF-8";

.kpi-verde{
    color: #024000;
    background-color: #024000;
}
.kpi-amarillo{
    color: #cc9900;
    background-color: #cc9900;
}
.kpi-rojo{
    color: #ff0000;
    background-color: #ff0000;
}

.response {
    padding: 0;
    padding-top: 10px;
    margin: 3px 0;
    clear: both;
    list-style: none;
}

.response .sel-file li, .response .reqh {
    color: blue;
    padding-bottom: 5px;
}


.angular-google-map-container {
    height: 600px;
    width: 100%;
}  

   
#map_canvas {
        position: relative;
}

.bold{
    font-weight: bold;
}

.bolder{
    font-weight: bolder;
}

.modal-trabajoEdicion .modal-dialog {
  width: 90%;
}
.modal-empresaEdicion .modal-dialog {
  width: 90%;
}
.modal-multimediaEdicion .modal-dialog {
    width: 80%;
}
.modal-asignacionTrabajo .modal-dialog {
    width: 85%;
}
.modal-parametrosTrabajo .modal-dialog {
    width: 85%;
}
.modal-reporte .modal-dialog {
    width: 90%;
}
.modal-zoomImagen .modal-dialog {
    width: 80%;
}
.modal-edicionContactoCFE .modal-dialog {
    width: 90%;
}
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.btn {
    margin-right: 8px;
}

.angular-ui-tree-handle {
    background: #f8faff;
    border: 1px solid #dae2ea;
    color: #7c9eb2;
    padding: 10px 10px;
}
 .angular-ui-tree-handle {
    cursor: move;
    text-decoration: none;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 20px;
    line-height: 20px;
}
.angular-ui-tree-handle:hover {
/*    color: #438eb9;
    background: #f4f6f7;
    border-color: #dce2e8;*/
    border-color: black;
    border: 4px dashed rgba(0, 0, 0, 1);
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

tr.angular-ui-tree-empty {
    height:100px
}

.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}


/* --- Tree --- */
.tree-node {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2;
}

.nodrop {
    background-color: #f2dede;
}

.tree-node-content {
    margin: 10px;
}
.tree-handle {
    padding: 10px;
    background: #428bca;
    color: #FFF;
    margin-right: 10px;
}


.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.seleccion:hover{
    cursor:pointer; 
    cursor: hand;
    background-color: #f1f1f1;
}
.seleccion.active{
    background-color: #f1f1f1;
}
/*#status-buttons                 {  }
#status-buttons a               { color:#fff; display:inline-block;  margin-right:10px; text-align:center; text-transform:uppercase; }
#status-buttons label           { color:#000; opacity: 0.5; text-transform:capitalize;}
#status-buttons a:hover         { text-decoration:none; }
#status-buttons span            { background:#f5ca8c;  display:block; height:30px; margin:0 auto 10px; padding-top:5px; width:30px; 
    border-radius:50%; }*/

/* active buttons */
/*status-buttons a.active span   { background:#f0ad4e; }*/
.label-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem;
}



.scrollable-menu {
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
}

.dropdown-submenu {
    position: relative;    
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.error {
    font-size: 25px;
    letter-spacing: 5px;    
    color: #FFDE00;
    text-align: center;
    font-family: Handgotn;
}
.row {
      margin-bottom: 20px;
}
.editorArea {
      margin: auto;
      overflow: hidden;
      background:#ffdead;
      width:auto;
      height: auto;
}
.navbar-brand {
  padding: 0px; /* firefox bug fix */
}
.navbar-brand>img {
  height: 54px;
  padding: 10px; /* firefox bug fix */
  width: auto;
}

/*    ESTILOS DE DND-LIST*/

    /**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
    .orderList ul[dnd-list] {
        min-height: 42px;
        padding-left: 0px;
    }

    /**
     * The dndDraggingSource class will be applied to
     * the source element of a drag operation. It makes
     * sense to hide it to give the user the feeling
     * that he's actually moving it.
     */
    .orderList ul[dnd-list] .dndDraggingSource {
        display: none;
    }

    /**
     * An element with .dndPlaceholder class will be
     * added to the dnd-list while the user is dragging
     * over it.
     */
    .orderList ul[dnd-list] .dndPlaceholder {
        background-color: #f0ad4e;
        border-color: #eea236;
        display: block;
        min-height: 100px;
        opacity: 0.5;
        border: 4px dashed rgba(255, 255, 255, 255);

    }

    .orderList ul[dnd-list] li {
        background-color: #fff;    
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        display: block;
        padding: 10px 15px;
        margin-bottom: -1px;
    }

    /**
     * Show selected elements in green
     */
    .orderList ul[dnd-list] li.selected {
        background-color: #dff0d8;
        color: #3c763d;
    }
.hero-widget { text-align: center; padding-top: 20px; padding-bottom: 20px; position: absolute; min-height: 150px; min-width: 250px; }
.hero-widget .icon { display: block; font-size: 30px; line-height: 96px; margin-bottom: 10px; text-align: center; }
/*.hero-widget var { display: block; height: 64px; font-size: 64px; font-style: normal; }*/
.hero-widget label { font-size: 5px; }
.hero-widget .options { margin-top: 10px; }

/*    ESTILOS DE DND-LIST PERMISIONARIOS*/

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
    .orderListPermisionarios ul[dnd-list] {
        min-height: 42px;
        padding-left: 0px;
/*        background-color: #555;*/
        padding-bottom: 50px;
        border-style: dashed;
        border-width: 2px;
/*        border-color: #55555555;*/
        border-color: rgba(224,119,7,0.33);
        height: inherit;
    }

    /**
     * The dndDraggingSource class will be applied to
     * the source element of a drag operation. It makes
     * sense to hide it to give the user the feeling
     * that he's actually moving it.
     */
    .orderListPermisionarios ul[dnd-list] .dndDraggingSource {
        display: none;
    }

    /**
     * An element with .dndPlaceholder class will be
     * added to the dnd-list while the user is dragging
     * over it.
     */
    .orderListPermisionarios ul[dnd-list] .dndPlaceholder {
        background-color: #f0ad4e;
        border-color: #eea236;
        display: block;
        min-height: 60px;
        opacity: 0.5;
        border: 4px dashed rgba(255, 255, 255, 255);

    }

    .orderListPermisionarios ul[dnd-list] li {
/*        background-color: #fdb913;*/
        background-color: #d1d1d1;
        border-radius: 4px;
        display: block;
        padding: 10px 10px;
        margin-bottom: 3px;
        min-height: 50px;
    }

    /**
     * Show selected elements in green
     */
    .orderListPermisionarios ul[dnd-list] li.selected {
        background-color: #dff0d8;
        color: #3c763d;
    }

    .boton_li_dnd_permisionario_naranja{
        background: rgba(224,119,7,1);
        background: -moz-linear-gradient(left, rgba(224,119,7,1) 0%, rgba(247,146,30,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(224,119,7,1)), color-stop(100%, rgba(247,146,30,1)));
        background: -webkit-linear-gradient(left, rgba(224,119,7,1) 0%, rgba(247,146,30,1) 100%);
        background: -o-linear-gradient(left, rgba(224,119,7,1) 0%, rgba(247,146,30,1) 100%);
        background: -ms-linear-gradient(left, rgba(224,119,7,1) 0%, rgba(247,146,30,1) 100%);
        background: linear-gradient(to right, rgba(224,119,7,1) 0%, rgba(247,146,30,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e07707', endColorstr='#f7921e', GradientType=1 );
        border-color: rgba(204,99,5,1);
        color: white;
    }
    .boton_li_dnd_permisionario_purpura{
/*        background-color: white;*/
        background: rgba(133,0,129,1);
        background: -moz-linear-gradient(left, rgba(133,0,129,1) 0%, rgba(145,72,141,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(133,0,129,1)), color-stop(100%, rgba(145,72,141,1)));
        background: -webkit-linear-gradient(left, rgba(133,0,129,1) 0%, rgba(145,72,141,1) 100%);
        background: -o-linear-gradient(left, rgba(133,0,129,1) 0%, rgba(145,72,141,1) 100%);
        background: -ms-linear-gradient(left, rgba(133,0,129,1) 0%, rgba(145,72,141,1) 100%);
        background: linear-gradient(to right, rgba(133,0,129,1) 0%, rgba(145,72,141,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#850081', endColorstr='#91488d', GradientType=1 );
        border-color: rgba(113,0,2,1);
        color: white;
    }
/* <<<<<<<<<<FIN CLASES DE DND-LIST PERMISIONARIOS>>>>>>>>>>>*/