* {
    margin: 0;
    padding: 0;
}
a.classname {
    background: url(img/edit.svg) no-repeat top left;
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
}

body {
    font-family: 'Segoe UI';
    font-size: 14px;
}

header {
    display: block;
    background: #262626;
    position: fixed;
    position: fixed;
    color: white;
    left: 0;
    width: 100%;
    z-index: 991;
    height: 50px;
    font-size: 22px;
    overflow: hidden;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#main-wrap > div {
    min-height: 450px;
}

#header,
#footer {
    min-height: 40px;
}

#main-wrap {
    /* overflow to handle inner floating block */
    overflow: hidden;
}

#sidebar {
    float: left;
    width: 30%;
}

#content-wrap {
    float: right;
    width: 70%;
    height: 50%;
}

.section {
    position: relative;
    padding-top: 20px;
    height: 100%;
}

.menu {
    padding-left: 3px;
    display: inline-block;
    cursor: pointer;
    width: 100%;
    padding-top: 50px;
}

aside {
    display: inline-block;
    width: 48px;
    background: #262626;
    padding: 0 0 10px 0;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    direction: rtl;
    overflow-y: auto;
    scrollbar-width: thin;
}

    aside ul {
        list-style: none;
        width: 100%;
        height: 100%;
        direction: ltr;
    }

        aside ul li {
            position: relative;
            display: list-item;
            vertical-align: middle;
        }

            aside ul li a, dropdown, menu {
                font-size: 15px;
                color: #fff;
                text-decoration: none;
                overflow: hidden;
                display: inline-block;
                width: 100%;
                height: 35px;
                vertical-align: middle;
                padding-left: 3px;
                padding-bottom: 2px;
                -moz-user-select: none;
                -webkit-user-drag: none;
                -webkit-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

    aside img {
        width: 40px;
        height: 40px;
        padding-bottom: 5px;
        -moz-user-select: none;
        -webkit-user-drag: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    aside ul li a span {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        width: 55px;
    }

table img {
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.expanded {
    width: 250px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.collapsed {
    width: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

article.display {
    margin-left: 260px;
    width: 80%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

article.no_display {
    margin-left: 80px;
    width: 90%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

article .col-sm-4 {
    width: 20%;
    margin-left: 30px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

article.display .col-sm-4 {
    width: 20%;
    margin-left: 30px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


footer.display {
    margin-left: 202px;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

footer.no_display {
    margin-left: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.fa1.display, .fa2.display, .fa3.display, .fa4.display, .fa5.display {
    margin-top: 13px;
    margin-right: 12px;
    float: right;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.fa1.no_display, .fa2.no_display, .fa3.no_display, .fa4.no_display, .fa5.no_display {
    display: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.dropdown-content1, .dropdown-content2, .dropdown-content3, .dropdown-content4, .dropdown-content5 {
    display: none;
}

    .dropdown-content1.active {
        display: inline-block;
        height: auto;
        background-color: #404040;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

    .dropdown-content2.active {
        display: inline-block;
        height: auto;
        background-color: #404040;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

    .dropdown-content3.active {
        display: inline-block;
        height: auto;
        background-color: #404040;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

    .dropdown-content4.active {
        display: inline-block;
        height: auto;
        background-color: #404040;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

    .dropdown-content5.active {
        display: inline-block;
        height: auto;
        background-color: #404040;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

article {
    top: 50px;
    position: relative;
    width: 90%;
    height: 80%;
    margin-left: 80px;
    padding: 5px 20px;
    padding-bottom: 70px;
    /*-moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

article.noborder {
    top: 15px;
    position: relative;
    width: 90%;
    height: 90%;
    margin-left: 15px;
    padding: 5px 20px;
    padding-bottom: 15px;
}

aside ul li:hover, .dropdown:hover, .menu:hover {
    background: #B81868;
}

footer {
    /*top: 92%;*/
    position: fixed;
    display: block;
    /*margin-left: 80px;
  margin-top: 10px;*/
    left: 48px;
    bottom: 0;
    background-color: #262626;
    color: white;
    width: 40%;
    height: 20px;
    font-size: 18px;
    overflow: hidden;
    text-align: center;
    /*z-index: 991;*/
    /*border-top: 1px solid #eeeeee;*/
    padding: 10px;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.copyright {
    float: left;
    font-size:14px;
    font-weight: bolder;
}

.version {
    display: inline-block;
    padding: 11px;
    padding-right: 15px;
    position: fixed;
    bottom: 0;
    right: 0;
    font-size: 14px;
    font-weight: bolder;
}

fa1, fa2, fa3 {
    display: none;
}

.right {
    list-style: none;
    float: right;
}

.left {
    list-style: none;
    float: left;
}

.device_switch {
    padding: 10px;
    width: 250px;
    height: 100%;
    position: relative;
    display: inline-block;
}

    .device_switch button:focus {
        outline: 0;
    }

.user_manager, .user_settings, .register, .login {
    display: inline-block;
}

.register {
    padding-right: 35px;
}

.login {
    padding-right: 35px;
}

.login, .register {
    text-align: center;
    list-style-type: none;
    height: 50px;
    width: 50px;
    font-size: 15px;
    overflow: hidden;
}

    .register button {
        color: #fff;
        padding: 15px;
        width: 85px;
        height: 50px;
        background-color: #262626;
        border: none;
        /*border-right: 1px solid grey;*/
    }

        .register button:focus {
            outline: 0;
        }

        .register button:hover {
            background-color: #B81868;
        }

    .login button {
        color: #fff;
        padding: 15px;
        width: 85px;
        height: 100%;
        background-color: #262626;
        border: none;
    }

        .login button:focus {
            outline: 0;
        }

        .login button:hover {
            background-color: #B81868;
        }

.user_manager {
    text-align: center;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-right: 15px;
    list-style-type: none;
    height: 90%;
    font-size: 15px;
    overflow: hidden;
}

.user_manager {
    margin-right: 30px;
}

    .user_manager a {
        color: #fff;
        text-decoration: none;
        font-size: 12px;
        padding: 5px;
    }

.logout {
    display: inline-block;
    padding-top: 15px;
    padding-right: 15px;
    float: right;
    font-size: 15px;
    position: center;
}

    .logout a {
        color: #fff;
        text-decoration: none;
    }

.user_settings img {
    width: 50px;
    height: 100%;
    border-right: 1px solid #262626;
    border: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.user_settings a.last img {
    border-right: 1px solid grey;
}

    .user_settings a.last img:hover {
        border-right: 1px solid #262626;
    }

.user_settings img:hover {
    background-color: #B81868;
}

/*.device_switch:hover {
  background: #B81868;
}*/

.device_switch.display {
    background: #B81868;
}

.device_switch_drop.display {
    background: #B81868;
    display: block;
    box-shadow: 0 30px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.device_switch_drop {
    padding: 12px;
    position: fixed;
    z-index: 1;
    display: none;
}

    .device_switch_drop li {
        padding: 1px;
        display: inline-block;
        overflow: hidden;
        margin: 5px 0 0 auto;
    }

        .device_switch_drop li button {
            position: relative;
            height: 150px;
            width: 150px;
            color: white;
            border: none;
            background-color: #203864;
        }

            .device_switch_drop li button img {
                width: 100px;
                height: 100px;
                padding: 8px;
                -moz-user-select: none;
                -webkit-user-drag: none;
                -webkit-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

.fa-angle-down {
    display: inherit;
}

.btn {
    /*margin-top: 5px;
    margin-bottom: 5px;*/
    border: none;
    background-color: #262626;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    padding: 8px;
    margin-left: 5px;
    margin-right: 5px;
}

    .btn:hover {
        background-color: #B81868;
    }

    .btn:focus {
        outline: 0;
    }

.gridBtn {
    display: inline-block;
    height: 100%;
    width: auto;
    background-color: transparent;
    font-size: 14px;
    color: black;
    text-decoration: none;
    border: none;
    padding: 5px;
}


    .gridBtn img {
        vertical-align: middle;
        height: 30px;
        width: 30px;
    }

    .gridBtn svg {
        padding: 1px;
    }

    .gridBtn.manage svg {
        margin-left: 5px;
        margin-top: 5px;
    }

    .gridBtn.create {
        margin-top: 5px;
        padding-right: 15px;
    }

        .gridBtn.create svg {
            padding-right: 8px;
            vertical-align: middle;
            height: 30px;
            width: 30px;
            margin-bottom: 5px;
        }

        .gridBtn.create:hover {
            color: #B81868;
        }

    .gridBtn svg:hover #manage {
        fill: #B81868;
    }

    .gridBtn:hover {
        color: #B81868;
    }

    .gridBtn:focus {
        outline: 0;
    }

.revokeBtn {
    display: inline-block;
    height: 100%;
    width: auto;
    background-color: transparent;
    font-size: 14px;
    color: black;
    text-decoration: none;
    border: none;
    padding: 5px;
}


    .revokeBtn img {
        vertical-align: middle;
        height: 30px;
        width: 30px;
    }

    .revokeBtn svg {
        padding: 5px;
    }

    .revokeBtn.create {
        margin-top: 5px;
        padding-right: 15px;
    }

        .revokeBtn.create svg {
            padding-right: 8px;
            vertical-align: middle;
            height: 30px;
            width: 30px;
            margin-bottom: 5px;
        }

        .revokeBtn.create:hover {
            color: #B81868;
        }

    .revokeBtn svg:hover #manage {
        fill: #B81868;
    }

    .revokeBtn:hover {
        color: #B81868;
    }

    .revokeBtn:focus {
        outline: 0;
    }

.filterBtn {
    display: inline-block;
    height: 100%;
    width: auto;
    background-color: #fff;
    font-size: 14px;
    color: black;
    text-decoration: none;
    border: none;
    padding: 1px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 12px;
}

    .filterBtn:hover {
        color: #B81868;
    }

    .filterBtn:focus {
        outline: 0;
    }

    .filterBtn img {
        vertical-align: middle;
        margin-top: 3px;
        height: 30px;
        width: 30px;
        padding-right: 5px;
        margin-bottom: 5px;
    }

    .filterBtn.create svg {
        padding-right: 8px;
        vertical-align: middle;
        height: 30px;
        width: 30px;
        margin-bottom: 5px;
    }

path #create_.display {
    fill: #fff;
}

.filterBtn, .gridBtn {
    display: inline;
}

    .filterBtn.display {
        background: #B81868;
        color: white;
        height: 35px;
    }

    .filterBtn.create_.display {
        fill: #fff;
    }

.delLink img {
    height: 30px;
    width: 30px;
    margin-bottom: 10px;
    margin-left: 5px;
}

.managerBtns {
    overflow: hidden;
    margin-right: 20px;
    margin-top: 10px;
    text-align: center;
    padding: 30px;
    display: inline-block;
    height: 250px;
    width: 200px;
    color: #262626;
    border: solid 1px #ebebeb;
    background-color: #ebebeb;
}

    .managerBtns a {
        display: block;
        text-decoration: none;
    }


    .managerBtns img {
        margin-left: 15%;
        display: block;
        width: 150px;
        height: 150px;
        -moz-user-select: none;
        -webkit-user-drag: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.btn.managerBtn, .btn.btn-default {
    padding: 15px;
    font-size: 16px;
    font-weight: 600;
}

.warning {
    color: #b94a48;
    font-weight: 600;
    font-size: 14px;
    padding: 0;
    padding-bottom: 10px;
    margin: 0;
}


/* bootstrap test crap */

.row {
    padding-top: 30px;
    width: 100%;
    margin-left: 0;
}

    .row:before,
    .row:after {
        display: table;
        content: " ";
    }

    .row:after {
        clear: both;
    }

    .row:before,
    .row:after {
        display: table;
        content: " ";
    }

    .row:after {
        clear: both;
    }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    height: auto;
}

td {
    font-size: 14px;
}

span[id^="label"] {
    padding-left: 8px;
}

h1, h2, h4 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
}

h1 {
    font-size: 36px;
}

h1 {
    margin: 0.67em 0;
    font-size: 2em;
}

h2 {
    font-size: 22px;
}

h1, h2 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4 {
    font-size: 18px;
}

    h4 small {
        font-size: 14px;
    }

h2 small {
    font-size: 18px;
}

h2 {
    orphans: 3;
    widows: 3;
}


    h1 small,
    h2 small,
    h4 small {
        font-weight: normal;
        line-height: 1;
        color: #999999;
    }

h1.page-header {
    font-family: 'Segoe UI';
    font-weight: 200;
    font-size: 45px;
}

h2.page-header {
    font-family: 'Segoe UI';
    font-weight: 200;
    font-size: 30px;
    padding-bottom: 15px;
}

h4.page-header {
    font-family: 'Segoe UI';
    font-weight: 200;
    font-size: 35px;
    padding-top: 10px;
    padding-bottom: 15px;
}

.col-sm-8,
.col-xs-8,
.col-xs-4,
.col-sm-4,
.col-md-8 {
    position: relative;
    min-height: 1px;
    /* padding-right: 15px; */
    /* padding-left: 15px; */
}

.col-sm-8,
.col-xs-8,
.col-xs-4,
.col-sm-4 {
    float: left;
}

.col-sm-8,
.col-xs-8 {
    width: 40.66666666666666%;
}

.col-sm-4,
.col-xs-4 {
    width: 33.33333333333333%;
}

table {
    max-width: 100%;
    background-color: transparent;
    border-color: transparent;
}

.table {
    width: 80%;
    margin-top: 5px;
    margin-bottom: 20px;
}

th {
    font-size: 15px;
    padding-bottom: 10px;
    background-color: #fff;
    border-bottom: 2px solid black;
    text-transform: uppercase;
}

    th:nth-child(n) {
        border-right: 2px solid black;
        border-left: none;
    }

.noedit_table th:nth-child(n) {
    border-right: none;
    border-left: none;
}

.noedit_table th:nth-last-child(-n+2) {
    border-right: none;
    border-left: 2px solid black;
}

th:nth-last-child(-n+2) {
    border-left: none;
    border-right: none;
}

th:last-child {
    border-right: none;
    border-left: none;
}

tr th {
    background-color: transparent;
}

/*tr td {
    border: 1px solid #f2f2f2;
    background-color: #f2f2f2;
}

tr:hover td {
    /*border-top: 1px solid #B81868;
    border-bottom: 1px solid #B81868;
    border-right: 1px solid #B81868;
    color: #B81868;
}*/

/*tr:hover td:last-child {
    border-right: none;
}*/

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    /*border-top: 1px solid #dddddd;*/
    text-align: left;
}

.table thead > tr > th {
    vertical-align: bottom;
    /*border-bottom: 2px solid #dddddd;*/
}

.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
    border-top: 0;
}

.table {
    background-color: transparent;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f2f2f2;
}

@media (min-width: 768px) {
    .col-sm-4 {
        float: left;
        width: 15.83333333333333%;
    }

    .col-sm-offset-2 {
        margin-left: 1.666666666666664%;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
}

.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    /*border-radius: 4px;*/
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inherit;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

    .panel-body:before,
    .panel-body:after {
        display: table;
        content: " ";
    }

    .panel-body:after {
        clear: both;
    }

    .panel-body:before,
    .panel-body:after {
        display: table;
        content: " ";
    }

    .panel-body:after {
        clear: both;
    }

.panel-heading {
    padding: 5px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-primary {
    border-color: #B81868;
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #B81868;
        border-color: #B81868;
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #B81868;
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #B81868;
    }

.btn-primary {
    color: #B81868;
    background-color: #fff;
    border: 1px dashed #B81868;
    font-weight: 600;
    padding: 8px;
    margin-top: 15px;
    /*border-radius: 4px;*/
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #262626;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background-image: none;
    }


.text-danger {
    color: #b94a48;
    padding-left: 10px;
    padding-bottom: 10px;
    
}

.form-control:-moz-placeholder {
    color: #999999;
}

.form-control::-moz-placeholder {
    color: #999999;
}

.form-control:-ms-input-placeholder {
    color: #999999;
}

.form-control::-webkit-input-placeholder {
    color: #999999;
}

.form-control {
    display: block;
    width: 20%;
    height: 10%;
    padding: 1px 5px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    /*border-radius: 4px;*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inherit;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -moz-transition: inherit;
    -o-transition: inherit;
}

/*.leftSide-form-control {
    display: block;
    width: 70%;
    height: 10%;
    padding: 1px 5px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inherit;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -moz-transition: inherit;
    -o-transition: inherit;
} */

.form-control.fileUpload {
    margin-top: 15px;
}

.form-control.paddForm {
    margin-top: 10px;
}

.form-control-lg, .leftSide-form-control {
    display: block;
    width: 25%;
    min-width: 250px;
    height: 30px;
    padding: 1px 5px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    /*background-color: #eeeeee;*/
    border: 1px solid #cccccc;
    /*border-radius: 4px;*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inherit;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -moz-transition: inherit;
    -o-transition: inherit;
}

.form-control-list {
    display: block;
    width: 27%;
    height: 40px;
    padding: 1px 5px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    /*background-color: #eeeeee;*/
    border: 1px solid #cccccc;
    /*border-radius: 4px;*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inherit;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -moz-transition: inherit;
    -o-transition: inherit;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    -moz-box-shadow: inherit;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control {
    /*cursor: not-allowed;*/
    /*background-color: #eeeeee;*/
}

textarea.form-control {
    height: auto;
}

.control-label {
    padding: 1px;
}

.form-group {
    margin-bottom: 25px;
}

hr {
    height: 0;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.dl-horizontal {
    display: inline-block;
    padding: 10px;
    margin: 0;
}

.alert-info {
    margin-top: 5px;
    margin-left: 15px;
}

/* Site.css */
.dashboard-stat-block {
    width: 180px;
    height: 180px;
    color: #fff;
    word-wrap: break-word;
    font-size: 100%;
    text-align: center;
    background: #B81868;
    /*border-radius: 50%;*/
    padding: 15px;
    overflow: hidden;
}

    .dashboard-stat-block h4 {
        font-size: 100%;
        font-weight: bold;
    }

    .dashboard-stat-block .number {
        font-size: 500%;
        padding:10px;
        padding-bottom: 35px;
    }

.dashboard-coa-statistics {
    font-size: 1.2em;
}

/*jsgrid*/

.jsgrid-cell {
    overflow: hidden;
}

.jsgrid-header-cell {
    text-align: left;
    overflow: hidden;
}

.jsgrid-filter-row.active {
    display: none;
}

/* resolution */

@media screen and (max-width: 450px) {

    .device_switch {
        font-size: 18px;
        width: 90%;
    }

    .user_manager {
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
    }

    article {
        top: 50px;
        position: relative;
        width: 100%;
        height: 65%;
        margin-left: 70px;
        padding: 5px 20px;
        padding-bottom: 70px;
        /*-moz-user-select: -moz-none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;*/
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        article .col-sm-4 {
            width: 100%;
            margin-left: 80px;
            padding-bottom: 15px;
        }

        article.display .col-sm-4 {
            width: 100%;
            margin-left: 50px;
            padding-bottom: 15px;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

    aside {
        display: inline-block;
        width: 48px;
        background: #262626;
        padding: 0 0 10px 0;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        overflow: hidden;
    }

        aside ul {
            list-style: none;
        }

            aside ul li {
                position: relative;
                display: list-item;
                vertical-align: middle;
            }

                aside ul li a, dropdown, menu {
                    font-size: 15px;
                    color: #fff;
                    text-decoration: none;
                    overflow: hidden;
                    display: inline-block;
                    width: 100%;
                    height: 35px;
                    vertical-align: middle;
                    padding-left: 3px;
                    padding-bottom: 2px;
                    -moz-user-select: none;
                    -webkit-user-drag: none;
                    -webkit-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                }

        aside img {
            width: 40px;
            height: 40px;
            padding-bottom: 5px;
            -moz-user-select: none;
            -webkit-user-drag: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        aside ul li a span {
            display: inline-block;
            vertical-align: middle;
            color: #fff;
            width: 55px;
        }

    .width {
        width: 250px;
    }

    .table {
        padding-right: 10px;
    }

    footer {
        /*top: 92%;*/
        position: fixed;
        display: block;
        /*margin-left: 80px;
  margin-top: 10px;*/
        margin: auto;
        text-align: center;
        left: 48px;
        bottom: 0;
        background-color: #262626;
        color: white;
        width: 100%;
        height: 20px;
        font-size: 13px;
        z-index: 991;
        border-top: 1px solid #eeeeee;
        padding: 10px;
        /*-moz-user-select: -moz-none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;*/
    }

    .copyright {
        display: inline-block;
        height: 50px;
        width: 50px;
    }

    .social {
        display: inline-block;
        height: 50px;
        width: 50px;
    }

    footer.display {
        margin-left: 202px;
        width: 100%
    }

    .fa1.display, .fa2.display, .fa3.display, .fa4.display, .fa5.display {
        margin-top: 13px;
        margin-right: 12px;
        float: right;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .fa1.no_display, .fa2.no_display, .fa3.no_display, .fa4.no_display, .fa5.no_display {
        display: none;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
}

@media (max-width:1100px) and (min-width:450px) {

    article .col-sm-4 {
        width: 100%;
        margin-left: 80px;
        padding-bottom: 40px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    article.display .col-sm-4 {
        width: 100%;
        margin-left: 50px;
        padding-bottom: 40px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .jsgrid {
        width: 100%;
    }

    .table {
        width: 100%;
    }

    .col-sm-8, .col-xs-8 {
        width: 100%;
    }
}

@media (min-width:1500px) {

    article .col-sm-4 {
        width: 20%;
        margin-left: 80px;
        padding-bottom: 40px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    article.display .col-sm-4 {
        width: 20%;
        margin-left: 50px;
        padding-bottom: 40px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
}

@media (min-width:2000px) {

    article .col-sm-4 {
        width: 30%;
        margin-left: 80px;
        padding-bottom: 40px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    article.display .col-sm-4 {
        width: 30%;
        margin-left: 50px;
        padding-bottom: 40px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
}

.copyable {
    width: 300px;
    margin-right: auto;
    margin-left: auto;
}

.copyable_container {
    cursor: pointer;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #bac2cd;
    margin-top: 10px;
    background-color: #c8cfd8;
}

.copyable_icon {
    color: #8d9bad;
    font-size: 1.68rem;
    margin-right: 10px;
}

.revokedRow {
    background-color: #B81868;
}

.dxgv {
    padding-top: 0px;
}

.dxeBase_Office365, .dxflFormLayout_Office365, .dxtcLite_Office365,
.dxpcLite_Office365, .dxdpLite_Office365, .dxbButton_Office365,
.dxtc-stripContainer .dxtc-tab, .dxtc-stripContainer .dxtc-activeTab,
*[class^="dxflCaption"] {
    font-size: 14px !important;
}

td {
    font-weight: normal !important;
}

#error.dl-horizontal {
    display: none;
}

/* Login Page Styles */
.login-body {
    background-color: #262626;
}

.login-table-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-collapse: collapse;
    border-spacing: 0;
}

.login-table {
    width: 1280px;
    height: 768px;
    border: 1px #B81868 solid;
    background-color: white;
    box-shadow: 10px 10px 10px black;
}

.login-sidebar {
    background: #B81868;
    width: 400px;
}

.login-sidebar-container {
    width: 400px;
}

.login-brand-title {
    top: 200px;
    margin-left: 52px;
    font-size: 25px;
    color: white;
}

.login-brand-subtitle {
    top: 220px;
    margin-left: 50px;
    font-size: 35px;
    color: white;
}

.login-brand-spacer {
    top: 220px;
    margin-left: 50px;
    font-size: 35px;
    color: white;
}

.login-content-area {
    padding-left: 400px;
}

.login-form-container {
    width: 300px;
}

.login-section-title {
    font-size: 14px;
}

.login-hr {
    width: 250px;
}

.login-form-group-no-margin {
    margin-bottom: 0;
}

.login-submit-btn {
    background: #B81868;
    width: 96px;
    margin-left: 0;
    cursor: pointer;
    font: 14px 'Segoe UI';
}