html {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background: #f1f1f1;
}

body {
    margin: 0px;
    -webkit-font-smoothing: antialiased;
    font: 13px/20px 'HelveticaNeue', Arial;
    color: #333;
}

.clearfix::after {
    clear: both;
    content: "";
    display: table;
}

.nktipclass {
    background-color: #fff;
    border: 1px dashed #ddd;
    padding: 5px;
    font-size: 12px;
    box-shadow: 1px 1px 2px #cdcdcd !important;
    font-family: Arial;
}

.nk0412_pg,
.nk-dialog {
    /*font: 12px/18px Arial;*/
    font: 13px/20px 'HelveticaNeue', Arial;
    color: #333;
}

    .nk0412_pg .nktxt,
    .nk0412_pg .nktxtnum,
    .nk0412_pg .nkarea,
    .nk0412_pg .nkdate,
    .nk0412_pg .nkdatetime,
    .nk0412_pg .monthpicker_input,
    .nk0412_pg .nkmultiselect .TokensContainer,
    .nk-dialog .nktxt,
    .nk-dialog .nktxtnum,
    .nk-dialog .nkarea,
    .nk-dialog .nkdate,
    .nk-dialog .nkdatetime,
    .nk-dialog .monthpicker_input,
    .nk-dialog .nkmultiselect .TokensContainer {
        padding: 6px;
        font: 13px/20px 'HelveticaNeue', Arial;
        color: #333;
        border: 1px solid #cdcdcd;
        border-radius: 2px;
        text-align: left;
    }

    .nk0412_pg .nkmultiselect .TokensContainer,
    .nk-dialog .nkmultiselect .TokensContainer {
        padding: 0 0 5px 0;
    }

    .nk0412_pg div.Tokenize ul.TokensContainer li.Token,
    .nk-dialog div.Tokenize ul.TokensContainer li.Token {
        border-radius: 2px;
    }

        .nk0412_pg div.Tokenize ul.TokensContainer li.Token span,
        .nk-dialog div.Tokenize ul.TokensContainer li.Token span {
            font-family: 'HelveticaNeue', Arial;
        }

    .nk0412_pg .nktxtnum,
    .nk-dialog .nktxtnum {
        text-align: right;
    }

    .nk0412_pg .nkarea,
    .nk-dialog .nkarea {
        resize: none;
    }

    .nk0412_pg input.nktxt:focus, .nk0412_pg input.nktxt:hover,
    .nk0412_pg input.nktxtnum:focus, .nk0412_pg input.nktxtnum:hover,
    .nk0412_pg textarea.nkarea:focus, .nk0412_pg textarea.nkarea:hover .nk-dialog input.nktxt:focus, .nk-dialog input.nktxt:hover,
    .nk-dialog input.nktxtnum:focus, .nk-dialog input.nktxtnum:hover,
    .nk-dialog textarea.nkarea:focus, .nk-dialog textarea.nkarea:hover,
    .nk-dialog .nkdate:focus, .nk-dialog .nkdate:hover,
    .nk-dialog .nkdatetime:focus, .nk-dialog .nkdatetime:hover,
    .nk-dialog .monthpicker_input:focus, .nk-dialog .monthpicker_input:hover {
        box-shadow: 0 0 2px #a1c0e4;
        border-color: #a1c0e4;
    }


    .nk0412_pg .SumoSelect > .CaptionCont,
    .nk-dialog .SumoSelect > .CaptionCont {
        padding: 6px 8px;
    }

.wp-admin .nk0412_pg .SumoSelect select[multiple],
.wp-admin .nk-dialog .SumoSelect select[multiple] {
    height: 28px;
}

.nk0412_pg table th[scope="row"] {
    text-align: left;
    padding-right: 20px;
}



.nk0412_pg .nkheader {
    font-family: 'UTMSwissCondensedBold';
    font-weight: normal;
    font-size: 17px;
    text-transform: uppercase;
}

/***************************************************
DIALOG
***************************************************/

.jBox-title div {
    color: #333;
    font-family: UTMSwissCondensedBold;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

.nk-dialog > table {
    width: 100%;
}

.nk-dialog th, .nk-dialog td {
    padding: 5px;
}

    .nk-dialog th[scope="row"] {
        width: 90px;
    }

.nk-dialog input.nktxt,
.nk-dialog input.nktxtnum,
.nk-dialog input.nkdate,
.nk-dialog input.nkdatetime,
.nk-dialog .monthpicker_input,
.nk-dialog textarea.nkarea {
    width: 96%;
    padding: 6px 2%;
}

.nk-dialog .SumoSelect,
.nk-dialog .nkmultiselect {
    width: 100%;
}

.nk-dialog .button-area {
    text-align: center;
    padding-top: 15px;
}

@media screen and (max-width: 600px) {
    .nkjbox-responsive {
        left: 0 !important;
        width: 100% !important;
        margin-left: 0 !important;
    }

    .jBox-Modal.nkjbox-responsive .jBox-content {
        width: 94% !important;
    }
}


/***************************************************
TOP CONTROL AREA
***************************************************/

.nk0412_pg .nk-top-control {
    width: 100%;
    margin-bottom: 20px;
}

    .nk0412_pg .nk-top-control table,
    .nk0412_pg .nk-top-control .nkheader {
        float: left;
    }

        .nk0412_pg .nk-top-control table th, .nk0412_pg .nk-top-control table td {
            padding-right: 10px;
            text-align: left;
        }

        .nk0412_pg .nk-top-control .action-button-area table th, .nk0412_pg .nk-top-control table td {
            padding-right: 5px;
            text-align: left;
        }

    .nk0412_pg .nk-top-control div.action-button-area {
        float: right;
        margin-top: 5px;
    }

        .nk0412_pg .nk-top-control div.action-button-area.header-inline {
            margin-top: 15px;
        }

    .nk0412_pg .nk-top-control .SumoSelect {
        width: 170px;
    }

    .nk0412_pg .nk-top-control .nktxt,
	.nk0412_pg .nk-top-control .nkdate	{
        width: 168px;
    }

@media screen and (max-width: 400px) {
    .nk0412_pg .nk-top-control {
        margin-bottom: 10px;
    }

        .nk0412_pg .nk-top-control table {
            width: 100%;
        }

            .nk0412_pg .nk-top-control table .btn-search-area {
                padding-right: 0;
                text-align: right;
            }
}

.nk0412_pg:not(.nk0412_pg_login) .nkheader {
    float: left;
}

.nk0412_pg .nklogout {
    float: right;
    padding-top: 15px;
}

.nk0412_pg .button,
.nk-dialog .button {
    height: 32px;
    text-transform: uppercase;
    font-family: UTMSwissCondensedBold;
    font-size: 13px;
    line-height: 26px;
}