/*COMMON CSS*/
.wid105 {
    width: 105%;
}

.wid100 {
    width: 100%;
}

.wid99 {
    width: 99%;
}

.wid98 {
    width: 98%;
}

.wid97 {
    width: 97%;
}

.wid96 {
    width: 96%;
}

.wid95 {
    width: 95%;
}

.wid94 {
    width: 94%;
}

.wid93 {
    width: 93%;
}

.wid92 {
    width: 92%;
}

.wid91 {
    width: 91%;
}

.wid90 {
    width: 90%;
}

.wid89 {
    width: 89%;
}

.wid88 {
    width: 88%;
}

.wid87 {
    width: 87%;
}

.wid86 {
    width: 86%;
}

.wid85 {
    width: 85%;
}

.wid84 {
    width: 84%;
}

.wid83 {
    width: 83%;
}

.wid82 {
    width: 82%;
}

.wid81 {
    width: 81%;
}

.wid80 {
    width: 80%;
}

.wid79 {
    width: 79%;
}

.wid78 {
    width: 78%;
}

.wid77 {
    width: 77%;
}

.wid76 {
    width: 76%;
}

.wid75 {
    width: 75%;
}

.wid74 {
    width: 74%;
}

.wid73 {
    width: 73%;
}

.wid72 {
    width: 72%;
}

.wid71 {
    width: 71%;
}

.wid70 {
    width: 70%;
}

.wid69 {
    width: 69%;
}

.wid68 {
    width: 68%;
}

.wid67 {
    width: 67%;
}

.wid66 {
    width: 66%;
}

.wid65 {
    width: 65%;
}

.wid64 {
    width: 64%;
}

.wid63 {
    width: 63%;
}

.wid62 {
    width: 62%;
}

.wid61 {
    width: 61%;
}

.wid60 {
    width: 60%;
}

.wid59 {
    width: 59%;
}

.wid58 {
    width: 58%;
}

.wid57 {
    width: 57%;
}

.wid56 {
    width: 56%;
}

.wid55 {
    width: 55%;
}

.wid54 {
    width: 54%;
}

.wid53 {
    width: 53%;
}

.wid52 {
    width: 52%;
}

.wid51 {
    width: 51%;
}

.wid50 {
    width: 50%;
}

.wid49 {
    width: 49%;
}

.wid48 {
    width: 48%;
}

.wid47 {
    width: 47%;
}

.wid46 {
    width: 46%;
}

.wid45 {
    width: 45%;
}

.wid44 {
    width: 44%;
}

.wid43 {
    width: 43%;
}

.wid42 {
    width: 42%;
}

.wid41 {
    width: 41%;
}

.wid40 {
    width: 40%;
}

.wid39 {
    width: 39%;
}

.wid38 {
    width: 38%;
}

.wid37 {
    width: 37%;
}

.wid36 {
    width: 36%;
}

.wid35 {
    width: 35%;
}

.wid34 {
    width: 34%;
}

.wid33 {
    width: 33%;
}

.wid32 {
    width: 32%;
}

.wid31 {
    width: 31%;
}

.wid30 {
    width: 30% !important;
}

.wid29 {
    width: 29%;
}

.wid28 {
    width: 28%;
}

.wid27 {
    width: 27%;
}

.wid26 {
    width: 26%;
}

.wid25 {
    width: 25%;
}

.wid24 {
    width: 24%;
}

.wid23 {
    width: 23%;
}

.wid22 {
    width: 22%;
}

.wid21 {
    width: 21%;
}

.wid20 {
    width: 20%;
}

.wid19 {
    width: 19% !important;
}

.wid18 {
    width: 18% !important;
}

.wid17 {
    width: 17% !important;
}

.wid16 {
    width: 16% !important;
}

.wid15 {
    width: 15% !important;
}

.wid14 {
    width: 14%;
}

.wid13 {
    width: 13%;
}

.wid12 {
    width: 12%;
}

.wid11 {
    width: 11%;
}

.wid10 {
    width: 10%;
}

.wid9 {
    width: 9% !important;
}

.wid8 {
    width: 8% !important;
}

.wid7 {
    width: 7% !important;
}

.wid6 {
    width: 6% !important;
}

.wid5 {
    width: 5% !important;
}

.wid4 {
    width: 4% !important;
}

.wid3 {
    width: 3% !important;
}

.wid2 {
    width: 2%;
}

.wid1 {
    width: 1%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


/*DASHBOARD CSS*/
.select_templates {
    float: right;
    margin-right: 15px;
    margin-bottom: 5px;
    font-size: 12px !important;
}

.device_leftbar {
    width: 25%;
    vertical-align: top;
    padding-top: 4%;
}

.grid_filter_sepration {
    float: right;
    width: 6px;
    max-width: 6px;
    min-width: 6px;
}
/*.text-left .text-right .text-center*/

/*Margin */
.martop100 {
    margin-top: 100px;
}

.martop95 {
    margin-top: 95px;
}

.martop90 {
    margin-top: 90px;
}

.martop85 {
    margin-top: 85px;
}

.martop80 {
    margin-top: 80px;
}

.martop75 {
    margin-top: 75px;
}

.martop70 {
    margin-top: 70px;
}

.martop65 {
    margin-top: 65px;
}

.martop60 {
    margin-top: 60px;
}

.martop55 {
    margin-top: 55px;
}

.martop50 {
    margin-top: 50px;
}

.martop45 {
    margin-top: 45px;
}

.martop40 {
    margin-top: 40px;
}

.martop35 {
    margin-top: 35px;
}

.martop30 {
    margin-top: 30px;
}

.martop25 {
    margin-top: 25px;
}

.martop20 {
    margin-top: 20px;
}

.martop15 {
    margin-top: 15px !important;
}

.martop10 {
    margin-top: 10px;
}

.martop5 {
    margin-top: 5px !important;
}

.martop6 {
    margin-top: 6px;
}

.martop3 {
    margin-top: 3px;
}

.martop2 {
    margin-top: 2px;
}

.breadcrum {
    width: 100%;
    margin: -6px 0 6px 0;
    padding: 0px;
}

.filter {
    margin: 0 0 8px 0;
}

.loader_new {
    width: 100px;
    height: 100px;
    top: 300px;
    left: 600px;
    position: absolute;
    z-index: 9999;
}

.divPos {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10000;
}

.divPos1 {
    width: 100%;
    height: 100%;
    position: absolute;
}

/*------------------------------ // ** 07-08-2018 changes ** // ------------------------------ */

.wid_pix100 {
    width: 100px;
}

.wid_pix80 {
    width: 80px;
}

.wid_pix75 {
    width: 75px;
}

.wid_pix70 {
    width: 70px;
}

.wid_pix60 {
    width: 60px;
}

.wid_pix50 {
    width: 50px;
}

.wid_pix40 {
    width: 40px;
}

.wid_pix30 {
    width: 30px;
}

.wid_pix25 {
    width: 25px;
}

.wid_pix20 {
    width: 20px;
}

.wid_pix10 {
    width: 10px;
}

/*frmInventoryList.aspx*/
/*.CardStatus {
    width: 23%; /*width: 35%;
}*/

.CardStatus {
    float: right;
    padding-top: 10px;
    /*width: 35%;*/
    width: 23%;
}

.Card {
    width: 300px;
    /*background-color: white;*/
}

    .Card td {
        padding: 0.5px;
        border: 2px solid #e5e5e5;
        color: rgb(66,66,66);
        height: 30px;
    }

.card_label {
    font-weight: bold;
    margin: 0 0 10px 0;
    display: inline-block;
}

.CardView {
    width: 70%;
    float: left;
}
/*.Card {
    width: 300px; /* background-color: white; 
}*/

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



.table_col42 {
    width: 42px;
    display: table-cell;
    max-width: 42px;
    min-width: 42px;
}

.table_col100 {
    display: table-cell;
    max-width: 100px;
    width: 100px;
    min-width: 100px;
}

.panel_nw {
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

.effdate_popup {
    position: fixed;
    width: 300px;
    height: 150px;
    z-index: 101;
    top: 195.5px;
    left: 533px;
}

.effdate_popup_btn {
    float: left;
    margin-top: 5px;
    margin-left: 80px;
}

.com_check {
    margin: 5px 0 0 5px;
    float: left;
}


/*chagelocation.aspx
@media screen and (-webkit-min-device-pixel-ratio: 0) .divHeaderName {
    /* margin-left: 58px; 
    margin-left: 41px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) .divHeader {
    display: inline; border: 1px solid #CCC; margin-top: -7px; position: absolute;
    /* margin-left: 68px; 
    margin-left: 5px; height: 29px;
}*/


.label_nw {
    margin: 7px 0 0 0;
    display: block;
}

.card_format_popup {
    width: 460px;
    position: fixed;
    background-color: white;
    height: auto;
    border: 1px solid rgb(229, 229, 229);
    top: 182px;
    left: 453px;
    display: none;
}
/*08082018*/
#ctl00_Content_ExportPDFButton, #ctl00_Content_ExportExcelButton {
    height: 20px;
    width: 20px;
    float: right; /* margin-top: 5px; */
    margin-right: 10px;
}

#ChangeFields1 {
    height: 20px;
    width: 20px;
    cursor: pointer;
    float: right;
    margin-right: 10px; /* margin-top: 5px; */
}

.com_radio_label {
}

/*.com_check_label{ }*/
input[type="checkbox"] {
    float: left;
}

.mGrid input[type="checkbox"] {
    float: none !important;
}

.ui-sortable input[type="checkbox"] {
    float: none !important;
}

#divFiel input[type="checkbox"] {
    float: none !important;
    margin: 4px 4px !important;
}

input[type="radio"] {
    float: left;
}

input[type="checkbox"] + label {
    /*input[type="checkbox"], label{*/
    margin: 3px 5px 0 4px !important;
    float: left;
    display: block;
    line-height: 14px !important;
}

input[type="radio"] + label {
    /*input[type="radio"], label{*/
    margin: 3px 2px 0 5px !important;
    display: block;
    float: left;
    line-height: 14px !important;
}

.wid100_tabfix {
    width: 100%;
    table-layout: fixed;
}

.wid50_tabfix {
    width: 50%;
    table-layout: fixed;
}

.wid98_tabfix {
    width: 98%;
    table-layout: fixed;
}

.wid100_tabfix_martop {
    width: 100%;
    table-layout: fixed;
    margin-top: 10px;
}

.wid50_posfix {
    width: 50%;
    position: fixed;
    overflow: hidden;
    float: left;
    z-index: 9999;
}

.wid30_overflo {
    width: 30%;
    overflow: hidden;
}

.space15 {
    height: 15px;
    clear: both;
}

.marleft5 {
    margin-left: 5px;
}

.marleft3 {
    margin-left: 3px;
}

.marleft42 {
    margin-left: 42px;
}

.marleft40 {
    margin-left: 40px;
}

.marleft30 {
    margin-left: 30px;
}

.marleft17 {
    margin-left: 17px;
}

.marleft15 {
    margin-left: 15px;
}

.marleft10 {
    margin-left: 10px !important;
}

.marleft9 {
    margin-left: 9px !important;
}

.btn_select_nw {
    /* height: 26px;*/
    padding: 0px 5px 0 5px;
    margin: 0;
    position: relative;
    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: inherit;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
    width: 100%;
    text-align: left;
}

.height_100 {
    height: 100px;
}

.height_50 {
    height: 50px;
}

.height_25 {
    height: 25px;
}
/*table.mGrid td span {
    padding: 0 0 0 8px;
}*/
table.mGrid td {
    /*padding: 4px 2px;*/
    /*padding: 4px 0px 0px 4px;*/
    padding: 4px 0 4px 4px;
}

table.mGrid th {
    padding: 3px !important;
}

.status_gray_panel {
    display: contents;
}

#CommandStatusCount {
    display: contents;
}

a.reportshow1 {
    color: #333;
    background-color: #fff;
    border: #ccc solid 1px;
    border-radius: 4px;
    padding: 0 5px;
}
/*input[type="button"].show-btn{background: #fff; color: #333; border: #ccc solid 1px; padding: 5px 8px; font-size: 17px;  border-radius: 5px; content:"error"}*/
/*input[type="button"].show-btn:before{ content: "\e906";  font-family: 'iApp-icon' !important; font-size: 20px; float: left; margin-right:5px; }*/


table_lay table.tblprofile td span {
    line-height: 28px;
}

.align-top {
    vertical-align: top !important;
}

.padleft10px {
    padding-left: 10px;
}

.padleft41px {
    padding-left: 41px;
}

.marlft_dis2 {
    display: block;
    margin-left: 2px;
}

.marbtm_dis10 {
    display: block;
    margin-bottom: 10px;
}

.marbtm_5 {
    margin-bottom: 5px;
}

.marbtm_10 {
    margin-bottom: 10px;
}

.wid300_pxl {
    width: 300px !important;
}

.wid250_pxl {
    width: 250px;
}

.linehgt28 {
    line-height: 28px !important;
}

.linehgt25 {
    line-height: 25px !important;
}

.common-btn {
    width: inherit;
    padding: 0 15px;
}

#div1 {
    z-index: 9999;
}

#sortable li span {
    margin-top: -18.2px !important;
}

table.tblprofile td span {
    line-height: 28px !important;
}

.display_none {
    display: none !important;
}

.ui-widget-header {
    font-weight: normal !important;
}

.margintop10 {
    margin-top: 10px;
}

.paddingtop10 {
    padding-top: 10px;
}

.padtop5 {
    padding-top: 5px;
}

.nopad {
    padding: 0px !important;
}

a.morebtn {
    /*float: left;*/
    text-align: center;
    font-weight: bold;
    color: #024776;
    background-color: #fff;
    border: #ccc solid 1px;
    border-radius: 4px;
    padding: 0 5px;
}

.deactive_icon {
    color: #c3c3c3;
    font-size: 15px !important;
}

.active_icon {
    color: #024776;
    font-size: 15px !important;
}

.marleft20 {
    margin-left: 20px;
}

.display_none_model {
    display: none;
}

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

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

.marright24 {
    margin-right: 24px;
}

.marright50 {
    margin-right: 50px;
}

.martop_minus10 {
    margin-top: -10px;
}

.marleft40_minus {
    margin-left: -40px !important;
}

.marright75 {
    margin-right: 75px;
}

.pad5pixel {
    padding: 5px !important;
}

.posabsolute {
    position: absolute !important;
}

.loginnew {
    z-index: 9999 !important;
}


.padding-5 {
    padding: 5px;
}

.cursor {
    cursor: pointer;
}
/*Class For Elevator Access*/
.ClsPublicFloor, .ClsPublicFloorGlobal {
    width: 15%;
    height: 25px;
    /* position: absolute; */
    background-color: #024776;
    border-radius: 5px;
    display: inline-block;
}

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

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

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

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

.inner-number, .inner-number-Global {
    /*position: absolute;*/
    color: #ffffff;
    /* text-align: center; */
    margin: 5px;
}

.table-border {
    /*border: 1px solid lightgray;*/
    border-radius: 5px;
}

.table-cell-right {
    border-right: 1px solid lightgray;
    padding-left: 15px;
    padding-bottom: 5px;
    vertical-align: top;
}

.table-bottom-border {
    border-bottom: 1px solid lightgray;
}

.chkMargin {
    margin: 0px 3px !important;
}

.margin5 {
    margin: 5px;
}

.ClsPublicFloorBasementInActive, .ClsPublicFloorBasementInActiveGlobal {
    /*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;
}

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

.inner-number-InActive, .inner-number-InActive-Global {
    /*position: absolute;*/
    color: #000000;
    /* text-align: center; */
    margin: 5px;
    margin-left: 2px;
}

.AccordinPad {
    padding: 2px;
}

.padrighttd {
    padding-right: 5px;
    text-align: right;
}

.divTable {
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
    border: 1px solid lightgray;
    border-radius: 5px;
}

.header-cls {
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    color: #333;
}

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


.inner-number-Active, .inner-number-Active-Global {
    color: #ffffff;
    margin: 5px;
    margin-left: 2px;
}

.inner-number-Disabled, .inner-number-Disabled-Global {
    color: #000000;
    /* text-align: center; */
    margin: 5px;
    margin-left: 2px;
}