/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 25, 2018, 1:56:34 PM
    Author     : hocnguyen
*/

.form-control-error{
    z-index: 2 !important;
    display: none;
}
.has-danger .form-control-error{
    display: block;
}
label span.require{
    color: #fb434a;
}
/*
li.cat__menu-left__submenu--toggled ul{
	display: block !important;
}


li.cat__menu-left__submenu--toggled ul li.cat__menu-left__submenu--toggled{
	background-color: inherit !important;
}
li.cat__menu-left__submenu--toggled ul li.cat__menu-left__submenu--toggled a,
li.cat__menu-left__submenu--toggled ul li.cat__menu-left__submenu--toggled span{
	color: #0e0b20 !important;
}
*/

.select-loan-ref:hover{
   text-decoration: underline;
}

.monthly-payment-editable,.monthly-payment-editable:hover{
    text-decoration: underline;
}

.select2.select2-container{
    width: 100% !important;
}

.json-load:disabled{
    background-color: #eef0f4 !important;
}

.integrate-customer,.integrate-loan{
    cursor: pointer;
}


/************/

.loader-line-mask {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  overflow: hidden;
  -webkit-transform-origin: 50px 50px;
  -moz-transform-origin: 50px 50px;
  -ms-transform-origin: 50px 50px;
  -o-transform-origin: 50px 50px;
  transform-origin: 50px 50px;
  -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
  mix-blend-mode: hard-light;
  opacity: 0.8;
}
.loader-line-mask .loader-line {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.loader-line-mask.one {
  -webkit-animation: rotate 2s infinite linear;
  -moz-animation: rotate 2s infinite linear;
  -o-animation: rotate 2s infinite linear;
  animation: rotate 2s infinite linear;
}
.loader-line-mask.one .loader-line {
  box-shadow: inset 0 0 0 8px #77C170;
}
.loader-line-mask.two {
  -webkit-animation: rotate 1.8s 0.5s infinite linear;
  -moz-animation: rotate 1.8s 0.5s infinite linear;
  -o-animation: rotate 1.8s 0.5s infinite linear;
  animation: rotate 1.8s 0.5s infinite linear;
}
.loader-line-mask.two .loader-line {
  box-shadow: inset 0 0 0 8px #F25F5C;
}
.loader-line-mask.three {
  -webkit-animation: rotate 2s 1s infinite linear;
  -moz-animation: rotate 2s 1s infinite linear;
  -o-animation: rotate 2s 1s infinite linear;
  animation: rotate 2s 1s infinite linear;
}
.loader-line-mask.three .loader-line {
  box-shadow: inset 0 0 0 8px #FFE066;
}
.loader-line-mask.four {
  -webkit-animation: rotate 1.8s 1.4s infinite linear;
  -moz-animation: rotate 1.8s 1.4s infinite linear;
  -o-animation: rotate 1.8s 1.4s infinite linear;
  animation: rotate 1.8s 1.4s infinite linear;
}
.loader-line-mask.four .loader-line {
  box-shadow: inset 0 0 0 8px #247BA0;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes rotate{ 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@-moz-keyframes rotate{ 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); }}
@-o-keyframes rotate{ 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); }}
@keyframes rotate{ 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); }}
[not-existing] {
  zoom: 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fadein{ 0% { opacity: 0; } 100% { opacity: 1; }}
@-moz-keyframes fadein{ 0% { opacity: 0; } 100% { opacity: 1; }}
@-o-keyframes fadein{ 0% { opacity: 0; } 100% { opacity: 1; }}
@keyframes fadein{ 0% { opacity: 0; } 100% { opacity: 1; }}
[not-existing] {
  zoom: 1;
}