.select2-selection.select2-selection--single{
	height           : 40px;
	padding          : 0px;
}
.select2-selection.select2-selection--single .select2-selection__rendered{
	
	margin-top : 4px;
}
.select2-selection.select2-selection--single .select2-selection__arrow{
	
	margin-top   : 4px;
	margin-right : 10px;
	font-size    : 20px;
}


.select2-dropdown.select2-dropdown--above,
.select2-dropdown.select2-dropdown--below{
	border: 2px solid #2C3E50 !important;
}	

.select2-selection.select2-selection--multiple[aria-expanded="true"]{
	border      : 2px solid #2C3E50 !important;
}

.alert-danger {
	background-color: rgba(231, 76, 60, 0.8 ) !important;
	border-color: #e74c3c;
	color: #ffffff;
}

.alert-success {
	background-color: rgba(24, 188, 156, 0.8 ) !important;
	border-color: #18bc9c;
	color: #ffffff;
}

.max-width{
	width: 100%;
}

.text-opacity{
	color: #b2b2b2;
}

.select2-results__option .text-opacity{
	color:#4d4d4d;
}
.select2-results__option.select2-results__option--highlighted .text-opacity{
	color:#f4f4f4;
}

.custom-widget .panel-heading{
	padding-top:5px;
	padding-bottom:5px;
	font-size: 12px;
}
.custom-widget .panel-heading label{
	margin-top:4px;
}
.custom-widget .panel-body{
	height:150px;
	display:block;
	overflow-y: auto;
	padding: 5px;
}

.custom-widget .panel-body.body-normal{
	height   : auto;
	overflow : hidden;
}

.custom-widget .table{
	margin:0px;
}

.custom-widget .table{
	font-size: 12px;
}

.custom-widget .table th,
.custom-widget .table td{
	padding-top:2px;
	padding-bottom: 2px;
}



.table-details th{
	width:150px;
}



.group-line .input{
	display: none;
}
.group-line .btn-line{
	font-size: 20px;
	display: none;
	background-color:transparent;
	color: gray;
	border:none;
}
.group-line:hover .btn-line{
	display: inline-block;
}

.group-line .btn-line:hover{
	color: black;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

.modal-header{
	background-color: #ECF0F1;
}
.hover-list-book{
	margin-top     :0px;
	border         :1px solid rgb(236, 240, 241);
	padding-top    :8px;
	padding-bottom :8px;
	border-radius  : 4px;
}
.hover-list-book:hover,
.hover-list-book:focus{
	border :1px solid #18bc9c;
}

.hover-list-book .button-book{
	margin-top:3px;
	margin-bottom:3px;
}

 	
.angular-animate {
  list-style:none;
  box-sizing:border-box;
	/*display     : block;*/
}
 
/*

*/
.angular-animate.ng-move,
.angular-animate.ng-enter,
.angular-animate.ng-leave {
  
  	-webkit-transition: 0.4s linear all; /* Chrome */
	transition: 0.4s linear all;
	opacity: 0;
}
 
.angular-animate.ng-leave.ng-leave-active,
.angular-animate.ng-move, 
.angular-animate.ng-enter {
  opacity:0;
  max-height:0;
}

.angular-animate.ng-leave,
.angular-animate.ng-move.ng-move-active,
.angular-animate.ng-enter.ng-enter-active {
  opacity:1;/*
  max-height:40px;
  */
}


a.link{
	text-decoration: none !important;
}
a.link:hover{
	text-decoration: underline !important;	
}

.form-input-group{
	font-size:0px;
}

.input-col-4{
	display        : inline-block;
	width          : calc(100% / 4);
}

.input-col-3{
	display        : inline-block;
	width          : calc(100% / 3);
}

.input-col-2{
	display        : inline-block;
	width          : calc(100% / 2);
}
	
.text-bold{
	font-weight: bold;
}

.table.table-hover-app{
	margin: 0px;
}
.table.table-hover-app tr th{
	background-color   : #ECF0F1;
	text-align         : right;
}

.table.table-hover-app tr:hover,
.table.table-hover-app tr:hover > th{
	background-color : #4D4D52 !important;
	color            : #fff !important;
}

.table.table-hover-app tr:hover span.text-opacity,
.table.table-hover-app tr:hover a,
.table.table-hover-app tr:hover i{
	color            : #fff !important;
}

.table.table-hover-app tr:hover span.text-danger,
.table.table-hover-app tr:hover span.text-success{
	color:#FFF !important;
}

.table-hover-mark tr .hover-mark,
.hover-mark-border,
.hover-makr{
	transition: all .3s;
}
	
.table-hover-mark tr:hover .hover-mark{
	background-color : #E0E0E0 !important;
	/*
	color            : #fff !important;
	*/
	border-bottom: 1px solid #4D4D52 !important;
}
.table-hover-mark tr:hover .hover-mark-border{
	border-bottom: 1px solid #4D4D52 !important;
}


div.dirpagination-xs .pagination-sm>li>a,
div.dirpagination-xs .pagination-sm>li>span {
    padding: 3px 5px;
}

.input-password{
	text-security:disc;
    -webkit-text-security:disc;
    -mox-text-security:disc;
}


blockquote.blockquote-primary{
	border-left: 4px solid #2C3E50;
	font-size: 12px;
	padding:5px 10px; 
	margin: 2px 0px;
}
blockquote.blockquote-primary p{
	margin-bottom: 2px;
	font-size: 12px; 
}

blockquote.blockquote-danger{
	border-left: 4px solid #e74c3c;
	font-size: 12px;
	padding:5px 10px; 
	margin: 2px 0px;
}

blockquote.blockquote-danger p{
	font-size: 12px; 
	color: #e74c3c;
}

.panel-custom .panel-heading{
	padding-top:5px;
	padding-bottom:5px;
	font-size: 12px;
}
.panel-custom .panel-heading label{
	margin-top:4px;
}

.panel-custom .panel-body{
	min-height: 580px;
	height  : calc(100vh - 170px);
	display:block;
	overflow-y: auto;
	padding: 5px;
}

.panel-custom .table{
	margin:0px;
}

.panel-custom .table{
	font-size: 12px;
}

.panel-custom .table th,
.panel-custom .table td{
	padding-top:2px;
	padding-bottom: 2px;
}
.panel-custom .nav.nav-tabs{
	font-size: 12px;
}
.panel-custom .panel-footer{
	height: 50px;
	padding-bottom:0px;
	padding-top: 8px;
}

.remark {
	height     : auto;
	width      : auto;
	display    : inline-block;
	text-align : left;
	padding    : 1px;
	margin     : 0px;
	/** green hover #128F76 **/
	/** blue normal #2C3E50 **/
	background : linear-gradient(90deg, #128F76 60%, transparent 0%),
		linear-gradient(90deg, #128F76 60%, transparent 0%),
		linear-gradient(0deg, #128F76 60%, transparent 0%),
		linear-gradient(0deg, #128F76 60%, transparent 0%);
	
	background-repeat   : repeat-x, repeat-x, repeat-y, repeat-y;
	background-size     : 12px 2px, 12px 2px, 2px 12px, 2px 12px;
	background-position : 0px 0px, 0px 100%, 0px 100%, 100%, 0px;
	animation           : border-dance 5s infinite linear;
}	
@keyframes border-dance {
	0% {
		background-position : 0px 0px, 0px 100%, 0px 100%, 100%, 0px;
	}
	100% {
		background-position: 300px 0px, -300px 100%, 0px -200px, 100% 200px;
		/*background-position: 300px 0px, 0px 116px, 0px 0px, 216px 150px;*/
	}
}

.datepicker-days table th.prev,
.datepicker-days table th.next,
.datepicker-days table th.today{
	cursor:pointer;
}
.datepicker-days table th.prev:hover,
.datepicker-days table th.next:hover,
.datepicker-days table th.today:hover,
.datepicker-days table td.day:hover{
	color:white;
	background-color:#2C3E50;
}

.label{
	display: inline-block;
}

.input-group-addon-link:hover{
	cursor: pointer;
	color:#18BC9C;
}
.select2-results__option[aria-selected=true] {
    display: none;
}

.inline-block{
	display: inline-block;
}

.item-box{
	padding      : 5px 10px;
	border       : 1px solid #e7eaec;
	border-left  : 2px solid #2C3E50;
	margin-bottom: 6px;
	transition   : box-shadow 0.3s linear;
}
.item-box:hover{
	/*border: 1px solid transparent;*/
    -webkit-box-shadow: 0 3px 3px 3px #a8a8a8;
    -moz-box-shadow: 0 3px 3px 3px #a8a8a8;
    box-shadow: 0 3px 3px 3px #a8a8a8;
}

/*
.item-box{#C1C1C1
	padding      : 5px 10px;
	border       : 1px solid #e7eaec;
	margin-bottom: 6px;
	transition   : box-shadow 0.3s ease-in-out;
}
.item-box:hover{
	border: 1px solid transparent;
    -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
    -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
    box-shadow: 0 3px 7px 0 #a8a8a8;
}*/
.swal2-title{
	font-size: 2.5em !important;
}
.swal2-content{
	font-size: 1.5em !important;
}
.swal2-popup.swal2-modal{
	width: 55em !important;
}
button.swal2-styled{
	font-size: 1.5em !important;
}