/* VARIABLES */
:root {
  --color-gr-one: #112169;
  --color-gr-clean: #F6F7FA;
}
/* GENERAL */
a{cursor: pointer;}
html,body{overflow-x:hidden;font-family: 'PT Sans', sans-serif;}
a,.page-link{color:var(--color-gr-one);}
h1.heading{font-size: 22px;margin-bottom: 0px;}
.nav-head{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 2px solid var(--color-gr-one);}
.nav-head .container-fluid{padding: 0px;}
.breadcrumb{margin-bottom:0px;}
/* COLORS */
.btn-primary,.active>.page-link, .page-link.active{background: var(--color-gr-one);border-color: var(--color-gr-one);}
.btn-outline-primary{border-color: var(--color-gr-one);color: var(--color-gr-one);}
.disabled,.readonly{background-color: var(--bs-secondary-bg);opacity: 1;}
input[readonly],input[readonly]:hover {background-color: var(--bs-secondary-bg);opacity: 1;cursor: not-allowed;}
/* LOGIN */
.btn-gr,.btn-gr:hover{background:var(--color-gr-one);color:#fff;}
.btn-gr:hover{opacity:0.9;}
.form-signin{height:100vh;display: flex;align-items: center;justify-content: center;background: var(--color-gr-clean);}
.form-signin .login_box{width:320px;}
.form-signin h1{text-align: center;font-size: 20px;color: var(--color-gr-one);}
.form-signin .form-floating:focus-within {z-index: 2;}
.form-signin input[type="email"]{margin-bottom: -1px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
#pass_form input[type="email"]{border-radius:5px !important;margin-bottom:15px;}
.form-signin input[type="password"]{margin-bottom: 10px;border-top-left-radius: 0;border-top-right-radius: 0;}
span.block-title{text-align: center;display: block;font-weight: 300;font-size: 12px;margin-bottom: 10px;text-transform: uppercase;background:var(--color-gr-clean);padding:5px;}
.remember{margin-top: 10px;text-align: center;}
.remember a{text-decoration: none;font-size:14px;color:#000;font-weight:300;}
p.mt-5.mb-3.text-muted{font-size: 12px;text-align: center;}
.alert{font-size: 14px;text-align: center;}
/* TOPBAR */
.topbar,.topbar a{color:#fff;font-size:14px;font-weight: 300;}
.topbar{background:var(--color-gr-one);padding:5px;}
.topbar .container{display: flex;justify-content: space-between;align-items: center;}
/* MENU */
button.navbar-toggler{border:none;}
.navbar-toggler:focus{box-shadow:none;}
header{background:var(--color-gr-clean);}
header nav{margin-bottom: 20px;padding-top: 20px !important;padding-bottom: 20px !important;}
div#navbarCollapse{justify-content: flex-end;}
/* HEADER */
.d-flex.form-actions{column-gap: 10px;align-items: center;}
.d-flex.form-actions p{margin-bottom:0px;}
.d-flex.form-actions{column-gap: 10px;align-items: center;justify-content: flex-start;}
.form-actions p, .form-actions a, .form-actions button{white-space: nowrap;}
/* HOME */
.orden-lista .bootstrap-select button.btn.dropdown-toggle.btn-light{background: no-repeat;box-shadow: none;border: none;}
.box-filter-form{margin-top:10px;display:none;}
.box-init{column-gap: 10px;align-items: center;width: 100%;}
.filter-btn-show{cursor:pointer;}
/* MY ACCOUNT */
.my-account-form{overflow:hidden;}
.col-data-princ{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid var(--color-gr-clean);}
h6.mb-0{color:var(--color-gr-one);font-weight: bold;}
.img-princ{width:250px;height:250px;border-radius:50%;background-position:center center;background-size:cover;margin:0 auto;border: 10px solid var(--color-gr-clean);}
.col-dif{margin-top: 20px;}
/* CHECK DATA */
.multi-select-width .col{width:0;}
.filters .card-header{cursor:pointer;}
/* TABLES */
table.dataTable{margin-bottom: 25px !important;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{background-color: var(--color-gr-one);}
table.dataTable .alert-warning i{color:#d3c240}
table.dataTable .alert-success i{color:#59d340}
table.dataTable .alert-danger i{color:#f55757}
/* FORM UERS */
.btn-actions{margin-top:20px;display: flex;column-gap:20px;justify-content: flex-end;align-items: center;}
.btn-actions a{cursor:pointer;}
.col-user{margin-bottom: 10px;}
/* FOOTER */
footer.footer{margin-top: 40px;padding: 40px 0px;border-top: 1px solid var(--color-gr-one);background:var(--color-gr-clean);}

.input-group-text{border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
tr.alert-warning,tr.alert-warning td{background-color: rgba(112, 60, 227, 0.3);}
tr.alert-warning2,tr.alert-warning2 td{background-color: rgba(227, 209, 60, 0.3);}
tr.alert-success,tr.alert-success td{background-color: rgba(81, 227, 60, 0.3);}
tr.alert-danger,tr.alert-danger td{background-color: rgba(215, 95, 95, 0.3);}
.recargo{background-color: var(--bs-warning-bg-subtle);}
.recargo input, .recargo textarea, .recargo select{background-color: var(--bs-warning-bg-subtle);border-color:var(--bs-border-color-translucent);}
.recargo .input-group-text{background-color: #bfb79b;border-color:var(--bs-border-color-translucent);}


/*********************************************************/
/* MOBILE */
/*********************************************************/
@media only screen and (max-width: 768px) {
  div#navbarCollapse{padding-top:25px;}
  .form-actions p, .form-actions a, .form-actions button{font-size:13px;}
  .box-init div{width: 100%;}
  .box-init{flex-direction: column;row-gap: 10px;}
  .sub-filter{width:100% !important;}
  div#DataEx_filter label, div#DataEx_length label{width: 100%;}
  div#DataEx_length{margin-bottom:5px;}
}
@media only screen and (max-width: 450px) {
  body{font-size:14px;}
  p,input,label,.form-control{font-size:13px;}
  .row-dif{flex-direction: column-reverse;}
}