@import url("font_style/stylesheet.css");

@media (max-width: 426px) {
  #flash-message-box {
    min-width: 90% !important;
  }
}

.eCard_bg_green{
  background-color: #20C660;
}

.invoiceBox{
width: 550px;
}

.eCard_text_green{
  color: #20C660;
}

.Font_14{
  font-size: 14px !important;
}
.Font_10{
  font-size: 10px !important;
}
.ProfileMenu{
  margin-left: -20px !important;
}

.QrCodeBox{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 3px solid black;
  background-color: #8b8d90;
  padding: 10px;
}

.MainHeader {
  font-family: montserrat-regular;
  background-color: #231f20;
  color: #ffffff;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
}

.MainHeader .fa {
  font-size: 18px;
  color: #000000;
}

.MainHeader .HeaderLinks {
  padding-top: 1px;
  padding-bottom: 0px;
}

.MainHeader .HeaderLink {
  border-right: #ffffff 1px solid;
  padding-top: 1px;
  padding-bottom: 0px;
  text-align: center;
}

.MainHeader a {
  color: #ffffff;
}

.MainHeader a:hover {
  text-decoration: none;
  color: #ffffff;
}

.MainHeader a:hover {
  text-decoration: none;
  color: #ffffff;
}

/* .MainHeader .HeaderSocialLinks{
} */

.MainHeader .HeaderSocialLinks .fa {
  font-size: 22px;
  padding-left: 5px;
  padding-right: 5px;
  color: #ffffff;
}


@media (min-width: 320px) and (max-width: 660px) {
  .MainHeader {
    text-align: center;
  }
}

/*-----------------------------------*/

.BottomHeader {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 666px) and (max-width: 1280px) {
  .BottomHeader img {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 320px) and (max-width: 660px) {
  .BottomHeader img {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

/*-----------------------------------*/

.SpacingBox {
  height: 40px;
}

.SpacingBox1 {
  height: 20px;
}

/*-----------------------------------*/

.NavBarColor {
  font-family: montserrat-regular;
  border-radius: 0px;
  padding-top: 7px;
  float: right;
}

.NavBarColor .navbar-right li a {
  background-color: #000000;
  color: #ffffff;
  border-radius: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 5px;
  transition: 2s ease all;
}

.NavBarColor .navbar-right li a:hover {
  background-color: #ffffff;
  color: #000000;
  border-radius: 0px;
  border-bottom: #000000 3px solid;
}

.NavBarColor li a {
  color: #000000;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: #ffffff 3px solid;
}

.NavBarColor li a:visited {
  color: #000000;
}
.NavBarColor ul li a:hover {
  color: #000000;
  background-color: transparent;
  border-bottom: #000000 3px solid;
}

/*.................................*/

.PageHeader {
  background-color: #F8F9FA;
  font-family: montserrat-regular;
  color: #000000;
  font-size: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

/*.................................*/

.DashBoard {
  font-family: montserrat-regular;
}

.DashBoard table {
  background-color: #f2f3f4;
}

.DashBoard table thead {
  font-size: 18px;
}

.DashBoard table th {
  padding: 10px;
}

.DashBoard table th span {
  float: right;
  margin-top: -20px;
}

.DashBoard table th span a {
  color: #000000;
}

.DashBoard table td {
  padding: 10px;
  color: #87898c;
  font-size: 11px;
}

.DashBoard .DashboardBox table td {
  font-size: 12px;
}

.DashBoard .card .IconStyle {
  font-size: 63px;
  padding-left: 12px;
}

.DashBoard .Bar {
  background-color: #000000;
  height: 3px;
  width: 45%;
}

.DashBoard .BarTwo {
  background-color: #000000;
  height: 3px;
  width: 10%;
}

.DashBoard .Link {
  border: #000000 2px solid;
  background-color: #000000;
  text-align: center;
  padding: 10px;
}

.DashBoard .Link a {
  color: #ffffff;
  font-size: 14px;
}
.DashBoard .Link a:hover {
  color: #ffffff;
  text-decoration: none;
}

/*.................................*/

.DashBoard .DomainBox table {
  background-color: #ffffff;
}

.DashBoard .DomainBox h4 {
  text-transform: uppercase;
  padding-left: 10px;
}

.DashBoard .DomainBox .Bar {
  background-color: #000000;
  height: 3px;
  width: 7%;
  margin-left: 10px;
}

.DashBoard .DomainBox table thead {
  background-color: #000000;
  border: #000000 1px solid;
  font-size: 16px;
  color: #ffffff;
}

.DashBoard .DomainBox table td {
  font-size: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.DashBoard .DomainBox .DomainName {
  font-size: 20px;
}

.DashBoard .DomainBox .dropdown {
  font-size: 16px;
}

.DashBoard .DomainBox .dropdown ul li a:hover {
  background-color: #000000;
  color: #ffffff;
}

/*.................................*/

.Payment .PaymentOption {
  padding: 20px;
}

.Payment .PaymentOption h4 {
  text-transform: uppercase;
}

.Payment .PaymentOption .Bar {
  background-color: #000000;
  height: 3px;
  width: 6%;
}

/*.................................*/

.LoginPage {
  font-family: montserrat-regular;
}

.LoginPage .LoginBG {
  background-image: url("../_img/Design 01.jpg");
  height: 789px;
}

.LoginPage .LoginBox {
  padding: 60px 60px;
}

.LoginPage .LoginBox h2 {
  font-family: montserrat-bold;
}

.LoginPage .LoginBox p {
  font-size: 18px;
}

.LoginPage .LoginBox span {
  color: #000000;
}

.LoginPage .LoginBox a {
  color: #000000;
}

.LoginPage .LoginBox a:hover {
  color: #000000;
  text-decoration: none;
}

.LoginPage .form-control {
  height: 55px;
}

/* .LoginPage input[type="submit"] {
  margin-top: 8px;
  height: 55px;
  background-color: #000000;
  border-radius: 5px;
  color: #ffffff;
  width: 100%;
  font-size: 18px;
  text-transform: uppercase;
  transition: 2s all ease;
} */

/* .LoginPage input[type="submit"]:hover {
  background-color: #000000;
} */

.LoginPage .ForgetIDPassword {
  margin-top: 45px;
  font-size: 18px;
}
.LoginPage .ForgetIDPassword a {
  padding-right: 30px;
}

.LoginPage .LoginFooter {
  font-family: montserrat-light;
  margin-top: 45px;
  font-size: 15px;
  color: #8b8d90;
}
.LoginPage .LoginFooter a {
  color: #8b8d90;
}

@media (min-width: 666px) and (max-width: 1280px) {
}

@media (min-width: 320px) and (max-width: 660px) {
  .LoginPage .LoginBG {
    height: 300px;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .LoginPage .LoginBox {
    padding: 20px;
  }

  .LoginPage .LoginBox h2 {
    font-size: 22px;
  }

  .LoginPage .LoginBox p {
    font-size: 15px;
  }

  .LoginPage .ForgetIDPassword {
    font-size: 15px;
  }
  .LoginPage .ForgetIDPassword a {
    padding-right: 10px;
  }

  .LoginPage .LoginFooter {
    font-size: 13px;
  }
}
/*.................................*/

.Footer {
  font-family: montserrat-regular;
  border-top: #000000 3px solid;
  color: #808285;
  padding: 20px;
  font-size: 12px;
}

.Footer a {
  color: #808285;
}

.Footer .FooterSocialLinks {
  text-align: right;
}

.Footer .FooterSocialLinks .fa {
  font-size: 22px;
  padding-left: 5px;
  padding-right: 5px;
  color: #000000;
}

/*-------------------------------*/

/*all textfileds*/
label {
  color: #000000;
  font-family: montserrat-regular;
  font-size: 14px;
}
select {
  height: 45px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-family: montserrat-regular;
  padding: 0px 10px;
  color: #2e2e2e;
  width: 100%;
}
select:hover {
  border: 1px solid #dc535a;
}
/* INPUT {
  height: 40px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-family: montserrat-regular;
  padding: 0px 10px;
  color: #2e2e2e;
  width: 100%;
} */
/* INPUT:hover {
  border: 1px solid #dc535a;
} */
input[type="button"],
/* [type="submit"] {
  height: 45px;
  background-color: #000000;
  border: 0px solid #ccc;
  padding: 0px 10px;
  color: #ffffff;
  width: 250px;
  font-family: montserrat-regular;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  transition: 2s ease all;
} */
/*input[type="button"], [type="submit"]:hover {
	height: 45px;
	background-color : #FFFFFF;
	border: 0px solid #666;
	padding: 0px 10px;
	color: #000000;
	font-family: montserrat-regular;
	font-size: 14px;
}*/

.btncustom:hover {
  color: #000000;
  background-color: transparent;
  border-bottom: #000000 3px solid;
}

textarea {
  height: 150px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-family: montserrat-regular;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  color: #2e2e2e;
  width: 100%;
}

.DevelopSwis {
  font-weight: normal;
  font-size: 10px;
  color: #ffffff;
  font-family: segoeuisl;
  text-align: center;
}
.DevelopSwis a {
  font-weight: normal;
  font-size: 14px;
  color: #ffffff;
  font-family: segoeuisl;
  text-decoration: none;
}
.DevelopSwis a:hover {
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}

@media (min-width: 666px) and (max-width: 1280px) {
}

@media (max-width: 550px) {
  .ProfileMenu{
    margin-left: -150px !important;
  }
  .NavBarColor {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
  }

  .NavBarColor li a {
    border-bottom: #ffffff 3px solid;
  }

  .NavBarColor .navbar-right li a:hover {
    color: #000000;
    background-color: #ffffff;
  }
  .SmallFont {
    font-size: 10px !important;
  }
  .URLFont {
    font-size: 12px !important;
  }
  .URLMaxWidth{
    max-width: 210px !important;
    word-break: break-all;
  }

  .invoiceBox{
    width: 100%;
    }

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


/* ------------------------------------------------sidebar css----------------------------------------------*/

/* ------------------------------------------------sidebar css----------------------------------------------*/