/*New Added Strat*/
label[for]
{
   cursor:pointer;
}
.width-lg-md-lft, .width-lg-md-rt {
    width: auto !important;
}
@media (min-width: 1200px) {
    .width-lg-md-lft {
        width: 12.5% !important;
    }
    .width-lg-md-rt {
        width: 87.5% !important;
    }
}

@media (min-width: 992px) {
    .width-lg-md-lft {
        width: 12.5% !important;
    }
    .width-lg-md-rt {
        width: 87.5% !important;
    }
}

@media (min-width: 768px) {
  
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}



i {
    font-size: 1.2em !important;
    margin-left: -2px !important;
    padding-right: 5px !important;
}

input[type=date] {
    height: 30px;
    font-family: arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 3px;
    color: black;
}

input[type=text] {
    padding: 5px;
    border-radius: 6px;
    border: .5px solid #ddd;
}

    input[type=text]:focus {
        -webkit-border-radius: 6px;
    }

.x-Header {
    position: absolute;
    top: 0;
    left: 2px;
    right: 2px;
    height: 50px !important;
}

.x-Body {
    position: absolute;
    top: 50px;
    left: 2px;
    right: 2px;
    bottom: 30px;
}

.x-Footer {
    position: absolute;
    bottom: 0;
    left: 2px;
    right: 2px;
    height: 30px;
}


.xTable {
    margin-top: -2px;
    margin-left:3px;
    width: 98% !important;
}

    .xTable td label {
        margin-top: 4px;
    }

    .xTable td > .k-textbox, .xTable td > .k-dropdown, .xTable td > .k-numerictextbox, .xTable td > textarea {
      
        width: 100% !important;
        font-weight: normal;
       
    }

.singleCol td > .k-textbox, .singleCol td > .k-dropdown, .singleCol td > .k-numerictextbox, .singleCol td > textarea {
  
    font-weight: normal;
}

.xTable td {
    padding: 3px;
    white-space: nowrap;
    vertical-align: middle;
    border-bottom: 1px dotted green;
}

    .xTable td:first-child {
        font-weight: bold;
        width: 1px !important;
    }

    .xTable td:nth-child(2n) {
        font-weight: bold;
        white-space: nowrap;
        width: 2px;
    }

    .xTable td:nth-child(2n+2) {
        font-weight: bold;
        white-space: nowrap;
        width: 2px;
    }

    .xTable td:nth-child(2n+3) {
        font-weight: bold;
        width: auto;
    }

    .xTable td:last-child {
        font-weight: bold;
        width: 100% !important;
    }


.x-panelbar {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px;
    font-weight: bold;
    font-size: 1.4em !important;
    max-height: 60px;
}

.k-edit-form-container {
    padding-top: 5px !important;
    width: 100% !important;
}

.k-popup-edit-form {
    padding-top: 5px !important;
}

.x-form-group {
    margin-top: 5px !important;
    display: block;
}

.tag {
    padding: 3px;
    background-color: #f1841c;
    border-radius: 3px;
    color: white;
}


.Bangla {
    font-family: "SutonnyMJ";
    font-size: 1.2em;
}

.English {
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-size: .85em;
}


/*New Added End*/ /**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */



html, body {
    margin: 0;
    padding: 0;
    height: 99.9%; /* needed for container min-height */
    width: 100%; /* needed for container min-height */
    background-color: #fff; /*background-color: #808080;*/
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    overflow: hidden;
}



div#uHeader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 .8em 0 .8em;
    height: 6em;
    border-bottom: 6px double gray;
    vertical-align: text-bottom;
}

div#uContainer {
    position: relative; /* needed for footer positioning*/
    margin: 0 0 0 0; /* center, not in IE5 */
    width: 100%;
    background: #f0f0f0;
    overflow: hidden;
    min-height: calc(94%); /* real browsers */
}

.pageHeader {
    font-weight: bold;
    font-size: 1.7em;
    padding: 4px;
    height: 1.5em;
    border-top-left-radius: 5px;
    border-top-right-radius: 3px;
    display: block;
}


div#uContent {
    padding: .4em .4em 0px .4em;
    position: absolute;
    left: 0;
    right: 0;
    overflow-y: auto;
    top: -moz-calc(6em + 3px ); /* Firefox 4+ */
    top: -webkit-calc(6em + 3px); /* IE9+ and future browsers */
    bottom: -moz-calc(3em + 7px); /* Firefox 4+ */
    bottom: -webkit-calc(3em + 7px); /* IE9+ and future browsers */
    bottom: calc(3em + 7px);
}

div#uFooter {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0; /* stick to bottom */
    background: #ddd;
    border-top: 6px double gray;
    height: 3em;
}

table {
    font-size: 1em;
}


.logBack {
    background: url('../Images/imgBack.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.x-lIn {
    background: url('../Images/login.png') !important;
}

.x-home {
    background: url('../Images/home.png') !important;
}

.x-lOut {
    background: url('../Images/logout.png') !important;
}

.k-add {
    background: url('../Images/add.png') !important;
}
.k-update 
{
 background: url('../Images/save.png') !important;
  
}
.k-cancel {
    background: url('../Images/cancel.png') !important;
}
.x-ok {
    background: url('../Images/ok.png') !important;
}

.k-edit {
    background: url('../Images/edit.png') !important;
}

.x-search {
    background: url('../Images/search.png') !important;
}

.x-save {
    background: url('../Images/save.png') !important;
}

.x-print {
    background: url('../Images/print.png') !important;
}

.x-cancel {
    background: url('../Images/cancel.png') !important;
}

.x-message {
    background: url('../Images/message.png') !important;
}

.x-next {
    background: url('../Images/next.png') !important;
    background-position: right center;
    background-repeat: no-repeat !important;
    background-size: 19px 19px !important;
    height: 19px !important;
    width: 19px !important;
    padding-right: 2px !important;
}

.x-prev {
    background: url('../Images/prev.png') !important;
}

.x-icon {
    background-position: left center;
    background-repeat: no-repeat !important;
    margin-left: -5px !important;
    margin-top: -4px !important;
    background-size: 19px 19px !important;
    height: 19px !important;
    width: 19px !important;
    padding-right: 5px !important;
}

.k-button-icontext .k-icon {
    background-position: left center;
    background-repeat: no-repeat !important;
    margin-left: -8px !important;
    margin-top: -1px !important;
    background-size: 17px 17px !important;
    height: 17px !important;
    width: 17px !important;
    padding-right: 3px !important;
}

.x-icon-menu {
    background-position: left center;
    background-repeat: no-repeat !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
    background-size: 30px 30px !important;
    height: 30px !important;
    width: 30px !important;
    padding-right: 5px !important;
}