/* Bootstrap input group custom */
.input-group-with-icon{
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control-with-icon{
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 0;
  box-shadow: none !important;
}

.form-control-with-icon:invalid{
  box-shadow: none !important;
}

.input-group-with-icon:focus-within{
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.input-group-with-icon .input-group-addon{
  background-color: rgba(255, 255, 255, 0) !important;
  border: none;
}
/* End Bootstrap input group custom */
/** Login form css **/
.overlay-container{
  width: 100vw;
  position: absolute;
  background: #154360;
}

.login-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
  background: #154360;
}

.login-container .login-form-container .login-form{
  width: 380px;
  padding: 40px 30px;
  background: #fff !important;
  border-radius: 5px;
}

.login-container .login-form-container .login-form{
  text-align: left !important;
  color: #707070 !important;
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400 !important;
}

.login-container .login-form-container .login-form{
  align-items: left !important;
}

.login-container .login-form-container .login-form .form-header{
  font-size: 24px;
  font-weight: 300;
}

.login-container .login-form-container .login-form .display-inline-block{
  display: inline-block;
}

.login-container .login-form-container .login-form .checkbox{
  align-items: left !important;
}

.login-container .login-form-container .login-form hr{
  width: 260px;
  background: #707070;
  height: 1px;
}
.login-container .login-form-container .login-form .link a{
  color: #0088FF !important;
  padding: 0 5px;
}

.login-container .login-form-container .login-form .btn-site-success{
  color: #fff;
  background-color: #1D7000;
  border-color: #1D7000;
  padding: 5px 15px;
  font-weight: 700;
}

.login-container .login-form-container .login-form .btn-site-secondary{
  color: #fff;
  background-color: #636363;
  border-color: #636363;
  padding: 5px 15px;
  font-weight: 700;
}

.login-container .login-form-container .login-form .form-label{
  font-weight: 500 !important;
}

.login-container .login-form-container .login-form input{
  color: #707070 !important;
}

.login-container .login-form-container .login-form .company-header{
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
}

.login-container .login-form-container .login-form .company-header .image{
  width: 64px;
}

.login-container .login-form-container .login-form .header-1{
  font-size: 28px;
  font-weight: 800;
}

.login-container .login-form-container .login-form .header-2{
  margin-top: -10px;
}

.login-container .login-form-container .login-form .header-3{
  /* margin-top: -10px; */
  font-size: 18px;
}

.form-group-box{
  padding: 15px;
  border-radius: 5px;
  background: #f2f2f2;
}

.form-group-box:hover{
  background: #e1e1e1;
}

.rc-anchor-container{
  width: 100%;
}

.erp-slide-left{
  -webkit-animation: slide_left 0.5s forwards;
  /* -webkit-animation-delay: 2s; */
  animation: slide_left 1s forwards;
  /* animation-delay: 2s; */
}

@-webkit-keyframes slide_left {
  100% { left: -100%; }
}

@keyframes slide_left {
  100% { left: -100%; }
}

/** End of the Login form css **/

/** Validation css **/
.input-error{
  border: 1px solid #f00 !important;
}

.input-error:focus{
  border-color: #f00 !important;
  box-shadow: 0 0 2px 2px rgba(255,0,0,.25) !important;
}

.input-error:focus-within{
  border-color: #f00 !important;
  box-shadow: 0 0 2px 2px rgba(255,0,0,.25) !important;
}

/** End of the Login form css **/

/** ERP Core **/
.text-site-danger{
  color: #f00;
}

.text-site-success{
  color: #0f0;
}

.text-light{
  font-weight: 300;
}

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

.p-0{
  padding: 0 !important;
}

.clearfix{
  clear: both;
}
/** End ERP Core **/

/** Loader css **/
.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/** End Loader css **/

/* Pricing page css */
.custom-page-title-description{
  color: #fff;
  font-size: 17px;
  line-height: 24px;
}

.pricing-page .pricingTable .pricing-content li::before, .pricing-page .pricingTable .pricing-content li.disable::before {
  content: "\e963";
  font-family: 'IcoMoon-Free';
  content: "\f00c";
  font-family: FontAwesome;
  font-weight: 900;
  width: 19px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  background: #98c458;
  text-align: center;
  color: #fff;
  position: absolute;
  left: -50px;
}

.pricing-page .pricing-content li{
  font-size: 12px !important;;
}

.pricing-page .pricingTable .sub-title{
  font-size: 12px;
}

.pricing-page .price-list{
  /* display: flex; */
}

.pricing-page .price-list .list-item{
  height: 100%;
}

.pricing-page .price-list .list-item .pricingTable{
  height: 100%;
}

.header-dropdown button{
  background: #393939;
  border: none;
  color: #fff;
  padding: 5px 10px;
}

.header-dropdown li a{
  color: #000 !important;
}

@media screen and (min-width: 992px) {
  .pricing-page .container{
    display: flex;
  }
  .pricing-page .price-list .pricingTable{
    position: relative;
  }
  .pricing-page .price-list .pricingTable-signup{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    display: inline-block;
    width: 70%;
  }
}

/* /Pricing page css */

.site-defult-text-color{
  color: #707070 !important;
}
/* Home page css */
.message-box .lead{
  color: #707070 !important;
}

.erp-solutions-list{
  font-family: 'Alegreya SC ', serif;
}
.erp-solutions-list::before{
  content: "\f00c";
  font-family: FontAwesome;
  margin-right: 10px;
}

.home-service-container .owl-stage-outer, .home-service-container .owl-stage-outer .owl-stage{
  display: flex;
}

.home-service-container .owl-stage-outer .owl-stage .owl-item, .home-service-container .owl-stage-outer .owl-stage .owl-item .service-widget{
  height: 100%;
}

/* /Home page css */
a.footer-link{
  color: #999;
  text-decoration: none;
}

a.footer-link:hover{
  color: #999 !important;
  text-decoration:none;
  cursor:pointer;
}

a.footer-link:active{
  color: #999 !important;
  text-decoration:none;
  cursor:pointer;
}