@media print {
    .no-print, .hidden-print {
        display: none !important;
    }
}

.file {
    visibility: hidden;
    position: absolute;
}

.top-navigation .wrapper.wrapper-content {
    padding-top: 0px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

pre.detalles {
    white-space: pre-wrap; /* Since CSS 2.1 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.proyectoSelect td {
    background-color: #DAEDDA;
}

.celdaSelect {
    background-color: #dff0d8;
}

.filaTotal td {
    color: white;
    background-color: #5e5e5e;
}

/*INPUTS MAS PEQUENIOS*/

/*
http://stackoverflow.com/questions/22920589/bootstrap-3-input-xs-smaller-than-sm
*/

.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
    border-radius: 2px;
}

.input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn {
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

/*ICONOS DENTRO DE INPUTS
http://stackoverflow.com/questions/18838964/add-bootstrap-glyphicon-to-input-box
Falta arreglar para input-xs
*/

/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon .glyphicon, .inner-addon .fa {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/* align icon */
.left-addon .glyphicon, .left-addon .fa {
    left: 0;
}

.right-addon .glyphicon, .right-addon .fa {
    right: 0;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

/*--- BOTONES COTIZACION ---*/

.botones > .btn input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* --- BANCO --- */

.panel-banco {
    border-color: #d5d5d5;
    /*border-radius: 3px;*/
    /*border-bottom-left-radius: 15px;*/
    border-radius: 0px 0px 0px 15px;
    -moz-border-radius: 0px 0px 0px 15px;
    -webkit-border-radius: 0px 0px 0px 15px;
    /*box-shadow: 1px 1px 4px;*/
    box-shadow: 0px 0px 1px;
}

.panel-banco > .panel-heading {
    /*background-color: #d5d5d5;*/
    /*border-color: #d5d5d5;*/
    /*color: #10265c;*/
    border-bottom: 1px solid #10265c;
    font-size: 20px;
}

.widget-banco {
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    color: #10265c;
}

.widget-banco:hover {
    background-color: #d5d5d5;
    border: 1px solid #d5d5d5;
}

.banco .btn-primary {
    background-color: #ffdd00;
    border: 1px solid #ffdd00 !important;
    color: black !important;
    /*color: #0f265c;*/
}

.banco .btn .btn-primary .activo {
    background-color: #ffdd00 !important;
    border: 1px solid #ffdd00 !important;
    font-size: 100px !important;
}

.banco .btn-primary:hover,
.banco .btn-primary:active {
    background-color: #ffdd00;
    border-color: #ffdd00;
    color: #0f265c;
}

.banco .btn-info {
    /*background-color: #f1ae53;*/
    background-color: #ffffff;
    border-color: #ffffff;
    color: #0f265c !important;
    text-decoration: underline !important;

}

.banco .btn-info:hover {
    background-color: #d5d5d5;
    border: 1px solid #d5d5d5;
}

.banco .btn-info:active {
    background-color: #72787A;
    border: 1px solid #72787A;
}

/*.btn .btn-primary .active{*/
/*background-color: #72787A !important;*/
/*border: 1px solid #72787A !important;*/
/*}*/

.banco .btn-success {
    /*background-color: #f1ae53;*/
    background-color: #10265c;
    border-color: #0f2c67;
    color: white;
}

.banco .btn-success:hover {
    background-color: #0f265c;
}

.banco .label-success {
    background-color: #6CB96B;
}

.banco .btn-negro {
    background-color: #0e0e0e;
    /*border-color: #0e0e0e;*/
    border-color: #0e0e0e;
    color: #f5f5f5;
}

.banco .btn-negro:hover {
    /*background-color: #7d7e7d;*/
    background-color: #3e2c42;
    border-color: #3e2c42;
    /*color:#000;*/
}

table.banco th {
    background-color: #ffdd00;
    color: #0f265c;
    /*background-color: #3e2c42;*/
}

tr.banco th, tr.banco td {
    background-color: #ffdd00 !important;
    color: #0f265c;

}

td.banco, th.banco {
    background-color: #ffdd00 !important;
    color: #0f265c;

}

table.azul th, tr.azul th {
    background-color: #10265c !important;
    color: #ffffff;
}


/*a.btn-sm {*/
/*background-color: #ffffff !important;*/
/*border: none !important;*/
/*color: #0f2c67 !important;*/
/*}*/

/*a.btn-sm:hover {*/
/*text-decoration: underline;*/
/*background-color: #d5d5d5 !important;*/
/*}*/

.errortext {
    color: #fff
}

.col-lg-12 {
    border-color: #d5d5d5 !important;
    /*border-radius: 3px;*/
    /*border-bottom-left-radius: 15px;*/
    border-radius: 0px 0px 0px 15px !important;
    -moz-border-radius: 0px 0px 0px 15px !important;
    -webkit-border-radius: 0px 0px 0px 15px !important;
    box-shadow: 1px 1px 4px !important;
    margin-top: 10px;
}

.ibox-title h5 {

}

/*
http://cssgradientbutton.com/?bg0=a90329&bg1=6d0019&bg2=77021d&bg3=3a000d&r=3&p_top=7&p_right=10&p_bottom=7&p_left=10&w_auto=yes&w=192&text_c=FFFFFF&textshadow=yes&textshadow_c=000000&shadow_bt=0&shadow_c=FFFFFF&border_s=1&border_c=77021d&border_c_hover=77021d&f_size_auto=no&f_s=13&font=arial,%20helvetica,%20sans-serif&bold=yes&inset=yes&s_x=0&s_y=0&s_b=1&t_s_px=1&b_top=1&b_right=1&b_bottom=1&b_left=1&bt_c=819bcb&br_c=819bcb&bb_c=819bcb&bl_c=819bcb&bhover_top=1&bhover_right=1&bhover_bottom=1&bhover_left=1&bhover_t_c=819bcb&bhover_r_c=819bcb&bhover_b_c=819bcb&bhover_l_c=819bcb&bh_top=1&br_top=3&br_right=3&br_bottom=3&br_left=3&h_s=0&v_s=2&b_s=0&o_s=0.5#
 */

.btn-negro-g {
    /*border: 1px solid #77021D;*/
    /*-webkit-box-shadow: #FFFFFF 0px 0px 1px inset;*/
    /*-moz-box-shadow: #FFFFFF 0px 0px 1px inset;*/
    box-shadow: #FFFFFF 0px 0px 1px inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    /*border-radius: 3px;*/
    /*text-shadow: 0px 2px 0 rgba(0, 0, 0, 0.5);*/
    /*font-weight: bold;*/
    color: #FFFFFF;
    background-color: #7d7e7d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
    background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
    background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
    background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
    background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
    background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#7d7e7d, endColorstr=#0e0e0e);
}

.btn-negro-g:hover {
    color: #ffffdd;
    border: 1px solid #77021D;
    background-color: #646464;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
    background-image: -webkit-linear-gradient(top, #646464, #282828);
    background-image: -moz-linear-gradient(top, #646464, #282828);
    background-image: -ms-linear-gradient(top, #646464, #282828);
    background-image: -o-linear-gradient(top, #646464, #282828);
    background-image: linear-gradient(to bottom, #646464, #282828);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#646464, endColorstr=#282828);
}

.btn-negro-g:active,
.btn-negro-g:focus,
.btn-negro-g:visited {
    color: #ffffff;
}

/* Cambio de colores de los iconos*/
.warm-gray {
    color: #5E514E;
}

.tablon label {
    width: 100px;
    text-align: right;
    margin-right: 3px;
}

.tablon label.long {
    width: 150px;
}

.medium-icon {
    font-size: 80px !important;
    color: #e5e6e7;
}

/* checkbox alineado mas o menos */
.checkalign input {
    position: relative;
    top: 3px;
}

/* CSS METAS*/
.meta-alto {
    /*background: #088A08; !important;*/
    background: #088A08;
!important;

    color: white;
}

.meta-medio {
    background: yellow;
!important;
    color: black
}

.meta-bajo {
    /*background: #d9534f; !important;*/
    background: #ff531a;
!important;
    color: white;
}

a {
    color: #10265c !important;
}

a.btn-success {
    color: white !important;
}

.form-control::-moz-placeholder {
    color: #B3B2B2;
    opacity: 1;
}

.form-control {
    /*border: 1px solid #B3B2B2;*/
}

h1, h2, h3, h4, h5, h6 {
    color: #10265C;
}

.titulo_app {
    margin-top: 10px !important;
}

/* Fuentes */

.preloBook {
    font-family: PreloSlabBook, Arial, sans-serif;
}

#navbar {
    background-color: #ffffff;
}

h1.preloslab {
    font-family: 'Prelo Slab Book', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    color: #10265C;
    opacity: 1;

}

/* Transformaciones de texto las primeras a mayusculas y el punto al final*/
h1.preloslab {
    text-transform: lowercase;
    font-size: 70px;

}

h1.preloslab::first-letter {
    text-transform: uppercase;
}

h1.preloslab:after {
    content: ".";
}

h1, h2, h3, h4, h5, h6 {
    text-transform: lowercase;

}

h1::first-letter, h2::first-letter, h3::first-letter, h4::first-letter, h5::first-letter, h6::first-letter {
    text-transform: uppercase;
}

h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
    content: ".";
}

label {
    text-transform: lowercase;
}

label::first-letter {
    text-transform: uppercase;
}

/*label:after, span:after {*/
/*content: ".";*/
/*}*/

label:after, span.label:after {
    content: ".";
}

.checkbox > label.col-sm-4:first-letter {
    text-transform: uppercase;
}

/*.table-bordered > tbody > tr > th > div:after,*/
/*.table-bordered > thead > tr > th > div:after,*/
/*.table-bordered > tbody > tr > th:after{*/
/*content: ".";*/
/*}*/
.table-bordered > tbody > tr > th > div::first-letter,
.table-bordered > thead > tr > th > div::first-letter,
.table-bordered > thead > tr > th::first-letter,
.table-bordered > tbody > tr > th::first-letter {
    text-transform: uppercase !important;
}

.panel > .panel-heading {
    text-transform: lowercase;
}

.panel > .panel-heading:first-letter {
    text-transform: uppercase;
}

.panel > .panel-heading:after {
    content: ".";
}

/** esta huevada un no funciona*/
/*span{*/
/*text-transform: lowercase;*/
/*}*/
/*span::first-letter{*/
/*text-transform: uppercase;*/
/*}*/
/***/
th {
    text-transform: lowercase;
}

th:first-letter {
    text-transform: uppercase;
}

/* */

hr {
    border-top: 1px solid #d5d5d5;
}

.container-fluid {
    padding-right: 1px;
    padding-left: 1px;
    margin-right: auto;
    margin-left: auto;
}

.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
}

/* Menu*/
.top-navigation .nav > li a:hover {
    background-color: #ffdd00 !important;
}

.top-navigation .nav > li.active {
    background-color: #ffdd00 !important;
}

.skin-3 .nav.nav-tabs > li.active {
    background-color: #ffdd00 !important;
}

.top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus {
    background: #ffdd00;
    color: #10265c;
}

/**/
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f5f5f5;
}

table th.vertical {
    background-color: #f5f5f5 !important;
}

/*input {*/
/*    color: #10265c !important;*/
/*}*/

label.nolow, span.nolow:after, div.nolow:after {
    text-transform: none !important;
}

label.nolow:after, span.nolow:after, div.nolow:after {
    content: none;
}

.readonly-class {
    cursor: not-allowed;
    background: #eee;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #ffdd00 !important;
    /*border: 1px solid #ffdd00 !important;*/
}

.bootstrap-dialog .bootstrap-dialog-title {
    color: #10265c !important;;
}

.nolow {
    text-transform: none !important;
}

*.nolow:after {
    content: none !important;
}

.nolow > td, .nolow > th {
    text-transform: none !important;
}

.nolow thead td, .nolow thead th, .nolow tbody td, .nolow tbody th {
    text-transform: none !important;
}

.searchclear {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc;
}

.fc-title, .fc-time {
    color: white;
}

/*Colores proyectos*/

.procolor-verde {
    background: green;
    color: white;
}

.procolor-amarillo {
    background: yellow;
    color: #0e0e0e;
}

.procolor-rosado {
    background: pink;
    color: #0e0e0e;
}

.procolor-rojo {
    background: red;
    color: white;
}

.procolor-azul {
    background: blue;
    color: white;
}

.procolor-indeterminado {
    background: #d3d3d3;
    color: black;
    font-weight: bold;
}

.formaCredito input {
    text-transform: uppercase;
}

.formaCredito input.email {
    text-transform: none !important;
}

/*CARGADORES*/

.loader {
    position: relative;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 60px;
    height: 60px;
    /*left: 50%;*/
    /*top: 50%;*/
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .5;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*TABLA REDUCIDA*/

.minitabla > tbody > tr > th {
    padding: 4px 5px !important;
    font-size: 12px;
}

.minitabla thead th {
    padding: 3px !important;
    font-size: 12px;
}

.minitabla > tbody > tr > td {
    padding: 3px !important;
    font-size: 12px;
}

.minitabla.centerhead > thead > tr > th,
.minitabla.center > tbody > tr > td,
.minitabla.center > tbody > tr > th {
    text-align: center;
}

.minitabla input {
    font-size: 12px;
    /*border: 0;*/
    /*border-bottom: 1px solid #ccc;*/
    padding: 2px 4px;
}

.minitabla textarea {
    font-size: 12px;
    padding: 4px 4px;
}

.minitabla select.form-control {
    font-size: 13px;
    padding-left: 3px;
}

.minitabla input[type="checkbox"].input-sm, .minitabla input[type="radio"].input-sm {
    margin: 3px !important;
    height: initial;
    /*margin: 4px 0 0 !important;*/
    /*margin-top: 1px \9;*/
    /*line-height: normal;*/

}

.minitabla div.form-control {
    font-size: 12px;
}

/*NOTICE, tipo cards*/

.notice {
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
}

.notice-sm {
    padding: 10px;
    font-size: 80%;
}

.notice-lg {
    padding: 35px;
    font-size: large;
}

.notice-success {
    border-color: #80D651;
}

.notice-success > strong {
    color: #80D651;
}

.notice-info {
    border-color: #45ABCD;
}

.notice-info > strong {
    color: #45ABCD;
}

.notice-warning {
    border-color: #FEAF20;
}

.notice-warning > strong {
    color: #FEAF20;
}

.notice-danger {
    border-color: #d73814;
}

.notice-danger > strong {
    color: #d73814;
}

.titulo-form {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
}

table.longinput input {
    width: 100%;
}

/*input.error, select.error {*/
/*    background-color: #FFCCCC;*/
/*}*/

.indicemal {
    background-color: red;
!important;
    color: white;
}

.indicebien {
    background-color: green;
    color: white;
}

.input-right {
    text-align: right;
}

.input-center {
    text-align: center;
}

.softerror {
    background-color: rgba(255, 58, 94, 0.80);
    color: white;
}

.softerror a {
    background-color: #ff3a5e;
    color: white !important;
}

.headerbanco, tr th.headerbanco {
    background-color: #ffdd00 !important;
    color: black;
    padding: 10px;
    border: 1px solid grey;
}

.perfilA {
    background-color: forestgreen;
    color: #ffffff;
    border: 1px greenyellow solid;
}

.perfilA h2 {
    color: #ffffff;
}

.perfilB {
    background-color: lightgreen;
    color: #ffffff;
    border: 1px greenyellow solid;
}

.perfilB h2 {
    color: #ffffff;
}

.perfilC {
    background-color: darkseagreen;
    color: #ffffff;
    border: 1px greenyellow solid;
}

.perfilC h2 {
    color: #ffffff;
}

.perfilD {
    background-color: yellow;
    color: #000000;
    border: 1px white solid;
}

.perfilD h2 {
    color: #000000;
}

.perfilE {
    background-color: lightgoldenrodyellow;
    color: #000000;
    border: 1px white solid;
}

.perfilE h2 {
    color: #000000;
}

.perfilF {
    background-color: lightyellow;
    color: #000000;
    border: 1px white solid;
}

.perfilF h2 {
    color: #000000;
}

.perfilG {
    background-color: red;
    color: #ffffff;
    border: 1px white solid;
}

.perfilG h2 {
    color: #ffffff;
}

input.iright {
    text-align: right;
}

.arrow-right:after {
    content: "";
    display: inline-block !important;
    width: 0;
    height: 0;
    border-left: 8px solid #C8A962;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    vertical-align: middle;

}

.arrow-right:before {
    width: 20px;
    height: 2px;
    background: #C8A962;
    content: "";
    display: inline-block;
    vertical-align: middle;
}

td.equilibrio_etiqueta {
    background-color: #ffdd00 !important;
}

td.equilibrio_por {
    background-color: #ffc001 !important;
}


@media (min-width: 992px) {
    div.modal-xl {
        width: 80% !important;
    }
}

@font-face {
    font-family: 'dotsfont';
    src: url('../fonts/dots/dotsfont.eot');
    src: url('../fonts/dots/dotsfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dots/dotsfont.svg#font') format('svg'),
    url('../fonts/dots/dotsfont.woff') format('woff'),
    url('../fonts/dots/dotsfont.ttf') format('truetype');
}

input.dotfont {
    font-family: 'dotsfont';
    font-size: 10px;
}

.tableFixHead {
    overflow: auto;
    height: 150px;
}

.tableFixHead thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

/*MODAL CENTRADO*/

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/*TAMANIO TOAST*/

.jq-toast-wrap {
    width: 350px !important;
}