/*To suppress jquery.ui.css*/
.ui-widget {
    font-family: unset !important;
    font-size: initial !important;
}
/* Till Here*/

.pullleft {
    float: left;
}

.pullright {
    float: right;
}

.transparent {
    background: rgba(0,0,0,0.5);
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

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

/*body
{
    line-height: 1;
}*/

/*Till Here*/

td {
    padding: 2px;
}

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



.rightalign {
    text-align: right;
}

.leftalign {
    text-align: left;
}

.searchbox {
    background: url("../images/menu/view.png") center right no-repeat;
    background-size: 20px;
    /*height:25px;*/
    padding-right: 0px;
}

.clearbox {
    background: url("../images/menu/delete.png") center center no-repeat;
    background-size: 20px;
    /*height:25px;*/
    padding-right: 0px;
}
/*for grid pager*/
/*.dslist a {
    /*margin: auto 1%;
    border-radius: 50%;
    background-color: white;
    padding: 5px 10px 5px 10px;
    color: black;
    text-decoration: none;
    -o-box-shadow: 1px 1px 1px #111;
    -moz-box-shadow: 1px 1px 1px #111;
    -webkit-box-shadow: 1px 1px 1px #111;
    box-shadow: 1px 1px 1px #111;
    font-size: 12px;
}*/
.dslist a {
    /* margin: auto 1%; */
    border-radius: 5px;
    background-color: white;
    padding: 5px 10px 5px 10px;
    color: black;
    text-decoration: none;
    -o-box-shadow: 1px 1px 1px #111;
    -moz-box-shadow: 1px 1px 1px #111;
    /* -webkit-box-shadow: 1px 1px 1px #111; */
    /* box-shadow: 1px 1px 1px #111; */
    font-size: 12px;
    border: #ccc solid 1px;
}
  .dslist a:hover {
        font-size: 12px;
        font-weight: bold;
        color: #4fc243 !important;
    }
    /*.dslist a:hover {
        font-size: 15px;
        font-weight: bold;
    }*/


.dslist span {
    /*background-color:#ae2676;*/
    color: #fff;
    -o-box-shadow: 1px 1px 1px #111;
    -moz-box-shadow: 1px 1px 1px #111;
    -webkit-box-shadow: 1px 1px 1px #111;
    box-shadow: 1px 1px 1px #111;
    border-radius: 50%;
    padding: 5px 10px 5px 10px;
}

.dslist a:disabled {
    /*background-color:white;*/
    background-color: black;
    color: black;
}


/*Added by Javed*/

/*for Class*/
.login {
    position: relative;
    width: 300px;
    margin: 0 auto;
    padding: 20px 20px 20px;
    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;
    behavior: url(/pie/PIE.htc);
    /*border: 1px solid rgb(251, 216, 80);*/
    border: 1px solid #ccc;
    background: url("/images/jqueryui/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50% rgb(255, 255, 255);
    
    z-index:99999 !important; /*ANT -- kaushal shah */
}

    .login h1 {
        background-color: whitesmoke;
        border-bottom: 1px solid #e5e5e5;
        margin: -20px -20px 21px;
        line-height: 40px;
        font-size: 15px;
        font-weight: bold;
        text-align: left;
        padding-left: 15px;
        text-shadow: 0 1px White;
        color: gray;
    }

    .login p.remember_me {
        float: left;
    }

    .login p.submit {
        text-align: right;
    }

.borderlight {
    /*border:1px solid #e5e5e5;*/
    border: 1px solid #CCC;

}

.twocoltable {
    margin: 0px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .twocoltable > tbody > tr > td:first-child {
        text-align: right;
        width: 200px;
        min-width: 200px;
        max-width: 200px;
    }

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


.entry, #entry {
    margin: 0px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .entry > tbody > tr > td:nth-child(1) {
        text-align: right;
        width: 200px;
        min-width: 200px;
        max-width: 200px;
    }

    .entry > tbody > tr > td:nth-child(2) {
        text-align: left;
        width: 300px;
        min-width: 300px;
    }

    .entry > tbody > tr > td:nth-child(3) {
        text-align: right;
        width: 200px;
    }

    .entry > tbody > tr > td:nth-child(4) {
        text-align: left;
    }

    .entry > tbody > tr > td:first-child {
        text-align: right;
        width: 200px;
        min-width: 200px;
        max-width: 200px;
    }

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

            .entry > tbody > tr > td:first-child + td + td {
                text-align: right;
                width: 200px;
            }

                .entry > tbody > tr > td:first-child + td + td + td {
                    text-align: left;
                }

table#entry td:nth-child(1) {
    text-align: right;
}

table#entry td:nth-child(2) {
    text-align: left;
}

table#entry td:nth-child(3) {
    text-align: right;
}

table#entry td:nth-child(4) {
    text-align: left;
}

fieldset {
    border: 1px solid #CCC;
    border-radius: 5px;
    text-align: left;
    margin: 0px;
}

.savebackdiv {
    /*height: 37px;Commented by Sumit on 24072018*/ /*ANT*/
     padding: 3px; 
    /*padding: 10px;*/
    vertical-align: central;
}

    .savebackdiv div {
        display: inline;
    }/*ANT*/
/*.savebackdiv:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}*/


.okbutton {
    width: 80px;
    float: right;
}

.backbutton {
    width: 80px;
    float: right;
}


.savebutton {
    /*background-image:url("../images/save.png");*/
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left center;
    width: 80px;
    float: right;
}

.cancelbutton {
    width: 80px;
    float: right;
}

.okcanceltable {
    width: 90%;
    float: right;
}
/*Till Here Javed*/

body {
    margin: 0;
    color: #000;
    text-decoration: dotted;
}

.ul {
    margin: 5px;
    padding-left: 20px;
}

td {
    vertical-align: middle;
}

th {
    vertical-align: middle;
}

/*a
{
    font-weight: 500 !important;
}*/

span {
    font-size: 12px;
}

.label {
    color: rgb(66, 66, 66);
    font-size: 12px;
}

    .label * {
        color: rgb(66, 66, 66);
        font-size: 12px;
    }




.labelMode {
    color: rgb(66, 66, 66);
    display: block;
    font-size: 12px;
    font-weight: bold;
}

.CheckBox {
    color: rgb(66, 66, 66);
    font-size: 12px;
}

.link {
    color: rgb(235, 143, 0);
    cursor: pointer;
    text-decoration: none;
    text-shadow: 1px 1px 1px #FFFFFF;
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    font-size: 12px;
    line-height: normal;
}

    .link:hover {
        color: #1C94C4;
        cursor: pointer;
        text-decoration: none;
        text-shadow: 1px 1px 1px #FFFFFF;
        font-style: normal;
        font-variant: normal;
        font-size: 12px;
        line-height: normal;
    }


[type=text], textarea, [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*/
    margin: 0px;
    border-radius: 4px;
    vertical-align: middle;
}

    [type=text]:focus {
        background-color: #ffffcc;
    }

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


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

    [type=Password]:focus {
        background-color: #ffffcc;
    }

select:focus {
    background-color: #ffffcc;
}

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


.validator {
    color: Red !important;
    font-size: 13px;
    /*font-family: Arial, Helvetica, sans-serif;*/
}

.extra_footer_links {
    bottom: 0;
    /*position:absolute;
    left:39%;*/
    text-align: center;
    /*margin-bottom:10px;*/
    margin-bottom: 25px;
}

.footer_links_03 {
    /*font-family: Arial,sans-serif;*/
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    color: rgb(64, 64, 64);
    line-height: 18px;
    text-align: left;
}


.small-icon-reminder {
    background: url("../images/time.png") no-repeat scroll 0% 0% transparent;
}

.small-icon {
    width: 18px;
    height: 18px;
    display: block;
    float: left;
    background-repeat: no-repeat;
    cursor: pointer;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.pnlBackGround {
    background-color: White;
    border: solid 3px rgb(251,216,80);
    box-shadow: 10px 10px 5px #888888;
    border-radius: 5px;
}

.popupControl {
    background-color: #eeeeee;
    border: outset 1px #c0c0c0;
    color: #444444;
    position: absolute;
    visibility: hidden;
}

.popupDiv {
    background-color: #d6d6d6;
    border: #060F40 1px solid;
    box-shadow: 10px 10px 5px #888888;
    border-radius: 5px;
    position: absolute;
}

html {
    height: auto;
    overflow: hidden; /* ANT */
}

/*.BodyContent
{
    background-color: white;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding:0px;
    background-color: White;
}*/

/*.BorderBorder
{
    z-index: 0;
    width: 100%;
    position: relative;
    margin: 0;
}*/

/*.BorderBorder
{
    width: 100%;
    height: 100%;
}*/

.ContentDiv {
    background-color: white;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-top: 5px;
    color: #000;
    font-size: 13px;
    height: 100%;
}

.MasterHeader {
    text-align: left;
    height: 22px;
    background-color: White;
    margin-left: 2px;
    margin-right: 2px;
}

/*.Article1
{
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 5px 8px 5px 4px;
    color: #000;
    font-size: 13px;
    height: auto;
    min-height:400px; 
    background-color: white;
}*/



/*.ArticleBorder
{
    z-index: 0;
    position: relative;
    margin: 0px;
    padding: 0px;
}*/

/*.Article h2
{
    color: #000;
    font-size: 22px;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
}*/

/*.Article h2 a, .Article h2 a:visited
    {
        color: #000;
        text-decoration: none;
    }

        .Article h2 a:hover
        {
            text-decoration: none;
        }*/

.headingMasterPage {
    font-size: 2.0em;
    font-weight: 800;
    line-height: 1.1em;
    /*font-family: Verdana;*/
    color: whitesmoke;
    text-transform: capitalize;
    font-variant: small-caps;
    text-shadow: 1px 1px 1px black;
}

.headingApplication {
    font-size: 2.9em;
    font-weight: 800;
    line-height: 1.1em;
    /*font-family: 'Accord Heavy SF';*/
    color: gray;
    text-transform: capitalize;
    font-variant: small-caps;
    text-shadow: 2px 2px 1px black;
    vertical-align: bottom;
}

.headingApp {
    font-size: 16px;
    font-weight: 800;
    /*font-family: 'Accord Heavy SF';*/
    color: gray;
    text-transform: capitalize;
    font-variant: small-caps;
    vertical-align: bottom;
    text-shadow: 1px 1px 1px black;
}

.headingMasterPage1 {
    font-size: 1.0em;
    font-weight: 800;
    line-height: 1.1em;
    /*font-family: Verdana;*/
    color: whitesmoke;
    text-transform: capitalize;
    font-variant: small-caps;
    text-shadow: 2px 2px 2px black;
}


.loader {
    background: url('../images/indicator.gif') no-repeat center;
}


.headingTitle1 {
    font-size: 16px;
    text-transform: capitalize;
    font-variant: small-caps;
    margin-left: 10px;
}

.subTitle span {
    font-size: 14px;
    padding-right: 1px;
    padding-left: 1px;
}

.balloonstyle {
    position: absolute;
    top: -500px;
    left: 0;
    padding: 5px;
    visibility: hidden;
    border: 1px solid black;
    font: normal 13px Arial,Helvetica,sans-serif;
    color: #1C94C4;
    line-height: 18px;
    z-index: 100;
    background-color: yellow;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    /*border: 1px solid gray;*/
    border-color: #ccc;
    box-shadow: 10px 2px 25px rgb(102,102,102);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead {
    z-index: 99;
    position: absolute;
    top: -500px;
    left: 0;
    visibility: hidden;
}

.accordionContent {
    background-color: White;
    border: 1px solid gray;
}

.accordionHeaderSelected {
    background-color: #5078B3;
    border: 1px solid #2F4F4F;
    color: white;
    cursor: pointer;
    /*font-family: Arial,Sans-Serif;*/
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    background-image: url('/images/minimize.png');
    background-position: right;
    background-size: 100%;
    width: 19%;
}

.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    cursor: pointer;
    /*font-family: Arial,Sans-Serif;*/
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
    background-image: url('/images/maximize.png');
    background-position: right;
    background-size: 100%;
    width: 19%;
}

.contentholder {
    background: none repeat scroll 0px 0px rgb(255, 255, 255);
    border-radius: 6px 6px 6px 6px;
}

.icon-list {
    padding: 0px;
    margin: 0px;
}

    .icon-list li {
        width: 100px;
        background-size: 100%;
        float: left;
        vertical-align: middle;
        /*font-family: serif;*/
        /*font-weight: bold;*/
        height: 50px;
        line-height: 18px;
        margin-top: 9px;
        padding: 7px 26px 21px 61px;
        list-style: none outside none;
        background: url("../images/corner.jpg") no-repeat scroll right bottom transparent;
    }

        .icon-list li .icon {
            float: left;
            display: block;
            height: 48px;
            background-size: 100%;
            margin: -3px 0px 0px -54px;
            width: 48px;
            background-position: center center;
            background-repeat: no-repeat;
        }

        .icon-list li small {
            /*font-family: serif;*/
            /*font-size: 12px;*/
            font-weight: normal;
            vertical-align: 20%;
            color: rgb(255, 153, 0);
        }

        .icon-list li small1 {
            /*font-family: serif;*/
            font-size: 12px;
            font-weight: normal;
            vertical-align: 20%;
        }

        .icon-list li a:hover {
            color: rgb(255, 153, 0);
        }

        .icon-list li a {
            font-size: 13px;
            font-weight: 500 !important;
            display: block;
            margin: -7px -26px -21px -61px;
            padding: 2px 26px 0px 61px;
            width: 98px;
            text-decoration: none;
            color: #1C94C4;
        }

        .icon-list li .iconAdd {
            float: right;
            display: block;
            height: 18px;
            width: 20px;
            /*width: 48px;*/
            background-position: right center;
            background-repeat: no-repeat;
            bottom: 0;
        }

.menuTabs {
    position: relative;
    top: 1px;
    left: 10px;
}

.tab {
    /*border: Solid 1px Gray;*/
    border: Solid 1px #ccc;
    border-bottom: none;
    padding: 0px 10px;
    background-color: #DADADA;
    border-radius: 5px 5px 0 0;
    height: 25px;
    /*font-family: Verdana;*/
    font-size: 13px;
    color: black;
}

.selectedTab {
    /*border: Solid 1px gray;*/
    border: Solid 1px #ccc;
    border-bottom: Solid 1px white;
    padding: 0px 10px;
    background-color: white;
    border-radius: 5px 5px 0 0;
    height: 25px;
    font-weight: bold;
    /*font-family: Verdana;*/
    font-size: 13px;
    color: black;
}

.tabBody {
    /*border: Solid 1px gray;*/
    border: Solid 1px #ccc;
    padding: 10px;
    background-color: white;
    border-radius: 5px 5px 5px 5px;
}


.homeimage {
    background: url('../images/menu/home.png') no-repeat !important;
    background-size: 20px 20px !important;
    border: none !important;
    height: 20px;
}

.LeftTable {
    width: 50%;
    float: left;
}
/**additional trigger*/
.br {
    display: block;
    margin: 1px 0;
}

.AllGates {
    width: 50px;
    height: 10px;
    border: solid thin blue;
}

.NodeStyle {
    /*font-family: Tahoma;*/
    font-size: 12px;
    color: black;
    padding: 1px;
}

.SelectedNodeStyle {
    font-size: 12px;
    font-weight: bold;
    color: #6799D1;
    display: block;
    background-color: red;
    padding: 2px 0 2px 3px;
}

.Remove {
    display: none;
    position: absolute;
    top: 100px;
    left: 25%;
    width: 610px;
    height: 250px;
    background-color: sandybrown;
    border: solid thin gray;
}



.NodeStyle {
    /*font-family: Tahoma;*/
    font-size: 12px;
    color: black;
    padding: 1px;
}

.SelectedNodeStyle {
    font-size: 12px;
    font-weight: bold;
    color: #6799D1;
    display: block;
    background-color: red;
    padding: 2px 0 2px 3px;
}
/*************sub menu css*/
.menu1 {
    width: 200px;
    /*font-family: Tahoma, Segoe UI;*/
    background-color: #B34C00;
    margin: 0 auto;
    height: 25px;
    border: 1px solid #B34C00;
    border-radius: 4px; /*To make the corners rounded in IE*/
    -moz-border-radius: 4px; /*this is for mozilla*/
    -webkit-border-radius: 4px; /*chrome and other browsers*/
    box-shadow: 0 1px 1px #dddddd inset;
    -moz-box-shadow: 0 1px 1px #dddddd inset;
    -webkit-box-shadow: 0 1px 1px #dddddd inset;
    z-index: 1000;
    position: absolute;
    border: solid 2px black;
    background-color: white;
    padding: 1px 0;
    display: none;
    background-color: Silver;
}

    .menu1 ul {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

        .menu1 ul li {
            display: inline-block;
            float: left;
            position: relative;
        }

            .menu1 ul li a {
                color: Blue;
                text-decoration: none;
                display: block;
                padding: 5px 15px;
            }

                .menu1 ul li a:hover {
                    background-color: #666666;
                }

.sub_menu1 {
    position: absolute;
    background-color: Silver;
    width: 200px;
    top: 26px;
    left: 0px;
    display: none; /*hide the subitems div tag initially*/
    border-bottom: 4px solid #B34C00; /*just to add a little more good look*/
    box-shadow: 0 1px 1px #dddddd inset;
    -moz-box-shadow: 0 1px 1px #dddddd inset;
    -webkit-box-shadow: 0 1px 1px #dddddd inset;
}

    .sub_menu1 ul li {
        width: 200px;
    }

        .sub_menu1 ul li a {
            color: #ffffff;
            text-decoration: none;
            display: block;
            padding: 5px 5px;
        }

.Parts {
    width: 98.7%;
    padding: 10px 5px 5px 10px;
    margin: 0px 5px 10px 3px;
    border-style: solid;
    /*border-color: #717171;*/
    border-color: #e5e5e5;
    border-width: 1px;
    box-shadow: 0 1px 1px #dddddd inset;
    -moz-box-shadow: 0 1px 1px #dddddd inset;
    -webkit-box-shadow: 0 1px 1px #dddddd inset;
}



.AllControllers {
    width: 50px;
    height: 10px;
    border: solid thin blue;
}

.NodeStyle {
    /*font-family: Tahoma;*/
    font-size: 12px;
    color: black;
    padding: 1px;
}

.SelectedNodeStyle {
    font-size: 12px;
    font-weight: bold;
    color: #6799D1;
    display: block;
    background-color: red;
    padding: 2px 0 2px 3px;
}

.RemoveGpo {
    width: 100%;
    height: 100%;
    padding: 5px 0px 2px 2px;
    margin: 0px;
    background: url('../images/grid/grd_alt.png') repeat;
    border: thin solid gray;
    display: none;
}

.Sidebar {
    position: absolute;
    top: 80px;
    left: 700px;
    border: solid thin gray;
    width: 300px;
}



.file-upload {
    background-color: #F0F0F0;
    color: rgb(235, 143, 0);
    border: 1px solid rgb(251, 216, 80);
    font: Verdana 10px;
    padding: 1px 4px;
    /*font-family: Arial,Helvetica,sans-serif;*/
    border-radius: 5px 5px 5px 5px;
    /*font-family: normal;*/
    font-variant: normal;
    box-shadow: 1px 1px 1px rgb(255,255,255);
    display: inline-block;
}



table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;
    font-size: 12px;
    border: 0;
    /*font-family: Verdana;*/
    /* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}



tr.odd {
    background-color: #E2E4FF;
}

tr.even {
    background-color: white;
}

.clsyellow {
    background-color: #F7BE81 !important;
}

.redSquare1 {
    height: 30px;
    width: 100%;
    background-color: #F78181;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    border-radius: 5px;
}


.whiteSquare1 {
    height: 30px;
    width: 100%;
    background-color: #F5F5F5;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    border-radius: 5px;
}

.ui-datepicker {
    font-size: 9pt !important;
}

.whiteSquare1:hover, .whiteSquare2:hover {
    /*background-color: #7a39ad !important;*/
    /*color:white;*/
    font-weight: bold;
}


.mGrid,.mGrid1,.GridInActiveController {
    width: 100%;
    background-color: rgb(255, 255, 255);
    margin: 5px 0 10px 0;
    border: solid 1px #d5d5d5;
    border-collapse: collapse;
    /*font-family: Verdana;*/
}

    .mGrid td,.mGrid1 td,.GridInActiveController td {
        padding: 0.5px;
        border: 1px solid #e5e5e5;
        color: rgb(66,66,66);
        height: 18px;
        font-size: 11px;
        
        /*padding: 2px 5px;*/
    }


    .mGrid th,.mGrid1 th , .GridInActiveController th {
        padding: 4px 2px;
        color: gray !important;
        /*background-color: #e5e5e5;*/
        background-color: #EDEDED; /*ANT*/
        border: 1px solid silver;
        font-size: 12px;
        
    }
        .mGrid th:first-child,.mGrid1 th:first-child,.GridInActiveController th:first-child {
            text-align: center;
            padding-left:4px;
        }
        .mGrid th a,.mGrid1 th a,.GridInActiveController th a {
            color: darkslategray !important;
        }

.AttendanceGrid {
    margin-top: 0px;
}

    .AttendanceGrid th {
        font-size: 11px !important;
        padding: 1px !important;
        text-align: left;
    }

    .AttendanceGrid td {
        font-size: 11px !important;
        /*padding: 0px !important;*/
        margin: 0px !important;
        /*height: 15px;*/
        text-align: left;
    }

table.mGrid1 td {
    /*padding: 4px 2px;*/
    /*padding: 4px 0px 0px 4px;*/
    padding: 4px 0 4px 4px;
}

/**
{
    font-family:Verdana !important;
}*/


/*Added for Master Page Priyanka*/
/* mainpage logout popup */
/********************************************************************************/
/* 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 li {
        display: inline-block;
    }

        .timershow li 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;
}
/* changes in company dropdown */
body .top_nav .dropdown-menu li a {
    width: 100%;
    padding: 9px 12px 9px;
    border-bottom: 1px solid #D9DEE4;
    word-wrap: break-word !important;
    white-space: normal !important;
}
.dropdown-menu img {
    position: absolute;
    top: 9px;
    right: 4px;
}
/* header breadcrumb css*/
.row.header-breadcrumb {
    margin-left: 0 !important;
}
.ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td {
    font-size: 11px !important;
}
.ui-jqgrid .ui-jqgrid-htable th {
    height: auto;
    padding: 0 2px 0 2px;
    font-size: 12px;
}
/* media queries */