@charset "UTF-8";

body {color: #3e3e3e; font: 400 13px/1.667 "roboto";
    position: absolute; padding:0; margin:0; background-color: #fff; height: 100%; width: 100%; -webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-duration: 0.1s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; overflow: hidden; 

}

input {border: 1px solid #CFD8DC; background: #fff; padding: 5px; font-family: robotomedium; /*text-transform: capitalize;*/}

::-webkit-input-placeholder {font-family: roboto;}
:-moz-placeholder { /* Firefox 18- */font-family: roboto;}
::-moz-placeholder {  /* Firefox 19+ */font-family: roboto;  }
:-ms-input-placeholder {font-family: robotolight;}
:focus {outline: #4d90fe solid 1px;}
input[type=text]:focus {outline: none; box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); border: #4d90fe solid 1px;}
/*input:focus {outline: none;}*/
h4, .headerTxt {font-size: 21px; font-family: "roboto";}

a:focus {outline: medium none;}
ol {display: block; list-style-type: decimal; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;}
ol {counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */ *list-style: decimal; /* Keep using default numbering for IE6/7 */   padding: 0; text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol {margin: 0 0 0 2em; /* Add some left margin for inner lists */}

.clearable {background:url("../images/ic_close_11x11.png") no-repeat scroll right -15px center / 11px 11px #fff; transition: background 0.4s; /*Remove this line if issues in Chrome (02.2014)*/}
/* (jQ addClass:) if input has value: */
.clearable.x {background-position: right 5px center !important; }
/* (jQ addClass:) if mouse is over the 'x' input area*/
.clearable.onX { cursor:pointer;}


.mainDiv{width:100%; margin:0 auto;height: 100%;}

.header{width: 100%; background-color: #228ce6;height: 65px; /*border-bottom: 1px solid #089db5;*/ padding: 14px 15px; position: fixed; top: 0; left: 0; z-index: 999;}
.header .edit-Icon{cursor: pointer; color: #607d8b;}
.header .edit-Icon:hover{color: #323232;}
.shadow {box-shadow: 0 0px 1px rgba(0,0,0,0.5); background-color: rgba(0, 184, 212, 0.9); transition: all 500ms ease 0s;}
.header .logo{width: 30%; height: 38px; display: inline-block; /*background:url('../images/logo.png') no-repeat;*/ background-repeat: no-repeat; background-size: auto 85%; font-size: 26px; font-family: robotomedium; color: #fff;}
.header .vLine{width: 2px; /*height: 100%;*/ display: inline-block; border-right:1px solid #07C6E4; border-left: 0; margin: 0 5px 0 5px; padding: 0 0 45px; position: relative; top: -4px; }
.header .notificationHold{display: inline-block; position: relative; width: 25px;}
.header .notificationHold .iconNotification{width: 21px; height: 18px; display: inline-block; background: url('../images/sprite_v1.png') -105px -47px; margin: 9px 0 0;}
.header .notificationHold .iconNotification:hover { background: url('../images/sprite_v1.png') -105px -76px; cursor: pointer; transition: none;}
.header .notificationHold .number{min-width: 16px; height: 16px; display: inline-block; margin: 9px 0 0; position: absolute; top: -4px; right: -7px; background: #ec1a29; border: 1px solid #895c71; border-radius: 15px; color: #fff;}
.header .notificationHold .number span{ float: left; font-size: 11px; margin: -2px 3px 0;}

.header .gear {cursor: pointer; color: #0098b7; color: #fff; margin: 0 5px 0 13px;}
.header .gear:hover {cursor: pointer; color: #cfd8dc ; }
.header .gear.active {color: #cfd8dc ; }
.header .gear::after {content: "\e800"; font-size: 17px; line-height: 40px; height: 40px; display: inline-block; font-family: eiris-fonts;}
.header .userDetails{padding-right: 13px;}

.userDetails .headerMenu {position: absolute; top: 35px; right: 12px; color: #999; width: 100px;}
.userDetails .headerMenu ul {border: 1px solid #cfd8dc; background-color: #fff; border-radius: 3px;position: relative; top: -7px; z-index: 1;}
.userDetails .headerMenu li {padding: 0 15px; line-height: 34px;height: 35px;}
.userDetails .headerMenu li:hover {background-color: rgba(0, 152, 183, 0.10); cursor: pointer;}
.headerMenu .arrowUp {border-right: 7px solid rgba(0, 0, 0, 0);border-bottom: 7px solid #fff; border-left: 7px solid rgba(0, 0, 0, 0); display: inline-block; height: 0; width: 0; position: relative; right: -73px; z-index: 2;}

.userDetails{display: flex;display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flexbox; color: #fff; /*padding-right: 13px;*/}
.userDetails:hover{cursor: pointer; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); border-radius: 20px 3px 3px 20px; cursor: pointer; }
.userDetails .userImage{width: 38px; height: 38px; background-color: #fff; display: inline-block; border-radius: 20px;}
.userDetails .userName{font-size: 17px; display: inline-block; font-family: "robotolight";  padding:4px 10px; vertical-align: middle; text-transform: capitalize;}
.userDetails .downArrow{width: 9px; height: 5px; background: url('../images/sprite_v1.png') -83px -47px; display: inline-block; margin: 16px 0 0;}

.userDetails .userImageMale {background: url("../svg/profile-male.svg") repeat scroll 0 0; background-size: 103%;background-position: -1px 0px; background-color: #fff;}
.userDetails .userImageFemale {background: url("../svg/profile-female.svg") repeat scroll 0 0 ;background-size: 103%;background-position: -1px 0px; background-color:  #fff;}
.userDetails .userImageUser {background: url("../svg/profile-user.svg") repeat scroll 0 0;background-size: 103%;background-position: -1px 0px; background-color:  #fff;}

.logout {background-color: #30c8e4;clear: both; display: inline-block; float: left; height: 32px; line-height: 32px; padding: 0 20px; position: absolute; right: 60px; text-align: center; top: 52px; width: 190px;}
.logout:hover {color: #006884;}
.content{ width: 100%;height: 100%; overflow: auto;}

.left{width: auto; float: left; height: 100%; left: 0; position: fixed; top: 65px; z-index: 3; }
.mainMenuHold{height: 100%; background-color: #2f353e; display: inline-block; position: relative; z-index: 4;}
.mainMenuHold .sidebar-elements > ul {padding: 0;list-style: outside none none;transition: all 500ms ease; width: 45px; overflow: hidden;}
.mainMenuHold .sidebar-elements > ul li {width: 100%;}
.mainMenuHold .sidebar-elements > ul li a {padding:10px 0px 0 52px; border-bottom: 1px solid #4c5964; box-sizing: border-box; color: #ffffff; cursor: pointer; display: block; font-size: 14px; height: 60px; line-height: 40px; position: relative; white-space: nowrap; font-family: roboto;}

.mainMenuHold .sidebar-elements > ul:hover {width: 150px;}
.mainMenuHold .sidebar-elements > ul li:hover {background-color: #212121;}
.mainMenuHold .sidebar-elements > ul li.active {background-color: #212121;}

.icon-dashboard {background: url('../images/icon-dashboard.png') no-repeat; display: inline-block;}
.icon-dashboard:hover {background: url('../images/icon-dashboard.png') no-repeat; display: inline-block;}
.icon-people {background: url('../images/icon-users.png') no-repeat; display: inline-block;}
.icon-apps {background: url('../images/icon-apps.png') no-repeat; display: inline-block;}
.icon-org {background: url('../images/icon-org.png') no-repeat; display: inline-block;}
.icon-system {background: url('../images/icon-settings.png') no-repeat; display: inline-block;}
.icon-accounts {background: url('../images/icon-accounts.png') no-repeat; display: inline-block;}

.subMenuHold{width: 151px; background-color: #d4d6d7; border-right: 1px solid #bfbfbf;height: 100%; display: inline-block; font-family: "robotolight"; left: 0; position: relative; z-index: 3; transition: all 500ms ease 0s;overflow-x: hidden;}
.subMenuHold ul {padding: 0;list-style: outside none none;}
.subMenuHold ul .heading {font-size:18px; color: #fff; background-color: #afbabf; height: 60px;padding-top: 7px;  line-height: 45px; padding-top: 7px; padding-left: 20px;}
.subMenuHold ul .heading:hover {background: #afbabf;}
.subMenuHold ul .active, .subMenuHold ul .active:hover {background-color: #4db6ac;cursor: default; }
li.users .arrow{display: inline-block; height: 10px; left: -7px; position: relative; width: 10px; background: url("../images/sprite_v1.png") no-repeat scroll -83px -87px rgba(0, 0, 0, 0);}
li.users .arrowR {background: url("../images/sprite_v1.png") no-repeat scroll -113px -146px rgba(0, 0, 0, 0);}
li.users .arrowD {background: url("../images/sprite_v1.png") no-repeat scroll -83px -87px rgba(0, 0, 0, 0);}

.subMenuHold > ul li {width: 150px; border-bottom: 1px solid #c2c5c8; box-sizing: border-box; color: #4d4f53; cursor: pointer; display: block; font-size: 13px; /*height: 40px; line-height: 38px;*/ /*overflow: hidden;*/ position: relative; transition: all 100ms linear 0s; white-space: nowrap; /*padding:0 0 0 20px;*/}
.subMenuHold li a {color: inherit; font-family: roboto; height: 40px; line-height: 38px; padding: 1px 0 0 30px; display: inline-block; width: 100%;}
/*.subMenuHold li.active a {pointer-events: none;}*/
.subMenuHold > ul li:hover {background-color: #bed3d7; }
.subMenuHold > ul .btCreateNewField{/*position: absolute; bottom:0; border-top: 1px solid #b2b5b8;*/ height: 40px; padding: 0px 20px; line-height: 40px; font-family:roboto;background-color: #CBCDCE; cursor: default;}
/*.subMenuHold > ul .btCreateNewField:after{content: "\e005"; font-size: 15px;position: absolute; right: 14px; font-family: eiris-fonts; top: 2px; color: #607d8b;}*/
.btCreateNewField .icon-add2 {position: absolute; right: 15px;top: 4px;}
.btCreateNewField .icon-add2:hover {background-color: #999; padding: 0 9px; vertical-align: top; text-align: center; height: 30px; border-radius: 20px; color: #fff; width: 30px; right: 5px; cursor: pointer;}

.subMenuHold ul .iconAdded{width:11px; height: 11px; display: inline-block; background: url("../images/sprite_v1.png") repeat scroll 55px 0px rgba(0, 0, 0, 0); position:absolute; left:124px; top:13px; padding:10px;}
.subMenuHold ul .iconAdded:hover {background: url("../images/sprite_v1.png") repeat scroll 33px 0px rgba(0, 0, 0, 0);}
li.newNode a{width: 82%;}

.active > ul {background: none repeat scroll 0 0 #c6c6d0;}
.active li a {padding: 5px 0 5px 40px;}
.users li.active {background-color:#b0bec5;}

.pageLoader {background: none repeat scroll 0 0 rgb(74, 141, 248); height: 2px; left: 0; position: fixed; width: 0; z-index: 11;}
.loaderFull, .loaderHalf {opacity:.8; position:fixed; left:0; top:0; width:100%; height:100%; z-index:3}
.loaderHalf {z-index:2; height: 64%; left: 231px; top: 329px; width: 81%;}
.tableHold .loaderFull {height: 100%; top: 0; position: absolute; left: 0; width: 100%;}
.tableHold svg {position: fixed;top: 63%;left: 55%;}
.tableHold td .empty{text-align: center;}

/*.table-container{position:relative;} commented to get table-footer to bottom of add user popup*/
.table-container .loaderFull {position: absolute; top: 0; left: 0; z-index: 8; width: 100%;}

.addUsersSection .table-container .loaderFull {z-index: 12;}

.subSection .loaderFull {top: 0; left: 0; height: 220px; position: absolute; width: 100%;}

.tableLoader {height: 90%; position: absolute; width: 97%;opacity:0.5;}

.bt.loader, .bt2.loader{background:url(../images/loader_small.gif) no-repeat 50% 50% #cccccc;opacity:0.5;}

.mainRight {width: 83%; left: 17%; position: relative; top: 65px; float: left; /*overflow: hidden;overflow to hide the right panel*/min-height: 90%;overflow-x: hidden;}
.right .rHeader {width: 97%; display: inline-block;}
.right .rHeader h3 {/*border: 1px solid #fff;*/ width: 500px; display: inline-block; padding: 0; font-size: 30px; font-family: "robotolight"; color: #4d4f53; height: 49px; line-height: 49px; margin: 0; text-transform: capitalize;}
.right .rHeader.edit h3{padding: 0; margin: 10px 0 20px;height: 50px;}
.right .rHeader.edit .icon-edit2 {/*background: url("../images/sprite_v1.png") no-repeat scroll 7px -227px #f1f1f1;*/ border-radius: 3px; display: none; height: 40px; left: -47px; position: relative; top: -8px; width: 40px; visibility: visible; float: none;}
/*.rHeader.edit h3.active {border: 1px solid #cccccc;}
.rHeader.edit:hover h3 {border: 1px solid #ececec;}*/
.rHeader.edit:hover .icon-edit{display: inline-block;}
.icon-edit .disable{display: none;}
.rHeader p {width: 100%; display: none; padding: 10px 0 25px; font: 13px "robotolight"; color: #5d5c5d; text-transform: none;}
.rHeader .bt2 {background-color: #9ccc65; border-radius: 3px; font-size: 20px; height: 40px; left: 422px; line-height: 40px; padding: 0 20px; position: absolute; top: 20px; width: auto;}
/*.edit .bt {font-family: roboto; font-size: 20px; height: 55px; line-height: 55px; min-width: 160px; padding: 0 25px;}*/
.edit .bt2 {background-color: #81d4fa; border-color: #71c4df; position: inherit;}
.edit input{border: 1px solid #ccc; border-radius: 3px; height: 50px; line-height: 50px;}

.saveDetails {display: inline-block; float: right; margin-top: 20px;}
.saveDetails span {font-size: 11px; font-style: italic; margin-right: 5px; color: #999;}
.tableHold{width: 97%; position: relative; text-transform: capitalize; }
.containt .tableHold{width: 100%;display: inline-block;}
.actionBtHold{width: 100%; margin: 10px 0 10px 0px; display: inline-block;padding: 0;}
.vLine{height: 100%; width: 1px;  margin: 0 5px 0 2px; padding: 7px 0; border-left: 1px solid #9b9b9b; display: inline;}

.bt, .containt .bt, .workingDays .bt{font-size: inherit; height: auto; line-height: 35px;padding: 0 20px; 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: 100px;}
.bt:hover {background-color: #cecece; cursor: pointer;}
 

.dropdownLabel{padding: 5px 20px; margin: 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: 120px;}
td.sub{padding: 6px 1.5% !important;}
td.sub div{display: block; line-height: 37px; position: relative; top: -8px;}
td.sub span{color: #b9b9b9;}
td.sub .subName{ font-size: 11px;line-height: 0;}


.table .blank p {min-height: 260px;}

.table > thead > tr > th:hover{background-color:#e9eded;}
.table > thead > tr > th.first, .table > thead > tr > th.id{border-left: 0; min-width: 6%;}
.table > thead > tr > th.last{border-right: 0;}
.table > thead > tr > th.order-dsc{background:url("../images/sort.png") no-repeat scroll 94% 21px #e9eded;}
.table > thead > tr > th.order-asc{background:url("../images/sort.png") no-repeat scroll 94% -30px #e9eded;}
.table > tbody > tr > td.sortColor{background-color: #f5fbfa; color: #2f9bb6; font-weight: bold;}

.searchHold {display: inline-block;top: 5px;position: relative;}
.searchHold.icon-search:before {left: 20px; position: relative; top: 12px;color: #bcbcbc; display: inline-block;}
.searchHold.icon-search > input {padding-left: 24px;}
.searchHold .icon-search {color: #999999; font-size: 15px; height: 38px; line-height: 38px; position: absolute; right: 10px; top: 0px; transition: all 0.5s ease 0s;}
.searchHold input, .containt input, .header input{height:30px; border: 1px solid #ebebeb; /*background-color: #f3f3f3;*/border-radius:3px; margin: 0 0 0px -3px; padding: 0 5px 0 15px;display: inline-block;line-height:normal; width: 220px;}

.searchInputHold{overflow:hidden; display:inline-block; position: relative;}
.searchHold .dd-select{line-height:28px; background: #f3f3f3; border-right-color: #fff; height: 37px;}
.searchHold{display: inline-block; vertical-align: top;top: 0; left: 0; height: 37px;/*overflow: hidden; removed bcos its effecting people,manager dropdown in user page*/}
.searchHold input {background-color: #ffffff; border: 1px solid #cccccc; height: 37px; line-height: normal; vertical-align: middle; width: 300px; border-radius: 5px; margin:0 0 2px 0; padding:2px 5px 0 10px;}
.icon-search {color: #999999; font-size: 15px; height: 38px; line-height: 38px; position: absolute; right: 10px; top: 2px; transition: all 0.5s ease 0s;}
.searchHold .clearable{background-position:107% 50%;}
.btTrans {cursor: pointer; height: 37px; position: absolute; right: 0; top: 0;width: 28px;}

/*.searchHold .clearable {background-color: #f3f3f3; background-image: url("../images/search_close.png"), url("../images/4zGKXNn.png"); background-position: 108% 6px, -8px -404px; background-repeat: no-repeat; background-size: auto auto; transition: background 0.4s ease 0s;}*/
.searchHold .clearable {/*background-color: #f3f3f3; */background-image: url("../images/ic_close_11x11.png");  background-repeat: no-repeat; background-size:auto; transition: background 0.4s ease 0s;}
.searchHold .clearable.x {background-position: 97% 50% !important; }
.icon-search.x {right: -23px !important;transition: all 0.5s ease 0s;}

.moreOption .searchInputHold input {border-radius: 0 3px 3px 0;}

.tableFoot{width: 100%; display: inline-block;}
.tableFoot .actionBtHold{width: 60%; display: inline-block;}
.tableFoot > .text{padding: 8px 15px;}
.dropDownHold{font-size: 12px;}
.dd-selected{padding: 0 5px 0px 7px;line-height: 28px;}
.dropDownHold .dd-selected, .dd-selected {padding: 0 0 0 10px; height: 28px; line-height: 18px;line-height: 28px;}
.tableFoot .dd-selected {height: 32px; line-height: 32px;}
.dd-selected > label{padding: 0 !important; line-height: 18px;}
label.dd-option-text{padding: 0 !important;}

.fixed {background: none repeat scroll 0 0 #ffffff; position: fixed; top: -30px; z-index: 3;}
.topFix {position: relative; top: 87px;}
.topFix .searchHold {top: 15px;}

.more{text-transform: none;}
th.empty {border-left: medium none !important;text-align: right;width: 22.2%;}

.navArrowHold {display: inline-flex;}
.navArrowLt{ background: url("../images/sprite_v1.png") no-repeat scroll -72px -135px #e0e0e0; border: 1px solid #cccccc; border-radius: 3px; height: 34px; width: 31px; display: inline-block;margin-right: 5px;}
.navArrowRt{ background: url("../images/sprite_v1.png") no-repeat scroll -103px -135px #e0e0e0; border: 1px solid #cccccc; border-radius: 3px; height: 34px; width: 31px; display: inline-block;}
.navArrowLt:hover, .navArrowRt:hover{background-color: #cecece; cursor: pointer;}

.icon-edit2{width:20px; height: 20px; padding: 3px; float: right; visibility: hidden;position: relative;top: 10px;}
.icon-edit2:hover {color: #323232;}
.table-hover > tbody > tr:hover .icon-edit{visibility: visible;}
.table > tbody > tr > td input {border-radius: 3px; line-height: 21px;width: 70%;}
.btOk, .btCancel{ height: 33px;margin: 5px 0 0 -2px;position: absolute;width: 33px;}
.btOk{background: url(../images/sprite_v1.png) no-repeat 3px -289px #9ccc65;}
.btOk:hover{background-color:#85b44a }
.btCancel{background: url(../images/sprite_v1.png) no-repeat -37px -289px #cfd8dc; border-radius: 0 3px 3px 0;margin-left: 31px; }
.btCancel:hover{background-color:#b7ccd1 }

.rHeader .btOk, .rHeader .btCancel{border-radius: 3px; height: 44px; top: 13px;left: 407px; width: 44px;}
.rHeader .btOk {background: url("../images/sprite_v1.png") no-repeat scroll 6px -284px #9ccc65; margin-left: 0;}
.rHeader .btCancel {background-position: -30px -284px; margin-left: 46px;}

.btOk02, .btCancel02{height: 44px; width: 44px; display: inline-block;background: url("../images/bt-ok_cancel02.png") no-repeat; float: right;	}
.btOk02 {background-position: 0px 0px; background-color:#9ccc65;}
.btOk02:hover{background-color:#85b44a; cursor: pointer;}
.btCancel02 {background-position: -44px 0px; background-color: #c3c7c7;}
.btCancel02:hover{background-color: #a7bcc1; cursor: pointer;}

h3 .bt {float: right; font-size: 14px; position: relative; right: 2px; top: -47px;}

/* Making the table header float start*/
.fixedHeader {border-bottom: 0px solid #ccc; position: fixed; top: 65px; width: /*90%*/80.5%; z-index: 9; left: 17%;box-shadow: 0 1px 0px rgba(0,0,0,0.3);}
.fixedHeader .table {margin-bottom: 0;}
.fixedHeader .table>thead>tr>th {background-color: rgba(0,0,0,0);}
.fixedHeader .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{border-bottom: 0px;}
.fixedHeader .table>thead:first-child>tr:first-child>th{border-top: 0px;}
.fixedHeader .actionBtHold{/*padding: 0 3.2% 0;*/ background: none repeat scroll 0 0 #ffffff; margin: 0; line-height: 60px;}
.fixedHeader .table-body {background-color: rgba(229, 229, 229, 0.9);border-top: 1px solid #DDDDDD;/* padding: 0 3%;*/}
.fixedHeader .chkbox {width: 4.85%;}
.fixedHeader .name.sortAsc {width: 16.3%;}
.fixedHeader .designation {width: 20.6%;}
.fixedHeader .manager {width: 16%;}
.fixedHeader .apps {width: 5.5%;}
.fixedHeader .team {width: 14.2%;}
/* Making the table header float end*/

.fixed01{position: fixed; top: -32px; z-index: 3;}

.tableFoot .text{text-transform: none;}

.firstTimeHold {color: #505050; margin-bottom: 10px;}
.firstTimeHold h2 {font-family: robotolight; font-size: 34px; margin-top: 15px; margin-bottom: 5px;}
.firstTimeHold .textInfo {display: inline-block;font-family: roboto; text-transform: none;width: auto;line-height: 26px; margin: 5px 0; padding: 0;}
.firstTimeHold .bt {background: none repeat scroll 0 0 rgb(237, 237, 237); border: 1px solid rgb(204, 204, 204); border-radius: 3px; font-family: robotomedium; margin: 0 5px; padding: 0 10px;line-height: 24px; min-width: 60px; pointer-events: none; cursor: default;}

.firstTimeHold .icon-add_user, .firstTimeHold .icon-add_user_list {display: block; font-size: 20px; height: 40px; line-height: 40px; margin-left: 15px;}
.firstTimeHold .icon-add_user:before, .firstTimeHold .icon-add_user_list:before {margin-right: 10px;}
.firstTimeHold span {font-family: robotomedium; font-size: 13px;}

.firstTimeHold p{color: #323232; padding: 85px 25px; text-transform: none; text-align: center;}

.searchNullDisplay p {text-align: center; margin-top: 50px; text-transform: none; color: #505050;}
.searchNullDisplay span {font-family: robotobold; text-transform: capitalize;}

#count > span {font-family: robotobold;}

/* ============================================================
New Node Start
============================================================ */
.subMenuHold ul .iconAddedActive{background:url("../images/sprite_v1.png") repeat scroll -28px -143px #bdbdbd;border:1px solid #9c9c9c;border-bottom:1px solid #bababa !important;border-radius:3px 3px 0 0;z-index:12}
.subMenuHold ul .iconAddedActive:hover{background:url("../images/sprite_v1.png") repeat scroll -28px -143px #adadad;}
.optionHold{background-color:#bdbdbd;display:block;height:auto;left:26px;position:absolute;text-align:center;top:35px;width:120px;z-index:11;}
.option{border:1px solid #9c9c9c;height:34px;line-height:34px;margin-top:-1px}
.option:hover{background-color:#ccc}
.createdNodes {overflow-x: hidden; text-transform: capitalize;}

.fieldHold {display: inline-block; vertical-align: top; min-width: 275px;}
.fieldHold label {width: 100%; display: inline-block; margin-bottom: 7px;}
.newNode {margin-bottom: 30px; margin-top: 20px;}
.newNode h1 {font-size: 35px; font-family: robotothin; float: left;}
.nodeHeader {border-bottom: 1px solid #ccc; height: 51px; margin-bottom: 30px; display: block;}
.newNode input {height: 35px; line-height: 35px; font-size: 16px;width: 90%;}

.right .rHeader.newNode h3 {margin-top: 5px;}
.newNode > h5 {margin: 30px 0 10px;}
.newNode .btHold{margin-top:20px; display:block; margin-bottom: 20px;}
.newNode .bt2 {position: relative; left: 0; top: 0; vertical-align: top; background-color: #228ce6;}
.btHold2 {border-top: 1px solid #E4E4E4; padding-top: 10px;}
.btDelete {background-color: transparent; border: 0px solid #ff5252; text-transform: none; font-family: roboto; color: #f14040; padding: 0; margin: 0; text-align: left;}
.btDelete:hover {color: #d50d0d; background-color: transparent;}
.newNode .bt{font-family: robotomedium; height: 38px; line-height: 38px; min-width: 120px; font-size: 14px; margin-left: 0; margin-right: 5px;}
.newNode .tooltip01 {background-color: #efee58; border: 1px solid #cccccc; border-radius: 3px; color: #797979; left: 160px; line-height: 19px; padding: 6px 30px 6px 12px; position: absolute; text-transform: none; top: 69px; width: 142px; z-index: 999;}


.tooltip01 .btClose {left: 87%; position: absolute; top: 6px; cursor: pointer;}
.tooltip01 .arrow-left {border-bottom: 10px solid rgba(0, 0, 0, 0);border-right: 10px solid #efef98; border-top: 10px solid rgba(0, 0, 0, 0); display: inline-block; height: 0; left: -10px; position: absolute; top: 7px; width: 0;z-index: 3;}
.tooltip01 .arrow-leftBrd{border-right-color:#cccccc; left: -11px; z-index: 2;} 

/* New Node end */


/* ============================================================
  WORKDAYS start
============================================================ */
.workingDays {position: relative;}
.workingDays .bt {position: relative; background-color: #e0f7fa;}
.workingDays .bt.js-fullActive, .workingDays li.js-fullActive {background-color: #88dce9;}
.workingDays .bt.js-firstActive, .workingDays li.js-firstActive {background: linear-gradient(to right, #88dce9 0%, #88dce9 50%, #e0f7fa 50%, #e0f7fa 100%);}
.workingDays .bt.js-secondActive, .workingDays li.js-secondActive {background: linear-gradient(to right, #e0f7fa 0%, #e0f7fa 50%, #88dce9 50%, #88dce9 100%);}
/*.workingDays li:nth-child(2) {border-radius: 3px 3px 0 0;}
.workingDays li:nth-child(5) {border-radius: 0 0 3px 3px;}*/
/*.workingDays .bt:hover .OptionHold{display:inline-block;}*/
.workingDays .OptionHold { left: -12px; min-width: 120px; position: absolute;top: 36px; padding-top: 10px; border-radius: 3px; display: none;}
/*.workingDays .arrowUp {border-right: 7px solid rgba(0, 0, 0, 0);border-bottom: 7px solid #e0f7fa; border-left: 7px solid rgba(0, 0, 0, 0); display: inline-block; height: 0; left: 50px; position: absolute; background: transparent; top: 3px; width: 0;z-index: 0;}
*/
.workingDays .OptionHold li:hover {background-color: #A2EDF9;}
.workingDays .OptionHold li:hover li.arrowUp{background-color: none;}

/* Workdays end */


/* ============================================================
  TIMEPICKER start
============================================================ */
.timepicker td {text-align:center;}
.timepicker {display: inline-block; margin-left: 18px;}
.now {background-color: #e7e7e7; border-radius: 3px; display: block; height: 30px; line-height: 33px; margin: 0 4%; text-align: center;}
.now:hover {background-color: #d7d7d7; cursor: pointer;}

/* Timepicker end */

/* ============================================================
  TOOLTIP start
============================================================ */
.rHeader .tooltipHold{display: inline-block; /* border: 1px dashed #ccc; */ padding: 0px 0px; border-radius: 25px; font-size: 15px; margin:6px 3px; line-height: 24px; height: 20px; width: 20px; float: none; text-align: center; color: #fff; font-family: appstudio-fonts; font-weight: bold; background-color: #ABABAB;}
.rHeader .tooltipHold:before{content: "\a61b";}
.tooltip-inner{background-color: #37474f; width: auto; text-align: left; text-transform:none;}
.tooltip.right .tooltip-arrow{border-right-color: #37474f;}
/* Tooltip end */


/* ============================================================
  NAVIGATION PANEL start
============================================================ */
.cd-panel .iconApp {width: 30px; height: 30px; display: inline-block; background: #d22b2f;}
.cd-panel h4{width: 100%; padding: 5px 0; text-align: center; color: #fff;}
.cd-panel h5{ background: none repeat scroll 0 0 #5e5e6e; font-family: roboto; color: #ffffff; height: 36px; line-height: 35px; white-space: nowrap; width: 100%;border-radius: 2px;}
.cd-panel h5:before {background: none repeat scroll 0 0 #818181; border-radius: 2px; display: inline-block; height: 22px; left: 6px; margin: 0 20px 0 0; position: relative; top: 7px; width: 22px;}
.cd-panel .msgContent{width: 100%; padding: 8px 10px; text-align: left; color: #fff;}
/* Navigation Panel end */


/* ============================================================
  RIGHT PANEL USER DETAILS start
============================================================ */
.rtPanel{width:395px; height:94%; position:fixed; right:-400px; top:65px; z-index:99; transition: all 500ms ease 0s; border-top: 1px solid #fff;}
.userDetailHold{width:395px; height:100%; position: relative; top:0; right:0; box-shadow:0px 0px 9px #666666; z-index:333;background:#eeeeee;}
.headerUD{width:100%; height: 40px; line-height: 40px; /*display: inline-block;*/ background:#4db6ac; padding:0 0 0 15px; color:#fff; font-family: roboto; font-size:1.2em; }
.headerUD .icon-cross {float: right; height: 40px; line-height: 40px; text-align: center; vertical-align: top; width: 30px;}
/*.headerUD .cd-panel-close:before, .headerUD .cd-panel-close:after{width: 13px; height: 3px;background-color: #fff;}*/
.headerUD .cd-panel-close{height: 40px; width: 50px; cursor: pointer; content:''}
.headerUD .cd-panel-close:hover {background-color: rgba(0, 0, 0, 0.2);}
.userDetailHold .bt {margin: 12px 10px 0 0; min-width: 75px; padding: 0; line-height: 30px;}

.tableInsideHolderAP{width:105%; height:auto; float:left; background:#e5e5e5; border-radius:4px; padding:18px 0; margin-bottom:18px;}
.userHoldSection{width:100%; height:125px; float:left; background:#f8f8f8; border-bottom:1px solid #ededed; box-shadow:0 -1px 0 #FFFFFF inset;}
.userPicHold{width:63px; height:63px; float:left; margin:5px 10px 5px 5px; border:1px solid #e6e6e6; border-radius:3px;}
.rtPanel .userPicHold {margin-bottom: 40px; width: 78px; height: 78px; background-color: #fff; background-size: 90% auto; background-position: 50% 50%; background-repeat: no-repeat;}
.rtPanel .icon-general{background-size: 75%; background-repeat: no-repeat; background-position: 50% 50%;}
.rtPanel .manger{display: block; padding: 0 0 25px; text-transform: capitalize;}
.rtPanel label{color: #666666; display: block; font-size: 12px;}
.rtPanel .name{font-size: 14px; display: inline-block; width: 50%;}
/*.rtPanel .name:hover{color:#3498db; cursor: pointer;}*/
.rtPanel .designation{font: 12px "roboto"; display: inline-block; width: 49%; color: #666666;}
.rtPanel .reporteesHold, .rtPanel .appsHold{display: block; background: #f5f5f5; margin: 0 -20px;}
.rtPanel .appsHold{margin: -20px; background-color: transparent;}
.rtPanel .reporteesHold label{display: block; height: 35px; padding: 0 20px; line-height: 35px; background: #e7e5e5; padding: 0 20px; vertical-align: middle; border-top: 1px solid #cccccc;}
.reporteeDisp{background-color: #eeeeee; /*color: #bbbbbb; /*line-height: 200px;*/ min-height: 200px;/* padding: 10px; text-align: center;*/}
.rtPanel .reportee, .rtPanel .app{display: block; border-bottom: 1px solid #dedede;  padding: 15px 20px; text-transform: capitalize;}
.manger p, .reporteesHold p, .appsHold p{color: #A2A2A2;}
.reporteesHold p, .appsHold p{text-align: center; padding: 30% 0;}

.userHoldSection .dropdown02{width:auto; height:15px; padding:5px 11px 6px 7px; float:left; border-radius:2px; background:#e2e2e2; border:1px solid #919598; font-weight:bold; text-shadow:-1px 1px 0 #f7f7f7; margin-top:30px; cursor:pointer;}
.userHoldSection .dropdown02 .txt{width:auto; height:auto; float:left;}
.userHold2{width:295px; height:auto; margin:12px 0 0 8px; display: inline-block; text-transform: capitalize;}
.userHold2 h3{width:67%; float:left; padding:6px 0 8px; margin:0; font-size:1.4em;font-family: robotobold; line-height: 20px;}
.userHold2 h4{width:67%; float:left; padding:0; margin:0; font-weight:normal;font-size: 13px;}
.userHold2 h4 strong{font-family: robotomedium; font-weight: 500;}
.rtPanel .userHold2 h4 {margin: 0;}

.txtHeadRP{width:100%; height:20px; display: block; color: #595959;}
.txtRP{width:100%; height:auto; display: block; margin-bottom:20px;font-family: robotobold;}

.marginRP{ margin-left:10px }

.userDetailContent{width:100%; height:100%; float:left;}
.userTabHold{width:100%; height:33px; float:left; border-bottom:1px solid #e5e5e5; background:#ffffff; }
.userTab{ border: 1px solid rgba(0, 0, 0, 0);cursor: pointer; display: inline-block; line-height: 30px; padding: 0 20px; font-family: robotobold;}
.tabHold {width: 97%;}
.utActive{background:#eeeeee; border:1px solid #e5e5e5;border-bottom:2px solid #eee; border-radius:2px 2px 0 0; cursor:default;}
.udContent{width:100%; height: auto; border:none; float:left; padding:20px; line-height:1.7;overflow-x: hidden; text-transform: capitalize;}
.udContent.appPermission{padding:15px 0 0 20px;}
.udContent.appPermission .txtRP{word-spacing: 15px;}
.udContent02{width:95%; height: 100%;float:left; padding:0px 0 0 40px; line-height:1.7;}
.udContent03{width:100%; height: auto;float:left; padding:0px 0 0 60px; line-height:1.7;}
.nameHoldOrg{width:80%;float:left;margin-left: 20px;}
.arrowDwnOrg{width:11px; height:8px; float:left;}
/* Right Panel User Details end */

/* ===========================================================
  POPUP SINGLELINE INGO start
============================================================ */
.popupHold { border-width: 1px solid rgb(194, 194, 194); border-radius: 3px; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35); position: fixed; left: 36%; top: 90px; width: 500px; z-index: 9;}
.popupCreate, .popupDelete{top:-252px; transition: all 500ms ease 0s;}
.popupHold .header, .divHold .popupHold .header { background-color: #50b6ac; box-shadow: none; color: #ffffff; display: inline-block; font-size: 17px; height: 48px; position: relative; width: 100%;line-height: 48px; padding: 0 15px;}
.popupHold .footer{ width: 100%; border-top: 1px solid #eeeeee; font-family: "robotolight"; padding: 10px 25px;}
.popupHold p {color: rgb(55, 55, 55); line-height: 2.316; padding: 25px;text-transform: none; display: inline-block;}
.popupHold p strong{ font-family:"robotobold"; }
.popupHold .cd-panel-close:before, .popupHold .cd-panel-close:after{background-color:#fff; height: 2px;}
.popupHold .cd-panel-close:hover{background-color:inherit; cursor: pointer;}
.popupBg { background-color: rgb(0, 0, 0); opacity: 0.5; position: fixed; left: 0; top: 63px; width: 100%; height: 100%; z-index: 11;}
.popupHold .contentHold{ width: 100%;padding: 25px;}
.popupHold .contentHold span{ display: inline-block; }
.popupHold .contentHold .dd-pointer-up {margin: -8px 0 0 0;}
.popupHold .btClose{cursor: pointer; height: 48px; line-height: 33px; left: auto; position: absolute; right: 0px; top: 0; width: 33px; font-size: 20px;}

    /* add member table start */
    .addMember {left: 10%; width: 84%; z-index: 11;position: absolute;height: auto;/*position: fixed;*/ border-radius: 3px; overflow: hidden; border: 1px solid #50b6ac;}
    .addMember .popupHold .header{left: auto; position: fixed; top: 65px;z-index: 2;}
    .addMember .searchHold input{width: 360px;}
    .addMember .contentHold {padding: 60px 2% 0; margin: 0; border: 0; overflow-x: hidden;/*added overflow to get scroll in the add user popup*/}/* height from 80 to 87.5 did to fix heigh in Add memeber popup*/
    .addMember .table-body { overflow-x: hidden; position: relative;}
    .addMember .table > thead > tr > th.order-dsc {background: url("../images/sort.png") no-repeat scroll 94% 18px #e9eded;}
    .addMember .table > thead > tr > th.order-asc {background: url("../images/sort.png") no-repeat scroll 94% -20px #e9eded;}
    .addMember .table > tbody > tr > td.sortColor {font-weight: normal;}
    .addMember .table > tbody > tr > td {padding: 0 2%; vertical-align: middle; line-height: 44px;}
    /*.addMember .table > thead > tr > th {padding: 7px 1.2%; vertical-align: middle;}*/
    /*.addMember .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {line-height: 12px; vertical-align: middle;}*/
    .addMember .squaredThree {line-height: 6px; height: 17px; width: 17px;margin-left: 0%; left: 2px; top: 0;}
    .addMember .input[type="radio"], input[type="checkbox"] {margin: 2px 0 0;}
    .addMember .squaredThree label {width: 17px; height: 17px; top: 5px; left: 4px;}
    .addMember .squaredThree label:after {top: 5px; left: 4px;}
    .addMember td.sub div {display: inline-block;}
    .addMember .squareThree{height: 17px; top:0;}
    .addMember .tableHold{width:100%;min-height: 470px; padding-bottom: 50px;}
    .addMember .table-footer {padding: 10px 0 5px; border-top: 1px solid #cccccc; position: absolute; width: 96%; bottom: 0px; background-color: #fff; z-index: 3;}
    .addMember .footer {bottom: 0px; position: absolute; background-color: #ececec;z-index: 2;}
    .addMember .table {margin-bottom: 0;}
    .addMember .popupButtons {margin-bottom: 4px;}
    .popupHold .actionBtHold {position: absolute; top: 48px; width: 96%; background-color: #fff; z-index: 3; margin: 0 2% 0; border-bottom: 1px solid #ccc; left: 0; padding-bottom: 11px; padding-top: 12px;}
    .popupHold .tableHold {position: static;}

    .addMember .selectMember{width: 100%; border: 1px solid #dddddd; border-radius: 3px; display: inline-block;margin: 10px 0;}
    .addMember .selectMember .selectedMemberHold{width: 100%; padding: 15px 20px; display: inline-block;}
    .addMember .selectMember .selectedMember{border-radius: 3px; padding: 8px 25px 8px 15px; display: inline-block; background: #EEEEEE; font-family: roboto; margin: 4px 5px;}
    .addMember .selectMember .text{background: none repeat scroll 0 0 #90a4ae; border-radius: 0 0 3px 3px; color: #ffffff; display: inline-block;  padding: 8px 0 8px 15px; position: relative; width: 100%;}
    .icon-selectedMember:after {content: "\e117"; font-family: "eiris-fonts"; left: 18px; position: relative; cursor: pointer;}
    .icon-selectedMember:hover:after {color: #D50000;}
    /*.reportee-popup > div{display: block; min-height: 250px;}*/
    /*.addMember .icon-search{position: relative; right: 22px; top: 12px;height: 17px; color: #616161;}css was effecting the search icon in add user popup*/
    .addMember .searchNullDisplay {/*position: absolute;top: 13%; removed from popup since its not aligning well*/width: 98%;z-index: 999;}
    /* add member table end */
/* Popup single line info end */

.divHold.appUsers{margin: 0px; border-top: 0px solid #b7b7b7; border-bottom: 0; border-left:0; border-right:0; border-radius: 0;}
.divHold.appUsers .header{float: left; background-color: #fff;}


.default .squaredThree {pointer-events: none; opacity: 0.5; cursor: default;}
.table.default > tbody > tr > td{cursor: default;}
.table.noHover tbody > tr > td{cursor: default;}
.table.noHover .table-hover tbody > tr:hover{background-color: #fff;}


/* ============================================================
  NOTIFICATION INFO start
============================================================ */
.notiAlertHold{background: none repeat scroll 0 0 #ffffff; border-radius: 3px; height: auto; min-height: 80px; font-family: roboto; right: 60px; line-height: 23px; overflow: hidden;margin: 0 auto; position: fixed; top: 85px; vertical-align: middle; width: 385px; box-shadow: 0px 0 5px rgba(0,0,0,0.3);
opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;}

.notiAlertHold span {font-family: robotomedium; text-transform: capitalize;}
.notiAlertText{display: inline-block; width:  75%; margin-left: 50px;}
.success .notiAlertText{margin-left: 15px;}
.notiAlertText > h5 {font-family: robotolight; margin-top: 15px; margin-bottom: 5px; font-size: 16px;}
.notiAlertText p {margin-bottom: 10px;}
.rHeader .divHold .notiAlertText > p {line-height: 16px; margin-top: 4px; text-transform: none; width: 100%; font-family: robotolight; padding: 0;}
.notiAlertHold strong{font-family: robotomedium;}
.success {border: 1px solid #03db35;}
.success .icon-alert:before {content: "\e00e";  background: #03db35;padding: 56px 5px;}
.success .icon-alert {color: #ffffff; float: left; font-size: 28px; position: relative; top: 25px;}
.error {border: 1px solid #d96a26; }
.error .icon-alert, .info .icon-alert {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MDAgNjAwIj48cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTQ1MC4zNiwzOTYuNzkzTDQ2OS42NjUsMEgzMzEuMjgxbDE5LjI0MiwzOTYuNzkzSDQ1MC4zNnoiLz48cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTQwMC40ODksNDQwLjU3NmMtNDYuNDAxLDAtNzguODYsMzIuNDU5LTc4Ljg2LDc5LjY4YzAsNDUuNDg3LDMxLjUxMyw3OS43NDMsNzcuMDk0LDc5Ljc0M2gxLjc2NiBjNDcuMjg1LDAsNzcuODgyLTM0LjI1Nyw3Ny44ODItNzkuNzQzQzQ3Ny41NTEsNDczLjAzNSw0NDYuODU5LDQ0MC41NzYsNDAwLjQ4OSw0NDAuNTc2eiIvPjwvc3ZnPg==) no-repeat center 30px / 27px auto #d96a26; display: inline-block; float: left; width: 40px; height: 100px; position: absolute;}
.info {border: 1px solid #ff9a38;}
.info .icon-alert{background-color: #ff9a38;}
.notiAlertHold .btClose {float: right; left: 0; top: 8px; cursor: pointer; width: 26px; height: 30px;}


@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
/* Notificaiton Info end */

/* ============================================================
  DESIGNATION & DEPARTMENT start
============================================================ */
.designation .name > span:first-child, .department .name > span:first-child{top: 0;}
.searchHold lable {background-color: #e0e0e0; border: 1px solid #dcdcdc; border-radius: 3px 0 0 3px; margin-right: -5px; padding: 7px 10px 5px; position: relative; z-index: 2;}
.moreOption .dd-container {left: 1px;}
.divHold {border: 1px solid #b7b7b7; border-radius: 5px; margin: 15px 0; /*overflow: hidden;*/}
.divHold .header {background-color: #eceff1; height: auto; padding: 0 20px; position: relative;z-index: 10; display: inline-block; height: 60px; line-height: 60px; border-radius: 5px 5px 0 0; text-transform: capitalize;}
.rHeader .divHold .header > h3 {border: medium none; font-size: 22px; height: auto; line-height: 60px; margin: 0;}
.divHold .header .addusers-add_user, .divHold .header .addusers-add_user_list {line-height: 60px;padding: 0 15px; cursor: pointer;}
.department .firstTimeHold{border: 0;}
.firstTimeHold .addusers-add_user::before, .firstTimeHold .addusers-add_user_list::before {width: 36px;}
.divHold .header .vLine {border-color: #bcbcbc; height: 40px; padding: 0; top: 10px; vertical-align: top;}
.rHeader .divHold .header .icon-edit2 {/*background: url("../images/sprite_v1.png") no-repeat scroll 10px -198px; */display: inline-block; height: 40px; width: 40px;left: 0; top: 8px; float:right; cursor: pointer;}
.editOn .btHold {display: inline-block; height: 70px; line-height: 70px; vertical-align: top;}
.editOn input {border-radius: 3px; line-height: 40px; margin: 0; padding: 0 20px;width: 100%; height: 40px;}

.edit .actionBtHold {margin: 10px 0;padding: 0 15px;}

.divHold .header .addusers-add_user.active {background: none repeat scroll 0 0 #cccccc; border-radius: 3px; height: 35px; margin: 12px 10px; padding: 0 0 0 10px;width: auto;}
.divHold .header .addusers-add_user.active::before {position: relative;top: -10px;}
.addusers-add_user .searchHold {height: 35px;line-height: 35px; margin: 0 0 0 8px; vertical-align: top;display: none;}
.addusers-add_user.active .searchHold {display: inline-block;}
.addusers-add_user .searchHold > input {height: 0; margin: 0; padding: 0 0 0 0px; vertical-align: top;width: 0px;transition: all 0.5s ease 0s;}
.addusers-add_user.active .searchHold .clearable{background-image:url("../images/search_close.png");}
.addusers-add_user.active .searchHold > input {padding-left: 10px; transition: all 0.5s ease 0s; width: 300px; height: 33px; margin: 1px;}
.divHold .header .addusers-add_user {width: 64px;}
.addusers-add_user .btClose {background-position: -7px -366px; height: 35px; left: 0; line-height: 35px; margin-left: 0; top: 0; width: 30px; float:right; border-radius: 0 3px 3px 0;}
.addusers-add_user .btClose:hover{background-color: #b9b9b9;}


.rHeader .divHold .containt {min-height: 70px;}
.rHeader .divHold .containt > h3 {line-height: 70px; margin: 0; padding: 0 20px;font-size: 22px; height: 70px;}
.rHeader .divHold p {line-height: 26px; margin: 10px 0; padding: 0 20px;}
.divHold .containt .addusers-add_user, .divHold .containt .addusers-add_user_list {line-height: 30px; margin: 5px 20px 15px;}
.addusers-add_user::before, .addusers-add_user_list::before {display: inline-block;width: 22px;font-size: 22px;}

.edit .divHold td > p {height: 200px;line-height: 200px;}

.divHold .table {margin-bottom: 0;}
.divHold .tableFoot {margin-top: 10px;}
.divHold .navArrowHold {margin-right: 10px;}

/* Designation end */

/* ============================================================
  ADD USER start
============================================================ */
/*.addUsers .searchHold{display: inline-block; line-height: 60px; vertical-align: top;top: 0; left: 0;overflow: hidden;}*/
.addUsers .holdSrch {top: 48px; height: 60px;}
.addManager .holdSrch {/*top: 54px; left: 1px*/}
/*
.addUsers .icon-add_user {background-color: #f3f3f3; border-radius: 4px 0 0 4px; height: 38px; line-height: 40px; text-align: center; width: 40px; padding-left: 2px; position: absolute; left: 1px; top: 11px; z-index: 2; color: #607d8b; background-image: url(../svg/user-add2.svg); background-size: 75% auto; background-repeat: no-repeat; background-position: 50% 50%;}
*/

.addUsers .icon-add_user {background-color: #f3f3f3; border-radius: 4px 0 0 4px; height: 38px; line-height: 38px; text-align: center; width: 40px; padding-left: 2px; position: relative; z-index: 2; color: #607d8b; background-image: url(../svg/user-add2.svg); background-size: 75% auto; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #ccc; border-right-color: transparent; right: -1px;}
.addUsers .searchHold input {background-color: #ffffff; border: 1px solid #cccccc; height: 38px; line-height: normal; vertical-align: top; width: 300px; border-radius: 0 5px 5px 0; margin: 0 0 2px 0; padding: 0 5px 0 8px ;}
.icon-add_user, .icon-add_user_list {display: inline-block;font-size: 24px;}
.addUsers .icon-search {color: #999999; font-size: 15px; height: 38px; line-height: 38px; position: absolute; right: 10px; top: 1px; transition: all 0.5s ease 0s;}
.addUsers .searchHold .clearable{background-position:107% 50%;}
.addUsers .icon-add_user_list {padding: 0px 5px;background-image: url(../svg/user-add2-list.svg); background-size: 75% auto; background-repeat: no-repeat; background-position: 50% 50%; width: 40px; height: 40px; display: inline-block; margin-top: 10px;}
.addUsers .icon-add_user_list:hover {background-color: #ccc; border-radius: 3px; cursor: pointer;}

.addUsers .icon-add_user_list:before, .addUsers .icon-add_user:before {content: "";}

.leftSectionUM {padding: 25px 0 20px; width: 100%;/*made 70 to 100 since for edit user page*/ display: inline-block;}
.rHeader .leftSectionUM h3 {padding: 0px; width: 70%; display: inline-block;}
.rHeader .leftSectionUM p { padding: 5px 0 0 5px; width: 70%; display: inline-block;}
.rHeader .leftSectionUM p:nth-child(3) { font-weight: 800;}
.userDetail_hold{margin: 0 0 0 10px; vertical-align: top}

.formHold .icon-error:before{content: "\e00a"; width: 30px; height: 30px; font-family: eiris-fonts; font-size: 19px; position: relative; top: 4px;}
.formHold .icon-error{font-family: roboto;}
.element-item {margin-bottom: 5px;}

.errorTxt{background: rgba(0, 0, 0, 0); color: #e13e42; display: none; width: 20%; height: 30px; vertical-align: top; font-family: roboto;}
.invalid .errorTxt{display: inline-block; line-height: 30px;}
.invalid input {border-color: red;}
.invalid .countrycode {border-color: red;}
.icon-cross, .icon-add2{display: inline-block; cursor: pointer;}
.addField.icon-add2 {top: 0;}
.icon-add2:before {top: 11px;position: relative;}
.icon-cross:before {top: 8px; position: relative;}
.headerUD .icon-cross:before {top: 0px; position: relative;}

.peopleImgHold{width:80px; height:100px; display: inline-block; border:1px solid #e5e5e5; border-radius:3px; overflow:hidden;}
.peopleImgHold .icon-profile{font-size: 50px; color: #ccc;}
.userContent .icon-profile{background: none repeat scroll 0 0 #ffffff; border: 1px solid #ececec; border-radius: 3px; color: #ccc; font-size: 40px; margin: 5px 10px 5px 5px; padding: 6px 5px;}
.userContent .icon-male, .userContent .icon-female, .userContent .icon-general{width: 63px; height: 63px; margin: 5px; background-size: 90% auto; background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%;}
.peopleImg{width:78px; height:78px;}
.peopleImg.icon-general, .peopleImg.icon-male, .peopleImg.icon-female {width:78px; height:78px; padding:10px; border: none; background-size: 90% auto;}

.peopleAddPhoto{width:100%; padding:0px 5px; text-align:center; color:#0070bc; font-weight:bold; font-size:0.8em; background:#f8f8f8; border-top:1px solid #e5e5e5; cursor:pointer; height: 20px; line-height: 20px;display: inline-block;}

.menuSubTxtAP{font-size:12px; padding:10px 17px 7px; float:left; font-weight:bold; color:#666666;}
.menuSubTxtAP:hover{ cursor:pointer;}
.menuSubTxtAPActive{font-size:12px; padding:10px 17px 7px; float:left; border-radius:3px 3px 0 0; border:1px solid #bcbcbc; 
border-bottom:1px solid #eee; font-weight:bold; color:#666666; background:#eeeeee; position: relative; top: 1px;}

.tableHolder{display: inline-block; z-index: 7;}
.tableInsideHolder{width:100%; background:#f5f5f5; border-radius:4px; padding:15px 0; margin-bottom:18px;}

ol li{width:100%; display: inline-block; color:#3a3b3c; padding: 5px 0;}
.fieldHoldAP .leftTxt{width:14%; display: inline-block; vertical-align: top; padding:9px 0px 3px 30px; text-align:left; font-weight:bold;}
.fieldHoldAP .leftTxt2{width:14%; display: inline-block; vertical-align: top; padding:9px 15px 3px 15px; text-align:right; font-weight:bold;}
.arrowDwAP{width:10px; height:10px; margin:7px 0 0 7px; float:right; background:url(../images/arrow-dropdown.png) no-repeat;}
ol li .rightTxt{ display: inline-block; width: 84%}
.formDropDown{ display: inline-block;height: 33px;}

.addField, .removeField{display: inline-block; padding:0 5px; margin: 0; position: relative;  top: 2px; left: 0; line-height: 33px; height: 33px; font-size: 16px;}
.list-container .addField, .list-container .removeField {color: #323232; font-size: 17px; height: 30px; line-height: 21px; position: relative; top: 0; vertical-align: top; width: 30px;}
.icon-removeField:after {content: "\e117"; font-family: "eiris-fonts"; position: relative; cursor: pointer; z-index: 999;}
.icon-removeField:hover:after {color: #D50000;}
.icon-addField:after {content: "\e114"; font-family: "eiris-fonts"; position: relative; cursor: pointer;}
.icon-addField:hover:after {color: #1976D2;}

.formHold { margin-bottom: 20px;}
.formHold label {display: inline-block; font-family: 'robotomedium'; padding: 5px 30px 5px 0; text-align: right; vertical-align: top; width: 14%;}
.formHold .dropdown-label{
    width:125px;
    text-align:inherit;
}
.formHold input {width: /*34%*/380px; display: inline-block; margin:0 3px 0 0;  vertical-align: top; border-radius: 2px; color: #4C4C4C; line-height: 28px; padding: 4px 5px 0 5px; /*text-transform: capitalize;*/}
.formHold .margLt {margin-left: 10px;}
.formHold textarea {width: 285px; border: 1px solid #979797; border-radius: 2px 2px 2px 2px; color: #4C4C4C;height: 120px; padding: 3px;}

.notiHold{width:98%; padding:12px; display: inline-block; background:#fffbcc; border-radius:3px; border:1px solid #c5c5c5; margin-bottom: 10px; }
.notiHold span{font-family: robotobold;}
.notiHold input{margin:-3px 1px 0 7px;width: auto;}

#mobile {/* width: 353px; */ padding-left: 27px; position: relative; left: -27px;}
.countrycode::before {color: #999; content: "91"; padding: 0 5px 0 8px; position: relative; z-index: 2;}
.countrycode {display: inline-block; height: 34px; margin-right: -5px; line-height: 35px; border: 1px solid #ccc; border-right: 0; background: #fff;position: relative;vertical-align: top;}


/* ------------------------------ Add People end ------------------------------ */

/* ============================================================
  ADD USER - ORGANISATION SETTING start
============================================================ */
.field01Hold{width:100%; height:30px; float:left;}
.field01Hold .txtLft01{width:100px; height:17px; padding:7px 20px; float:left; text-align:right; font-weight:bold;}

.searchUMOrg{border-radius:3px; border:1px solid #9e9e9e;}
.actionBtOrg{width:97.16%; height:28px; float:left; padding:8px 1.42%; background:#fff; border:none; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc;}

.infoSectionOrg{width:97.16%; height:28px; float:left; padding:8px 1.42%; border:none; border-top:1px solid #bcbcbc;}
#email, .el-email input{text-transform:lowercase;}

.addUsers.addManager .searchInputHold{margin-top: 15px;}
.addUsers .searchInputHold{margin-top: 11px;}
.addManager .icon-search {top: 0;}
.edit .addManager .searchHold .loader {top: 0;}
.icon-manager {background:#f3f3f3 url("../svg/add-manager03.svg") no-repeat 50% 50%; background-size: 80% auto; display:inline-block; width:38px; height:38px; position:relative;border-radius: 4px 0 0 4px; border: 1px solid #ccc; border-right: #fff; right: -1px;}
/* ------------------------------ Add People - Organisaion end ------------------------------ 

/* ============================================================
  ADD USER - APPS SETTING start
============================================================ */
.appsTable {width: 98.5%;}
.appsTable .table > tbody > tr > td {cursor: default; height: 60px; padding: 0 1.5%; vertical-align: middle;line-height: 60px;}
.appsTable .table > tbody > tr > td:hover .select2-container-multi .select2-search-choice-close{display: block;}
.appsTable .header {position: relative; background-color: #f1f1f1; z-index: 1; height: 50px; font-family: robotomedium;}
.appsTable .header:hover{background-color: #f1f1f1;}
.neutral .switch {opacity: 0.5;}
.appsTable td.name{width: 93%; /*background-color: #f5fbfa;*/ }
.appsTable .header .id {border-right: 1px solid #ccc !important;background-color: #f1f1f1;}
.appsTable .id {background-color: #f5fbfa;}
.appsTable .table-hover > tbody > tr:hover {background-color: transparent;  transition: all 200ms ease 0s;}
.appsTable .table-hover > tbody > tr:hover td.name {/*background-color: #cbe6ff; */transition: all 200ms ease 0s;}
.appsTable .table > tbody > tr.active td{background-color: #d0e8ff;}
.appsTable .table > tbody > tr.active td.name{background-color: #cbe6ff;}

.btAssign {border-radius: 3px; padding: 8px 25px 8px 15px; display: inline-block; background: #fff; font-family: roboto; margin-right: 5px;}
.icon-remove:after {content: "\e117"; font-family: "eiris-fonts"; left: 18px; position: relative; cursor: pointer;}
.icon-remove:hover:after {color: #D50000;}

.btAdd {border-radius: 3px; padding: 8px 10px; display: inline-block; background-color: rgb(175, 180, 43); color: #fff; font-family: roboto; margin-right: 5px;}
.btAdd:hover {background-color: #9e9d24; cursor: pointer;}
.icon-add:before {content: "\e114";font-family: "eiris-fonts"; }

.name > div {display: inline-block;width: 80%;}

/* Switch code starts here */
.name .switch {display: inline-block; vertical-align: middle; width: auto; float: left; margin-top: 20px; margin-right: 25px;}

.cmn-toggle {position: absolute; margin-left: -9999px; visibility: hidden;}
.cmn-toggle + label {display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

input.cmn-toggle-round + label {padding: 0px; width: 45px; height: 22px; background-color: #dddddd; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px;}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {display: block; position: absolute; top: 1px; left: 1px; bottom: 1px;content: "";}
input.cmn-toggle-round + label:before {/*content: 'ON'; */color: #fff; padding: 0px 0 0 10px; right: 1px; background-color: #d4d4d6; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s;line-height: 24px;}
.switch > input {border-radius: 0;line-height: normal;width: auto;}
input.cmn-toggle-round + label:after {width: 21px; background-color: #ffffff;  -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%;
  /*-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);*/ 
    -webkit-transition: margin 0.4s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s;}
input.cmn-toggle-round:checked + label:before { background-color: #5ed876;border: 1px solid #5ed876;}
input.cmn-toggle-round:checked + label:after {margin-left: 22px;}
/* Switch code ends here */

/*Select code start*/
.styled-select {width:auto; min-width: 240px; overflow: hidden; background: #f4f4f4; border: 1px solid #bcbcbc; height: 33px; line-height: 33px; border-radius:2px; }
.styled-select select {width: 101%; text-transform: capitalize; border: 0; line-height: 31px; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; /*text-overflow: ''; appearance: none;*/ padding: 0 5px; background: transparent url("../images/arrow-dropdown2.png") no-repeat scroll 94% 50%; /*outline: none;*/ position: relative; top: -1px; left: -1px; height: 33px;}

.styled-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
    transition: none;
}

.invalid .styled-select{border-color:#E13E43; }
option{color: #333333;padding: 5px 10px;text-transform: capitalize;}
.table > tbody > tr > td input[type="checkbox"], input[type="radio"] {width: auto;}


/*Select code end*/

/* ------------------------------ Add People - Apps end ------------------------------ */

/* ============================================================
  ORG CHART start
============================================================ */
.icon-male{width: 78px; height: 78px; display: inline-block; vertical-align: top; border: 1px solid #ececec;  border-radius: 3px; background-image: url(../svg/profile-male.svg);}    
.icon-female{width: 78px; height: 78px; display: inline-block; vertical-align: top; border: 1px solid #ececec; border-radius: 3px; background-image: url(../svg/profile-female.svg);}
.icon-general{width: 78px; height: 78px; display: inline-block; vertical-align: top; border: 1px solid #ececec; border-radius: 3px; background-image: url(../svg/profile-user.svg);}

.contentHoldSrch .icon-general {background-color: #ffffff; background-repeat: no-repeat; background-size: 90% auto; background-position: 50% 50%; height: 50px; width: 50px; margin: 4px 10px 0 4px;}
.contentHoldSrch .icon-male, .contentHoldSrch .icon-female { height: 50px; width: 50px; margin: 3px 10px 0px 3px; background-size: 100% auto;}

.right .userHold .name, .right .userHold .name,.desig,.emp_id{display: inline-block;}
.right .userHold span:first-child {width:100%; display: table; padding:0; margin:0 0 5px 0; font: 14px "robotomedium";vertical-align: top; color: inherit;}
.right .userHold span{font: 12px "roboto"; display: table; font-weight:normal;vertical-align: top; color: #696969;}
.userHold{width:254px; display: inline-block; margin:5px 5px 8px 4px; border:1px solid transparent}
.userHold:hover{background:#ffecb3; border:1px solid #ffd332; border-radius:4px; cursor:pointer;}
.userContent .design {height: 28px; width: 100%;}
.right .userHold .design span {color: #696969; display: inline; font: 12px "roboto";}
    
.managerHold{width:100%; margin:0 0 5px 0; border:1px solid #b2d4eb; background:#eef6fd; border-radius:5px; overflow:hidden;padding: 0 0 0 26px;position: relative; }
.userSection{width:100%; display: block; margin:0; padding: 0 0 0 26px; border:1px solid #e9e9e9; background:#f8f8f8; border-radius:5px; overflow:hidden;  min-height: 220px;}
.userSection p{text-transform: none; font-style: italic; color: #999; font-family: robotothin; position: relative; left: 30%; padding-top: 10%;}
.userSection p strong{font-family: roboto;}

.managerHold .arrowUp{background: url("../images/sprite_v1.png") repeat scroll -45px -56px #ffffff; border-right: 1px solid #bfdbef; cursor: pointer; height: 100%; left: 0; position: absolute; width: 27px;}
.tableHolder .arrowDown{width:24px; height:14px; position:absolute; background:url(../images/arrow_down-org.png) no-repeat;top: 89px; left:220px;z-index: 3;}

.managerHold div, .subSection div{display: inline-block;}
.userHold .boxRtU{width:24px; height:71px; border:1px solid #fff799; background:#fff url("../images/sprite_v1.png") repeat scroll -109px -159px;border-radius: 0 3px 3px 0; position:relative; top:1px; float: right; cursor:pointer;right: 1px; display:none;}
.userHold:hover .boxRtU{display:inline-block;}
.userHold .boxRtU:hover{box-shadow: inset 0px 0 2px #acacac;}

.userSection > .left{background: #fff;border-right: 1px solid #e9e9e9; height:100%; min-height:inherit; position:absolute; left:0; top:0; width:27px;z-index: 2;}
.userSection .left .iconSearch{background: url("../images/search_close.png") no-repeat scroll 6px -21px #ffffff; cursor: pointer; height: 36px; margin: 0; width: 100%; transition: background 0.5s;}
.iconSearchDisable{background: url("../images/sprite_v1.png") repeat scroll -45px -135px #ffffff; cursor: pointer; height: 36px; margin: 0; width: 100%; opacity: 0.3;}
.userSection .search {width:100%; height: 37px; background-color: #eef6fd; padding:3px; border-bottom:1px solid #e9e9e9;  position: absolute; top: -38px; transition: all 500ms ease 0s; z-index: 1;}
.userSection .search.active {top: 0;}
.userSection .search > input{width:20%; padding:3px 9px; border:1px solid #b9b9b9; border-radius: 3px;  position: relative; top: 0;left: 8px; z-index: 3;}
.userSection .iconAdd{background: url("../images/sprite_v1.png") repeat scroll -75px -160px #ffffff; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; cursor: pointer; height: 30px; width: 100%;}
.userSection .left .iconSearch:hover, .userSection .left .iconAdd:hover{background-color:#eef6fd; }
.userSection .left .iconRemove{background:url("../images/search_close.png") no-repeat scroll 6px 9px #eef6fd; cursor: pointer; height: 36px; margin: 0; width: 100%; transition: background 0.5s;}
.subSection{display: inline-block; width: 100%; float: right;transition: all 500ms ease 0s; position: relative; }
.mt37{margin-top: 37px;}

.orgchart .searchHold input{width: 285px;}
.searchHold .loader {background-image: url(../images/loader_small.gif); background-repeat: no-repeat; background-position: 90% 50%; width: 100%; height: 40px; display: block; position: absolute; top: 0;}
.edit .searchHold .loader {top: 0px;}

.holdSrch {display: inline-block; position: absolute; width: 340px; top: 33px; z-index: 333;}
.holdSrch .srch01{overflow:hidden;}
.holdSrch .srch01, .reportingto .srch01{border: 1px solid #c1c1c1; border-radius: 0 0 5px 5px;box-shadow: 0 0 4px #b6b6b6; /*height: 286px; overflow-x: hidden;*/ width: 100%;border-top: none;}
.holdSrch .contentHoldSrch, .reportingto .contentHoldSrch  {background: none repeat scroll 0 0 #ffffff; border-top: 1px solid #c1c1c1; display: block; height: 57px; width: 100%;}
.contentHoldSrch:hover {cursor: pointer;}
.holdSrch .imgSrch {display: inline-block; height: 50px; margin: 4px; width: 50px;}
.nameSrch {font-weight: bold;}
.nameSrch, .desiSrch {clear: both;}
.txtSrch {display: inline-block;height: 48px;margin: 9px 0 0; vertical-align: top;line-height: 20px;}
.userContent {width: 90%;}
.disable{opacity: 0.3; pointer-events: none;}


/*Reporting to css*/
.reportingto {position: relative;right: 0;top: 0;width: 340px; display: inline-block;}
.reportingTxt{display: inline-block; line-height: 40px; vertical-align: top;}
.reportingto .removeField {position: absolute; right: 10px; top: 16px; left: auto;}
.reportingto .contentHoldSrch{border: none; background-color: #efefef;height: auto;}
/* ------------------------------ Org Chart end ------------------------------ */


/* ============================================================
  HOLIDAY start
============================================================ */
/*.holiday .rHeader h3 input, .department .rHeader h3 input  {background-color: transparent; display: inline-block; font-family: "robotolight"; font-size: 26px; font-weight: normal; vertical-align: top; width: 500px;padding: 0 0 0 15px;}*/
.holiday h3 *::-moz-placeholder{font-family: robotolight;}
.holiday h3 :-ms-input-placeholder{font-family: robotolight;}
.holiday h3 ::-webkit-input-placeholder  {font-family: robotolight;}
.holiday .rHeader h3 {font-size: 30px; margin: 0 0 10px; padding: 0; font-family:"robotolight"; }
/*.holiday .fr .bt {margin-right: 0;} removed since its effecting App Studio > Summery tab > bt*/
/*.holiday .searchHold .clearable.x {background-position: 103% -196px, -7px -404px !important;}*/
.holiday .form-group {margin-bottom: 5px;}
.holiday .row {margin-left: 0px; margin-right: 0px;}
.holiday .table > tbody > tr > td input {width: 100%;}
.holiday .table .bt {font-size: inherit; font-family:"robotomedium";min-width: 100px; height: 35px; line-height: 35px; padding: 0 20px;}
.holiday .col-sm-12, .holiday .col-sm-7 {padding-left: 0px; padding-right: 0px;}
.holiday .arrowD {width: 15px; height: 15px;background: url("../images/4zGKXNn.png") no-repeat scroll -14px -4px rgba(0, 0, 0, 0); position: relative;right: -11px;top: 4px; display: inline-block;}
.holiday .active .arrowD {background: url("../images/4zGKXNn.png") no-repeat scroll -14px -203px rgba(0, 0, 0, 0);}
.holiday .arrowU {width: 15px; height: 15px;background: url("../images/4zGKXNn.png") no-repeat scroll -14px -4px rgba(0, 0, 0, 0); display: inline-block;position: relative;right: -11px;top: 4px; transform: rotate(180deg);}

/*.holiday .clearfix:before, .holiday .clearfix:after, .holiday .dl-horizontal dd:before, .holiday .dl-horizontal dd:after, .holiday .container:before, .holiday .container:after, .holiday .container-fluid:before, .holiday .container-fluid:after, .holiday .row:before, .holiday .row:after, .holiday .form-horizontal .form-group:before, .holiday .form-horizontal .form-group:after, .holiday .btn-toolbar:before, .holiday .btn-toolbar:after, .holiday .btn-group-vertical > .btn-group:before, .holiday .btn-group-vertical > .btn-group:after, .holiday .nav:before, .holiday .nav:after, .holiday .navbar:before, .holiday .navbar:after, .holiday .navbar-header:before, .holiday .navbar-header:after, .holiday .navbar-collapse:before, .holiday .navbar-collapse:after, .holiday .pager:before, .holiday .pager:after, .holiday .panel-body:before, .holiday .panel-body:after, .holiday .modal-footer:before, .holiday .modal-footer:after{content: " "; display: table;}*/
.holiday .nav > li > a {margin-right: 0;min-width: 150px; text-align: center;padding: 0px 15px; height: 40px; line-height: 40px;}
.holiday .nav > li > a:hover{background-color: #ececec;}
.nav-tabs .active{pointer-events: none;}
.holiday .nav > li.active > a {background: none repeat scroll 0 0 #ffffff;}
.holiday .nav:before, .holiday .nav:after {content: " ";}
.holiday a{outline: none;}
.holiday .actionBtHold {padding: 0;}
.holiday .tableHold {/*margin-top: 10px;width: 100%;*/ }
li#tab_holidaylist > a {border-radius: 4px 0 0 0; }
li#tab_users > a {border-radius: 0 4px 0 0; }

.addNew{width: 100%; background: #cecece; display: inline-block; border-radius: 3px 0 3px 3px; /*padding: 6px 0 0 0;*/ position: relative; top: -4px; right: 0; height: 70px; overflow: hidden; float: right;transition: all 500ms ease 150ms;}
.addNewHold .bt{transition: all 500ms ease 500ms; height: 34px;}
.addNew .colum01{display: inline-block; padding-left: 10px; width: 30%; float: left;}
.addNew .colum01a{display: inline-block; padding-left: 10px; width: 17%; float: left;}
.addNew .colum02{display: inline-block; float: left;margin-left: 10px;}
.addNew .heading{display: block;}
.addNew input{display: block; width: 100%; border: none; border-radius: 3px; height: 32px;}
.addNew .bt{position: relative; top: 20px; background-color: #12b9d3; border: none; color: #fff; width: 100px;}
.addNew .bt:hover{background-color: #0da6bf;}
.addNewHold .active{background-color: #cecece;border-radius: 3px 3px 0 0; height: 40px;transition: all 300ms ease 0s;}
.addNewHold {width: 100%;transition: all 500ms ease 0s;}

.btClose {width: 11px; height: 11px; display: inline-block; left: 11px;position: relative;top: 2px; color: #888; cursor: pointer;}
.btClose:hover {color: #323232;}
.btClose::before {content: "\e00f"; font-family: eiris-fonts; font-size: 18px;}
.header .btClose {color: #fff;}

.editActive {background: none repeat scroll 0 0 #f3f3f3; box-shadow: 0 0 6px #c0c0c0;}
.btEdit {display: none;}
tr:hover .btEdit{display: inline-block;}
/* ------------------------------ Holiday end ------------------------------ */

.tabSection .edit {margin: 0;}
.tabSection .divHold .header {background-color: #ffffff; padding: 0 10px;}
.tabSection .table-header {background-color: #f8f8f8; border-top: 1px solid #ddd; padding: 0 10px;}
.noTabHeader .table-header{background-color: transparent; border: 0;}
.noTabHeader .tableHold h4{margin-bottom: 0;}
.tabSection .divHold {margin: 0; border: 0;}
.tabSection .tableHold {margin: 0;}
.tabSection .edit .actionBtHold {margin: 10px 0;}

.quickSearch{right: 0; top: 39px; width:297px; position: absolute;}
.holdSrch .contentHoldSrcHover{ background: none repeat scroll 0 0 #b2ebf2; cursor: pointer;}
.addUsers{position: relative;}
.chooseManager{}

.tabSection .divHold .popupHold .header {background-color: #50b6ac; padding: 0 15px; border-radius: 0;}

/* ============================================================
  BOOTSTRAP OVERWRITE start
============================================================ */
/* Bootstrap overwrite start*/
.table {margin-bottom: 10px; table-layout: fixed;}
.table > thead > tr > th {background: none repeat scroll 0 0 #f1f1f1; padding: 0 2%;line-height: 50px; /*padding: 15px 1.5%;*/ border-left: 1px solid #d7dbda; border-bottom: 1px solid #c7cccb; border-top: 1px solid #c7cccb;cursor: pointer; font-family: robotomedium;}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td{border-top: 1px solid #c7cccb;}
.table > tbody > tr > td {padding: 0 1.5%; cursor: pointer; line-height: 50px;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-bottom: 1px solid #c7cccb;}
.table > thead > tr > th {vertical-align: middle;}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after{content: none;}
.breadcrumb{background-color: transparent; margin: 10px 0 0; padding: 0;}
.breadcrumb li {width: auto; display: inline-block; color: #1e88e5; text-transform: capitalize;}
.breadcrumb li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

a:hover, a:focus{text-decoration: inherit;}
a {color:inherit;}
.page-header {border-bottom: 0 none;margin: 0;padding-bottom: 0;}

.select2-container-multi .select2-choices{background-color:rgba(0,0,0,0);}
.select2-container, .select2-drop, .select2-search, .select2-search input{top:4px;}
.select2-container-multi .select2-search-choice-close{left:auto;right: 1px;top: 8px;display: none; }
.select2-container-multi .select2-choices .select2-search-choice{padding: 0 25px 0 15px; background:none repeat scroll 0 0 #ffffff; border: none; box-shadow: none; line-height: 30px; margin-top: 13px;}

.table > tbody > tr > th, .table > tbody > tr > td {border-left: 0 none !important; border-right: 0 none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nav-tabs>li>a{margin-right: 0px;}
.input-group-addon{border:none;}
.nav-tabs>li {cursor: pointer;}
    
/* Bootstrap overwrite end*/


/* ============================================================
  Scroll CSS design style start
============================================================ */

#style-1::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar{
	width: 5px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #555;
}


.subMenuHold::-webkit-scrollbar-track, .mainRight::-webkit-scrollbar-track, .boxBody::-webkit-scrollbar-track, .content02::-webkit-scrollbar-track, .innerContent::-webkit-scrollbar-track, .appFieldHold ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5;}
.subMenuHold::-webkit-scrollbar, .mainRight::-webkit-scrollbar, .boxBody::-webkit-scrollbar, .content02::-webkit-scrollbar, .innerContent::-webkit-scrollbar, .appFieldHold ul::-webkit-scrollbar{width: 5px; background-color: #F5F5F5;}
.subMenuHold::-webkit-scrollbar-thumb, .mainRight::-webkit-scrollbar-thumb, .boxBody::-webkit-scrollbar-thumb, .content02::-webkit-scrollbar-thumb, .innerContent::-webkit-scrollbar-thumb, .appFieldHold ul::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); background-color: #727272;}



/* ---------------------- Scroll CSS design style end ---------------------- */

.modal-body{height: 475px; max-width:900px; }
.modal-body img {max-width: 840px; max-height:445px !important; }
.awesome-cropper {height: 78px;}

/* ============================================================
  JAVASCRIPT CSS start
============================================================ */
/* ---------------------- Javascript Css start ---------------------- */
/*.element-item input {width: 40%;} remove as it was effecting edit user Work, Home, Office input box*/
/* ---------------------- Javascript Css end ---------------------- */

.appsTable th.assignment{width: 70%;  border-left: 0; background: #f1f1f1;}
.comiseo-daterangepicker-triggerbutton.ui-button {min-width: 200px; width: 226px; margin: 0; padding: 0; background-color: #fff;}
span.input-group-addon {position: absolute; top: 1px; right: 1px; height: 31px; width: auto;}

/* ============================================================
  Extras CSS start
============================================================ */
.popupLoaderFull { height: 70%; left: 11%; opacity: 0.8; position: fixed; top: 112px; width: 80%; z-index: 11;}
.filterHold {margin: 0 -4px 0 0; padding: 0 20px; line-height: 28px;}
.orgChartLoader {height: 370px; left: 13%; opacity: 0.8; position: absolute; top: 255px; width: 86%; z-index: 8;}
.delete02{background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSItMjgyOSAyNDc3LjUgMTAwIDg3LjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTI4MjkgMjQ3Ny41IDEwMCA4Ny41OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzY2NjY2Njt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTS0yNzI5LjgsMjUxMC40bC0zMS0zMmMtMC42LTAuNi0xLjMtMC45LTIuMi0wLjloLTYzYy0xLjcsMC0zLDEuMy0zLDN2NjRjMCwxLjcsMS4zLDMsMywzaDYzCgkJYzAuOCwwLDEuNi0wLjMsMi4yLTAuOWwzMS0zMkMtMjcyOC43LDI1MTMuNC0yNzI4LjcsMjUxMS42LTI3MjkuOCwyNTEwLjR6IE0tMjc2NC4zLDI1NDEuNWgtNTguN3YtNThoNTguN2wyOC4xLDI5TC0yNzY0LjMsMjU0MS41CgkJeiIvPgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSItMjc3Ny40LDI0OTAuNCAtMjc5My41LDI1MDYuOCAtMjgwOS42LDI0OTAuNCAtMjgxNS40LDI0OTYgLTI3OTkuMSwyNTEyLjUgLTI4MTUuNCwyNTI5IAoJCS0yODA5LjYsMjUzNC42IC0yNzkzLjUsMjUxOC4yIC0yNzc3LjQsMjUzNC42IC0yNzcxLjYsMjUyOSAtMjc4Ny45LDI1MTIuNSAtMjc3MS42LDI0OTYgCSIvPgo8L2c+Cjwvc3ZnPg==) no-repeat center center / 27px auto; display: inline-block; float: left; width: 23px; height: 16px;}
/* ---------------------- Extras Css end ---------------------- */

/* ---- Owners Info Css Start Here --------- */
.ownerInfoHold {width: 336px; height: auto; border: 1px solid #e0e0e0; border-radius: 3px; display: inline-block; background-color: #f2f2f2; overflow: hidden; position: relative; margin-right: 60px;}
.ownerInfoHold .peopleImgHold{width: 70px; height: 70px; background-color: rgba(0,0,0,0.2); border-radius: 40px; margin: 0 auto; display: block; border: 1px solid rgba(255,255,255,0.3);}
.ownersName {text-align: center;font-size: 24px;font-family: robotolight;}
.ownersBg {background-image: url(../images/bg-info_card.png); width: 336px; height: 162px;display: block; color: #fff; padding: 16px;}
.otherInfo {padding: 10px 15px; font-size: 14px;}
.ownerInfoHold .peopleImg {width: 70px; height: 70px;}
.ownerInfoHold .desig {font-size: 14px; font-family: roboto;}
.ownerInfoHold .iconInfo {font-size: 21px; font-family: fontawesome; position: absolute; right: 16px; top: 10px; cursor: pointer;}
.ownerInfoHold .iconInfo:hover {color: #dfdfdf;}
.ownerInfoHold .mobile::before {content: ''; width: 17px; background: url(../svg/mobile.svg) no-repeat; height: 17px; display: inline-block; vertical-align: top; margin-top: 3px;}
.ownerInfoHold .phone::before {content: ''; width: 20px; background: url(../svg/phone.svg) no-repeat; height: 12px; display: inline-block; vertical-align: top; margin-top: 5px;}
.ownerInfoHold .website::before {content: ''; width: 20px; background: url(../svg/globe.svg) no-repeat; height: 15px; display: inline-block; vertical-align: top; margin-top: 4px;}

/*.iconInfo:after {content: "\f05a";}*/

.companyCardBg {background-image: url(../images/bg-company_info.png); width: 336px; height: 162px;display: block; color: #fff; padding: 16px;}

/*Jquery UI datepicker "readonly" */
.holidayDate .dPicker[readonly]{cursor: pointer; background-color: transparent;}
.holidayDate .wid{width: 43.75%;}
.holidayDate .form-group{margin-bottom: 0px;}

/*Jquery UI datepicker classes ended*/


/*Empty Table Card (Manish Design)*/
.mnDv {color: #C0C0C0;font-family: sans-serif;width: 420px;display: block;border: 1px solid #dbdbdb;border-radius: 5px;text-transform: none; margin: 50px auto;}
.hding {width: 100%; border-bottom: 1px solid #dbdbdb; text-transform: none; padding: 5px 15px;}
.firstTimeHold .hding > h4 {color: #5a5a5a; margin: 0px;}	
.bdyDv{width:100%; padding: 7px 15px;}
.firstTimeHold .bdyDv > p {padding: 10px 0px 20px 0px; line-height: initial; margin: 0px; background-color: transparent; border: none;}
.ftrDv{width:100%;text-transform: none; padding: 15px 15px;}
.adBtn {padding: 5px 10px; border: 1px solid #2196f3; border-radius: 2px; background-color: #228ce6; color: #FFFFFF; text-transform: none;}
.adBtn:hover {background-color: #21a7e4;}
.adLnk {font-size: 15px;line-height: 38px;color: #1a75ff;text-transform: capitalize;float: right; cursor: pointer;}


/* Add Icon start*/
.addIcon.popupHold {width: 499px; overflow: hidden; left:31%;}
.addIcon .btClose {padding-top: 8px;}
.addIcon .lable01 {margin: 10px;}
.addIcon .selectIconBar {margin: 0; border-radius: 0; width: 100%;}
.addIcon.popupHold .contentHold {margin: 0; border-radius: 0; padding: 0 0 0 0;}

/* Add Icon end*/


/* Loading */
.loading {
    min-height: 200px;
    min-width: 100px;
}

.loading  > * { visibility: hidden}
.loading .loading-animation {
    visibility: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    width:60px;
    height:44px;
    transform: translateX(-50%) translateY(-50%);}