.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;
}

canvas {
    -moz-user-select    : none;
    -webkit-user-select : none;
    -ms-user-select     : none;
}

.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%;
}

.chzn-container-active,
.form-control:focus {
    /*border: 1.5px solid blue;*/
    border : 1.5px solid rgba(50, 100, 190, 1);
}

.chzn-container {
    display : block !important;
}

.chzn-container-single .chzn-single {
    background-color : #ffffff !important;
    border-radius    : 0;
}

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;
}

.custom_ul {
    list-style-type : none;
}

.dis-inline {
    display : inline !important;
}

.custom_ul li {
    padding       : 10px 5px;
    border-bottom : 1px dotted;
}

.custom_ul label {
    display : inline;
    /*list-style-type: none;*/
}

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

.txt-addongreen {
    background-color : #28a745 !important;
    color            : #ffffff !important;
}

.text-success {
    color : #28a745 !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;
}

.finalsum2 {
    background : rgb(168, 156, 134) !important;
}

.hightlight_tr1 td {
    border      : none !important;
    background  : #4f9c46 !important;
    color       : white;
    font-weight : bold;
}

.hightlight_tr2 td {
    border      : none !important;
    background  : rgb(55, 133, 124) !important;
    color       : white;
    font-weight : bold;
}

.hightlight_tr3 td {
    border      : none !important;
    background  : rgb(55, 133, 170) !important;
    color       : white;
    font-weight : bold;
}

.hightlight_tr4 td {
    border      : none !important;
    background  : rgb(72, 79, 138) !important;
    color       : white;
    font-weight : bold;
}

.finalsum td {
    background  : wheat !important;
    border      : none;
    font-weight : bold !important;
}

.finalsum2 td {
    background  : wheat !important;
    border      : none;
    font-weight : bold !important;
}

.finalsum3 td {
    background  : wheat !important;
    border      : none;
    font-weight : bold !important;
}

.finalsumsub {
    background : rgb(219, 230, 196) !important;
}

.finalsumsub td {
    background  : rgb(219, 230, 196) !important;
    border      : none;
    font-weight : bold !important;
}

.edited_tr {
    border     : none !important;
    background : rgb(79, 80, 190) !important;
    color      : white;
}

.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);
}

.percWidth7 {
    width : 7% !important;
}

.percWidth15 {
    width : 15% !important;
}

/*
 *  STYLE 4
 */

#tableScrollable::-webkit-scrollbar-track {
    -webkit-box-shadow : inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color   : #f5f5f5;
}

#tableScrollable::-webkit-scrollbar {
    width            : 4px;
    height           : 30em;
    background-color : #f5f5f5;
}

#tableScrollable::-webkit-scrollbar-thumb {
    background-color : #000000;
    border           : 2px solid #555555;
}

.dropzone .dz-preview .dz-image {
    border-radius : 5px;
    width         : 180px;
    height        : 180px;
}

.attachRemarks {
    margin-top : 5px;
}

.cke_ltr {
    border-top : 1px solid #b6b6b6 !important;
}

.textcomplete-dropdown {
    border           : 1px solid #dddddd;
    background-color : white;
}

.textcomplete-dropdown li {
    border-top : 1px solid #dddddd;
    padding    : 2px 5px;
}

.textcomplete-dropdown li:first-child {
    border-top : none;
}

.textcomplete-dropdown li:hover,
.textcomplete-dropdown .active {
    background-color : rgb(110, 183, 219);
}

.textcomplete-dropdown {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.textcomplete-dropdown a:hover {
    cursor : pointer;
}

.m-w-30 {
    min-width : 30px !important;
}

.highlighted-comment {
    background : rgba(217, 217, 217, 0.8) !important;
}

.child-comment {
    padding-left     : 90px !important;
    background-color : rgba(255, 219, 153, 0.2) !important;
}

.comment-border {
    border-bottom : 0.5px solid #999999 !important;
}

.modal-group-btn {
    min-width : 30px !important;
    font-size : 16px !important;
}

hr.customized_hr {
    border           : 0 !important;
    height           : 1px !important;
    background-image : -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important;
    background-image : -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important;
    background-image : -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important;
    background-image : -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important;
    margin-top       : 5px !important;
    margin-bottom    : 5px !important;
    box-shadow       : 0.2px 0.2px;
}

.notification_list {
    list-style-type : none;
    padding         : 5px 25px;
    background      : lightcyan;
    padding-bottom  : 10px;
}

.notification_list li {
    padding        : 8px 10px;
    border-bottom  : 1px solid #cccccc;
    padding-bottom : 5px;
}

/* .notification_list li:last-child {
	border: none !important;
} */
.unreaded {
    background : #e6e6e6 !important;
}

.decoration_none:hover {
    text-decoration : none;
}

.notice {
    padding            : 15px;
    background-color   : #fafafa;
    border-left        : 6px solid #7f7f84;
    border-right       : 6px solid #7f7f84;
    margin-bottom      : 10px;
    -webkit-box-shadow : 0 5px 8px -6px rgba(0, 0, 0, .2);
    -moz-box-shadow    : 0 5px 8px -6px rgba(0, 0, 0, .2);
    box-shadow         : 0 5px 8px -6px rgba(0, 0, 0, .2);
}

.notice-sm {
    padding   : 10px;
    font-size : 80%;
}

.notice-lg {
    padding   : 35px;
    font-size : large;
}

.notice-success {
    border-color : #80d651;
}

.notice-success > strong {
    color : #80d651;
}

.notice-info {
    border-color : #45abcd;
}

.notice-info > strong {
    color : #45abcd;
}

.notice-warning {
    border-color : #feaf20;
}

.notice-warning > strong {
    color : #feaf20;
}

.notice-danger {
    border-color : #d73814;
}

.notice-danger > strong {
    color : #d73814;
}

/* .notifications-menu > .dropdown-menu, .messages-menu > .dropdown-menu, .tasks-menu > .dropdown-menu {
	left: -116px !important;
	position: absolute !important;
	margin-top: 8px !important;
	/* width: auto !important; */
/* max-width: 280px !important;
} */
/* ul.dropdown-menu::before {
    content: "\f0d8";
    font-family: FontAwesome;
    display: block;
    position: relative;
	text-align: center;
    top: -25px;
    margin-bottom: 1;
    color: rgba(255,69,0,0.6);
    font-weight: 900;
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
} */

#img_thumbnail:hover img {
    /*transition: all .3s;*/
    width     : 100%;
    position  : absolute;
    top       : 30%;
    right     : 50%;
    transform : translate(0%, -50%) scale(2);
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
    top : 35%;
}

.dropzone .dz-preview .dz-error-message {
    top       : 30%;
    left      : 50%;
    transform : translate(-50%, 60%);
}

.dz-image img {
    height   : 100%;
    position : absolute;
    left     : -3%;
    /*width: 100%;*/
}

.dz-preview {
    text-align : center;
}

.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;
}

canvas {
    -moz-user-select    : none;
    -webkit-user-select : none;
    -ms-user-select     : none;
}

.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%;
}

.chzn-disabled {
    opacity : 0.8 !important;
    cursor  : not-allowed !important;
}

.chzn-container-multi .chzn-choices {
    padding : 5px !important;
    cursor  : text !important;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
    height : 10px !important;
}

.chzn-container-multi .chzn-choices .search-field input {
    width : 100% !important;
}

.chzn-container-multi .chzn-choices .search-choice {
    margin        : 0px !important;
    margin-right  : 5px !important;
    margin-bottom : 5px !important;
}

.chzn-container-active,
.form-control:focus {
    /*border: 1.5px solid blue;*/
    /* border: 1.5px solid rgba(50,100,190,1); */
}

.chzn-container {
    display : block !important;
    width   : 100% !important;
}

.chzn-container-single .chzn-single {
    background-color : #ffffff !important;
    border-radius    : 0;
    width            : 100% !important;
}

.chzn-container-single .chzn-single div {
    top : 6px !important;
}

.chzn-container.chzn-container-multi {
    background-color : #ffffff !important;
    border-radius    : 0;
}

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;
}

.custom_ul {
    list-style-type : none;
}

.dis-inline {
    display : inline !important;
}

.custom_ul li {
    padding       : 10px 5px;
    border-bottom : 1px dotted;
}

.custom_ul label {
    display : inline;
    /*list-style-type: none;*/
}

.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;
}

.custome_stats {
    margin-left : 0px !important;
}

.custome_stats > li {
    margin : 5px !important
}

.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;
}

.dashboardfindtr td {
    background : lightgrey !important;
    border     : none;
}

.edited_tr {
    border     : none !important;
    background : rgb(79, 80, 190) !important;
    color      : white;
}

.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);
}

.percWidth7 {
    width : 7% !important;
}

.percWidth15 {
    width : 15% !important;
}

/*
 *  STYLE 4
 */

#tableScrollable::-webkit-scrollbar-track {
    box-shadow         : inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow : inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color   : #f5f5f5;
}

#tableScrollable::-webkit-scrollbar {
    width            : 4px;
    height           : 30em;
    background-color : #f5f5f5;
}

#tableScrollable::-webkit-scrollbar-thumb {
    background-color : #000000;
    border           : 2px solid #555555;
}

.drpz-container {
    display    : block;
    width      : 100%;
    background : white;
    padding    : 1px 2px;
    border     : 2px solid lightgray;
}

#actions {
    margin        : 2em 0;
    margin-bottom : 0px;
}

/* Mimic table appearance */
div.table {
    display : table;
}

div.table .file-row {
    display : table-row;
}

div.table .file-row > div {
    display        : table-cell;
    vertical-align : middle;
    border-top     : 1px solid #dddddd;
    padding        : 2px 8px;
}

div.table .file-row:nth-child(odd) {
    background : #f9f9f9;
}

/* The total progress gets shown by event listeners */
#total-progress {
    opacity    : 0;
    margin-top : 10px;
    transition : opacity 0.3s linear;
}

/* Hide the progress bar when finished */
#previews .file-row.dz-success .progress-cont {
    opacity    : 0;
    transition : opacity 0.3s linear;
}

.dz-success-mark,
.dz-error-mark {
    opacity : 0;
    display : none;
}

/* Hide the delete button initially */
#previews .file-row .delete {
    /* display: none; */
    filter : nonesad;
}

/* Hide the start and cancel buttons and show the delete button */
#previews .file-row.dz-success .start,
#previews .file-row.dz-success .cancel {
    display : none;
}

#previews .file-row.dz-success .delete {
    display : block;
}

.select2-container .select2-choice {
    width : 100% !important;
}

/* Customized Table */
.btn-lg2 {
    padding : 9px 10px !important;
}

.customized-table {
    border-radius : 10px !important;
}

.customized-table thead th {
    background     : #36304a !important;
    height         : 40px !important;
    vertical-align : middle !important;
}

.customized-table tbody tr:nth-child(even) td {
    background : #f5f5f5 !important;
}

.customized-table tbody tr:hover td {
    background : #f5f5f5 !important;
}

/* Dashboard Card */
.box-card {
    background    : rgba(210, 210, 210, 0.1) !important;
    box-shadow    : 0 2px 12px 1px rgba(0, 0, 0, 0.3) !important;
    border-bottom : 1px solid darkturquoise !important;
}

/* Customized Scrollbar for box */
.direct-chat-messages::-webkit-scrollbar {
    width  : 10px;
    height : 5px;
}

.direct-chat-messages::-webkit-scrollbar-track {
    box-shadow    : inset 0 0 5px grey;
    border-radius : 10px;
    /* background: lightgray; */
}

.direct-chat-messages::-webkit-scrollbar-thumb {
    background       : rgb(227, 120, 39);
    transition       : all 0.3s;
    border-radius    : 10px;
    background-color : #e37827;
    background-image : -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, .2) 50%,
    rgba(255, 255, 255, .2) 75%,
    transparent 75%,
    transparent)
}

/* Handle on hover */
.direct-chat-messages::-webkit-scrollbar-thumb:hover {
    background-color : rgb(135, 69, 18);
}

/*This Is For Hover Button Css3 Animation*/

/*.btnbox{
  position:absolute;
  top:50%;
  left:50%;
  transform : translate(-50% ,-50%);
}*/

.btn:link,
.btn:visited {
    text-decoration : none;
    /*text-transform:uppercase;*/
    position        : relative;
    top             : 0;
    left            : 0;
    /*padding:8px 15px !important;*/
    border-radius   : 1px !important;
    /*display:inline-block;*/
    transition      : all .5s;
}

.btn-white {
    background : #ffffff;
    color      : #000000;
}

/* .btn:hover{
   box-shadow:0px 10px 10px rgba(0,0,0,0.2);
   /*font-size: 15px !important;*/
transform :
translateY

(
-
4
px

)
;
}

*

/
.btn:active {
    box-shadow : 0px 5px 10px rgba(0, 0, 0, 0.2) transform : translateY(-1px);
}

.btn-bottom-animation-1 {
    animation : comeFromBottom 1s ease-out .8s;
}

.btn::after {
    content         : "";
    text-decoration : none;
    text-transform  : uppercase;
    position        : absolute;
    width           : 100%;
    height          : 100%;
    top             : 0;
    left            : 0;
    border-radius   : 100px;
    display         : inline-block;
    z-index         : -1;
    transition      : all .5s;
}

/*.btn-white::after {
    background: #fff;
}*/

.btn-animation-1:hover::after {
    transform : scaleX(1.4) scaleY(1.6);
    opacity   : 0;
}

@keyframes comeFromBottom {
    0% {
        opacity   : 0;
        transform : translateY(40px);
    }

    100% {
        opacity   : 1;
        transform : translateY(0);
    }
}

.hides {
    display : none !important;
}

.btnCPBLookup {
    background-color : #e3b3c9 !important;
    color            : white !important;
}

.btnCPBLookup :hover {
    background-color : #e3b3c9 !important;
    color            : white !important;
}

/*
 *  STYLE 4
 */

/* #tableScrollable::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#tableScrollable::-webkit-scrollbar
{
	width: 4px;
	height: 30em;
	background-color: #F5F5F5;
}

#tableScrollable::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
} */
.scrollbar {
    margin-left   : 22px;
    float         : left;
    height        : 300px;
    width         : 65px;
    background    : #b0b0b0;
    overflow-y    : scroll;
    margin-bottom : 10px;
}

::-webkit-scrollbar {
    height : 6px;
    width  : 8px;
    border : 1px solid #d5d5d5;
}

::-webkit-scrollbar-thumb {
    border-radius      : 10px;
    -webkit-box-shadow : inset 0 0 6px rgba(0, 0, 0, .3);
    background-color   : #b0b0b0;
    /* background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent)); */
}

::-webkit-scrollbar-track {
    -webkit-box-shadow : inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius      : 10px;
    background-color   : #eeeeee;

}

.btnCPBLookup {
    background-color : #e3b3c9 !important;
    color            : white !important;
}

.btnCPBLookup :hover {
    background-color : #e3b3c9 !important;
    color            : white !important;
}

#datatable_example tbody tr td {
    white-space   : nowrap !important;
    overflow      : hidden !important;
    text-overflow : ellipsis !important;
}

#datatable_example thead tr th {
    white-space   : nowrap !important;
    overflow      : hidden !important;
    text-overflow : ellipsis !important;
}

#purchase_table tbody tr td {
    white-space   : nowrap !important;
    overflow      : hidden !important;
    text-overflow : ellipsis !important;
}

#purchase_table thead tr th {
    white-space   : nowrap !important;
    overflow      : hidden !important;
    text-overflow : ellipsis !important;
}

.dropzone .dz-preview .dz-image {
    border-radius : 5px;
    width         : 180px;
    height        : 180px;
}

.attachRemarks {
    margin-top : 5px;
}

.cke_ltr {
    border-top : 1px solid #b6b6b6 !important;
}

.textcomplete-dropdown {
    border           : 1px solid #dddddd;
    background-color : white;
}

.textcomplete-dropdown li {
    border-top : 1px solid #dddddd;
    padding    : 2px 5px;
}

.textcomplete-dropdown li:first-child {
    border-top : none;
}

.textcomplete-dropdown li:hover,
.textcomplete-dropdown .active {
    background-color : rgb(110, 183, 219);
}

.textcomplete-dropdown {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.textcomplete-dropdown a:hover {
    cursor : pointer;
}

.m-w-30 {
    min-width : 30px !important;
}

.highlighted-comment {
    background : rgba(217, 217, 217, 0.8) !important;
}

.child-comment {
    padding-left     : 90px !important;
    background-color : rgba(255, 219, 153, 0.2) !important;
}

.comment-border {
    border-bottom : 0.5px solid #999999 !important;
}

.modal-group-btn {
    min-width : 30px !important;
    font-size : 16px !important;
}

hr.customized_hr {
    border           : 0 !important;
    height           : 1px !important;
    background-image : -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important;
    background-image : -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important;
    background-image : -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important;
    background-image : -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important;
    margin-top       : 5px !important;
    margin-bottom    : 5px !important;
    box-shadow       : 0.2px 0.2px;
}

.notification_list {
    list-style-type : none;
    padding         : 5px 25px;
    background      : lightcyan;
    padding-bottom  : 10px;
}

.notification_list li {
    padding        : 8px 10px;
    border-bottom  : 1px solid #cccccc;
    padding-bottom : 5px;
}

/* .notification_list li:last-child {
	border: none !important;
} */
.unreaded {
    background : #e6e6e6 !important;
}

.decoration_none:hover {
    text-decoration : none;
}

.notice {
    padding            : 15px;
    background-color   : #fafafa;
    border-left        : 6px solid #7f7f84;
    border-right       : 6px solid #7f7f84;
    margin-bottom      : 10px;
    -webkit-box-shadow : 0 5px 8px -6px rgba(0, 0, 0, .2);
    -moz-box-shadow    : 0 5px 8px -6px rgba(0, 0, 0, .2);
    box-shadow         : 0 5px 8px -6px rgba(0, 0, 0, .2);
}

.notice-sm {
    padding   : 10px;
    font-size : 80%;
}

.notice-lg {
    padding   : 35px;
    font-size : large;
}

.notice-success {
    border-color : #80d651;
}

.notice-success > strong {
    color : #80d651;
}

.notice-info {
    border-color : #45abcd;
}

.notice-info > strong {
    color : #45abcd;
}

.notice-warning {
    border-color : #feaf20;
}

.notice-warning > strong {
    color : #feaf20;
}

.notice-danger {
    border-color : #d73814;
}

.notice-danger > strong {
    color : #d73814;
}

/* .notifications-menu > .dropdown-menu, .messages-menu > .dropdown-menu, .tasks-menu > .dropdown-menu {
	left: -116px !important;
	position: absolute !important;
	margin-top: 8px !important;
	/* width: auto !important; */
/* max-width: 280px !important;
} */
/* ul.dropdown-menu::before {
    content: "\f0d8";
    font-family: FontAwesome;
    display: block;
    position: relative;
	text-align: center;
    top: -25px;
    margin-bottom: 1;
    color: rgba(255,69,0,0.6);
    font-weight: 900;
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
} */

#img_thumbnail:hover img {
    /*transition: all .3s;*/
    width     : 100%;
    position  : absolute;
    top       : 30%;
    right     : 50%;
    transform : translate(0%, -50%) scale(2);
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
    top : 35%;
}

.dropzone .dz-preview .dz-error-message {
    top       : 30%;
    left      : 50%;
    transform : translate(-50%, 60%);
}

.dz-image img {
    height   : 100%;
    position : absolute;
    left     : -3%;
    /*width: 100%;*/
}

.dz-preview {
    text-align : center;
}

.inputerror {
    border : 2px solid red;
}

.inputrowerror {
    /* border: 2.5px solid red; */
    border-left  : 3px solid red;
    border-right : 3px 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;
}

canvas {
    -moz-user-select    : none;
    -webkit-user-select : none;
    -ms-user-select     : none;
}

.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%;
}

.chzn-disabled {
    opacity : 0.8 !important;
    cursor  : not-allowed !important;
}

.chzn-container-multi .chzn-choices {
    padding : 5px !important;
    cursor  : text !important;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
    height : 10px !important;
}

.chzn-container-multi .chzn-choices .search-field input {
    width : 100% !important;
}

.chzn-container-multi .chzn-choices .search-choice {
    margin        : 0px !important;
    margin-right  : 5px !important;
    margin-bottom : 5px !important;
}

.chzn-container-active,
.form-control:focus {
    /*border: 1.5px solid blue;*/
    /* border: 1.5px solid rgba(50,100,190,1); */
}

.chzn-container {
    display : block !important;
    width   : 100% !important;
}

.chzn-container-single .chzn-single {
    background-color : #ffffff !important;
    border-radius    : 0;
    width            : 100% !important;
}

.chzn-container-single .chzn-single div {
    top : 6px !important;
}

.chzn-container.chzn-container-multi {
    background-color : #ffffff !important;
    border-radius    : 0;
}

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;
}

.custom_ul {
    list-style-type : none;
}

.dis-inline {
    display : inline !important;
}

.custom_ul li {
    padding       : 10px 5px;
    border-bottom : 1px dotted;
}

.custom_ul label {
    display : inline;
    /*list-style-type: none;*/
}

.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;
}

.rptprivillages .rpt li {
    min-width : 230px;
}

.color-circle {
    background    : black;
    border-radius : 50%;
    height        : 14px;
    width         : 14px;
    display       : inline-block;
    margin-left   : 10px;
    margin-right  : 2px;
}

.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.rpt li {
    min-width : 230px !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;
}

.btnSaveas {
    background : #40bf33 !important;
    color      : white;
    /*padding: 9px 15px;*/
    font-size  : 15px;
}

.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;
}

.custome_stats {
    margin-left : 0px !important;
}

.custome_stats > li {
    margin : 5px !important
}

.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;
}

.dashboardfindtr td {
    background : lightgrey !important;
    border     : none;
}

.edited_tr {
    border     : none !important;
    background : rgb(79, 80, 190) !important;
    color      : white;
}

.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);
}

.percWidth7 {
    width : 7% !important;
}

.percWidth15 {
    width : 15% !important;
}

/*
 *  STYLE 4
 */

#tableScrollable::-webkit-scrollbar-track {
    box-shadow         : inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow : inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color   : #f5f5f5;
}

#tableScrollable::-webkit-scrollbar {
    width            : 4px;
    height           : 30em;
    background-color : #f5f5f5;
}

#tableScrollable::-webkit-scrollbar-thumb {
    background-color : #000000;
    border           : 2px solid #555555;
}

.drpz-container {
    display    : block;
    width      : 100%;
    background : white;
    padding    : 1px 2px;
    border     : 2px solid lightgray;
}

#actions {
    margin        : 2em 0;
    margin-bottom : 0px;
}

/* Mimic table appearance */
div.table {
    display : table;
}

div.table .file-row {
    display : table-row;
}

div.table .file-row > div {
    display        : table-cell;
    vertical-align : middle;
    border-top     : 1px solid #dddddd;
    padding        : 2px 8px;
}

div.table .file-row:nth-child(odd) {
    background : #f9f9f9;
}

/* The total progress gets shown by event listeners */
#total-progress {
    opacity    : 0;
    margin-top : 10px;
    transition : opacity 0.3s linear;
}

/* Hide the progress bar when finished */
#previews .file-row.dz-success .progress-cont {
    opacity    : 0;
    transition : opacity 0.3s linear;
}

.dz-success-mark,
.dz-error-mark {
    opacity : 0;
    display : none;
}

/* Hide the delete button initially */
#previews .file-row .delete {
    /* display: none; */
    filter : nonesad;
}

/* Hide the start and cancel buttons and show the delete button */
#previews .file-row.dz-success .start,
#previews .file-row.dz-success .cancel {
    display : none;
}

#previews .file-row.dz-success .delete {
    display : block;
}

.select2-container .select2-choice {
    width : 100% !important;
}

/* Customized Table */
.btn-lg2 {
    padding : 9px 10px !important;
}

.customized-table {
    border-radius : 10px !important;
}

.customized-table thead th {
    background     : #36304a !important;
    height         : 40px !important;
    vertical-align : middle !important;
}

.customized-table tbody tr:nth-child(even) td {
    background : #f5f5f5 !important;
}

.customized-table tbody tr:hover td {
    background : #f5f5f5 !important;
}

/* Dashboard Card */
.box-card {
    background    : rgba(210, 210, 210, 0.1) !important;
    box-shadow    : 0 2px 12px 1px rgba(0, 0, 0, 0.3) !important;
    border-bottom : 1px solid darkturquoise !important;
}

/* Customized Scrollbar for box */
.direct-chat-messages::-webkit-scrollbar {
    width  : 10px;
    height : 5px;
}

.direct-chat-messages::-webkit-scrollbar-track {
    box-shadow    : inset 0 0 5px grey;
    border-radius : 10px;
    /* background: lightgray; */
}

.direct-chat-messages::-webkit-scrollbar-thumb {
    background       : rgb(222, 0, 46);
    transition       : all 0.3s;
    border-radius    : 10px;
    background-color : #de002e;
    background-image : -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, .2) 50%,
    rgba(255, 255, 255, .2) 75%,
    transparent 75%,
    transparent)
}

/* Handle on hover */
.direct-chat-messages::-webkit-scrollbar-thumb:hover {
    background-color : rgb(135, 69, 18);
}

/*This Is For Hover Button Css3 Animation*/

/*.btnbox{
  position:absolute;
  top:50%;
  left:50%;
  transform : translate(-50% ,-50%);
}*/

.btn:link,
.btn:visited {
    text-decoration : none;
    /*text-transform:uppercase;*/
    position        : relative;
    top             : 0;
    left            : 0;
    /*padding:8px 15px !important;*/
    border-radius   : 1px !important;
    /*display:inline-block;*/
    transition      : all .5s;
}

.btn-white {
    background : #ffffff;
    color      : #000000;
}

/* .btn:hover{
   box-shadow:0px 10px 10px rgba(0,0,0,0.2);
   /*font-size: 15px !important;*/
transform :
translateY

(
-
4
px

)
;
}

*

/
.btn:active {
    box-shadow : 0px 5px 10px rgba(0, 0, 0, 0.2) transform : translateY(-1px);
}

.btn-bottom-animation-1 {
    animation : comeFromBottom 1s ease-out .8s;
}

.btn::after {
    content         : "";
    text-decoration : none;
    text-transform  : uppercase;
    position        : absolute;
    width           : 100%;
    height          : 100%;
    top             : 0;
    left            : 0;
    border-radius   : 100px;
    display         : inline-block;
    z-index         : -1;
    transition      : all .5s;
}

/*.btn-white::after {
    background: #fff;
}*/

.btn-animation-1:hover::after {
    transform : scaleX(1.4) scaleY(1.6);
    opacity   : 0;
}

@keyframes comeFromBottom {
    0% {
        opacity   : 0;
        transform : translateY(40px);
    }

    100% {
        opacity   : 1;
        transform : translateY(0);
    }
}

.hides {
    display : none !important;
}

/* .salarysheet > tfoot > tr {
	color: red !important;
	background-color: #fff !important;
} */

.btnPrintpnp {
    background-color : #0769bf !important;
    color            : white;
    padding          : 7px 16px !important;
}

.btnPrintpnp:hover {
    background : #45abcd !important;
    padding    : 7px 16px !important;
    color      : white;
}

#contract_detail tbody tr td {
    white-space   : nowrap !important;
    overflow      : hidden !important;
    text-overflow : ellipsis !important;
}

#contract_detail thead tr th {
    white-space   : nowrap !important;
    overflow      : hidden !important;
    text-overflow : ellipsis !important;
}

#datatable_example tbody tr td {
    white-space   : nowrap !important;
    overflow      : hidden !important;
    text-overflow : ellipsis !important;
}

#datatable_example thead tr th {
    white-space   : nowrap !important;
    overflow      : hidden !important;
    text-overflow : ellipsis !important;
}

#purchase_tableReport tbody tr td {
    white-space   : nowrap !important;
    overflow      : hidden !important;
    text-overflow : ellipsis !important;
}

#purchase_tableReport thead tr th {
    white-space   : nowrap !important;
    overflow      : hidden !important;
    text-overflow : ellipsis !important;
}

.vrtable table thead tr th {
    background-color : #ecf0f5 !important;
    color            : #000000 !important;
    border           : none !important;
    font             : "Source Sans Pro", sans-serif;

}

.vrtable table tr th {
    background-color : #ecf0f5 !important;
    color            : #000000 !important;
    border           : none !important;
    font             : "Source Sans Pro", sans-serif;
}

.vrtable table tr td {
    background-color : #ecf0f5 !important;
    color            : #000000 !important;
    border           : none !important;
    font             : "Source Sans Pro", sans-serif;
}

.vrtable {
    /* box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22) !important; */
}

.urdufont {
    font-size   : 25px !important;
    font-family : 'Jameel Noori Nastaleeq', 'Alvi Nastaleeq', 'Pak Nastaleeq', 'Nafees Web Naskh', 'Urdu Naskh Asiatype', Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif !important;
}

.pdfobject-container {
    width   : 100% !important;
    padding : 20px !important;
    height  : 100vh !important;
}

input[type="text"]:disabled {
    background : #ffffff !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background : #ffffff !important;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    color       : red !important;
    font-weight : 700 !important;
}

select[disabled] {
    background : #ffffff !important;
}

.btnprevious {
    color            : #ffffff;
    background-color : #21a9e1;
    border-color     : #21a9e1;
    width            : 100% !important;
}

.btnnext {
    color            : #ffffff;
    background-color : #21a9e1;
    border-color     : #21a9e1;
    width            : 100% !important;
}

input[dir="rtl"] {
    height      : 34px !important;
    resize      : none !important;
    text-align  : right !important;
    font-size   : 27px !important;
    font-family : 'Jameel Noori Nastaleeq', 'Alvi Nastaleeq', 'Pak Nastaleeq', 'Nafees Web Naskh', 'Urdu Naskh Asiatype', Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif !important;
    direction   : rtl !important;
    font-weight : bold !important;
}

@font-face {
    font-family : 'Jameel Noori Nastaleeq', 'Alvi Nastaleeq', 'Pak Nastaleeq', 'Nafees Web Naskh', 'Urdu Naskh Asiatype', Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif !important;
    /*src: url("jameel_noori.ttf"); */
    font-weight : bold !important;
}

.urdufont {
    font-family : 'Jameel Noori Nastaleeq', 'Alvi Nastaleeq', 'Pak Nastaleeq', 'Nafees Web Naskh', 'Urdu Naskh Asiatype', Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif !important;
    /*src: url("jameel_noori.ttf"); */
    font-weight : bold !important;
}

.chosen-container {
    width : 100% !important;
}

.chosen .chosen-container {
    width : 100% !important;
}

.select2-container .select2-selection {
    height   : 60px;
    overflow : scroll;
}

.tablenowrap tbody tr td {
    white-space   : nowrap !important;
    overflow      : hidden !important;
    text-overflow : ellipsis !important;
}

.tablenowrap thead tr th {
    white-space   : nowrap !important;
    overflow      : hidden !important;
    text-overflow : ellipsis !important;
}

.modal-body {
    overflow-x : auto !important;
}

.scrollbar {
    margin-left   : 22px;
    float         : left;
    height        : 375;
    width         : 60;
    background    : #b0b0b0;
    overflow-y    : scroll;
    margin-bottom : 10px;
}

::-webkit-scrollbar {
    height : 8px;
    width  : 6px;
    border : 1px solid #d5d5d5;
}

::-webkit-scrollbar-thumb {
    border-radius      : 4px;
    -webkit-box-shadow : inset 0 0 6px rgba(0, 0, 0, .3);
    background-color   : #b0b0b0;
    background-image   : -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
}

::-webkit-scrollbar-track {
    -webkit-box-shadow : inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius      : 4px;
    background-color   : #eeeeee;

}

.disabled {
    background-color : #ffffff !important;
    color            : #000000 !important;
}

.totalinput {
    background-color : #ffffff !important;
    font-weight      : bold !important;
    color            : #dd1133 !important;
}

.drpz-container {
    display    : block;
    width      : 100%;
    background : white;
    padding    : 1px 2px;
    border     : 2px solid lightgray;
}

#actions {
    margin        : 2em 0;
    margin-bottom : 0px;
}

/* Mimic table appearance */
div.table {
    display : table;
}

div.table .file-row {
    display : table-row;
}

div.table .file-row > div {
    display        : table-cell;
    vertical-align : middle;
    border-top     : 1px solid #dddddd;
    padding        : 2px 8px;
}

div.table .file-row:nth-child(odd) {
    background : #f9f9f9;
}

/* The total progress gets shown by event listeners */
#total-progress {
    opacity    : 0;
    margin-top : 10px;
    transition : opacity 0.3s linear;
}

/* Hide the progress bar when finished */
#previews .file-row.dz-success .progress-cont {
    opacity    : 0;
    transition : opacity 0.3s linear;
}

.dz-success-mark,
.dz-error-mark {
    opacity : 0;
    display : none;
}

/* Hide the delete button initially */
#previews .file-row .delete {
    /* display: none; */
    filter : nonesad;
}

/* Hide the start and cancel buttons and show the delete button */
#previews .file-row.dz-success .start,
#previews .file-row.dz-success .cancel {
    display : none;
}

#previews .file-row.dz-success .delete {
    display : block;
}

div:focus {outline : blue solid 2px;}

.l1row {
    color       : red;
    font-weight : bold;
}

.l1row-right {
    color       : red;

    font-weight : bold;
    text-align  : right;
}

.l2row {
    color       : green;

    font-weight : bold;
}

.l2row-right {
    color       : green;

    font-weight : bold;
    text-align  : right;
}

.l3row {
    color       : blue;

    font-weight : bold;
}

.l3row-right {
    color       : blue;

    font-weight : bold;
    text-align  : right;
}

.fieldset {
    border           : 1px solid #dddddd;
    padding          : 20px;
    margin-top       : 20px;
    border-radius    : 8px;
    background-color : oklch(0.967 0.003 264.542);
    box-shadow       : 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-bottom    : 10px;
}

.legend {
    padding     : 10px 10px;
    width       : auto;
    color       : #0a0a0a;
    font-size   : 1.2em;
    font-weight : bold;
}