.k-current-page {
    display: none !important;
}
@font-face {
    font-family: urdu;
    src: url("../fonts/Jameel-Noori-Nastaleeq.woff"); 
} 
.k-list-scroller {
    overflow-y: scroll;
}
.k-link {
font-size: 20px;
}
h3, .h3 {
    font-size: 30px;
}
.margintop {
    margin-top: -10px;
}

.marginbottom {
    margin-bottom: -10px;
}

.red {
    background-color: #FF6347;
} 
.k-list-scroller {
    overflow-y: scroll;
}
#pagecount {
        width: 70px;
        border-radius: 0;
        font-size: 20px;
        margin: 10px;
    } 
textarea.Level {
    resize: none;
    height: 1em;
    border: 1px solid Black
}
.Marks {
   width: 70px;
}
span.darja ,#intUserTypeID_input{
    width: 100%
}
table.Reports td, table.Reports tr {
    border: 1px solid #DDDDDD;
}

table.Reports th {
    border: 1px solid #DDDDDD;
    text-align: right;background-color: #e8eef4;padding: 6px 5px 
}
table.Reports td a{
    cursor:pointer;color:black
}
table.Reports {
    line-height: 1.1;
}
.display {
    border: 1px solid #dddddd;
    padding: 5px;
}
.tick {
    background: rgba(0, 0, 0, 0) url("../Content/images/tick1.jpg") no-repeat scroll 0 0;
    display: inline-block;
    height: 25px;
    width: 25px;
}
.k-pager-wrap .k-dropdown {
        width: 150px; /* specify the width */
    }
.popupBoxOpen,.popupBoxClose {cursor:pointer
}
.btns {
        padding: 6px 12px;
    }
/* popup_box DIV-Styles*/
#popup_box,#popup_box1 {
    display: none; /* Hide the DIV */
    position: fixed;
    _position: absolute; /* hack for internet explorer 6 */
    height: 450px;
    width: 750px;
    background: #FFFFFF;
    left: 250px;
    top: 70px;
    z-index: 1000; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
    margin-left: 15px;
    /* additional features, can be omitted */
    border: 2px solid black;
    padding: 15px;
    font-size: 15px;
    -moz-box-shadow: 0 0 5px black;
    -webkit-box-shadow: 0 0 5px black;
    box-shadow: 0 0 5px black;
}

#container22 {
    background: #d2d2d2; /*Sample*/
    width: 100%;
    height: 100%;
}

a {
    cursor: pointer;
    text-decoration: none;
}

/* This is for the positioning of the Close Link */
#popupBoxClose,#popupBoxClose1 {
    font-size: 20px;
    line-height: 15px;
    left: 5px;
    top: 5px;
    position: absolute;
    color: red;
    font-weight: 500;
} 
table.paginated td,table.paginated tr,table.paginated th {
 border: 1px solid #DDDDDD;
           text-align:center
        }
table.paginated1 td,table.paginated1 tr,table.paginated1 th {
 border: 1px solid #DDDDDD;
           text-align:center
        }
.detail {
    background: url('../Content/images/application_view_detail.png') no-repeat;
    width: 19px;
    height: 15px;
    display: inline-block;
}
.edit {
    background: url('../Content/images/Edit.png') no-repeat; 
    color: white;
    display: inline-block
}
div.pager {
    text-align: center;
    margin: 1em 0;
}

    div.pager span {
        display: inline-block;
        width: 1.8em;
        height: 1.8em;
        line-height: 1.8;
        text-align: center;
        cursor: pointer;
        background: #000;
        color: #fff;
        margin-right: 0.5em;
    }

        div.pager span.active {
            background: gray;
        }
        table#table1 td {
    border: 1px solid #DDDDDD;vertical-align:top
}
       table#table2 td input[type="text"] {
        border-radius: 0;text-align: center;
    }

    table#table1 td input[type="text"]  {
        border-radius: 0;text-align: center;
    }

table#table1 tr.tr_clone1 {
    border: 1px solid #DDDDDD;
}

    table#table1 tr.tr_clone1 td {
        border: 1px solid #DDDDDD;
    }

table#table1 tr.rowww {
    background-color: #F0F0F0;
}
table#table2 tr.rowww1 {
    background-color: #DDDDDD;
}
table#table1 td input.reren, table#table1 td input.Crdt, table#table1 td input.dedt, table#table1 td input.Amount, table#table1 td input.Amount1, table#table1 td input.MultiplyBy, table#table1 td input.hiddentotal, table#table1 td input.dblDebitAmount {
    width: 70px;
}
table#table1 td input.Amounttotal,table#table1 td input.Amounttotal1, table#table1 td input.designation, table#table1 td input.money, table#table1 td input.ilhaq {
    width: 100px;
} 
table#table2 td input.dedt,table#table2 td input.Crdt {
    width: 100px;
}
table#table2 td input.reren, table#table2 td input.Amount, table#table2 td input.Amount1, table#table2 td input.MultiplyBy, table#table2 td input.hiddentotal, table#table2 td input.dblDebitAmount {
    width: 70px;
}
table#table1 td input.desig {
     width: 170px;
}
table#table1 tr.datarow td input.Date {
    width: 170px;
}

table#table1 textarea.rmrks,table#table2 textarea.rmrks {
    resize: none;
    width: 95%;
    height: 30px;
}
table#table1 textarea.expenseDesc {
    resize: none;
    height: 23px;
    border: 1px solid Black;font-family:urdu
}
table#table1 textarea.Desclass {
    resize: none;
    height: 22px;
    border: 1px solid Black;font-family:urdu
}
table#table1 textarea.LevelDesc1 {
    resize: none;
    height: 25px;
    border: 1px solid Black;font-family:urdu
}
textarea.Desclass {
    resize: none;
    height: 1em;
    border: 1px solid Black;font-family:urdu
}
textarea.expenseDesc {
    resize: none;
    height: 1em;
    border: 1px solid Black;font-family:urdu
}
 
textarea.LevelDesc1 {
    resize: none;
    height: 1em;
    border: 1px solid Black;font-family:urdu
} 
        .margins {
        border-radius: 5px;
        margin: 10px 0;
    }
        .create {
    background: url('../Content/images/Add.png') no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;cursor: pointer;
}
        /* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    /*font-family: urdu;*/
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
    /*font-family: urdu;*/
}

.validation-summary-valid {
    display: none;
    /*font-family: urdu;*/
}
/*Make Check box big*/
/*input.check {
    display: none;
}

label input[type=checkbox] ~ span {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border: 1px solid #888;
    padding: 1px;
    height: 20px;
    width: 20px;
}

label input[type=checkbox]:checked ~ span {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M14 18L26 6l4 4-16 16L4 16l4-4z"/></svg>');
    background-size: 100%;
}*/

table#Resulttable td, table#Resulttable th {
    border: 1px solid black;
    text-align: center;
}
.blue {
        background-color: lightblue;
    }
.delete2 {
    background: url('../Content/images/dialog-close.png') no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    cursor: pointer;
}


/*Multiselect*/
 span.multiselect-native-select {
        position: relative;
    }

        span.multiselect-native-select select {
            border: 0!important;
            clip: rect(0 0 0 0)!important;
            height: 1px!important;
            margin: -1px -1px -1px -3px!important;
            overflow: hidden!important;
            padding: 0!important;
            position: absolute!important;
            width: 1px!important;
            left: 50%;
            top: 30px;
        }

    .multiselect-container {
        position: absolute;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .multiselect-container .input-group {
            margin: 5px;
        }

        .multiselect-container .multiselect-reset .input-group {
            width: 93%;
        }

        .multiselect-container > li {
            padding: 0;
        }

            .multiselect-container > li > a.multiselect-all label {
                font-weight: 700;
            }

            .multiselect-container > li.multiselect-group label {
                margin: 0;
                padding: 3px 20px;
                height: 100%;
                font-weight: 700;
            }

            .multiselect-container > li.multiselect-group-clickable label {
                cursor: pointer;
            }

            .multiselect-container > li > a {
                padding: 0 10px;
            }

                .multiselect-container > li > a > label {
                    margin: 0;
                    height: 100%;
                    cursor: pointer;
                    font-weight: 400;
                    padding:3px 40px 3px 20px
                }

                    .multiselect-container > li > a > label.checkbox, .multiselect-container > li > a > label.radio {
                        margin: 0;
                    }

                    .multiselect-container > li > a > label > input[type=checkbox] {
                        margin-bottom: 5px;
                    }

    .btn-group > .btn-group:nth-child(2) > .multiselect.btn {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
        padding: 3px 20px 3px 40px;
    }

    .form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
        margin-left: -20px;
        margin-right: 0;
    }
 
.save {
    background: url('../Content/images/save.jpg') no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    cursor: pointer;
}
.fixedElement {
    background-color:#d6c3c3;
    position:fixed;
    top:0;
    width:100%;
    z-index:100;padding:10px 20px 0px 20px;margin-right:-40px
}

/* optional */
li {
  line-height: 2; }

/*:invalid {
  outline: 1px solid red; }*/

.shell {
  position: relative;
  line-height: 1; }
  .shell span {
    position: absolute;
    left: 3px;
    top: 1px;
    color: #ccc;
    pointer-events: none;
    z-index: -1; }
    .shell span i {
      font-style: normal;
      /* any of these 3 will work */
      color: transparent;
      opacity: 0;
      visibility: hidden; }

input.masked,
.shell span {
  font-size: 16px; 
  padding-right: 10px;  height:24px}

.shell span {color: pink;}
/*# sourceMappingURL=masking-input.css.map */

.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none; 
} 
.expo { margin-right: 10px
} 
.Htitle {padding-left:20px;font-size:20px
}

 .expoico:before{
    content: "\f1c3"; font-family:FontAwesome
} 
.class_name:before {
    font-family: FontAwesome;
    content: "\f095";
}
.expodd {
    font-family: FontAwesome; 
}
.form-group label {padding-top: 10px;
}
button.multiselect, ul.multiselect-container button {
        padding: 6px !important;
    }

.swal-footer {
    text-align: left;
}
 
 .swal2-html-container { 
    font-size: 2em; 
}
    .swal2-popup { 
        width: 72em;
    }
    .swal2-styled.swal2-confirm {
    font-size: 1.5em;
}
    .swal-modal {
        width: 600px; 
    }
    .swal-content { 
    font-size: x-large;
}
    .swal-text {
        font-size: x-large;
    }
.swal-button--confirm,.swal-button--defeat {
    background-color: #275b89;
}
 .swal-button--confirm:not([disabled]):hover,.swal-button--defeat:not([disabled]):hover {
    background-color: blue;
}
     /*.swal-button {
        background-color: #275b89;
    }
 .swal-button:not([disabled]):hover {
    background-color: blue;
}
    .swal-button--cancel {
    color: white; 
}*/
         .k-grouping-row {color:blue
    }
    .k-grid .k-grouping-row td{
        text-align:end
    }
    .k-group-col,.k-group-cell
{
    width: 0px !important;margin:0 !important;padding:0 !important
}
     .k-multiselect .k-combobox, .k-multiselect-wrap .k-loading, .hidden {
        display: none;
    }

    .k-multiselect-wrap .k-input, .k-input {
        width: 100%;
        border: none;
    }
      .jamia{
        font-size:20px
    }