/* ==============Popover============== */
/*.popover {
    border: 2px dotted red;
}*/

/* Popover Header */
.popover-title {
    color: #000000; 
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width:310px;
}

/* Popover Body */
.popover-content {
    background-color: #ffffff;
    color: #000000;
    padding: 15px;
    width:310px;
    font-size: 12px;
    text-align: left;
    font-family: arial;
    /*border:1px inset #cccccc;*/
}

/* Popover Arrow */
/*.arrow {
    border-right-color: red !important;
}*/

/* ==============END Popover============== */

/*================== CUSTOM MAIN CSS ===================================*/
/*.custom-navbar{
	background-color: #FFFFE0;	
}

.active{
	background-color: #EEE8AA;
}*/
/*================== END CUSTOM MAIN CSS ===================================*/

/*==================== STYLE MESSAGE ===============*/
.tblMessage th,td{
	padding: 8px 1px 8px 1px;
}
/*==================== END STYLE MESSAGE ===============*/

/*==================== STYLE CHAT ===============*/

/*#box-chat {
	display: none;
}*/

.title-chat{
	margin-bottom: 8px;
	padding: 3px;
	/*position: fixed;*/
}

.title-chat h3{
	text-align: center;
	color: #000000;
}

.divider{
	margin-bottom: 5px;
	margin-top: 5px;
	clear: both;
}

.container-user{
	padding:5px;
	overflow: scroll;
	min-height:350px;
	max-height:580px;
}

.container-user > div{
	border-bottom: 1px solid #cccccc;
}

.list-chat-name{
	font-family: "Courier New";
	font-weight: bold;
}



.container-chat {
    position: relative;
    padding: 1px;
}

.bottomright {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: #ffffff;
    height: auto;
    width: 100%;
}

.list-chat{
	padding: 1px;
	min-height: 150px;
	max-height: 250px;
	overflow: scroll;
}

/* MSG CHAT */

.chat {
	width: 100%;
	height: auto;
	overflow: auto;
	margin-bottom: 10px;
}

.chat-left-user {
	float: left;
	width: 30%;
	text-align: left;
	vertical-align: top;
	margin-right: 2px;
}

.chat-left-content {
	float: left;
	min-width: auto;
	max-width: 68%;
	font-size: 12px;
}

.chat-left{
	clear: both;
	padding :2px;
	text-align: left;
	vertical-align: top;
	background-color: #F5F5DC;
	border-radius: 6px;
	border-color: transparent transparent transparent #F5F5DC;
}

.chat-right-user {
	float: right;
	width: 25%;
	margin-left: 2px;
}

.chat-user{
	clear: both;
	text-align: right;
	vertical-align: top;
}

.chat-right-content {
	float: right;
	min-width: auto;
	max-width: 70%;
	font-size: 12px;
}

.chat-right{
	clear: both;
	padding :2px;
	text-align: right;
	vertical-align: top;
	background-color: #F0FFFF;
	border-radius: 6px;
	border-color: transparent transparent transparent #F0FFFF;
}


/* END MSG CHAT */
/*==================== END STYLE CHAT ===============*/

/*============ STYLE CUSTOM =======================*/
.text-top{
	vertical-align: top;
}

.bdr-bottom{
	border-bottom: 1px solid #cccccc;
}

.text-red{
	color: red;
}

.text-center{
	text-align: center;
}

.bodyFilter, .bodyCollapseAdd, .bodyCollapseEdit{
	display: none;
}

.mod-success {
    background-color: #5cb85c;
    border:3px outset white;
    border-radius: 6px;
}

.mod-warning {
    background-color: #f0ad4e;
    border:3px outset white;
    border-radius: 6px;
}

.mod-danger {
	background-color: #d9534f;
	border:3px outset white;
	border-radius: 6px;
}

.mod-info {
	background-color: #31b0d5;
	border:3px outset white;
	border-radius: 6px;
}

.mod-primary {
	background-color: #337ab7;
	border:3px outset white;
	border-radius: 6px;
}

/*.vany-required {
	border-color : #f0ad4e;
}*/
/*============ END STYLE CUSTOM ===================*/


/*============ TAMBAHAN DHIDHIK ===================*/
.mrgn-btm5px{
    margin-bottom: 5px;
}
.height40px{
    height: 40px;
}
.padding-top7px{
    padding-top: 10px;
}
/*============ END TAMBAHAN DHIDHIK ===================*/

/*======================================== MULTI MENU ========================================*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}
/*======================================== TOP MENU ========================================*/

/*========================= angular growl ===================================*/
.growl {
    position: fixed;
    top: 10px;
    right: 10px;
    float: right;
    width: 250px;
    z-index: 9999;
}
.growl-item.ng-enter {
    -webkit-animation: bounceIn 0.5s;
    animation: bounceIn 0.5s;
}
.growl-item.ng-leave {
    -webkit-animation: bounceOut 0.5s;
    animation: bounceOut 0.5s;
}

/*========================= end nagular growl ===============================*/

/*======================== LIST- GRID - TABLE ===============================*/
.container-table {
	min-height: 358px;
	overflow: scroll;
}
/*======================== END LIST- GRID - TABLE ===============================*/

/*======================== STATUS FORM ==========================================*/
.status-form {
	color: red;
	text-align: center;
}
/*======================== END STATUS FORM ======================================*/

#PrevImg {
	border:2px inset #ccc;
	border-radius: 25px;
}

/* ============== Modal Loader ============= */
#ModalLoader {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    /*background-color: rgb(0,0,0); /* Fallback color */
    /*background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
#ModalLoader .content-loader {
    background-color: transparent;
    margin: 15% auto; /* 15% from the top and centered */
    /*padding: 20px;*/
    /*border: 1px solid #888;*/
    border: none !important;
    width: 20%; /* Could be more or less, depending on screen size */
}

/* ============== END Modal Loader ============= */

/*==================== Work Group ==========================*/
.timer{
    margin: 2px;
    border:1px outset #ccc;
    text-align: center;
    /*border-radius:5px;*/
    outline-color: #fff;
    outline-style: outset;
    outline-width: 2px;
}

/*.timer::-webkit-inner-spin-button, 
.timer::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}*/

#grid_jam thead tr th{
    text-align: center;
    vertical-align: middle;
}

#grid_jam tbody tr td{
    text-align: center;
    vertical-align: middle;
}

.dividetimer {
    font-weight: bold;
    font-size: 14px;
}
/*==================== End Work Group ==========================*/

/*========== ANGULAR FORM ========================*/
/*input.ng-invalid {
    background-color: pink;
}
input.ng-valid {
    background-color: lightgreen;
}*/
/*========== END ANGULAR FORM ========================*/


/*=========== TAMBAHAN DHIDHIK ======================*/
.width100Persen {/*===30nov2016*/
    width: 100%;
}

/*=========== END TAMBAHAN DHIDHIK ======================*/

#out {
	width: 100%;
	height: auto;
	max-height: 450px;
	overflow: scroll;
}
.cursorPointer{
    cursor: pointer;
}
/*=========== END TAMBAHAN DHIDHIK ======================*/

/*=================== Daswan =============================*/
#statusLending {color: red}
/*=================== End Daswan =========================*/