th.chkbox, th._id, th.id, th.dummyid, .dpage th._id{
    border-left: 0 none !important;
    max-width: 75px;
    text-align: center;
    width: 6.3%;
}

.addMember th.chkbox, .addMember th._id{
    width: 4%;
}

.holidays th.id{

    width:6.3%;
}

th.name, .holiday th.name,.addMember th.name,th.dummyname,.dpage th.name{
    width: 23%;
}
th.designations,th.dummydesignations,.addMember th.designations{
    width: 21.4%;
}
th.departments,th.dummydepartments,.addMember th.departments{
    width: 21.4%;
}
th.manager,.addMember th.manager,th.dummymanager{
    width: 15%;
}
th.apps {
    width: 10.6%;
}
th.team {
    width: 14.2%;
}
th.location,.addMember th.location,th.dummyworkaddress.city{
    width: 15%;
}
.addMember .location {
    width: 27.8%;
}
th.members_count,th.dummymembers_count {
    width: 10%;
}
th.created_on,th.created_on {
    width: 30%;
}
th.date,th.dummydate {
    width: 21%;
}
th.empty {
    width: 28.2%;
}
.tableDesignation {
}
.tableDesignation th.designation {
    width: 17.4%;
}
.tableDesignation th.team {
    width: 14.2%;
}
.zi {
    z-index: 99999;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
.newarrowDwAP {
    background: url("../images/arrow-dropdown.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 15px;
    margin: 7px 0 0 7px;
    width: 15px;
}
.currentUser .name {
    color: #5eabec;
}
.repTxtHeadRP {
    float: left;
    font-weight: bold;
    height: 20px;
    left: 25px;
    position: relative;
    top: -23px;
    width: 100%;
}
.subRepTxtHeadRP {
    float: left;
    height: 20px;
    left: 25px;
    position: relative;
    top: -23px;
    width: 100%;
}
.loadingPicHold {
    background: url("../images/loading.gif") no-repeat scroll 50% center #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    float: left;
    height: 63px;
    margin: 5px;
    width: 63px;
}
.control label {display: inline-block; vertical-align: top; width: 150px;}
.control .element {display: inline-block;}
.table-container table {width: 100%;}
.sorted {background-color: #f5fbfa;}

td.sorted {color: #2f9bb6; font-family: 'robotomedium';}

/*

th.sorted.order-dsc {
    background: url("../images/sort.png") no-repeat scroll 94% 21px #e9eded;
}
th.sorted.order-asc {
    background: url("../images/sort.png") no-repeat scroll 94% -18px #e9eded;
}

*/
.notificationInfoHold {
    border-radius: 3px;
    font-family: roboto;
    height: 40px;
    left: 40%;
    line-height: 23px;
    margin: 0 auto;
    padding: 0 20px;
    position: fixed;
    top: 0;
    vertical-align: middle;
    width: 40%;
    z-index: 3;
}
.successHold, .alertHold, .errorHold {
    animation: 3s ease 0s normal none 1 running myfirst;
    top: 0;
}
.peopleImg {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.formPos {
    position: relative;
    top: 363px;
}
.squaredThree label {
}
.selectMember div {
    display: inline-block;
}



/*.rHeader {
    width: 120%;
}
.rHeader .leftSectionUM {
    width: 140%;
}*/



.rHeader .leftSectionUM h3 {
    display: inline-block;
    padding: 0;
    width: 120%;
}
.tableHolder {
    width: 100%;
}
.icon-male-new {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NDEuOSA1OTUuMyIgPjxwYXRoIGZpbGw9IiNCMEJFQzUiIGQ9Ik01NDAuNCAzMzFjLTEyLjkgMjIuMy0yNi41IDQxLjItNDYuMyA1MS4zYy00MC44IDIxLjEtNzAuOCAzOC4zLTcwLjggMzguM2wwLjMtMC4xdi0wLjV2MC4ydi0wLjJ2MC41IGwtMC4zIDAuMWMwIDAtMzAuNC0xNy03MS4yLTM4LjNjLTE5LjgtMTAuMy0zNy40LTI5LjEtNTAuNC01MS4zYy02MC40IDI0LjgtMTA1LjMgODIuMS0xMDUuMyAxMzEuOWMwIDUyLjYgMCAxMDMuNSAwIDEwMy41aDIyNi44IGgwLjhoMjE2LjJjMCAwIDAtNTEgMC0xMDMuNUM2NTAuOSA0MTMuMSA2MDAuOCAzNTUuOSA1NDAuNCAzMzF6Ii8+PHBhdGggZmlsbD0iI0IwQkVDNSIgZD0iTTMwMi44IDI1OS43YzE3LjMgNTcuNiA2MS45IDExNy40IDEyMS45IDExNy40YzYwLjEgMCAxMDQuNy01OS44IDEyMS45LTExNy40YzE0LjgtNS4yIDI3LjItMjAuMiAzMi0zOS42IGM2LjYtMjYuNi0zLjEtNTEuNC0yMi4xLTU4LjhjMS43LTcgMi42LTE0LjMgMi42LTIxLjdjMC02My4yLTYyLjItMTE0LjMtMTM4LjgtMTE0LjNzLTEzOSA1MS4yLTEzOSAxMTQuM2MwIDkgMS40IDE3LjggMy43IDI2LjEgYy0xMy43IDEwLjUtMTkuOSAzMS44LTE0LjMgNTQuNUMyNzUuNiAyMzkuNSAyODggMjU0LjUgMzAyLjggMjU5Ljd6IE0yOTMuNiAxODYuM2MyLTMuNCA0LjYtNS42IDgtNi41YzAuNi0wLjEgMS40LTAuMiAyLjEtMC4yIGMwLjYgMCAxLjEgMCAxLjcgMC4xbDkuNiAwLjlsMS40LTkuNmMyLjktMjAgOS4xLTM4IDE3LjctNTMuM2MxNi4yIDE4LjUgNDguNSAzMSA4NS42IDMxYzQyIDAgNzcuOC0xNiA5MS0zOC41IGMxMS4xIDE2LjkgMTguOSAzNy40IDIyLjQgNjAuOGwxLjQgOS42bDkuNi0wLjljMS40LTAuMSAyLjctMC4xIDMuOCAwLjFjMC43IDAuMSAxLjEgMC42IDEuOCAwLjhjOC43IDMuOSAxMy4xIDE5LjMgOS40IDM0LjYgYy0zLjggMTUuNi0xMy45IDI0LjgtMjEuOSAyNS44bC02LjYgMC45bC0xLjggNi41Yy0xNC41IDUzLjctNTQuOCAxMDguMi0xMDQuMiAxMDguMnMtODkuNy01NC40LTEwNC0xMDguMmwtMS44LTYuNWwtNi42LTAuOSBjLTgtMS0xOC0xMC40LTIxLjktMjUuOEMyODcuNyAyMDQuMSAyODkuMiAxOTMgMjkzLjYgMTg2LjN6Ii8+PC9zdmc+") no-repeat scroll center center / 73px auto #ffffff;
    border: 1px solid #ececec;
    border-radius: 3px;
    display: inline-block;
    height: 50px;
    margin: 5px 10px 5px 5px;
    vertical-align: top;
    width: 50px;
}
.holdSrch .srch01 {
    max-height: 292px;
}
.third-level > ul {
    background: none repeat scroll 0 0 #c6c6d0;
}
.third-level li.active {
    background-color: #b0bec5;
}
.fwb {
    font-weight: bold;
}
.fwn {
    font-weight: normal;
}
.errorTxt {
    width: 25%;
}
.bt.disable {
    opacity: 0.5;
    pointer-events: none;
}
.bt.disable:hover {
    cursor: not-allowed;
}
.added {
    background-color: #ffff00;
}
.displayDown {
    bottom: 67%;
}

.loader {
    pointer-events: none;
}
.line {
    background: none repeat scroll 0 0 #4a8df8;
    height: 2px;
    position: absolute;
    width: 0;
}
.line1 {
    background: none repeat scroll 0 0 #4a8df8;
    height: 2px;
    position: absolute;
    width: 400px;
}
.slider {
    height: 2px;
    margin-top: -30px;
    position: absolute;
    top: 193px;
    width: 200px;
}
.main-line1 {
    background: none repeat scroll 0 0 #4a8df8;
    height: 2px;
    position: absolute;
    top: 48px;
    width: 100%;
}
.main-line {
    background: none repeat scroll 0 0 #4a8df8;
    height: 2px;
    position: absolute;
    top: 48px;
    width: 0;
}
.left {
    z-index: 11;
}
.z10 {
    z-index: 10;
}
.z9 {
    z-index: 9;
}
.z11 {
    z-index: 11;
}
.dd-options {
    z-index: 12;
}
.pA {
    position: absolute;
}

.w241 {
    width: 241px;
}
.pf {
    position: fixed;
}
.holHeaderHold {
    margin: 10px 0;
}
.h70 {
    height: 70px;
}
.holiday .row {
    margin-left: -6px;
    margin-right: 0;
    margin-top: 4px;
}

.t-4{

    top:-4px;
}

.w91pc{width:91%;}
.t-142pc{top:-142%;}

.r0{
    right:0px;
    top: 48px;
}
.right0{
    right: 0;
}
.r-400{right:-400px;}

.l16pc{left:16.7%;}

 .frame {
    height: 951px;
    overflow: hidden;
    position: fixed;
    top: 0;
}

.t17-5pc{top:17.5%;}
.holiday .rHeader .border11{border:1px solid #ececec;}
.holiday .rHeader .border1{border:1px solid #ececec;}
.holiday .rHeader .border111{border:1px solid #ececec;}




.searchBoxPopup{position:absolute;top:-3px;left:2px;}

.z9{z-index:11;}
.z10{z-index:10;}


.redLoader {
    width: 0%;
    height: 2px;
    background: #4a8df8;
    position: fixed;
    left:0px;
    z-index: 11;
    top:65px;
}

.redLoader1 {
    width: 100%;
    height: 2px;
    background: #4a8df8;
    position: fixed;
    left:0px;
    z-index: 11;
    top:65px;
}

.l95{left:95px;}
.t166{top:166px;}

.t11{top:11px;}
.t9{top:9px;}
.t46{top:46px;}
.l-590{left:-590px;}

.t44{top:44px;}
.l0{left:0px;}

.loaderFull{left:194px; width:87%; background-color: #fff; z-index: 10;}
/* .mainMiniLoader{left:0px;width:100%;} */

.w29-pc{width:29%;}
.h100{height:100px;}
input.loader{background-image:url(../images/loader_small.gif);background-repeat:no-repeat;background-position:95% 50%;transition: none;}
.st0{fill:#fff;;stroke:#5896cc;stroke-width:2;stroke-miterlimit:10;}
.st0{ stroke-dasharray: 2000; stroke-dashoffset:0; -webkit-animation: dash 3s linear infinite; -o-animation: dash 3s linear infinite; -moz-animation: dash 3s linear infinite; animation: dash 3s linear infinite; }
@-webkit-keyframes dash {
from
{ stroke-dashoffset: 2000; fill:rgba(0,0,0,0); }
to
{ stroke-dashoffset: 0; fill:#5896cc; }
}

.minH503{min-height:503px;}
.picLoader{position:relative;top:-91%;left:-60%;}
.popupHold{z-index:11;}

.containt .dn{display:none;}
.searchHold .dn{display:none;}


 .right .rHeader .dn{display:none;}



.bgxp97pc{background-position-x:97%;}

.fa-spin{-webkit-animation:fa-spin 9s infinite linear;}


/* Ankit CSS -- */

.inputRange{
    height: 35px;
}
.rangeInputClass{
    position: relative;
    font-size: 13px;
    width: 100%;
    height:45px;
}
.minVal{
    color:#000;
    font-size:12px;
    position:absolute;
    left:0%;
    display:inline-block;
    bottom:0%;
}
.maxVal{
    color:#000;
    font-size:12px;
    position:absolute;
    right:0%;
    bottom:0%;
    display:inline-block;
}

.mainContentSection .lable01 span{

    padding-left: 20px;
}

/*.info02 {
    background-color: #ffd54f;
    border-radius: 3px;
    display: block;
    float: right;
    line-height: 30px;
    padding: 0 20px 0 10px;
    text-transform: none;
    position: absolute;
    right: 3.5%;
    top:277px;
    z-index: 11;
}*/

.info02 .fa-info-circle {
    font-size: 20px;
    margin-right: 3px;
    position: relative;
    top: 3px;
}

.info02 .btClose {
    top: 0;
    cursor: pointer;
}

.ml5{margin-left:5px;cursor:pointer;}

.leftPart .card01 {
    height: auto; min-height: 80px; padding: 5px 0 0 5px;
}
.leftPart .card01:hover {
    background: url("images/arrow_set2.png") no-repeat scroll 96% 50% #F3F4F9;
    cursor: default;
}

.leftPart .card01 .hold01 {
    clear: both;
    width: 70%;cursor: pointer;
}

.leftPart .card01 .hold02 {
    font-weight: normal;
    padding: 5px 8px 0 7px;
    width: 46%;cursor: pointer;
}


.help .headHold{

    cursor:pointer;
}
.width100{width:100%;}

.icon-mis {
background: url('../images/icon-apps.png') no-repeat;
display: inline-block;
}

.icon-social {
background: url('../images/icon-social.png') no-repeat;
display: inline-block;
}

.subMenuHold>ul .dn{
    display:none;
}

.popupHold .list {
    height: 440px;
    overflow-x: hidden;
    position: absolute;
    top: 40px;
}

/* Ankit App Studio Dropdown -- List Link Component  */

.appBox{
    height: 365px;
    width: 600px;
    background-color: #b2b2b2;
    padding: 5px;
}
.appBox .inputHold02{
    float: none;
}
.appBox .leftBoxArea{
    width: 290px;
    height: 355px;
}
.appBox .rightBoxArea{
    width: 291px;
    height: 465px;
    margin-left: 5px;
}

.appBox .boxHeader{
    width: 100%;
    height: 42px;
    background-color: #e5e5e5;
    border-bottom: 1px solid #b2b2b2;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    font-family: 'robotobold'; text-transform: capitalize;
    line-height: 32px;
}

.appBox .boxHeader .searchIcon .fa{
    font-size: 14px;
    color: #b2b2b2;
    cursor: pointer;
}
.appBox .boxBody{
    width: 100%;
    height: 271px;
    background-color: #FFF;
    overflow-x:hidden;
    position: relative;
}
.appBox .boxFooter{
    width: 100%;
    height: 42px;
    background-color: #e5e5e5;
}

.appBox .leftBoxArea .leftBoxItem{
    width: 100%;
    height: 38px;
    border-bottom: 1px solid #f5f5f5;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'roboto';
}
.leftBoxItem.selected {
    background-color: #f5f5f5; font-family: robotobold;
}
.appBox .leftBoxArea .leftBoxItem:hover,.leftHover{
    background-color: #dde0e4;
    font-family: 'robotobold';
}
.appBox .leftBoxArea .leftBoxItem .txtLabel{
    font-size: 12px;
    line-height: 30px;
    vertical-align: top; text-transform: capitalize;
    margin-left: 8px;
}
.appBox .leftBoxArea .leftBoxItem .closeIcon{
    font-size: 16px;
    line-height: 27px;
    color: #565656;
    cursor: pointer;
}

.appBox .boxHeader .closeIcon{
    font-size: 16px;
    margin-left: 10px;
    color: #565656;
    cursor: pointer;
    line-height: 31px;
}



.appBox .rightBoxArea .rightBoxItem{
    width: 100%;
    height: 42px;
    line-height: 30px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 5px;
    padding-bottom: 5px; text-transform: capitalize;
    font-family: 'roboto';
}
.appBox .rightBoxArea .rightHover{
    background-color: #cccccc;
    font-family: 'robotobold';
}

.appBox .rightBoxArea .rightHover input{
     background-color: #cccccc;
}



.appBox .rightBoxArea .rightBoxItem .txtLabel{
    font-size: 12px;
    font-family: 'roboto';
    vertical-align: top;
    margin-left: 6px;
    font-family: 'roboto';
}
.appBox .rightBoxArea .rightBoxItem .barsIcon{
    font-size: 18px;
    color: #b8b8b8;
    cursor: pointer;
    vertical-align: top;
}
.appBox .rightBoxArea .rightBoxItem .closeIcon{
    font-size: 16px;
    line-height: 31px;
    color: #565656;
    cursor: pointer;
}

.appBox .buttonF {
    width: auto;
    /* height: 16px; */
    padding: 2px 15px;
    border: 1px solid #8a8a8a;
    color: #4d4f53;
    text-shadow: -1px 1px 0 #f7f7f7;
    border-radius: 2px;
    background: url(../images/bg-button03.png);
    font-weight: bold;
    margin: 9px 6px;
    float: none;
}

.appBox .buttonF:hover {
    background: url(../images/bg-button03_o.png);
    cursor: pointer;
}

.appBox .searchBox{
    display: inline-block;
    width: auto;
    height: 28px;
    float: right;
}
.appBox .searchBox .searchIcon{
        width: auto;
    display: inline-block;
    float: right;
    margin-left: 5px;
}
.appBox .searchBox .searchArea{
    display: inline-block;
    float: right;
    position: relative;
    z-index: 100;
}
.appBox .searchBox .searchArea .clear {
    float: right;
    text-align: right;
    position: absolute;
    top: 0px;
    right: 5px;
    cursor: pointer;
}
.appBox .searchBox .searchArea .clear .fa{
    font-weight: normal;
    font-size: 12px;
}
.appBox .searchBox .searchArea input {
    width: 0px;
    display: inline-block;

    float: right;
    border-radius: 3px;
    border: 0px solid #e1e1e1;
    padding: 0px;
    font-size: 12px;
    line-height: 30px;
}
.appBox .searchBox .searchArea .animatedSearchOpen {
    -webkit-animation: openSearch 1s 1;
    animation: openSearch 0.5s 1;
    width: 120px;
    border: 0px solid #e1e1e1;
    padding-left: 5px;
    padding-right: 22px;
}

.appBox .searchBox .searchArea .animatedSearchClose {
    -webkit-animation: closeSearch 1s 1;
    animation: closeSearch 0.5s 1;
    width: 0px;
    padding: 0px;
    margin-bottom: 0px;
    border: 0px solid #e1e1e1;
}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes openSearch {
    from {width: 0px;}
    to {width: 120px;}
} 

/* Standard syntax */ 
@keyframes openSearch {
    from {width: 0px;}
    to {width: 120px;}
}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes closeSearch {
    from {width: 120px;}
    to {width: 0px;}
} 

/* Standard syntax */ 
@keyframes closeSearch {
    from {width: 120px;}
    to {width: 0px;}
}

/* ------- Ankit CSS ENds ------------ */

.l23pc{left:23%;}
.no-border{border: none ! important}
.m0{margin:0px;}


/* ----------- Dropdown Checkbox ---------- */

.dropDownHold2 {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cfcfcf;
    border-radius: 0 0 3px 3px;
    display: inline-block;
    left: 0;
    position: absolute;
    text-align: left;
    top: 35px;
    width: 184px;
}

.dropDownHold2 > li {
    padding: 5px;
}
.dropDownHold2 label {
    margin-left: 6px;
}

.dropDownHold2 > li:hover {
    background-color: #efefef;
}

 .dropDownHold2 input {
    width: auto;
}

.dropDownHold2 .btHold {
    background-color: #efefef;
    border-top: 1px solid #cfcfcf;
}
.table .dropDownHold2 .bt {
    min-width: 80px;
    padding: 0;
}

.appSettingBody .pdbt0{padding-bottom:0px;}

.dibw18pc{display:inline-block;width:18%;}

.contentHoldSrch .closeIc{
    display: inline-block;
    line-height: 45px;
    font-size: 16px;
    float: right;
}

.mL0{
    margin-left: 0px;
}
.custCss{
    width: 300px;
    margin-left: 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 15px; margin-bottom: 15px;
}
.custCss:hover{cursor: default;}
.left-10{
    left: -10px;
}


.holidayDate .w50{
    
}


/* loader customized for popup*/
.loaderCustomPopup{    
    position: relative;
    display: block;
    margin: auto;
    left: 0%;
}

.ownersInfo .hiddenInp{

    position:fixed;
    right:-20%;
    top: 10%;
    border:none;
}

/* Neel Changes */

/* No Results Display */

.searchNullDisplay p{display:block;}

/* Neel Changes End */

/*changes from Ravi, to scale down canvas while saving bigger image */
 .awesome-cropper canvas {
 transform-origin: top left;
 transform: scale(0.325);
 }

/*changes from Praveen, to add error message in loginTempate */
.error-message{
    text-align: center;
    color: red;
    margin-top: 20px;
    font-size: 14px;
    font-family: "robotomedium";
}

.signin .login-block .login-error{
    border-color: red;
}

/*changes from Praveen,to scale margin in holidayProfileEdit <p> tag */
.rHeader .searchNullDisplay p{
    margin-top: 50px;
}

.notiAlertText p{
    display: block;
}
.bdyDv p{
    display: block;
}
.error .icon-alert, .info .icon-alert {
    height: 100%;
}
.rHeader .divHold .containt > h3{
    width: 100%;
}

.leftPart .fieldHold .txt{
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
    white-space: nowrap;
}
.ui-sortable-handle{
    height: 50px;
}
.ui-sortable-handle .info02.js-warningBox{
    margin: 15px 5px 0 0;
}
.appBox .leftBoxArea .leftBoxItem .txtLabel{
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 38px;
}
.appBox .rightBoxArea .rightBoxItem .txtLabel{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.head.ui-sortable > div{
    height: 50px;
}
.rightBoxItemBg{
   background-color:#f6eac4;
}
.delete-message{
    margin-top: 5px;
    right:0; 
    display: inline; 
}
.delete-messagebg{
    background-color: red;
    opacity: 0.5;
}
.delete-message .bt{
    font-size: inherit;
    height: auto;
    line-height: 20px;
    padding: 0 7px;
    margin: 0 2px;
    font-family: "robotomedium";
    background: #e0e0e0;
    color: rgb(50, 50, 50);
    border: 1px solid #cccccc;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    min-width: 40px;
}