.z-listheader-sorticon {
    right:3px !important;
}

.z-column-sort .z-column-sorticon {
    font-size: 18px;
    color: #000;
    position: absolute;
    left: 95%;
    top: 10%;
}

.z-icon-caret-down, .z-icon-caret-up {
    position:absolute;
    right:0px;
    top:7px;
}

#test {
    color: red;
}

.z-grid-header {
    background-color: #eeeeee;
}

.box-content {
    margin: auto;
    width: 100%;
}

.box-content-text .z-label {
    width: 73px;
    height: 19px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #333333;
}

.box-content-text {
    padding-top: 15px;
}

.md-area {
    float: right;
    margin-top: -47px;
    margin-right: 24px;
}

.md-area .z-label {
    width: 85px;
    height: 19px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #333333;
}

.line {
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
}

.z-separator .z-separator-horizontal {
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
}

.col-table .z-label{
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #333333;
    /*text-transform: uppercase;*/
}

.col-table .z-column{
    background-color: #eceeef;
}

.row-table .z-label{
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #373a3c;
    /*text-transform: uppercase;*/
}

.form-control{
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
}

.z-paging-text, .z-paging-input {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
}

.z-row-content {
    text-align: left;
}

.z-column-content {
    text-align: left;
}

.z-column {
    border: 1px solid #d9d9d9;
}

.z-grid-header-border{
    border-bottom: 1px solid #d9d9d9;
}

.content .z-label{
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
}

.z-label {
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
}

.content input[type=text], .content textarea {
    font-family: Roboto;
    font-size: 14px;
    text-transform: uppercase;
 }

.content label {
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
}

.content button {
    font-family: Roboto;
    font-size:14px;
}

.date-box {
    width: 351px;
    height: 51px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #333333;
}


.img-icon {
    width: 24px;
    height: 24px;
    cursor: pointer;
}
            
.z-button img {
    vertical-align: middle;
    max-width: 24px;
    max-height:24px;
    }

.z-radio input[type=radio] {
    margin-top:-5px;
    margin-right:5px;
}

.content .z-button, .content .z-button:focus, .content .z-button:hover {
    background-color: #d22879;
}
.content .z-button:disabled {
    background-color: #eeeeee;
}