@media print{
 	@page {
 		size: legal landscape;
 	}

    body
    {
        margin: 0;
    }

    .font16 {
    	font-size: 16px;
    }

    .font14 {
    	font-size: 14px;
    }

    .font12 {
    	font-size: 12px;
    }

    .font10 {
    	font-size: 10px;
    }

    .font8 {
    	font-size: 8px;
    }

    .font6 {
    	font-size: 6px;
    }

    .width300 {
    	width: 300px !important;
    }

}

.font16 {
    font-size: 16px;
}

.font14 {
    font-size: 14px;
}

.font12 {
    font-size: 12px;
}

.font10 {
    font-size: 10px;
}

.font8 {
    font-size: 8px;
}

.font6 {
    font-size: 6px;
}

.width300 {
    width: 300px !important;
}

.bg-gray {
    background: #DDD;
}

.bg-oranges {
    background: #FF842A;
    color:white;
}

.bg-green-light {
    background: #007D52;
    color:white;
}


.bold {
	font-weight: bold;
}

.no-margin {
	margin: 0 !important;
}

.width100 {
    width: 100px;
}

.width50 {
    width: 50px;
}

.color-red {
    color: #F44336;
}

.color-green {
    color: #4CAF50;
}

.bg-dark-blue {
    background: #2C405A;
    color:white;
}

.modal-overflow {
    max-height: calc(110vh - 190px);
    overflow-y: auto;
}
.remove-href-decoration:hover {
    text-decoration: none;
}

label.error, span.error , div.error {
	color: red;
	font-size: 10px;
}

.not-show {
	display: none;
}

.grey {
	color: #AAA;
}

tbody tr td.right {
	text-align: right;
}

tbody tr td.center {
	text-align: center;
}

.input-custom {
    border: 1px solid #CCC;
    padding: 2px;
}

.input-custom:focus, .btn-custom:focus {
    outline: none !important;
    border:1px solid blue !important;
    box-shadow: 0 0 10px #719ECE !important;
}

/**
 * Custom Datatable
 */
table.dataTable thead .sorting {
	background: url('icon/sort_both.png')
	no-repeat center right !important;
}

table.dataTable thead .sorting_asc {
	background: url('icon/sort_asc.png')
	no-repeat center right !important;
}

table.dataTable thead .sorting_desc {
	background: url('icon/sort_desc.png')
	no-repeat center right !important;
}

table.dataTable thead .sorting_asc_disabled {
	background: url('icon/sort_asc_disabled.png')
	no-repeat center right !important;
}

table.dataTable thead .sorting_desc_disabled {
	background: url('icon/sort_desc_disabled.png')
	no-repeat center right !important;
}

table.dataTable thead .sorting_disabled {
	background: none !important;
}

div.dataTables_paginate {
	margin: 0;
	white-space: nowrap;
	text-align: right;
}

.dataTables_filter {
	text-align: right !important;
}

/* datatable customize header and footer */
/* @author HIkmahtiar <hikmahtiar.cool@gmail.com> */
.table-custom thead tr , .table-custom tfoot tr {
    background: #EEEEEE !important;
}

.table-custom td {
    border: 1px solid #DDD !important;
}

/**
 * Change background bootstrap material datetimepicker
 * @author HIkmahtiar <hikmahtiar.cool@gmail.com>
 */
.dtp div.dtp-date, .dtp div.dtp-time {
    background: #3C8DBC;
}

.dtp table.dtp-picker-days tr > td > a.selected {
    background: #3C8DBC;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: #72AFD2;
}

.dtp .p10 > a {
    color: #72AFD2;
    text-decoration: none;
}

.dtp .dtp-actual-meridien a.selected {
    background: #72AFD2;
}

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

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

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

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


/*Table Boostrap*/
.td-middle{
     vertical-align: middle !important;
}

.fit-width{
    white-space: nowrap;
    width: 1%;
}

.text-edit{
  color:black;
}

.bg-wildgreen {
    background-color: #10ac84 !important;
    color : white;
}

.bg-pastelred {
    background-color: #ff6b6b !important;
    color : white;
}

.bg-cassandrayellow {
	background-color: #feca57 !important;
	color: white;
}

.bg-white {
	background-color: #ffffff !important;
	color: #576574;
}

.bg-fuel {
	background-color: #576574 !important;
	color: white;
}

.bg-cyanite {
	background-color: #0abde3 !important;
	color: white;
}

.bg-palm {
	background-color: #82589F !important;
	color: white;
}

.bg-wildwatermelon {
	background-color: #FC427B !important;
	color: white;
}

.bg-sweetgreen {
	background-color:#FF6F5E !important;
	color: white;
}

.p-t-2 {
    padding-top: 2%;
}
