.inputerror {
    border : 2px solid red;
}

.isActive {
    margin-right : 25px;
}

table.dataTable {
    border-collapse : collapse;
    border-spacing  : 0;
}

.switch-addon {
    padding          : 6px 12px;
    font-size        : 14px;
    font-weight      : 400;
    line-height      : 1;
    color            : #555555;
    text-align       : center;
    background-color : #d3d7d7;
    border           : 1px solid #cccccc;
    border-color     : #d3d7d7;
    width            : 1%;
    white-space      : nowrap;
    vertical-align   : middle;
}

.fullWidth {
    width : 100% !important;
}

.rowbg {
    background     : #d1e5f8;
    padding-top    : 10px;
    padding-bottom : 10px;
}

.thwidth1 {
    width : 65%;
}

.thwidth2 {
    width : 18%;
}

.thwidth3 {
    width : 30%;
}

.thwidth4 {
    width : 8%;
}

.thwidth5 {
    width : 10%;
}

.thwidth6 {
    width : 20%;
}

td {
    vertical-align : middle !important;
}

td button, td a {
    width   : 140px;
    display : inline-block !important;
    margin  : auto;
}

/* modal styling */
.model-contentwrapper {width : 640px; margin : auto; background-color : #ffffff; margin-top : 10%; border : 1px solid #999999; border : 1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius : 6px; -moz-border-radius : 6px; border-radius : 6px; outline : none; -webkit-box-shadow : 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow : 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow : 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip : padding-box; -moz-background-clip : padding-box; background-clip : padding-box; }

.model-contentwrapper .modal-header {padding : 9px 15px; border-bottom : 1px solid #eeeeee;}

.model-contentwrapper .modal-header * {margin : 0; line-height : 22px; font-size : 18.5px; margin : 0px !important;}

/* student image styling */
.studentImageWrap {width : auto; height : 123px; margin : auto; }

.studentImageWrap img {margin : auto; display : block; background-size : cover; width : auto; height : 100%; }

/* custom wraper */
.container-wrap {background : rgba(231, 227, 227, 0.5); padding : 20px; border : 1px solid #e4d8d8;}

/* table footer */
table tbody .footer > td {background : #91adbd !important; color : #ffffff !important; }

/* cus-group-addon */
.cus-group-addon {background : rgb(95, 69, 69) !important; color : #ffffff !important; }

.cus-group-addon2 {background : rgb(241, 17, 17) !important; color : #ffffff !important; }

/* table cell input */
.tableInputCell {background : transparent; padding : 5px; border : 0px;width : 100%;}

/* table rows */
.level1row { background : #0769bf !important; color : #ffffff !important; text-transform : capitalize; }

.level2row { background : #3fa1f7 !important; color : #ffffff !important; text-transform : capitalize; }

.level3row { background : #8ec7fa !important; color : #ffffff !important; text-transform : capitalize; }

.level4row { background : #d2e9fd !important; color : #333333 !important; text-transform : capitalize; }

.txtcenter {vertical-align : middle !important; text-align : center; border : 1px solid #bbb5b5 !important; }

.txtbold { font-weight : bold; }

/* login page */
#loginpagelogo {
    margin         : auto;
    display        : block;
    width          : 350px;
    padding-bottom : 10px;
}

.id-addon {
    background : #9e8888 !important;
    color      : #ffffff !important;
}

.txt-addon {
    background-color : #368ee0 !important;
    color            : #ffffff !important;
}

.amnt-addon {
    background-color : rgb(255, 0, 0) !important;
    color            : #ffffff !important;
}

.other-addon {
    background-color : #56a356 !important;
    color            : #ffffff !important;
}

.fancy-addon {
    background : #faffbd !important;
    color      : #000000 !important;
}

.radio:hover {
    cursor : pointer;
}

.duplicate {
    background : rgb(247, 48, 48) !important;
    color      : #ffffff;
}

.content-head {
    display : inline-block;
    width   : 120px;
}

.content-detail {
    font-weight    : bold;
    color          : #000000;
    font-size      : 18px;
    text-transform : capitalize;
}

.time {
    color     : red !important;
    font-size : 55px !important;
}

.sub-heading {
    margin-left : 55px !important;
    display     : block;
    margin-top  : 8px;
}

.sub-heading-line {
    margin-top    : 5px !important;
    margin-bottom : 5px !important;
    margin-left   : 51px !important;
}

.priviligeBlocks {
    margin-left : 51px;
    background  : rgb(206, 198, 198);
    box-shadow  : 2px 2px 2px rgba(51, 51, 51, 0.52);
}

ul.priviligeBlock {
    margin-left : -31px;
}

ul.rpt {
    margin-left : 14px !important;
}

ul.priviligeBlock li.li-head {
    display       : inline-block;
    min-width     : 100px;
    padding-right : 14px !important;
}

ul.priviligeBlock li.li-head label {
    min-height : 0px !important;
    margin-top : 0px !important;
}

.select {
    -moz-user-select    : none;
    -khtml-user-select  : none;
    -webkit-user-select : none;
    -ms-user-select     : none;
    user-select         : none;
}

.checkbox {
    cursor : pointer;
}

.columns {color : #000000; padding-top : 15px; padding-bottom : 15px;}

.col1 {background : #e9e2ff; }

.col2 {background : #e8f0fd; }

.col3 {background : #79ffbe; }

.txtshadow {text-shadow : 0px 1px 1px #333333;}

.cancelpointer {
    pointer-events : none;
}

.items {
    max-height : 376px;
    position   : relative;
    overflow   : auto;
}

.items .item {
    width         : 90px;
    height        : 90px;
    background    : #4358ec;
    box-shadow    : 1px 1px 1px #6d6a6a;
    position      : relative;
    cursor        : pointer;
    border-radius : 4px;
    margin-right  : 5px;
    margin-bottom : 5px;
    display       : inline-block;
}

.items .item .item_desc {
    position       : absolute;
    top            : 6px;
    left           : 8px;
    color          : #ffffff;
    text-shadow    : 0px 1px 1px #333333;
    font-size      : 10px;
    text-transform : uppercase;
}

.items .item .item_price {
    position    : absolute;
    bottom      : 6px;
    right       : 8px;
    color       : #ffffff;
    text-shadow : 0px 1px 1px #333333;
    font-size   : 12px;
}

.kotbtns {
    background      : #5a5f83;
    padding-left    : 10px;
    padding-right   : 10px;
    padding-top     : 2px;
    padding-bottom  : 2px;
    text-decoration : none !important;
    color           : #ffffff;
    margin-right    : 4px;
    font-size       : 12px;
    width           : auto !important;
}

.kotbtns:hover {
    color      : #ffffff;
    background : rgba(90, 95, 131, 0.77);
}

table.table th {
    background  : rgb(150, 150, 150) !important;
    color       : #ffffff;
    font-weight : normal;
}

.ucase {
    text-transform : uppercase;
}

.text-right {
    text-align : right;
}

.stats {
    list-style-type : none;
    margin          : 0;
    padding         : 0;
    float           : left;
}

.stats li {
    float        : left;
    padding      : 10px;
    margin-right : 15px;
}

li.red {
    background : #e51400;
}

li.green {
    background : #339933;
}

li.brown {
    background : #a05000;
}

.stats > li i {
    font-size : 30px;
    color     : #ffffff;
    float     : left;
    margin    : 5px 0;
}

.stats > li .details {
    /*margin-left: 50px;*/
}

ul > li.blue {
    background : #368ee0;
}

.stats > li .details span.big {
    font-size : 16px;
}

.stats > li .details span {
    color     : #ffffff;
    display   : block;
    font-size : 11px;
}

.stats > li .details span {
    color     : #ffffff;
    display   : block;
    font-size : 11px;
}

.stats > li {
    float   : left;
    padding : 10px;
}

.dont-show {
    display : none !important;
}

.finalsum { background : wheat !important; }

.hightlight_tr td { border : none !important; background : rgb(79, 156, 98) !important; color : white; font-weight : bold; }

.finalsum td { background : wheat !important; border : none;}

.readonly {
    background : #ffffff;
    border     : 1px solid #bdb4b4;
}

.btn-glass {
    flex-grow             : 1;
    text-align            : center;
    display               : inline-block;
    color                 : rgba(255, 255, 255, 0.7);
    text-decoration       : none;
    padding               : 7px 16px;
    font-family           : Lato;
    font-weight           : 400;
    border                : 1px dotted transparent;
    letter-spacing        : 0.98pt;
    text-transform        : uppercase;
    transition            : background-position 2s cubic-bezier(0, 1, 0, 1), border-color 500ms, background-color 500ms;
    position              : relative;
    background-attachment : fixed, scroll;
    background-size       : 100vw 100vh, cover;
    background-position   : center center, 0 0;
    background-image      : repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.075) 10%, rgba(255, 255, 255, 0.075) 14%, rgba(255, 255, 255, 0.15) 14%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0.075) 17%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0.075) 40%, rgba(255, 255, 255, 0.15) 42%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.075) 60%, rgba(255, 255, 255, 0.075) 66%, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0.075) 70%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%), radial-gradient(ellipse farthest-corner, transparent, rgba(0, 0, 0, 0.2) 110%);
}

.btn-glass:hover {
    background-position : -100vw 0, 0 0;
}

.btn-glass:active {
    background-position : -75vw 0, 0 0;
    border-style        : solid;
}

.nav-light {
    background-color : white;
    height           : 36px;

    width            : 100%;
}

.nav-light .btn-glass {
    font-family      : unset;
    color            : #585858;
    background-color : rgba(17, 17, 17, 0);
}

.nav-light .btn-glass:hover {
    color            : rgba(255, 255, 255, 0.7);
    border-color     : #000000;
    background-color : #111111;
}

.nav-light .btn-glass:active {
    position   : relative;
    z-index    : 1;
    box-shadow : 0 0 1em 0.5ex rgba(17, 17, 17, 0.5);
}

.nav-light .btn-glass.btn-primary {

    color            : #6ab1d1;
    background-color : rgba(42, 143, 189, 0);
}

.nav-light .btn-glass.btn-primary:hover {
    color            : rgba(255, 255, 255, 0.7);
    border-color     : #1c607e;
    background-color : #2a8fbd;
}

.nav-light .btn-glass.btn-primary:active {
    position   : relative;
    z-index    : 1;
    box-shadow : 0 0 1em 0.5ex rgba(42, 143, 189, 0.5);
}

.nav-light .btn-glass.btn-success {
    color            : #a5c75f;
    background-color : rgba(127, 175, 27, 0);
}

.nav-light .btn-glass.btn-success:hover {
    color            : rgba(255, 255, 255, 0.7);
    border-color     : #4f6d11;
    background-color : #7faf1b;
}

.nav-light .btn-glass.btn-success:active {
    position   : relative;
    z-index    : 1;
    box-shadow : 0 0 1em 0.5ex rgba(127, 175, 27, 0.5);
}

.nav-light .btn-glass.btn-warning {
    color            : #fccd69;
    background-color : rgba(251, 184, 41, 0);
}

.nav-light .btn-glass.btn-warning:hover {
    color            : rgba(255, 255, 255, 0.7);
    border-color     : #d49104;
    background-color : #fbb829;
}

.nav-light .btn-glass.btn-warning:active {
    position   : relative;
    z-index    : 1;
    box-shadow : 0 0 1em 0.5ex rgba(251, 184, 41, 0.5);
}

.nav-light .btn-glass.btn-danger {
    color            : #f56558;
    background-color : rgba(240, 35, 17, 0);
}

.nav-light .btn-glass.btn-danger:hover {
    color            : rgba(255, 255, 255, 0.7);
    border-color     : #aa180b;
    background-color : #f02311;
}

.nav-light .btn-glass.btn-danger:active {
    position   : relative;
    z-index    : 1;
    box-shadow : 0 0 1em 0.5ex rgba(240, 35, 17, 0.5);
}

.nav-light .btn-glass.btn-info {
    color            : #98e9f0;
    background-color : rgba(108, 223, 234, 0);
}

.nav-light .btn-glass.btn-info:hover {
    color            : rgba(255, 255, 255, 0.7);
    border-color     : #29d0e0;
    background-color : #6cdfea;
}

.nav-light .btn-glass.btn-info:active {
    position   : relative;
    z-index    : 1;
    box-shadow : 0 0 1em 0.5ex rgba(108, 223, 234, 0.5);
}

.users-list > li img {
    border-radius : 50%;
    max-width     : 30%;
    height        : auto;
    width         : 28px !important;
}