.ui-inputfield {
    margin: 0;
    outline: medium none;
    padding: 4px!important;
    font-weight: normal;
}

body .ui-datatable .ui-datatable-data>tr>td {
    padding: 0.251rem 0.857rem;
    border: 1px solid #191919;
    border-width: 1px;
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal;
    margin-top: -1px;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    overflow: visible;
    height: 31px!important;
}


.ui-menu .ui-menu-parent .ui-menu-child {
    width: 300px!important;
}

body .ui-panel .ui-panel-content {
    background: transparent!important;
    border-color: #ffffff;
    border-radius: 0px;
}

body .ui-panel>div:last-of-type {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-button-text-icon-left .ui-button-text {
    padding: .3em 1em .3em 2.1em;
}

body .ui-button {
    background: #81d4fa;
    color: #212529;
    height: 35px;
    border: 1px solid #81d4fa;
    margin: 1px;
    outline: 0 none;
    border-radius: 3px;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
}

body .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
    cursor: pointer;
    height: auto;
    padding: 0;
    position: relative;
    margin: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 35px;
}

@media (max-width: 640px) {
    .body {
        background-image: url("../img/background_sm.svg");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }
    .margintoplogin{
        margin-top:100%;
        width: 100%;
        float: right;
    }

}

@media (min-width: 1025px) {
    .body {
        background-image: url("../img/background_bs.svg");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }
    .margintoplogin{
        margin-top: 20%;
        width: 33%;
        float: right;
    }

}
@media (max-width: 1024px) {
    body {
        background-image: url("../img/background_sm.svg");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }
    .margintoplogin{
        margin-top:100%;
        width: 100%;
        float: right;
    }

}



@media (max-width: 1024px) and (min-width: 641px) {


    @media (max-width: 768px) {
      

    }
    @media (max-width: 640px) {

    }

}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  

}
@media (max-width: 1024px) and (min-width: 641px) {

}
@media (max-width: 640px) {

}