/* Common For All Pages */
/* Added New Css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /*line-height: 1.3;*/
    /*vertical-align: baseline;*/
    font-family: "GothamBook", Verdana, "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.savebutton {
    margin-right: 5px !important;
}

/*Chrome Showing Yellow color in background of text*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

#loginpage input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #014876 inset;
    -webkit-text-fill-color: white !important;
}


.select2-container .select2-choice {
    line-height: 22px !important;
}

/*Application Color*/
.AppBackColor {
    background-color: #014876 !important;
    /*background-color: #02B056 !important;*/
    color: white !important;
}

.HoverBack:hover, .select2-results .select2-highlighted, .dropdown .dropdown-menu LI > A:hover, .dropdown .dropdown-menu LABEL:hover, .dslist td .selected {
    border-color: #053350;
    background-color: #014876;
    color: #ffffff;
}

/*.HoverBack:hover, /*Menu
.select2-results .select2-highlighted, /*Select2.js
.dropdown .dropdown-menu LI > A:hover, /*Drodown.js
.dropdown .dropdown-menu LABEL:hover, /*Drodown.js 
.dslist td .selected /*Page in CommonGrid  {
    background-color: #014876 !important;
    /*background-color: #02D056 !important;
    color: white !important;
}*/


html, html * {
    box-sizing: border-box;
}

html, label, span, li, a, td, input {
    /*color: #02B056;*/
    font-size: 12px;
}

.select2-results li {
    font-size: 11px !important;
}


/*for jquery ui - tabs*/
.ui-tabs .ui-tabs-nav li a {
    font-size: 12px !important;
}

.searchboxTop {
    background: url("../images/normal/search.png") no-repeat;
    background-position: right 5px;
    /*background-position: 196px center;*/
    background-size: 15px;
    padding-right: 30px;
    margin-right: 30px;
}

input.searchboxTop {
    width: 215px;
    height: 23px;
    border-radius: 5px;
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 12px;
    color: white;
    /*background-color: #707B85;*/
    background-color: white;
    border: none;
}

.setupheading {
    font-size: 30px;
    font-weight: 100;
    color: silver;
    font-family: Tahoma,Verdana;
    text-align: right;
}

.RequiredLabel {
    color: Red !important;
    font-size: 11px;
}

.headingTitle {
    font-size: 14px;
    width: 545px;
}

    .headingTitle span {
        /*font-size: 14px;*/
        font-size: 13px;
        padding-right: 1px;
        padding-left: 1px;
    }


.headingTitleBold {
    font-size: 14px;
    font-weight: bold;
}

.UnderLine {
    text-decoration: underline;
}

.strikethrough {
    text-decoration: line-through;
}

.colright {
    text-align: right;
}

.colleft {
    text-align: left;
}

#loader1, .loader1 {
    margin-left: -5px;
    margin-top: -5px;
    top: 50%;
    left: 45%;
    position: absolute;
    border-radius: 20px;
    padding: 25px;
    border: 1px solid #777777;
    background: #ffffff;
    box-shadow: 0px 0px 10px #777777;
}

.WaitLoader {
    position: absolute;
    margin-left: -5px;
    margin-top: -5px;
    top: 45%;
    left: 45%;
    position: absolute;
    border-radius: 20px;
    padding: 25px;
    border: 1px solid #777777;
    background: #ffffff;
    box-shadow: 0px 0px 10px #777777;
}

.BackgroundLayer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.SubContent {
    position: relative;
    width: 100%;
    padding: 10px 5px 5px 10px;
    margin: 2px 0px 10px 0px;
    border-style: solid;
    border-color: #e5e5e5;
    border-width: 1px;
    height: 100%;
    box-shadow: 0 1px 1px #e5e5e5 inset;
    -moz-box-shadow: 0 1px 1px #dddddd inset;
    -webkit-box-shadow: 0 1px 1px #dddddd inset;
}

.ContentBoxNonRequired {
    position: relative;
    width: 100%;
    padding: 10px 5px 5px 10px;
    margin: 2px 0px 10px 0px;
    border-style: solid;
    border-color: #e5e5e5;
    border-width: 1px;
    /*height: 470px;*/
    box-shadow: 0 1px 1px #e5e5e5 inset;
    /*-moz-box-shadow: 0 1px 1px #dddddd inset;*/ /*ANT*/
    /*-webkit-box-shadow: 0 1px 1px #dddddd inset;*/ /*ANT*/
    overflow: auto;
    margin-top: 5px;
    overflow: auto;
}

ContentBoxNonRequired {
    /*height: 470px !important;*/
    height: 470px;
}


.ContentBox, .ContentBoxNoRequire {
    position: relative;
    width: 100%;
    /*padding: 20px 5px 5px 10px;*/
    padding: 10px 5px 5px 10px;
    /*margin: 2px 0px 10px 0px;*/
    margin: 10px 0px 10px 0px;
    /*border-style: solid;*/
    /*border-color: #e5e5e5;*/
    /*border-width: 1px;*/
    border-top: #e5e5e5 solid 2px;
    height: 100%;
    /*box-shadow: 0 1px 1px #e5e5e5 inset;
    -moz-box-shadow: 0 1px 1px #dddddd inset;
    -webkit-box-shadow: 0 1px 1px #dddddd inset;*/
}

    .ContentBox, .ContentBox *, .ContentBoxNoRequire, ContentBoxNoRequire * {
        -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box !important; /* Firefox, other Gecko */
        box-sizing: border-box !important;
    }

        .ContentBox.formtwo.reprocess input[type="checkbox"] {
            position: relative;
            top: 2px;
        }

/*First Column Right Second Left Aligned*/
.RightLeftTable2Cols {
    table-layout: fixed !important;
}

    .RightLeftTable2Cols > tbody > tr > td:first-child {
        text-align: right;
    }

        .RightLeftTable2Cols > tbody > tr > td:first-child + td {
            text-align: left;
        }
/*Just That*/


.tablecols, #tablecols, .table2cols, #table2cols {
    /*table-layout: fixed !important;ANT*/
    margin: 0px;
    width: 100%;
    /*min-width: 1024px;*/
    min-width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}
/*----------------------------------------*/


.ContentBox .tablecols > tbody > tr > td:first-child {
    text-align: right;
    width: 15%;
    min-width: 200px;
}

.tablecols > tbody > tr > td:first-child + td {
    text-align: left;
    width: 35%;
    min-width: 300px;
}

    .tablecols > tbody > tr > td:first-child + td + td {
        text-align: right;
        width: 15%;
        min-width: 200px;
    }

        .tablecols > tbody > tr > td:first-child + td + td + td {
            text-align: left;
            width: 35%;
            min-width: 300px;
        }

.ContentBox .table2cols > tbody > tr > td:first-child {
    text-align: right;
    width: 15%;
    /*width: 25%;*/
    min-width: 200px !important;
}

.ContentBox:after, .ContentBoxNonRequired:after {
    content: "";
    display: block;
    /*height: 20px;*/
    width: 100%;
}

.table2cols > tbody > tr > td:first-child + td {
    text-align: left;
    width: 85%;
    min-width: 300px;
}

/*.table2cols td {
    height:30px;
}*/
.ContentBox [type=text], .ContentBox textarea, .ContentBox [type=password], .ContentBox select {
    font-family: Verdana, Helvetica, sans-serif !important;
}


.ContentBox [type=text], .ContentBox textarea, .ContentBox [type=password],
[type=text], .ContentBox textarea, .ContentBox [type=password] {
    background-color: white;
    color: rgb(66, 66, 66);
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    font-size: 13px;
    /*padding: 1px;*/
    /*height: 23px; /* this is added to match combo height*/
    height: 26px; /* this is added to match combo height*/
    margin: 0px;
    border-radius: 4px;
    vertical-align: middle;
    /*padding: 5px;*/
    padding: 1px;
}

    .ContentBox [type=text]:focus {
        background-color: white;
    }

    .ContentBox [type=text]:disabled {
        background-color: whitesmoke;
    }


.ContentBox [type=Password] {
    background-color: white;
    color: rgb(66, 66, 66);
    /*border-color: gray;*/
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    font-size: 13px;
    padding: 1px;
    height: 23px;
}

    .ContentBox [type=Password]:focus {
        background-color: white;
    }

.ContentBox select:focus {
    background-color: white;
}


.ContentBox {
    /*height: 470px !important;*/
    /*height: 470px;
    overflow: auto;
    margin-top: 5px;ANT*/
}

    /*.ContentBox .select2-container, .ContentBox  .select2-choice
{
    height:25px !important;
}*/

    .ContentBox select {
        border-radius: 4px;
        background-color: White;
        border-color: #ccc;
        border-style: solid;
        border-width: 1px;
        color: rgb(66, 66, 66);
        font-size: 12px;
        padding: 1px;
        margin: 0px;
    }

.listli li {
    background-color: white;
    list-style-type: none;
    min-height: 18px;
    height: auto;
    border: 1px solid #e5e5e5;
    padding: 3px;
    border-radius: 4px;
    font-family: Verdana;
    font-weight: 500;
    margin: 2px;
    cursor: pointer;
    font-size: 11px;
}

    .listli li:hover {
        border: 1px solid #999;
        font-weight: bold;
    }

.companybanner {
    text-align: center;
    font-size: 0.8em;
    color: black;
    background-color: #e5e5e5;
}

.loginnew {
    position: relative;
    margin: 0 auto;
    /*border-radius: 5px 5px 5px 5px;*/
    -webkit-box-shadow: #666 10px 2px 25px;
    -moz-box-shadow: #666 10px 2px 25px;
    /*box-shadow: #666 10px 2px 25px;*/
    text-align: center;
    border: 1px solid #ccc;
}

    .loginnew h1 {
        background-color: whitesmoke;
        border-bottom: 1px solid #e5e5e5;
        line-height: 30px;
        font-size: 1em;
        font-weight: bold;
        text-align: left;
        padding-left: 15px;
        text-shadow: 0 1px White;
        color: gray;
        margin: 0px !important;
    }

.hiddencol {
    display: none;
}

.ui-accordion-header {
    font-size: 12px !important;
}

/*AArrows*/
/*http://cssarrowplease.com*/
.arrow_down {
    position: relative;
    background-color: white !important;
}

    .arrow_down:after, .arrow_down:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_down:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #ffffff;
        border-width: 12px;
        margin-left: -12px;
    }

    .arrow_down:before {
        border-color: rgba(229, 229, 229, 0);
        border-top-color: silver;
        border-width: 13px;
        margin-left: -13px;
    }

.StatusNew {
    color: red !important;
}

.StatusPending {
    color: orange !important;
}

.StatusGranted {
    color: green !important;
}

.StatusRejected {
    color: red !important;
}

.toast-item p {
    padding: 5px !important;
}

.headingdiv {
    display: inline;
    float: left;
    margin-top: 10px;
}

.cleardiv {
    clear: both;
}

/*.LoginLogo { 
    width:400px;
    height:200px;
}*/
/*==================================*/
/* Base Module*/
/*==================================*/

.wrapword {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /*Chrome & Safari */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

.divAlertDesign {
    width: 635px !important;
    height: auto;
    position: absolute;
    display: none;
    z-index: 9999;
    padding-bottom: 5px;
    left: 335px !important;
}

.divAlertImage {
    position: absolute;
    margin-top: 12px;
}

.divConfirm {
    background-color: #444141;
    border-bottom: 1px solid #e5e5e5;
    line-height: 50px;
    font-size: 15px;
    text-align: center;
    padding-left: 15px;
    margin: -20px -20px -20px;
}

.divConfirm-msg {
    width: 100%;
    text-align: left;
    margin-left: 50px;
    font-size: 18px;
    color: #ffffff;
}

.divAlertDtls {
    text-align: justify;
    font-size: 14px;
    color: #444141;
    margin-left: 75px;
    font-weight: bold;
}

.div-horizontal-bottom {
    border-bottom: 1px solid #e5e5e5;
    margin: 10px;
}

.div-Alert-Child {
    text-align: justify;
    font-size: 14px;
    color: #444141;
    margin-left: 25px;
}

    .div-Alert-Child ul {
        font-weight: bold;
        font-size: 14px;
        color: #444141;
    }

.div-verticle-line {
    border-right: 2px solid #e5e5e5;
    height: 65px;
    margin-left: 165px;
    margin-top: -65px;
    position: absolute;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .DateTypeControlForSafari {
        min-width: 90px !important;
    }
}

.ui-datepicker-prev {
    background-image: url(images/ui-icons_222222_256x240.png);
}

.selected_row {
    /*background-color: #A1DCF2;*/
    border: 1px solid #e5e5e5 !important;
    background: #A1DCF2 !important;
}


.filternotify {
    display: block;
    text-align: left;
    width: 100%;
    height: 100%;
    padding: 3px;
    margin-bottom: 3px;
    border-radius: 5px;
    border: 1px solid #D9DEE4;
}

.tblfooter {
    width: 100%;
    border-top: 1px solid silver;
    background-color: #EDEDED;
    padding-top: 2px;
    height: 35px;
    font-weight: bold;
}


[id^=hdctl00_Content] {
    z-index: 9998 !important;
}

/*fieldset {
    border: 1px solid #ddd !important;
    margin: 0;
    min-width: 0;
    padding: 10px;
    position: relative;
    border-radius: 4px;
    /*background-color: #f5f5f5;
    padding-left: 10px !important;
}

legend {
    font-size: 12px !important;
    /*font-weight: bold;ANT
    margin-bottom: 0px;
    width: 35%;
    /*border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 5px 5px 10px;
    background-color: #ffffff;
}ANT*/
/*fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}*/

fieldset {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    /*background-color: #f5f5f5;*/
    border: 1px solid #e3e3e3 !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

legend {
    display: block;
    font-size: 12px !important;
    width: auto;
    padding: 2px 7px 2px 15px;
    /*margin-bottom: 10px;*/
    margin-bottom: 0px;
    margin-left: 10px;
    line-height: inherit;
    color: #333 !important;
    background: #fff;
    /*border: 1px solid #e3e3e3;*/
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    padding-bottom: 0px !important;
}

fieldset > div {
    /*margin-left: 10px;*/
    margin-left: 5px;
    /*margin-bottom: 10px;*/
}

footer span {
    font-size: 10px;
}
/*shweta - given by priyanka - LeaveAdjustment*/
/*Start -----------*/
.deletebtn {
    margin-top: -13px;
    text-transform: capitalize;
}

.addcolon .searchrow {
    float: left;
    margin-left: 10px;
}

    .addcolon .searchrow label {
        position: relative;
        padding-right: 0;
        text-transform: capitalize;
        float: left;
        top: 5px;
    }

        .addcolon .searchrow label::after {
            position: absolute;
            content: ':';
            top: 0px;
            right: -8px;
        }

    .addcolon .searchrow:first-child {
        margin-left: 0;
    }

.searchdropdown {
    width: 150px;
    float: left;
    margin-left: 15px;
}

.recordsearch {
    width: 150px;
}

.searchblock {
    width: 100%;
    display: block;
    float: left;
}

.searchfieldset {
    display: block;
    width: 71.5%;
    margin: 10px 0 0 0;
    float: left;
}

.searchfieldsetleft {
    width: 39%;
    float: left;
    margin-left: 0;
}

.searchfieldsetright {
    width: 61%;
    float: right;
    margin-left: 0;
}

    .searchfieldsetright .searchlabel {
        width: 16%;
    }

.searchrowinner {
    display: block;
    margin: 10px 0;
}

.searchlabel {
    display: inline-block;
    width: 31%;
    text-align: right;
    text-transform: capitalize;
}

.searchfieldata {
    display: inline-block;
}

.searchfieldset.addcolon label {
    position: relative;
    padding-right: 8px;
}

    .searchfieldset.addcolon label::after {
        position: absolute;
        content: ':';
        top: 0px;
        right: 0;
    }

.searchfieldata span input[type="text"] {
    width: 100px;
}

/*21 April 2020*/




/* ***************** General css with new classes 20/3/2020******************* */

.nopaddding {
    padding: 0;
}

    .nopaddding.col-md-2, .nopaddding.col-md-3, .nopaddding.col-md-4, .nopaddding.col-md-5, .nopaddding.col-md-6, .nopaddding.col-md-7, .nopaddding.col-md-8, .nopaddding.col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

.addcolon > .form-group > label {
    position: relative;
    padding-right: 0;
}

    .addcolon > .form-group > label::after {
        position: absolute;
        content: ':';
        top: 0px;
        right: 4px;
    }

.removecolon label:after {
    content: '';
}
/* width assignment formone */
.formone .col-md-2 {
    width: 24.3%;
    padding-right: 13px;
}
/* main section css */
.mainsection [type="text"] {
    height: 26px;
    border-radius: 4px;
}

.mainsection .form-group {
    margin-bottom: 4px;
}

.outerform {
    padding: 6px 0 0 0;
    width: 100%;
    float: left;
}


/* formtwo css this form is using for big form */
.formtwo .form-group > :first-child {
    width: 15.3%;
    float: left;
    text-align: right;
    padding-right: 6px;
    line-height: 24px;
}

.formtwo .form-group > :last-child {
    width: 19.4%;
    float: left;
}
/* general padding*/
.pd5 {
    padding: 5px;
}

.pd10 {
    padding: 10px;
}

.pd15 {
    padding: 15px;
}

.pd20 {
    padding: 20px;
}

.pd25 {
    padding: 25px;
}

.pd30 {
    padding: 30px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.pl30 {
    padding-left: 30px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px;
}

.pr30 {
    padding-right: 30px;
}

.pbot5 {
    padding-bottom: 5px;
}

.pbot10 {
    padding-bottom: 10px;
}

.pbot15 {
    padding-bottom: 15px;
}

.pbot20 {
    padding-bottom: 20px;
}

.pbot25 {
    padding-bottom: 25px;
}

.pbot30 {
    padding-bottom: 30px;
}



/* margin general css */
.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mbot5 {
    margin-bottom: 5px;
}

.mbot10 {
    margin-bottom: 10px;
}

.mbot15 {
    margin-bottom: 15px;
}

.mbot20 {
    margin-bottom: 20px;
}

.mbot25 {
    margin-bottom: 25px;
}

.mbot30 {
    margin-bottom: 30px;
}


/* for right block width 100% */

.inner-block {
    width: 100%;
    float: right;
}

.formtwo .form-group.typeone > :last-child {
    width: 41.2%;
    float: left;
}

.half-block {
    width: 47%;
    float: left;
}

    .half-block:last-child {
        float: right;
    }

    .half-block input {
        width: 100%;
    }

.halfouterblock {
    width: 41.6%;
    float: left;
    margin-left: 25.2%;
}

.formtwo .select2-container {
    width: 100%;
}



.innertextbox {
    width: 50px;
    margin: 0 5px;
}



.inner-row {
    margin: 0 0 10px 0;
}

.half-block.selecttab {
    width: 50.98%;
}

.attachmentimage {
    cursor: pointer;
    height: 20px;
    width: 20px;
    float: left;
}

.attachmentframe {
    z-index: 99;
    display: none;
    width: 340px;
    height: 100px;
    position: absolute;
    overflow: hidden;
    border-radius: 5px;
}

.select2-container .select2-choice > .select2-chosen {
    text-align: left;
}

body .formtwo .form-group {
    width: 100% !important;
    float: left !important;
    margin-bottom: 4px !important;
}

.calculationmethod {
    width: 100%;
}

    .calculationmethod .form-row {
        width: 100%;
        display: block;
    }

    .calculationmethod .form-row {
        width: 100%;
        display: block;
        float: left;
        text-align: left;
    }

.formtwo .calculationmethod .form-row > :first-child {
    width: 25.3%;
    float: left;
    text-align: right;
    padding-right: 13px;
    line-height: 24px;
}


.formtwo .calculationmethod .form-row label {
    margin-top: 0;
}

.formtwo input[type="radio"] {
    position: relative;
    top: 0;
}

.workhourbase {
    width: 74%;
    float: right;
    padding: 15px;
}

.inner-row .innertextbox {
    margin: 0 5px;
}

.formtwo input[type="checkbox"] + label {
    margin-left: 0 !important;
}

.workhour {
    margin-top: 5px;
    text-align: left;
}

.txtleft {
    text-align: left;
}

.txtright {
    text-align: right;
}

.extrasepratediv {
    padding: 10px 0px 0px 30px;
}

    .extrasepratediv div {
        padding: 0px 0px 10px 30px;
    }

body .codeblock {
    width: 100%;
    padding: 0 7px !important;
}

.fullwidthblock {
    width: 100%;
}

    .fullwidthblock input {
        width: 100%;
    }

.hiddenupload {
    z-index: 99;
    display: none;
    width: 340px;
    height: 100px;
    position: absolute;
    overflow: hidden;
    border-radius: 5px;
}

.addtemplate {
    width: 100%;
    float: left;
}

    .addtemplate .btn {
        float: right;
        margin-right: 0;
    }

.outerleavediv {
    width: 100%;
    margin: 10px 0;
}

tfoot.ui-widget-header {
    text-align: left;
}

.selectdrop {
    width: 100px;
    display: inline-block;
}

.touroption {
    padding-left: 15px;
}

.optiondetail {
    margin: 10px 0;
}

.borderbottom {
    border-bottom: 1px solid #e5e5e5;
}

.touroption .borderbottom {
    padding: 10px 0;
}

.innerrow {
    margin-top: 6px;
    width: 100%;
    display: block;
}

.innerplaceholder {
    border-radius: 4px;
    float: left;
    margin: 2px;
    height: 30px;
}

.holidaylist {
    height: 200px;
    border: 1px solid #e5e5e5;
    overflow: auto;
    border-radius: 4px;
}

/* form visitor detail */
.popupframe {
    height: 35px;
    width: 100%;
}

.frameheader {
    width: 100%;
}

.breadcrumb {
    display: inline-block;
}

.headerbtn {
    float: right;
}

.confirmbtn {
    display: inline-block;
}

.backbtn {
    display: inline-block;
    vertical-align: top;
}

.breadcrumb {
    padding: 8px 0;
}

.headerbtn {
    display: inline-block;
    float: right;
    padding: 3px 5px 0 0;
}

.formtwo .Parts {
    height: 450px;
}

    .formtwo .Parts.innerframe {
        padding: 10px 5px 5px 10px;
        margin: 0px 5px 10px 5px;
    }

.visitorinfo {
    width: 62%;
    float: left;
}

.visitorpic {
    width: 33%;
    float: right;
}

.visitrow {
    width: 100%;
    float: left;
    margin: 0 0 3px 0;
}

.rowlabel {
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 3px;
    padding-top: 4px;
}

.rowfield {
    width: 50%;
    float: right;
}

    .rowfield input, .rowfield textarea {
        width: 100%;
    }

/********************************************************************************/
/* mainpage logout popup */
.popcommon {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 500px;
    border: 1px solid #D9DEE4;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 25px 1px rgba(235,235,235,1);
    -moz-box-shadow: 0px 0px 25px 1px rgba(235,235,235,1);
    box-shadow: 0px 0px 25px 1px rgba(235,235,235,1);
}

    .popcommon .heading {
        background: #f2f2f2;
        border-top-left-radius: 10px;
    }

        .popcommon .heading span {
            font-size: 16px;
            text-transform: uppercase;
            padding: 0 20px;
            color: #7e7e7e;
            font-weight: 800;
        }

.profileimage {
    float: left;
}

    .profileimage img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }

.profilename {
    float: right;
}

.profiledetail {
    width: 100%;
    float: left;
    padding: 0 20px 20px;
}

.profiledata {
    width: 100%;
    float: left;
    padding: 10px 20px 10px;
}

.profilerow:nth-child(2n+1) {
    float: left;
    margin-right: 4%;
}

.profilename {
    float: left;
    margin-top: 12px;
}

    .profilename .name {
        text-transform: capitalize;
        color: #5dba35;
        font-size: 11px;
    }

.closebtn {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -10px;
    top: -10px;
    background: #4c4c4c;
    border-radius: 50%;
    cursor: pointer;
}

    .closebtn:after {
        content: "x";
        position: absolute;
        top: 2px;
        right: 0;
        left: 0;
        text-align: center;
        font-size: 11px;
        color: #f8f8f8;
    }

.dropmenu #profiledropdown {
    position: inherit;
}

.dropmenu {
    position: absolute;
    right: 75px;
    top: -9px;
}

input.logout {
    border: none;
    padding: 0;
}

.dropmenublock {
    padding: 10px 0;
}

    .dropmenublock li {
        width: 100%;
        line-height: 30px;
        float: left;
        border-bottom: 1px solid #D9DEE4;
    }

    .dropmenublock a {
        width: 100%;
        float: left;
    }

.popupblock.popcommon {
    display: none;
}

.changepassblock.popcommon {
    display: none;
}

.buttongroup {
    text-align: center;
    margin: 20px 0;
}

.savebtn {
    display: inline-block;
}

.cancelbtn {
    display: inline-block;
}

.resetpinlink {
    text-align: center;
}

body .buttongroup input[type="submit"] {
    width: 70px;
    text-transform: capitalize;
    cursor: pointer;
    height: 25px;
    border: 1px solid #6cbf47;
    color: #6cbf49;
    line-height: 15px;
}

    body .buttongroup input[type="submit"]:hover {
        background: #6cbf49;
        color: #fff;
    }

.resetpinlink {
    text-align: center;
}

.resetpininnerblock {
    text-align: center;
}

.otpinfo {
    padding: 40px 0 15px;
}

.timershow {
    text-align: center;
}

    .timershow input {
        width: 30px;
        height: 30px;
        border: 1px solid #a5a5a5;
        display: inline-block;
        border-radius: 0;
    }

.resetpinblock {
    display: none;
}

.profilerow span.profilelabel {
    text-transform: capitalize;
    color: #5dba35;
    font-size: 11px;
}

.profilerow {
    width: 48%;
    border-bottom: 1px solid #dcdcdc;
    float: left;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.dropmenublock a:hover {
    color: #6cbf47;
}

.timershow input:focus {
    border: 1px solid #6cbf47;
}

.timershow input {
    text-align: center;
    font-size: 20px;
}

.resetpinlink a {
    font-size: 15px;
    text-decoration: underline;
}

    .resetpinlink a:hover {
        color: #6cbf47;
        text-decoration: underline;
    }

.timerblock {
    padding: 15px 0 20px;
    width: 27%;
    margin: 0 auto;
}

    .timerblock a {
        float: right;
        text-decoration: underline;
    }

        .timerblock a:hover {
            color: #6cbf47;
        }

.timer {
    float: left;
}

.resetimg {
    text-align: center;
    margin: 10px 0;
}

.passworddeatail {
    width: 50%;
    float: left;
}

.passimage {
    width: 50%;
    float: right;
}

.passworddatablock {
    width: 100%;
    float: left;
    padding: 20px 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

body .passworddeatail input {
    border-bottom: 1px solid #dedede;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

body .buttongroup input.desable {
    background: #e5e5e5;
    color: #b5b5b5;
    border: 1px solid #e5e5e5;
}

    body .buttongroup input.desable:hover {
        background: #e5e5e5;
        color: #b5b5b5;
        border: 1px solid #e5e5e5;
    }

[type=password].textfield:focus + .labelblock {
    color: #8e44ad;
    top: -1rem;
    -webkit-transition: all 0.125s ease;
    transition: all 0.125s ease;
    background-color: #fff !important;
}

    [type=password].textfield:focus + .labelblock span {
        font-size: 10px;
    }

.labelblock {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    pointer-events: none;
}

.passrow {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}
/* visitor pages  */
.outerblocktypetwo {
    width: 46.9%;
    float: left;
    margin-left: 202px;
}

.checkboxblock {
    margin: 5px 0;
    width: 100%;
    float: left;
}

.outerblocktypetwo fieldset > div {
    margin-left: 0;
}

.outerblocktypetwo .checkboxlist {
    width: 65%;
    float: left;
    line-height: 25px;
}

.outerblocktypetwo .chekboxblock {
    margin: 5px 0 0;
    width: 100%;
    float: left;
}

    .outerblocktypetwo .chekboxblock:last-child {
        margin-bottom: 5px;
    }

.droprlistblock {
    width: 35%;
    float: right;
}

.badgeblock div:first-child {
    width: 17%;
    float: left;
    text-align: right;
    margin-right: 5px;
    line-height: 25px;
}

.badgeblock div:last-child {
    width: 70%;
    float: left;
}

.badgeblock {
    width: 100%;
    float: left;
}

.chekboxblock {
    width: 100%;
    float: left;
}
/* ****** leave adjustment ***** */
.deletebtn {
    margin-top: -13px;
    text-transform: capitalize;
    width: 80px;
}

.addcolon .searchrow {
    float: left;
    margin-left: 10px;
}

    .addcolon .searchrow label {
        position: relative;
        padding-right: 0;
        text-transform: capitalize;
        float: left;
        top: 5px;
    }

        .addcolon .searchrow label::after {
            position: absolute;
            content: ':';
            top: 0px;
            right: -8px;
        }

    .addcolon .searchrow:first-child {
        margin-left: 0;
    }

.searchdropdown {
    width: 150px;
    float: left;
    margin-left: 15px;
}

.recordsearch {
    width: 150px;
}

.searchblock {
    width: 100%;
    display: block;
    float: left;
}

.searchfieldset {
    display: block;
    width: 75.5%;
    margin: 10px 0 0 0;
    float: left;
}

.searchfieldsetleft {
    width: 39%;
    float: left;
    margin-left: 0;
}

.searchfieldsetright {
    width: 61%;
    float: right;
    margin-left: 0;
}

    .searchfieldsetright .searchlabel {
        width: 16%;
    }

.searchrowinner {
    display: block;
    margin: 10px 0;
}

.searchlabel {
    display: inline-block;
    width: 31%;
    text-align: right;
    text-transform: capitalize;
}

.searchfieldata {
    display: inline-block;
}

.searchfieldset.addcolon label {
    position: relative;
    padding-right: 8px;
}

    .searchfieldset.addcolon label::after {
        position: absolute;
        content: ':';
        top: 0px;
        right: 0;
    }

.searchfieldata span input[type="text"] {
    width: 100px;
}

.recordsearchblock span.searchheading {
    background-color: whitesmoke;
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    padding-left: 15px;
    text-shadow: 0 1px white;
    color: gray;
    padding: 11px 0 11px 13px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    border-radius: 5px 5px 0 0;
    margin-bottom: 10px;
}

/*.recordsearchblock {
    width: 600px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999 !important;
    position: absolute;
    top: 50%;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: #666 10px 2px 25px;
    -moz-box-shadow: #666 10px 2px 25px;
    box-shadow: #666 10px 2px 25px;
    background-color: whitesmoke;
}*/
.recordsearchblockleft {
    width: 50%;
    float: left;
}

.recordsearchblockright {
    width: 50%;
    float: right;
}

.recordsearchblock.addcolon label {
    position: relative;
    padding-right: 0;
    text-transform: capitalize;
    float: left;
    top: 5px;
    display: inline-block;
    width: 28%;
    text-align: right;
}

    .recordsearchblock.addcolon label:after {
        position: absolute;
        content: ':';
        top: 0px;
        right: -10px;
    }

.recordsearchblockfield {
    display: inline-block;
    width: 62%;
    float: left;
    margin-left: 20px;
}

.recordsearchblock .fullwidthblock {
    width: 100%;
    float: left;
    text-align: right;
    padding: 0 9px;
    margin: 20px 0 20px 0;
}

.leaveadjustmentform .select2-container {
    width: 100%;
}

.recordsearchblock span.searchheading.noborder {
    border-bottom: none;
    margin-bottom: 0;
    margin-top: 5px;
}

.recordsearchblockrow {
    margin-top: 10px;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

/*.recordsearchblock {
    display: none;
}*/
/*End -----------*/



/*Transfer Location*/
/* location transfer css */
.loactionblock {
    width: 100%;
    float: left;
}

.locationrow {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.locationrowleft {
    width: 50%;
    float: left;
}

.locationrowright {
    width: 50%;
    float: right;
}

.locationlabel {
    width: 30%;
    float: left;
    margin-top: 5px;
    text-align: right;
    vertical-align: middle;
    margin-right: 5px;
}

.borderbottom {
    border: 1px solid #e5e5e5;
    height: 1px;
    width: 100%;
    float: left;
    margin: 5px 0;
}

.locationblockdatadetail {
    width: 100%;
    float: left;
}

    .locationblockdatadetail fieldset {
        padding: 15px 19px;
    }

.locationblockdatadetailleft {
    width: 44%;
    float: left;
}

.oldpolicy {
    height: 320px;
}

.locationblockdatadetailright {
    width: 55%;
    float: left;
    margin-left: 5px;
}

.locrow {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.showdetailtab {
    margin-left: 30.6%;
}

.locrow div:first-child {
    width: 45.8%;
    text-align: right;
    float: left;
    line-height: 26px;
    margin-right: 4px;
}

.locrow div:last-child {
    float: left;
    width: 200px;
}

.locationblockdata fieldset {
    padding: 5px 8px 8px 9px;
}

.locrowmainleft {
    width: 240px;
    float: left;
    text-align: right;
    margin-right: 5px;
    line-height: 26px;
}

.locrowmainright {
    width: 270px;
    float: left;
}

.checkloc {
    display: inline-block;
    text-align: left;
    margin-top: 0px;
    float: left;
}

.locationblockdatadetailright .checkloc input {
    margin-top: 2px;
}

.checkloc input {
    margin-top: 6px;
}

.locrowmain {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.locationblockdatadetailright.acessconblock fieldset {
    height: auto !important;
}

.accessgroup {
    width: 120px;
    text-align: right;
    vertical-align: middle;
    float: left;
    margin-right: 7px;
    line-height: 30px;
}

.elevatorblock .accessgroup {
    line-height: 25px;
}

.groupright {
    width: 100%;
    float: left;
    padding-left: 138px;
    display: block;
    margin-top: 5px;
}

.fset {
    margin: 2px;
    height: auto;
    box-sizing: border-box;
    padding-top: 10px;
    width: auto;
}

.groupright div {
    width: 100%;
    float: left;
    text-align: left;
}

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

.checkdata {
    display: inline-block;
}

.locrowmainright .selectbox {
    width: 200px;
}

.AccessGroupCombo {
    width: 60%;
    float: left;
}

    .AccessGroupCombo .select2-container {
        width: 100%;
    }

body .locationtransferformdetail {
    width: 100% !important;
    box-sizing: border-box;
}

.locationtransferformdetail .fset {
    width: 100% !important;
}

.groupright div.trweekoffaccessdrop {
    width: 140px;
}

.acessconblock .accessgroup {
    width: 130px;
}

.acessconblock .AccessGroupList .select2-container {
    width: 300px;
}

.acessconblock .AccessGroupListdrop .select2-container {
    width: 200px;
}

.locationblockdatadetailleft .AccessGroupList .select2-container {
    width: 200px;
}

.tdcanteenaccess .groupright {
    padding-left: 127px;
}

.grouprightrow {
    margin: 2px 0;
}

.grouprightrowlabel {
    margin: 0 0 2px 0;
}

.elevatorblock {
    width: 100%;
    float: left;
}

.elevatorrow {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

    .elevatorrow .accessgroup {
        margin-left: 10px;
    }

.elevatorblock .AccessGroupCombo {
    width: 60%;
}

.locationblockdatadetailright.elevacess {
    width: 55%;
}

.elevatorblock .AccessGroupCombo {
    width: 300px;
}

.locationblockdatadetailright.elevacess fieldset {
    width: 100%;
}

.elevatorleft {
    width: 50%;
    margin-top: 5px;
    float: left;
}

.elevatorright {
    width: 49%;
    float: right;
    margin-top: 5px;
}

.elevatorlabel {
    display: inline-block;
    width: auto;
}

.elevatordrop {
    display: inline-block;
    width: 180px;
}

    .elevatordrop .select2-container.selectbox {
        width: 100%;
    }

.elevatorleftrow {
    margin-top: 5px;
}

.ClsPublicFloorBasementInActive, .ClsPublicFloorBasementInActiveGlobal, .ClsFloorActive {
    /* width: 7%; */
    width: 32px;
    height: 25px;
    /* position: absolute; */
    background-color: #ffffff;
    border-radius: 5px;
    display: inline-block;
    margin: 2px;
    border: 1px solid gray;
    cursor: pointer;
}

.ClsFloorActive, .ClsFloorActiveGlobal {
    width: 32px;
    height: 25px;
    background-color: #4fc143;
    border-radius: 5px;
    display: inline-block;
    margin: 2px;
    border: 1px solid gray;
    cursor: pointer;
}
/*.ui-accordion-header {
        font-weight: bold !important;
        background: none !important;
        background-color: #EDEDED !important;
    }
    .ui-accordion .ui-accordion-icons {
        padding: 0px 0px 0px 2.2em;
    }*/
.ClsPublicFloor, .ClsAccessAllowed, .ClsBlockedFloor {
    width: 26px;
}

.ClsMarkLabel {
    display: inline;
    position: absolute;
    margin-left: 10px;
    margin-top: 5px;
}

.ClsPublicFloor, .ClsAccessAllowed, .ClsBlockedFloor {
    width: 26px;
}

.ClsPublicFloor, .ClsPublicFloorGlobal {
    width: 15%;
    height: 25px;
    background-color: #024776;
    border-radius: 5px;
    display: inline-block;
}

.ClsPublicFloor, .ClsAccessAllowed, .ClsBlockedFloor {
    width: 26px;
}

.ClsAccessAllowed, .ClsAccessAllowedGlobal {
    width: 15%;
    height: 25px;
    background-color: #4fc143;
    border-radius: 5px;
    display: inline-block;
}



.ClsPublicFloor, .ClsAccessAllowed, .ClsBlockedFloor {
    width: 26px;
}



.ClsBlockedFloor, .ClsBlockedFloorGlobal {
    width: 15%;
    height: 25px;
    background-color: #dfdfdf;
    border-radius: 5px;
    display: inline-block;
}

.coloraccessblock {
    display: inline-block;
    width: 32.33%;
}

.coloraccessblocksdata {
    width: 100%;
    display: block;
}

.popcommon.transferpopup {
    left: 50% !important;
    top: 40% !important;
    width: 700px !important;
    height: 400px !important;
    -webkit-box-shadow: #666 10px 2px 25px !important;
    -moz-box-shadow: #666 10px 2px 25px !important;
    box-shadow: 10px 2px 25px #666 !important;
    padding: 0;
}
/*.popcommon.transferpopup {
    
    top: 40% ;
    width: 700px ;
    height: 400px ;
    -webkit-box-shadow: #666 10px 2px 25px ;
    -moz-box-shadow: #666 10px 2px 25px ;
    box-shadow: 10px 2px 25px #666 ;
}*/
.transferpopclose {
    width: 100%;
    text-align: right;
    padding: 0 20px;
}

.elevatorow {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.canteengroupblock {
    width: 100%;
    float: left;
}

.locationblockdatadetailright input[type="checkbox"], .locationblockdatadetailleft input[type="checkbox"] {
    position: relative;
    top: 1.5px;
    margin-top: 0;
}

#tdAttendance {
    margin: 2px;
    height: 126px;
    min-width: 400px !important;
    width: 100%;
    float: left;
}
/*End Transfer Location*/
/*Qiuck User Search*/
.searchblock {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

    .searchblock div {
        float: left;
    }

.employeecode {
    margin: 0 10px 0 5px;
}

.punchtime {
    width: 150px;
}

.punchtype {
    width: 85px;
}

.doorname {
    width: 200px;
}

.doorno {
    width: 85px;
}

.areaname {
    width: 200px;
}

.event {
    width: 180px;
    border: none !important;
}

.headdata {
    float: left;
    background-color: #EDEDED;
    border-right: 1px solid silver;
    font-size: 12px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.gridheader {
    width: 100%;
    float: left;
    border: 1px solid silver;
}

.gridbody .headdata {
    background: none;
}

.gridbody {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid silver;
    border-top: none;
}

.user-data-label {
    width: 100px;
    display: inline-block;
}

.user-data-row {
    width: 100%;
    border-bottom: 1px solid #d5d5d5;
    height: 33px;
}

    .user-data-row:last-child {
        border-bottom: none;
    }

.uderlist {
    display: inline-block;
    width: 61.9%;
}

.user-data-row div {
    padding: 5px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 20px;
}

.user-data-label {
    width: 100px;
}

.user-data-info {
    width: 243px;
}

.uderlist {
    display: inline-block;
    width: 61.9%;
}

.user-data {
    width: 350px;
    display: inline-block;
    vertical-align: top;
}

    .user-data .mGrid {
        margin: 0;
    }

span.RequiredLabel.RequiredRed_label {
    width: 120px;
    background-color: whitesmoke;
    border: 1px solid #e5e5e5;
    padding: 2px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.user-data-label {
    position: relative;
}

    .user-data-label::after {
        position: absolute;
        content: ":";
        right: 0px;
    }
/*End Quick User search*/
.form-row {
    width: 100%;
    display: block;
    float: left;
}

.transferinnerpopup .heading {
    padding-left: 15px;
    color: gray;
    font-weight: bold;
    text-align: left;
    text-shadow: 0 1px white;
    background-color: whitesmoke;
    font-size: 15px;
    margin-bottom: 20px;
}

.transferinnerpopup.login {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.transferinnerpopup .form-row {
    margin-left: 20px;
}

.employeedetaildata {
    vertical-align: top;
    margin: 10px;
    overflow: auto;
    height: 300px;
    border: 1px solid #e3e3e3;
}

    .employeedetaildata tr {
        width: 100%;
        border-bottom: 1px solid #e3e3e3;
        padding: 5px 0;
        display: block;
    }

        .employeedetaildata tr td {
            width: 49%;
            display: inline-block;
        }

.Employee_Filter {
    position: absolute;
    width: 100%;
    height: 110vh;
    left: 0;
    right: 0;
    top: -49px;
    bottom: 0;
    background: rgba(0,0,0,0.8);
}

.transferinnerpopup .form-row.button-row-transfer {
    margin-left: 0;
}
/* transactionview ars page start */
.transactionBlockMVC .form-inline {
    margin-top: 40px;
    padding: 0 0 0 55px;
}

.transactionBlockMVC #s2id_LocationId {
    margin: 0 30px 0 13px;
}

.transactionBlockMVC .todateblock {
    margin: 0 20px 0 50px;
}

.transactionBlockMVC .morebtn {
    font-weight: bold;
    color: #024776;
}

.transactionBlockMVC.empmodel {
    width: 460px;
    position: absolute;
    background-color: white;
    height: auto;
    border: 1px solid #e5e5e5;
    top: 20%;
    left: 25%;
}

.transactionBlockMVC .borderbottomline {
    border-bottom: 1px solid #dedede;
    top: 72%;
    position: absolute;
    width: 90%;
    left: 4%;
}

.transactionBlockMVC .marbtm_10 {
    margin-bottom: 10px;
}

.fullWidthBorder {
    width: 100%;
    display: block;
    float: left;
    height: 1px;
    background: #dedede;
}

.transactionBlockMVC .fullWidthBorder {
    margin: 20px 0;
}

.buttongroups {
    width: 42%;
    text-align: center;
    margin: 0 auto;
}

.employeedetaildata tr td:last-child {
    padding-left: 6px;
}

.employeedetaildata tr td:first-child {
    border-right: 1px solid #e3e3e3;
    padding-left: 4px;
}

.employeedetaildata {
    border: 1px solid #e3e3e3;
}
/* transactionview ars page end */
/* help menu */
.top_nav .navbar-right li.helpmenu {
    display: none;
}
/* Reprocess Attendance*/
.formtwo.reprocess .form-group > :first-child {
    min-width: 100px !important;
    width: 10.7% !important;
    padding-right: 6px;
}

.formtwo.reprocess .form-group > :last-child {
    width: 75%;
    float: left;
}

.halfouterblockrow {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 5px;
}

.formtwo.reprocess .halfouterblock {
    width: 33.6%;
    float: left;
    margin-left: 10.8%;
    /*margin-left: 11.2%;*/
}

.formtwo.reprocess .chekboxblock {
    margin-bottom: 5px;
}
/* End Reprocess Attendance*/
.formtwo.reprocess.emailtemplateblock .form-group > :first-child {
    min-width: 100px !important;
    width: 13% !important;
    padding-right: 6px;
}
/* dynamic form css */
.pinauthenticationblock #pinActivatedon label.checkbox-inline.ml-20 {
    float: right;
    margin-right: 20px;
}

.pinauthenticationblock p {
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    width: 250px;
}

.pinauthenticationblock input[type="checkbox"] {
    position: relative;
    top: -3px;
}
/* rest pin css */
a.disableResent {
    color: #ccc;
    pointer-events: none;
}

    a.disableResent:hover {
        color: #ccc;
    }

.transactionviewblock {
    position: relative;
    top: -4px;
}

.text-danger.field-validation-error {
    width: 100%;
    display: block;
    float: left;
}

.transactionBlockMVC .gridrowdata {
    margin-bottom: 15px;
}
/* lastdiv css */
.lastdiv {
    margin-bottom: 20px;
}

.col-sm-12.mb-10 button:focus {
    outline: none;
}

/* changes of grid */
.ui-jqgrid .ui-pg-table td {
    font-weight: 400;
    vertical-align: middle;
    padding: 1px;
    font-size: 12px;
}

.ui-jqgrid .ui-pg-table .ui-pg-selbox {
    display: block;
    padding: 0;
    border: none;
}

input.ui-widget-content.ui-pg-input {
    font-size: 1em;
}

.btnImport {
    background-image: url(../images/insert.png);
    background-position: center;
    background-size: 32px;
    background-repeat: no-repeat;
    background-color: transparent !important;
    height: 20px;
    width: 20px;
    font-size: 0px !important;
    border: none !important;
}

.btnImportUpdate {
    position: absolute;
    background-color: #ffffff;
    border: solid 1px darkgray;
    border-radius: 5px;
}