@font-face {
  font-family: 'RubikRegular';
  src: url(../fonts/rubik/Rubik-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'RubikLight';
    src: url(../fonts/rubik/Rubik-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'RubikMedium';
    src: url(../fonts/rubik/Rubik-Medium.ttf) format('truetype');
}

@font-face {
  font-family: 'RubikBold';
  src: url(../fonts/rubik/Rubik-Bold.ttf) format('truetype');
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
    background-color: #ffffff;
    font-family: 'RubikRegular', 'Arial'
}

table > * {
    font-family: 'Arial' !important;
}

img.loader {
    position:absolute; 
    width: 100px;
    height: auto;
    left:47%; 
    top:35%; 
    z-index: 1000;
}

.jumbotron {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* Chosen with custom style */
.chosen-container.chosen-container-single {
    /*width:90% !important;*/
    min-height: 37px;
    font-size: 18px;
}

.chosen-container.chosen-container-multi {
    min-height: 37px;
    font-size: 18px;
}

.chosen-container-multi .chosen-choices {
    height: 37px;
}

.chosen-container.full {
    width:100% !important;
}

.chosen-single {
    display: flex;
    align-items: center;
    text-align: left;
    min-height: 38px;
    background:transparent !important;
    -webkit-border-radius: 1px !important;
    -moz-border-radius: 1px !important;
    border-radius: 1px !important;
}

.chosen-single {
    padding-left:0 !important;
    border:none !important;
}

.chosen-single > span {
    /*color: rgb(57, 82, 123);*/
    height: 38px;
    line-height: 40px;
    padding-left: 8px;

    /* Chosen effects */
    border: 1px solid #aaa;
    border-radius: 2px;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
    color: #444;
    text-decoration: none;
}

.chosen-search-input.default {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 40px;
}

.chosen-container-single .chosen-single div {
    background-color: rgb(57, 82, 123) !important;
    width: 38px !important;
    border: 1px solid rgb(57, 82, 123);
}

.chosen-container-single .chosen-single div b {
    background: url(arrow-down.png) no-repeat 14px 15px !important;
}

.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-image: url(arrow-up.png) !important; /* no-repeat 13px 15px !important;*/
}

/* End chosen with custom style */

/* CSS Checkbox */
input[type=checkbox].css-checkbox {
    position:absolute;
    z-index:-1000; 
    left:-1000px;
    overflow: hidden;
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px;
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
    margin-top: 3px;
    vertical-align: middle;
    width:100%;
    padding-left:24px;
    min-height:19px; 
    display:inline-block;
    line-height:16px;
    background-repeat:no-repeat;
    background-size: 19px 19px;
    background-position: center center;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.left + label.css-label.left {
    background-position: left center;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-image:url('../images/checked.png');
}
label.css-label {
    background-image:url('../images/unchecked.png');
}
/* End CSS Checkbox */

/* Custom input file */
input[type="file"].custom-file {
	display: none;
	overflow: hidden;
}
/* End custome input file */

label {
    color: #205285;
}

/* Custom invalid elements */
.chosen-container.chosen-container-single.is-invalid {
	border:1px solid red;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.btn.btn-info.is-invalid {
	border:1px solid red;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

span#filename.is-invalid {
	color:red;
}
/* End chosen single invalid */


/* Sidebar links */
a.reportes-link:hover {
    color: #f7a600;
}

a.apm-link:hover {
    color: #bbce00;
}

a.marcaciones-link:hover {
    color: #00c49a;
}

a.modificaciones-link:hover {
    color: #36a9e0;
}
/* End sidebar links */


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background-color: #205285;
    border: 0;
    
}

.nav-tabs .nav-item{
    margin-bottom: -2px;
}

.nav-tabs .nav-item.bordered{
    margin-bottom: 7px;
    margin-top: 7px;
    /*border-right:1px solid #bccf00;*/
}

.nav-tabs .nav-item.bordered.apm {
    border-right:1px solid #bccf00;
}

.nav-tabs .nav-item.bordered.mod {
    border-right: 1px solid rgb(54, 169, 225);
}

.nav-tabs .nav-item.bordered.marks {
    border-right: 1px solid rgb(0, 196, 154);
}

.nav-tabs .nav-item.bordered.report {
    border-right: 1px solid #f7a600;
}

.nav-tabs .nav-item.bordered a {
    padding-top:0;
    padding-bottom:0;
}

.nav-tabs .nav-item.bordered:last-child {
    border-right:none;
}

.nav-tabs .nav-item .nav-link:focus, .nav-tabs .nav-item .nav-link:hover {
    /*border: 1px solid transparent !important;*/
    opacity: 0.9 !important;
}

.nav-tabs .nav-item.bordered .nav-link:focus, .nav-tabs .nav-item.bordered .nav-link:hover {
    border: 1px solid transparent;
    color: silver;
}

.nav-tabs .nav-item.bordered .nav-link.active:focus, .nav-tabs .nav-item.bordered .nav-link.active:hover {
    border:none;
}

ul.nav.nav-tabs li.nav-item a.nav-link{
    color: white;
}

ul.nav.nav-tabs li.nav-item.apm a.nav-link.active{
    color: #bccf00;
}

ul.nav.nav-tabs li.nav-item.mod a.nav-link.active {
    color: rgb(54, 169, 225);
}

ul.nav.nav-tabs li.nav-item.marks a.nav-link.active {
    color: rgb(0, 196, 154);
}

ul.nav-nav-tabs li.nav-item.report a.nav-link.active {
    color: #f7a600;
}

.button {
    text-align:center;
    padding: .225rem .55rem;
    color:white;
    background-color: rgb(214, 220, 223);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.button:hover {
    color: white;
}

.button.wide {
    padding: .525rem .95rem;
    margin-right: 15px;
}

.button.wide.active {
    border: 1px solid transparent;
    background-color: rgb(54, 169, 225);
    /* Shadow */
    box-shadow: inset 1px 1px rgba(0, 0, 0, 0.2);
}

.button-green {
    background-color: #bdcf07;
}

.button-blue {
    background-color: rgb(54, 169, 225);
}

.button-dark-blue{
    background-color: rgb(33, 82, 134);
}

.button-red {
    background-color: #d0211c;
}

.button-orange {
    background-color: #f7a600;
}

.button-dark-blue:hover,
.button-red:hover {
    color:white;
    text-decoration: none;
    opacity: 0.9;
}

.apm_menu_button{
    width: 100%; 
    text-align: left;
    color: rgb(127, 139, 145);
    padding: .525rem .55rem;
    margin: 2px;
    font-size: 85% !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(240,240,240) 0%, rgb(224,224,224) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgb(240,240,240) 0%,rgb(224,224,224) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgb(240,240,240) 0%,rgb(224,224,224) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

    /* Shadow */
    box-shadow: 1px 1px 1px silver;
    border:none;
}

.apm_menu_button:hover {
    color: rgb(157, 169, 175);
}

.apm_menu_button.azul{
    background: #0e2146;
    color:white;
}

.apm_menu_button.azul:hover {
    opacity: 0.9;
}


.apm_menu_button:not(:disabled):not(.disabled).active{
    text-align: left;
    color: #fff;
    border-color: #bdcf07;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4df5b+0,b4df5b+100;Green+Semi+Flat */
    background: rgb(180,223,91); /* Old browsers */
    background: -moz-linear-gradient(top,  #bdcf07 0%, #bdcf07 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #bdcf07 0%,#bdcf07 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #bdcf07 0%,#bdcf07 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdcf07', endColorstr='#bdcf07',GradientType=0 ); /* IE6-9 */

    /* Shadow */
    box-shadow: inset 1px 1px silver;
}



div#menu_modificaciones.row div.container ul.nav.nav-tabs li.nav-item a.nav-link.active{
    color: #36a9e1;
}

input.upper{
    text-transform: uppercase;

}


div#menu_reportes.row div.container ul.nav.nav-tabs li.nav-item a.nav-link.active{
    color: #f7a600;
}

/* BEGIN Datatables */
/* Datatable buttons */
div.dt-buttons {
    margin-bottom:10px;
}

button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) {
    background-color: rgb(54, 169, 224);
    color:white;
    background-image: none;
    padding: 10px 20px;
    border-radius: 3px;
}

button.dt-button, div.dt-button, a.dt-button, button.dt-button:hover, div.dt-button:hover, a.dt-button:hover {
    background-color: rgb(54, 169, 224);
    color:white;
    background-image: none;
    padding: 10px 20px;
    border-radius: 3px;
}

button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button.active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button.active:not(.disabled):hover:not(.disabled) {
    background-color: rgb(54, 169, 204);
}

button.dt-button.new:hover:not(.disabled), div.dt-button.new:hover:not(.disabled), a.dt-button.new:hover:not(.disabled) {
    background-color: rgb(187, 206, 0);
}

button.dt-button.new, div.dt-button.new, a.dt-button.new {
    background-color: rgb(187, 206, 0);
}

button.dt-button.remove:hover:not(.disabled), div.dt-button.remove:hover:not(.disabled), a.dt-button.remove:hover:not(.disabled) {
    background-color: #c9302c;
}

button.dt-button.remove, div.dt-button.remove, a.dt-button.remove {
    background-color: #c9302c;
}

div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) {
    color:black !important;
}
/* End Datatable buttons */

/* Datatable filter */
.dataTables_filter .input-group-text {
    width: auto;
}

.dataTables_filter.input-group {
    width: auto !important;
}

.input-group-text {
    background-color: rgb(54, 169, 224) !important;
    color:white !important;
    border: 1px solid gray;
}

input[type="search"] {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
/*End Datatable filter*/

div.table-responsive {
    padding-left: 2px;
    padding-right: 2px;
}

table.datatable thead tr th,
table.table-bordered thead tr th {
    border: 1px solid white;
    background-color: rgb(54, 169, 224);
    color: white;
}

table.datatable thead tr th.sorting_asc,
table.datatable thead tr th.sorting_desc {
    color:black;
}

table.datatable tbody tr.even {
    background-color: rgb(244, 244, 244);
}

table.datatable tbody tr.odd {
    background-color: white;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color:transparent;
    color:rgb(54, 169, 224) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
    background-color: rgba(0, 0, 0, 0);
    color:black !important;
}

table.inner-table th,
table.inner-table td {
    border:none;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* END Datatables */

h1 {
    font-family: 'RubikMedium';
    color: rgb(14, 33, 70);
}