.grad{
    background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet,#ba401f);
    width:100%;
    height:3px
}

th{
    background:#222d32;
    color:#fff;

}

.option{
    font-size:14pt
}

.btn-number-in{
    width: 18%;
    padding: 2px 0 0 0px;
    border-radius: 14px;
}

.btn-threePoint{
    padding: 10px;
    line-height: 27px;
    font-size: 12pt;
    font-weight: bold;
}
/* Icons Div */

.no-border{
    border : 0 !important
}

.border-red
{
    border : 1px solid red;
}
.btn-add{
    border-radius:0
}
.btn-opreation{
    margin : 0 auto;
 }

.transfer
{
    padding: 0px 10px 0 20px;
    font-weight: bold
}

.transfer-fa
{
    position: relative;
    right: 10px
}


.btn-remove
{
    position: relative;
    right: 30%;
    border-radius: 50%;
}
.btn-number-in{
    width: 18%;
    padding: 2px 0 0 0px;
    border-radius: 14px;
}

/*user image in above header*/
.user-image{
    margin-left:20px;
}


/*Bootstrap Modal*/









table.dataTable thead .sorting_asc:after {
    content: "\e155";
    color: #fff;
    /* background: #fff; */
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
    opacity:1;
}


/* login page  */
.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}
.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
/*.form-signin input[type="text"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin input[type="password"]
{
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}*/
.account-wall
{
    margin-top: 20px;
    padding: 40px 0px 20px 0px;
    background-color: #f7f7f7;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.login-title
{
    color: #555;
    font-size: 18px;
    font-weight: 800;
    display: block;
}
.profile-img
{
     width: 185px;
    height: 119px;
    margin: 0 auto 33px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    
}
.need-help
{
    margin-top: 10px;
}
.new-account
{
    display: block;
    margin-top: 10px;
}


.login-content{
    position: relative;
    top: 40px;
}

.login-input{
    height: 40px;
    width: 90%;
}

.login-footer{
    margin-top:10px
}
/*feedback icon in validation */

.success-feedback-icons{
    
    position: relative !important ;
    left: -92% !important;
    top: -26px !important;
    color: #080 !important;
}



.error-feedback-icons{
    
    position: relative !important ;
    left: -92% !important;
    top: -26px !important;
    color: #d55b5b !important;
}


.help-block {
    position: relative;
    top: -6px;
    font-size: 10pt;
    font-weight: bold;
}

.validation-summary-errors>ul{
    list-style:none;
    color:#fb0507
}

/*SweetAlert*/
.swal2-container.swal2-center>.swal2-popup {
    font-size: 10pt;
    width: 40%;
}

.swal2-actions
{
    position: relative;
    left: -34%;
    direction: ltr;
}

/*Report Pages*/
.report-row{
    /*display:inline-flex*/
}

.report-input{
    width: 30%;
    position: relative;
    top: -7px;
    right: 15px
}
.report-btn{
    position: relative;
    top: -18%;
}
.report-name{
    margin-right: 20px;
    font-size: 12pt;
    font-weight: bold
}


.modal-inline-button{
    margin-top : 5%
}