.btn-yahoo-login
{
  background-color: #410093; 
  color: #ffffff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo-login:hover
{
  background-color: #410093; 
  color: #ffffff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft-login
{
  background-color: deepskyblue; 
  color: #ffffff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft-login:hover
{
  background-color: deepskyblue; 
  color: #ffffff;
  border-color: rgba(0, 0, 0, 0.2);
}

.mandatory-field {
    color: red;
    display: inline-block;
    font-style: normal;
    margin-left: 2px;
    vertical-align: middle;
}

.table_camelcase
{
    text-transform: capitalize;
}
@media screen and (max-width: 767px){

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: none !important;
    }
}
.useremailaddress {
    text-transform: lowercase !important;
}

.action-buttons {
    
    bottom: -10px;
   float: right;
   padding: 0px 0;
    right: -10px;
    text-align: center;
    top: -10px;
    z-index: 1;
    cursor: pointer;
}

.action-buttons span {
    float:initial;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.action-buttons span:first-of-type
{
        margin-top: -23px;
        margin-right: 15px;
}

.filteroption
{
    margin-bottom: 15px !important;
}
.table
{
    width:100% !important;
}

.jFiler-input-dragDrop
{
    width:100% !important;
}
.jFiler-theme-dragdropbox
{
    cursor: pointer;
}
    label.error , .valerror{
    color: #ff0000;
}
textarea {
    resize: none;
}
.float-right
{
    float: right;
}

 a.buttons-columnVisibility:not(.active)
 {
     background-color: #00a65a !important;
     opacity: .65 !important;
 }
div#card-errors {
    color: red;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
div.dt-buttons {
        position: relative !important;
        float: left !important;
        text-align: right !important;
        width: calc(100% - 165px) !important;
    }
    a.exportbutton {
        margin-right: 5px !important;
        float: left !important;
    }
    a.dt-button
    {
        margin-bottom: 5px !important;
    }
    @media only screen and (max-width:1023px){
        div.dt-buttons { float: left !important;text-align: left !important;}
    }
    @media only screen and (max-width:767px){
        div.dt-buttons { float: left !important;text-align: left !important;width: 100% !important;}
    }
    /*Begin : Css For Solve Scroll Issue In phone*/
    @media only screen and (max-width:767px){
        .skin-blue .sidebar-mini , .wrapper
        {
            height: auto !important;
            min-height: 100% !important;
        }
    }
    /*End : Css For Solve Scroll Issue In phone*/
    @media only screen and (width:768px){
        .skin-blue .sidebar-mini , .wrapper
        {
            height: auto !important;
            min-height: 100% !important;
        }
    }
    
    @media only screen and (width:1024px){
        .skin-blue .sidebar-mini , .wrapper
        {
            height: auto !important;
            min-height: 100% !important;
        }
    }