/*YOUR CUSTOM STYLES*/
  .deprofit {
            display: none;
        }

        .profit {
            display: block;
        }
legend {
    color: #E97900;
    font-size: 20px;
    width: auto;
}

fieldset {
    display: block;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-start: 0.75em;
    -webkit-padding-end: 0.75em;
    -webkit-padding-after: 0.625em;
    border: 2px solid #ed8323;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    min-width: -webkit-min-content;
}

legend {
    display: block;
    -webkit-padding-start: 2px;
    -webkit-padding-end: 2px;
    border: none;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

textarea {
    resize: none;
}

.mfp-dialog {
    max-width: 520px !important;
}

#new-card-dialog {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}


#alterdialog {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    max-width: 370px !important;
    padding-top: 40px;
    padding-bottom: 40px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
}

    #alterdialog span {
        font-weight: bolder;
        text-align: center;
        font-size: large;
    }


/*Style your DataPager Control*/
.pager {
    float: left;
    height: 40px;
    margin-left: -5px;
    margin-top: 15px;
}

    .pager ul li a, .pagerbuttons, .selected {
        float: left;
        font-size: 12px;
        font-weight: bold;
        height: 18px;
        margin: 0 5px;
        min-width: 20px;
        padding: 5px;
        text-align: center;
        vertical-align: middle;
        color: White;
    }

    .pager ul li a, .pagerbuttons {
        background: #ff6600;
    }

        .pager ul li a.active, .pager ul li a:hover, .selected, .pager a:hover {
            background: #000;
        }
/*End DataPager Control style*/