html {
    position: relative;
    min-height: 100%;
}
body {
    /*
		background-color: #F0F0F0 !important;
    background: #F0F0F0 !important;
    Margin bottom by footer height
    margin-bottom: 140px;
     */
}
/*
.btn{
    border-radius: 3px !important;
}
*/
.btn-shadow{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}
.tab-pane {

    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    padding: 25px 20px;
    background-color: #ffffff;
}
hr{
    border-color: #d6d6d6;
}
.nav-tabs {
    margin-bottom: 0;
}
.fa-spin-custom {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
.dropdown-menu{
	border-color: #ccc;
}
.dropdown-menu>li>a{
	color: #404040;
	font-weight: 500;
}
.dropdown-menu>li>a:hover{
	background-color: #cccccc;
}
.btn-secondary{
	border-color: #cccccc;
}
.table-fixed thead {
  width: 97%;
}
.table-fixed tbody {
  height: 230px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
		}
}
.strike-text{
	text-decoration: line-through;	
}
tags-input .tags, tags-input .host{
	height: auto;
}
.mb-3.required .form-label:after {
  content:" *";
  color: red;
  font-weight: 600;
}
.modal-open {
    padding: 0px !important;
}
.footer {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 40px;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td{
    height: 40px;
    vertical-align: middle;
    padding: 10px 5px;
}
.table-bordered>tbody>tr>td{
    vertical-align: middle;
    padding: 8px;
    font-size: 14px;
}

.card-header h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    width: 100%;
    padding-top: 8px;
}
.form-title{
    font-size: 18px;
    border-bottom: 1px solid #E0E0E0;
    padding: 5px;
    margin-bottom: 25px;
    margin-top: 5px;
    font-weight: 600;
}


/* CUSTOM */
.navbar-sprint{
    background-color: #0f509d;
    border-radius: 0;
    color: #fff;
    border: 0;
    border-bottom: 2px solid #0B3A73;
    -webkit-box-shadow: 0px 0px 33px -4px rgba(0,0,0,0.47);
    -moz-box-shadow: 0px 0px 33px -4px rgba(0,0,0,0.47);
    box-shadow: 0px 0px 33px -4px rgba(0,0,0,0.47);
}
.navbar-sprint .navbar-nav>li>a {
    color: #FFF;
}
.navbar-sprint .navbar-nav>li>a.active{
    background-color: #0B3A73 !important;
    color: #afd236;
}
.navbar-sprint .navbar-nav>li>a:hover, .navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:hover, .navbar .navbar-nav>.open>a:focus {
    color: #ffffff !important;
    background-color: #0B3A73 !important;
}
.navbar-sprint .dropdown-menu{
    background-color: #0f509d;
    border: none;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
}
.navbar-sprint .dropdown-menu>li>a{
    color: #FFF;
}
.navbar-sprint .dropdown-menu>li>a:hover, .navbar-sprint .dropdown-menu>li>a.active{
    background-color: #0B3A73;
}
.navbar-sprint .navbar-text{
    color: #FFF !important;
}
.footer{
}
.footer .text-muted{
	color: #7b7b7b;
	padding: 0;
	margin: 0;
    text-align: center;
    font-weight: 500;
}
.card-header{
    font-size: 20px !important;
    padding: 16px 20px;
}
.card{
    border: none;
    /*
    -webkit-box-shadow: 0px 0px 33px -4px rgba(0,0,0,0.47);
    -moz-box-shadow: 0px 0px 33px -4px rgba(0,0,0,0.47);
    box-shadow: 0px 0px 33px -4px rgba(0,0,0,0.47);
    */
}
.form-control{
    box-shadow: none;
    border-radius: 2px;
    border: 1px solid #c3c3c3;
    font-size: 0.85rem;
}
.card-footer{
    background-color: #DEDEDE;    
}
.list-group-item{
    border-color: #d2d2d2;
}
.modal-header{
    background-color: #0f509d;
    border-color: #0B3A73;
    color: #ffffff !important;
}
.modal-title, .modal .close{
    color: #ffffff;
}
.modal-footer{
    background-color: #DEDEDE;
}
.mb-3 label{
    color: #333333;
    font-weight: 400;
}
.container{
    min-width: 95%;
}
.table thead{
    background-color: #0f509d;
    color: #ffffff;
}
.table thead th{
    font-weight: normal;
    border: 1px solid #0D478C !important;
    border-bottom: 4px solid #0D478C !important;
    padding: 10px 15px !important;
}
.table tbody td{
    border-bottom: 1px solid #d4d4d4 !important;
    background-color: #eeeeee;
}
.table tr td:first-child{
    padding-left: 20px;
}
.table tr td:last-child {
    padding-right: 20px;
}
.input-group-text{
    background-color: #dedede;
    border-color: #b9b9b9;
}
.dropdown-toggle.active{
    background-color: #0B3A73;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background-color: #dadada;
}
.right-text{
	text-align: right;
	align: right;
}
.center-text{
	text-align: center;
	align: center;
}
.card-title  a{
    color: #ffffff !important;
}
.card-title a:hover{
    text-decoration: none;
    color: #FFEB3B !important;
}
.form-horizontal .mb-3{
    margin-left:0;
    margin-right:0;
}
.block-display{
	display: block;
}
iframe{
    border: 2px solid #D6D6D6;
    margin: 0 auto;
}
.preview{
    border: 2px solid #D6D6D6;
}
.navbar-toggler .navbar-toggler-icon{
    background-color: #ffffff;
}
.navbar .navbar-nav .open .dropdown-menu>li>a{
    color: #ffffff;
}
input:disabled::-webkit-input-placeholder { /* WebKit browsers */
    color:    transparent;
}
input:disabled:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    transparent;
}
input:disabled::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    transparent;
}
input:disabled:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    transparent;
}
.ng-confirm.ng-confirm-light .ng-confirm-bg, .ng-confirm.ng-confirm-white .ng-confirm-bg{
	opacity: .75;
}
.history-title{
    margin: 0;
    padding: 15px 20px;
    background-color: #0f3f79;
    color: #ffffff;
    font-weight: 600;
}
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #e4e4e4 ;
   border-color: #e4e4e4 ;
}
.zoom-content{
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.label{
	min-width: 70px;
	max-width: 90px;
	display: block;
}
.badge-unprocess, .bg-unprocess{
	background-color: #ff66ef;
}
.badge-cancel, .bg-cancel{
	background-color: #455A64;
}
.badge-pending, .bg-pending{
	background-color: #1976D2;
}
/*
.is_new, .is_new > td, .is_new td{
	background-color: #ffeb3b !important;
	color: #212121;
	border: none !important;
	border-color: #b3a104 !important;
}
*/
.table-detail{
	width: 100%;
}
.table-detail tr td:first-child
{
    width:25% !important;
}
.card>.card-body+.table-responsive{
	border-top: 1px solid #0D478C  !important;
}
.table-spr {border-collapse:collapse; table-layout:fixed; }
.table-spr td, .table-spr th{white-space: initial !important; word-wrap: break-word;}

@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr { 
        display: block; 
    }
 
    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    #no-more-tables tr { border: 1px solid #ccc; }
 
    #no-more-tables td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        white-space: normal;
        text-align:left;
    }
 
    #no-more-tables td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
 
    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
}


@media only screen and (max-width: 1024px) {
	.container{
		width: 99% !important;
		padding: 0;
	}
	.card-header{
		padding: 10px 5px;
	}
}
.fa-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);}
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: number-input;
}
.navbar-toggler:hover, .navbar-toggler:focus{
	background-color: #0b3a73;
}
.navbar .navbar-collapse, .navbar .navbar-form{
	border-color: #0b3a73;
}





/* CARD CUSTOM */
.card-footer{
    border-top: 2px solid rgba(0, 0, 0, 0.1); 
    padding: 10px;
    border-radius: 0px!important;
}
.detail-content{
    margin-top: 10px;
    color: #ffffff;
    max-height: 125px;
    overflow-y: scroll;
}
.card-footer a{
    color: #ffffff;
    text-decoration: none;
    /* font-size: 12px;
    font-weight: 600;
    margin-bottom: 20px; */
}
.card-footer a:hover{
    color: #2E2E2E;
}
.card-footer .badge{
    background-color: #ffffff;
    color: #2E2E2E;
}
.card-footer .list-group{
    margin-bottom: 0px;
}
.card-footer .list-group .list-group-item{
    background-color: none;
    background: none;
    border: none;
    padding: 5px 10px;
    margin: 0;
}


input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    padding: initial;
    border: initial;
    margin: 3px 3px 3px 4px;
}


input[type="radio" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    padding: initial;
    border: initial;
    margin: 3px 3px 3px 4px;
 }


 .is-invalid .help-block{
    color: #dc3545 !important;
}