/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24/08/2022, 12:22:18
    Author     : fgualacata
*/
.fcc-btn{
    background: #00569d;
    color: white;
    font-size: 18px;
    padding: 15px 20px;
}
.navbar{
    /*color:#166978;*/
    background: #00569d;
}
.table-header{
    /*color:#166978;*/
    /*background: #00569d;*/
    background: #blue;

}

a {
    text-decoration: none;
}

a:link {
    color: #28367f;
    font-size: 16px;
}
a:visited {
    color: #28367f;
}
/*a:hover {color: blue;}*/
a:active {
    color: #28367f;
}

.fcc-span{
    background: #00569d;
    color: white;
    font-size: 18px;
    padding: 8px 20px;
}
/*.ace-nav > li.light-blue > a:focus, .ace-nav > li.light-blue > a:hover, .ace-nav > li.open.light-blue > a {
  background-color: #0B88D9;
}*/

.ace-nav > li.light-blue > a {
    background-color: #0B88D9;
}

.sidebar::before {
    /*background-color: #b7d9ff;*/
    /*background-color: #D5D5D5;*/
    background-color: #EDF3F9;


}

.no-skin .nav-list > li:hover > a {
    color: #00569d;

}

.no-skin .nav-list > li > a {
    /*  background-color: #0996F2; */
    background-color: #0B88D9;
    color: white;
}
a.refresca {
    color:white;
}
h5.smaller {
    font-size: 17px;
    text-align: center;
    color:#00569d;
}

.nav-list > li > a {
    text-align:center;
}

.menu-text{
    word-break: break-all;
}


/* CSS to style Treeview menu  */
ol.tree {
    padding: 0 0 0 30px;
    width: 300px;
}
li {
    position: relative;
    margin-left: -15px;
    list-style: none;
}
li input {
    position: absolute;
    left: 0;
    margin-left: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    height: 1em;
    width: 1em;
    top: 0;
}
li input + ol {
    background: url(images/toggle-small-expand.png) 40px 0 no-repeat;
    margin: -1.600em 0px 8px -44px;
    height: 1em;
}
li input + ol > li {
    display: none;
    margin-left: -14px !important;
    padding-left: 1px;
}
li label {
    background: url(images/folder.png) 15px 1px no-repeat;
    cursor: pointer;
    display: block;
    padding-left: 37px;
}
li input:checked + ol {
    background: url(images/toggle-small.png) 40px 5px no-repeat;
    margin: -1.96em 0 0 -44px;
    padding: 1.563em 0 0 80px;
    height: auto;
}
li input:checked + ol > li {
    display: block;
    margin: 8px 0px 0px 0.125em;
}
li input:checked + ol > li:last-child {
    margin: 8px 0 0.063em;
}

.sidebar{
    width:400px;
}
.sidebar + .main-content{
    margin-left:400px;
}
table.dataTable span.highlight {
    /*background-color: #FFFF88;*/
    background-color:greenyellow;
}
h3{
    color:#00569d;
}

div.dt-buttons > .dt-button, div.dt-buttons > div.dt-button-split .dt-button {
    cursor: pointer;

    font-size: .88em;

    line-height: 1.6em;

    color: white;

    white-space: nowrap;
    background-color: #0B88D9;

}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    /*box-sizing: border-box;*/
    /*display: inline-block;*/
    /*min-width: 1.5em;*/
    /*padding: .5em 1em;*/
    /*margin-left: 2px;*/
    /*text-align: center;*/
    text-decoration: none !important;
    /*cursor: pointer;*/
    color: blue;
    border: 1px solid #00569d;
    /*border-radius: 2px;*/
    /*background: transparent;*/
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    /*color: white !important;*/
    /*border: 1px solid #111;*/
    /*background-color: #111;*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));*/
    /*background: -webkit-linear-gradient(top, #585858 0%, #111 100%);*/
    /*background: -moz-linear-gradient(top, #585858 0%, #111 100%);*/
    /*background: -ms-linear-gradient(top, #585858 0%, #111 100%);*/
    /*background: -o-linear-gradient(top, #585858 0%, #111 100%);*/
    background: linear-gradient(to bottom, #3884d5 0%, #4181d5 100%);
}
.form-control {
    color: black;
}
label {
    color:#00569d;

}
.input-sm {
    width: 350px;
    /*line-height: 1.5;*/
}
#tree-modal {
    overflow:scroll;
    height:600px;
    width:850px;
}
#tree-container {
    overflow:scroll;
    height:1000px;
    width:400px;
}


.table > thead > tr > th {
    border-color: #912a2a;
    border-top-color: rgb(145, 42, 42);
    border-left-color: rgb(145, 42, 42);
    font-weight: 700;
    color:white;
    background: #1275bb;
    /*font-size:20px*/

}
.label-sm{

    font-size: 12px;
    height:16px;
    /*text-align:right;*/

}

.table > tbody > tr > td {
    font-size:16px;
    color: #28367f;
    text-align: left;
}

.miderecha{
    text-align:right;
    font-size:24px;
    color:#28367f;
}


.divmover {
    height: 600px;
    overflow: hidden;
    /*position: relative;*/
}

.divmover table {
    overflow: auto;
    height: 100px;
    /*position: absolute;*/
    /*height: 100%;*/
    margin: 0;
    text-align: center;

    /* Starting position */
    -moz-transform:translateY(100%);
    -webkit-transform:translateY(100%);
    transform:translateY(100%);

    /* Apply animation to this element */
    -moz-animation: divmover 40s linear infinite;
    -webkit-animation: divmover 40s linear infinite;
    animation: divmover 40s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes divmover {
    0%   {
        -moz-transform: translateY(100%);
    }
    100% {
        -moz-transform: translateY(-100%);
    }
}
@-webkit-keyframes divmover {
    0%   {
        -webkit-transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
    }
}
@keyframes divmover {
    0%   {
        -moz-transform: translateY(10%); /* Firefox bug fix */
        -webkit-transform: translateY(10%); /* Firefox bug fix */
        transform: translateY(10%);
    }
    100% {
        -moz-transform: translateY(-100%); /* Firefox bug fix */
        -webkit-transform: translateY(-100%); /* Firefox bug fix */
        transform: translateY(-100%);
    }
}
.divmover table:hover {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
/*.chico{
    font-size:10px;
}*/
.table > tbody > tr > td.chico {
    font-size:14px;
    text-align: left;
}
/*a:link{
    color: #009ceb;
    font-size: 10px;

}*/

/*html,
body {
    height: 100%;
}

body {
    margin: 0;
    background: linear-gradient(45deg, #49a09d, #5f2c82);
    font-family: sans-serif;
    font-weight: 100;
}

.container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/

table {
    width: 800px;
    border-collapse: collapse;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

/*th,
td {
    padding: 15px;
    background-color: rgba(255,255,255,0.2);
    color: #fff;
}*/

th {
    text-align: left;
}

thead {
    th {
        /*background-color: #55608f;*/
    }
}

tbody {
    tr {
        &:hover {
            background-color: rgba(255,255,255,0.3);
        }
    }
    td {
        position: relative;
        &:hover {
            &:before {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                top: -9999px;
                bottom: -9999px;
                background-color: rgba(255,255,255,0.2);
                z-index: -1;
            }
        }
    }
}


/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: transparent;
  width: 200px;
  height: 175px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side */
.flip-box-front {
  background-color: #28367f;
  color: white;
}

/* Style the back side */
.flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}