body{
font-family: "Nunito", sans-serif;
}
.sft-icon{
  display: inline-block;
  width: 70px !important;
  height: 80px;
  margin: 0px auto;
  background-image: url(../images/software-icon.jpg);
  background-repeat: no-repeat;
}
.sft-icon.expense{
  background-position: -4px -10px;
}
.sft-icon.billing{
  background-position: -78px -4px;
}
.sft-icon.emailmarketing{
  background-position: -146px -4px;
}
form{
color: #000 !important;
}
.table{
color: #000 !important;
}
.table a {
color: #12151d;
}
.table a:hover {
color: #3c133d;
text-decoration: none;
}
.table-bordered th, .table-bordered td {
padding: 5px 15px !important;
font-size: 14px;
}
.profile-update a{
position: absolute;
right: 0;
top: 0;
padding: 10px;
}
.img-fluid-width img{
width: 100% !important;
height: auto;
}
p{
margin-bottom: 0px !important;
}
.xbtn{
padding: 0px 15px !important;
font-size: 14px !important;
height: 32px;
border-radius: 2px !important;
}
.actionbtn{
justify-content: end;
margin: 11px 0px;
}
.actionbtn input[type="submit"]{
margin-right: 10px;
}
tr.xnone1 td:last-child, tr.xnone1 td:nth-last-child(2){
display: none;
}
.w-100{width:100% !important;}
.text-left{text-align: left !important;}
.no-arrows::-webkit-inner-spin-button,
.no-arrows::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.no-arrows {
  -moz-appearance: textfield;
}
.display-inlinetable{
  display: inline-table;
}
/*Site UI*/
.common-form {
background: #fff;
padding:15px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
width: 100%;
}
.success-msg{
color:#580be4; 
text-align: center;
}
.error-msg{
color:#f00; 
text-align: center;
}
input[type="submit"]{
background: #0a080d;
border: none;
}
input[type="submit"]:hover{
background: #17131d;
}
.btn-primary{
border: none !important;
}
.btn-primary:hover{
background-color: #17131d !important;
}
.frmsub{
background: #461646;
border: 0;
color: #fff;
margin: 7px 0px;
padding: 5px 13px;
border-radius: 3px;
display: inline-table;
}
.frmxbtm{
    padding: 3px 10px;
    border-radius: 3px;
}
/*Register and Login*/
.reg-body {
background: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.register-form {
background: #fff;
padding:15px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
width: 25%;
}

.register-form h2 {
margin-bottom: 20px;
text-align: center;
font-size: 20px;
}

.register-form input {
width: 100%;
padding: 8px;
margin: 8px 0;
border: 1px solid #ccc;
border-radius: 4px;
}

.register-form input[type="submit"] {
width: 100%;
padding: 10px;
background: #0a080d;
border: none;
color: white;
font-weight: bold;
border-radius: 4px;
cursor: pointer;
border: none;
}
.register-form input[type="submit"]:hover{
background: #17131d;
}
.error {
color: red !important;
font-size: 0.9em !important;
margin-top: -5px;
margin-bottom: 10px !important;
width: 100% !important;
}
.portal-dashboard a{
  text-decoration: none !important;
}
.portal-dashboard a:hover{
  text-decoration: none !important;
  color: #23152a;
}