/*---------------------------------------------------------------------------
  Global css files */ 
  @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,600");
  @import url("https://fonts.googleapis.com/css?family=Ubuntu&display=swap");
  @import "/vendor/font-awesome/css/font-awesome.min.css";
  @import "/vendor/intl-tel-input/css/intlTelInput.min.css";
  @import "/vendor/ladda/css/ladda.min.css";
  @import "/css/fontastic.css";
  @import "/css/prism.css";

/* NAV BAR AND LOGO
-----------------------------------------------------------------------------*/

.navbar-brand {
  padding-top: 0.25rem;
  padding-bottom: 0.30rem;
  margin-right: 1rem;
  font-size: 2.2rem !important;
  font-family: 'Ubuntu', sans-serif;
  font-weight: bold;
  width: 12rem;
  color: #4C4C78;
}

/* BUTTONS
-----------------------------------------------------------------------------*/
.btn {
  border-radius: 0.2rem;
}

/* LOGIN 
-----------------------------------------------------------------------------*/
.input-pin {
  height: calc(1.25em + 1.25rem + 3px);
  padding: .375rem .75rem;
  line-height: 1.5;
  width: 50px;
  font-size: 25px;
  border: 1px solid #dee2e6;
  text-align: center; 
}


/* SMS API documentation
/* --------------------------------------------------------------------------*/
.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #117a8b !important;
}

.anchor {
  display: block;
  height: 92px;
  margin-top: -92px;
  visibility: hidden;
}

.nowrap {
  white-space: nowrap
}

.mandatory {
  font-weight:bold;
  color:#dc3545;
  /*color:#379392;*/
}

.note {
  font-weight:bold;
  font-size: 1.2rem;
  color:#dc3545;
}

code {
  font-size: 95%;
  color: #e83e8c; 
}

.code-box {
  border:1px solid grey;
  /*background-color:#f5f5f5;*/
  background-color: #4c4c78;
  padding:25px;
  margin-top:15px;
  margin-bottom:40px;
}
.code-box pre {
  color:white;
}

.link-show-code {
  font-weight: bold;
  margin-left:15px;
}

.notification-box {
  background-color:#4c4c78;
  padding:15px;
  font-family: 'Courier New', Courier, monospace;
}
.notification-box strong {
  color:white;
}
.notification-box .http-method {
  font-family: "Poppins", sans-serif;
  font-size: 1.15rem;
  padding-right:15px;
}

/* PRICE PLANS
   --------------------------------------------------------------------------*/
.priceplan .plan {
  border-bottom:2px solid #ebf4f4;
  margin-top:10px;
}

.priceplan .recommended {
    background-color:#ebf4f4;
    border-top:10px solid #3D883F;
  }

.description {
  margin-top:20px;
  height:100px;
  max-width:250px;
  margin-left:auto;
  margin-right:auto;
}

.price {
  font-weight: bolder;
}

.features {
  margin-top:20px;
  padding:10px;
  line-height: 1.8;
}

/* CREATE ACCOUNT
   --------------------------------------------------------------------------*/
.create-account-bullets li {
  border:none;
}

.nounderline {
  text-decoration: none !important
}

.create-account-bullets p {
  margin-left:10px;
}

.create-account-bullets i {
  font-size: 3rem;
  color: #4c4c78;
}

.prefix-input {
  padding: 0.38rem 0.6rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #e9ecef;
  border: 1px solid #dee2e6;
  border-radius: 0;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

#btn-search-brreg {
  padding: 0.38rem 2.6rem !important;

}

#brreg-search-title {
  color:#555;
}

.brreg-select-company {
  border-bottom:1px solid #ddd;
}

.brreg-select-company a { 
  color:#555;
}
.brreg-select-company.selected a{
  color: #2F2E41;
  font-weight: 700;
  font-weight: bolder;
}
.brreg-select-company.selected a small {
  font-weight: bolder;
}

.brreg-select-company .fa-check {
  color: #429244;
  font-weight: 700;
  font-size: 1.3rem;
}