@import url("https://fonts.googleapis.com/css?family=Muli:400,700&display=swap");
body {
  width: 100%;
  margin: 0;
  padding: 0px;
  font-size: 13px;
  font-family: "Muli", sans-serif;
  background-color: #f9f9f9;
  color: #033069;
}
ul {
  list-style-type: none;
  padding: 0;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
header {
  height: 42px;
  overflow: hidden;
  background: #fff;
  border-bottom: solid 1px #ddd;
  padding: 0 40px;
}
header h1 {
  font-size: 16px;
  letter-spacing: 2px;
  float: left;
}

a#logout {
  background: #c72727;
  color: #fff;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 3px;
  margin-top: 9px;
  float: right;
}
a#settings {
  float: right;
  color: #11aed2;
  margin-left: 12px;
  padding: 6px;
  margin: 5px 0 0 4px;
  font-size: 16px;
}
a#logout i {
  margin-right: 3px;
}
.darkfade {
  background: rgba(0, 0, 0, 0.35);
  position: fixed;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 999;
}
#drop-menu {
  width: 180px;
  background: #fff;
  position: absolute;
  border-radius: 3px;
  right: 40px;
  top: 50px;
  z-index: 999;
  box-shadow: 0 0 2px 1px rgba(140, 140, 140, 0.28);
  display: none;
  z-index: 9999;
  overflow: hidden;
}
#drop-menu h4 {
  margin: 0;
  padding: 8px 8px;
  border-bottom: solid 1px #ddd;
  font-size: 12px;
  font-weight: bold;
}
#drop-menu h4 a {
  color: #c72727;
  float: right;
}
#drop-menu h4 i {
  color: #11aed2; margin-right: 3px;
}

#cur-login {
  background: #f9f9f9;
  overflow: hidden;
  padding: 8px;
}
#cur-login h3 {
  margin: 4px 0;
  font-size: 14px;
  color: #000;
}
#cur-login h3 i {
  margin-right: 3px;
  color: #0cc3fb;
}
#drop-menu ul {
  margin: 0;
  padding: 8px 0;
  width: 100%;
  background: #f9f9f9;
}
#drop-menu ul li {
  margin: 0;
  padding: 6px 12px;
  width: 100%;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: bold;
}
#drop-menu ul li i {
  margin-right: 0px;
  color: #11aed2;
  font-size: 16px;
  width: 20px;
}
#drop-menu ul a#win-app li i {
  color: #6cd1f1;
}
#drop-menu ul a#unix-app li i {
  color: #f96811;
}

#drop-menu ul li i.fab.fa-apple {
  font-size: 18px;
  color: #c7c7c7;
}
#cur-login {
  background: #f9f9f9;
  overflow: hidden;
  padding: 8px;
}
#cur-login h3 {
  margin: 4px 0;
  font-size: 14px;
  color: #000;
}
#cur-login h3 i {
  margin-right: 3px;
  color: #0cc3fb;
}
#drop-menu ul {
  margin: 0;
  padding: 0px;
  width: 100%;
}
#drop-menu ul li {
  margin: 0;
  padding: 6px 8px;
  border-top: solid 1px #ddd;
  width: 100%;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: bold;
}
#drop-menu ul li i {
  margin-right: 3px;
  color: #0fc747;
}
#top-action {
  width: 960px;
  margin: 40px auto 20px;
  border-bottom: solid 1px #ddd;
  box-sizing: border-box;
  min-height: 66px;
}
.global-links {
  float: right;
}
.global-links a {
  font-size: 14px;
  margin-left: 0px;
  float: right;
  margin-top: 6px;
  padding: 6px;
  color: #a9a9a9;
}
.global-links a.fa-spin {
  color: #11aed2;
}
.global-links a:not(:root:root) {
  margin-top: 8px;
}
.global-links a#gl-add {
  font-size: 20px;
  margin-left: 0px;
  margin-right: 6px;
  padding: 6px;
  margin-top: 2px;
  color: #11aed2;
}
.global-links a#gl-add:not(:root:root) {
  margin-top: 4px;
}
#global-search {
  float: left;
  margin: 0;
  width: 886px;
}
#global-search input {
  font-size: 14px;
  width: 600px;
  padding: 12px 50px 12px 130px;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px rgba(140, 140, 140, 0.28);
  border: 0;
  width: 100%;
  box-sizing: border-box;
}
#global-search input:focus {
  outline: 0;
}
#global-search label {
  position: absolute;
  background: #fff;
  font-size: 14px;
  font-weight: bold;
  width: 110px;
  border-right: solid 1px #dcdcdc;
  padding: 9px 12px;
  box-sizing: border-box;
  height: 36px;
  margin: 2px;
  z-index: 99;
}
#global-search label:not(:root:root) {
  margin-top: 4px;
}
#global-search label i {
  margin-right: 4px;
  color: #11aed2;
}
#global-search a {
  font-size: 20px;
  margin-top: 0px;
  position: absolute;
  padding: 8px 12px;
  margin-left: -42px;
  color: #11aed2;
  display: none;
}
#global-search a:not(:root:root) {
  margin-top: 2px;
}
.tb {
  overflow: hidden;
  min-height: 80px;
  width: 960px;
  background: #fff;
  box-shadow: 0 0 2px 1px rgba(140, 140, 140, 0.28);
  border-radius: 3px;
  margin: 20px auto;
}
.tb-header {
  background: #033069;
  color: #fff;
  padding: 0px;
}
.tb-title h2 {
  margin: 0px 12px;
  padding: 8px 0;
  font-size: 12px;
  font-weight: bold;
  border-bottom: solid 1px #fff6;
}
.tb-title h2 i.tb-title {
  font-size: 11px;
  margin-right: 4px;
  color: #ffffff7a;
}
.tb-title {
  margin: 0px;
  font-size: 12px;
  font-weight: bold;
  display: none;
}
.reqtype-dropdown {
  position: absolute;
  margin-left: 798px;
  z-index: 999;
  background: #fff;
  color: #033069;
  border-radius: 3px;
  width: 150px;
  margin-top: 0px;
  box-shadow: 0 0 2px 1px rgba(140, 140, 140, 0.28);
  display: none;
}
.search-params {
  margin: 52px 0 0;
  width: 110px;
}
.add-req {
  margin-left: 820px;
  margin-top: 52px;
  width: 140px;
}
.reqtype-dropdown ul {
  padding: 8px 0;
  margin: 0;
}
.reqtype-dropdown ul li {
  padding: 8px 20px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
.reqtype-dropdown ul li i {
  color: #11aed2;
  margin-right: 3px;
}
.tb-menu {
  margin: 0;
}
.tb-menu ul {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.tb-menu ul li {
  float: left;
  padding: 8px 12px;
  text-align: left;
  box-sizing: border-box;
  width: 40%;
  border-bottom: solid 2px rgba(255, 255, 255, 0.31);
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.tb-menu ul li#clients {
  width: 20%;
}
.tsk-tb .tb-menu ul li {
  width: 20%;
}

.tb-menu ul li h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  color: #eee;
}
.tb-menu ul li h3 i {
  color: #ffffff38;
  font-size: 14px;
  margin-right: 2px;
}
.tb-menu ul li.active h3 {
  color: #fff;
}
.tb-menu ul li.active i {
  color: #0cc3fb;
}

.tb-content {
  min-height: 400px;
  display: flex;
  overflow: hidden;
}
.tsk-tb .tb-content {
  min-height: 80px;
}
.cnt-pop {
  width: 620px;
  position: absolute;
  right: 0;
  left: 0;
  margin: 10px auto;
  background: rgba(255, 255, 255, 0.87);
  box-shadow: 0 0 5px 1px rgba(158, 158, 158, 0.26);
  z-index: 999;
  padding: 0px;
  border-radius: 4px;
  display: none;
  overflow: hidden;
  z-index: 9999;
}
.cnt-pop.bulknote-enb {
  margin: -60px auto;
}

.cntfade {
  background: rgba(251, 251, 251, 0.6);
  position: absolute;
  width: 960px;
  height: calc(100vh - 250px);
  z-index: 99;
  float: left;
  border-radius: 0 0 4px 4px;
  display: none;
}
.pop-hd {
  padding: 12px 20px;
}
.pop-hd h4 {
  margin: 0;
  font-size: 12px;
}
.pop-hd h4 i {
  margin-right: 3px;
  color: #11aed2;
}
.pop-hd h4 a {
  color: #c70f0f;
  float: right;
}
.pop-hd h4 a i {
  color: #c70f0f;
  margin-right: 0px;
}
.pop-content {
  padding: 0px 20px;
}
.pop-content textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  box-sizing: border-box;
  padding: 8px;
  border-radius: 2px;
  border: solid 0px #ccc;
  font-size: 12px;
  background: #fbfbfb;
  box-shadow: 0 0 2px #00000069;
}
.pop-content textarea.details {
  min-height: 120px;
  margin-top: 12px;
}
.slc-parent {
  width: 100%;
  background: #dcf6fb;
  float: left;
  margin: 5px 0;
  padding: 8px 12px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 2px #b9eaef;
  font-size: bold;
  font-weight: bold;
}
.slc-parent a {
  float: right;
}
.slc-parent i {
  color: #11aed2;
}
.slc-parent i.fa-folder-open {
  margin-right: 3px;
}
.parent-list {
  width: 580px;
  overflow: hidden;
  position: absolute;
  background: #ffff;
  margin: 0;
  border: solid 1px #eee;
  overflow: hidden;
  box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  display: none;
}
.tb-content .parent-list ul {
  max-height: 170px;
  background: #f1fcff;
}
.parent-list ul li {
  cursor: pointer;
}
.bulk-add {
  margin: 0;
  width: 100%;
  margin-top: 20px;
  padding-top: 12px;
  border-top: solid 1px #ddd;
}
.pop-content textarea.bulk {
  min-height: 120px;
  margin: 0;
}
.pop-content label {
  float: left;
  margin: 5px 0 8px 0;
  font-weight: bold;
  font-size: 12px;
  width: 100%;
}
.pop-content label span {
  color: #999;
}
.pop-content label i {
  color: #11aed2;
}
.pop-content label a {
  float: right;
  padding: 2px 8px 3px;
  margin-top: -4px;
  border: solid 1px #ddd;
  border-radius: 3px;
  margin-bottom: 3px;
}
.pop-act {
  padding: 12px 20px;
  overflow: hidden;
}
.pop-act a {
  float: right;
  margin-left: 12px;
  border: solid 1px #ddd;
  font-weight: bold;
  border-radius: 2px;
  padding: 4px 8px;
  font-size: 12px;
}
.pop-act a i {
  font-size: 11px;
  margin-right: 3px;
}
.pop-act a.submit {
  background: #11aed2;
  border-color: #11aed2;
  color: #fff;
}

.hd-hidden {
  display: none;
  width: 100%;
  float: left;
}
.hd-hidden form {
  width: 100%;
}
.hd-hidden input {
  width: 100%;
}
.tb-list {
  float: left;
  width: 40%;
  border-right: solid 1px #ddd;
  overflow: hidden;
  padding: 0;
  transition: 0.5s ease-in-out;
  min-height: calc(100vh - 260px);
}
.tb-list#clients {
  float: left;
  width: 20%;
  border-right: solid 1px #ddd;
  overflow: hidden;
  padding: 0;
}
.tb-list.hidden-list {
  position: absolute;
  right: 0;
  width: 40px!important;
  opacity: 0;
}
.englarged {
  width: 80%;
}
.tb-list.full-list {
  width: 100%;
}
.tb-list.full-list#clients {
    width: 100%;
}
.tb-content ul {
  width: 100%;
  overflow: hidden;
  margin: 0;
  overflow-y: auto;
  max-height: calc(100vh - 280px);
}
.tb-content ul li {
  padding: 8px 12px;
  text-align: left;
  box-sizing: border-box;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
.tb-content ul li:hover {
  background: #daf7ff;
}
.tb-content ul li.selected,
.tb-content ul li.selected:hover {
  background: #aeefff;
}
.item-info {
  position: absolute;
  width: 300px;
  background: #fff;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.26);
  border-radius: 3px;
  margin-top: 6px;
  padding: 8px;
  font-size: 12px;
  display: none;
  box-sizing: border-box;
  overflow: hidden;
  white-space: normal;
}

.item-info h3 {
  font-size: 14px;
  margin: 0;
  border-bottom: solid 1px #ddd;
  padding: 0px 0 8px;
}
.item-info h5 {
  font-size: 11px;
  margin: 8px 0;
}

.item-info h5 a {
  border: solid 1px #ddd;
  padding: 1px 4px;
  color: #11aed2;
  border-radius: 2px;
}
.item-info p.notes {
  font-size: 12px;
  margin: 0px;
  padding-bottom: 8px;
  color: #666;
  border-bottom: solid 1px #ddd;
}
.item-info p.notes i{
  color: #999;
  margin-right: 3px;
}
.item-info p.crt {
  font-size: 11px;
  margin: 0px;
  color: #333;
  padding: 8px 0 0px;
}
.item-info h5 i, .item-info p.crt i{
  color: #11aed2;margin-right: 3px;
}

.tb-content ul li a {
  margin-right: 3px;
}
.tb-content ul li a.ed {
  color: #11aed2;
  padding: 1px 2px;
  border-radius: 20px;
  font-size: 14px;
}
.tb-content ul li a.del {
  color: #c70f0f;
  padding: 1px 2px;
  border-radius: 2px;
  font-size: 14px;
  margin-right: 4px;
}
.hd-right {
  float: right;
}
.hd-right a {
  margin: 1px 3px;
  float: left;
  color: #11aed2;
  padding: 2px;
}
.hd-left {
  float: left;
}
.li-header {
  background: #f7f7f7;
  padding: 3px 12px;
  font-weight: bold;
  min-height: 24px;
  overflow: hidden;
}
.li-header form {
  overflow: hidden;
  width: 100%;
  padding-bottom: 5px;
}
.li-header form input {
  float: left;
  width: 100%;
  border-radius: 2px;
  border: solid 1px #dadada;
  padding: 3px 5px;
  font-size: 12px;
  box-sizing: border-box;
}
.li-header form button {
  float: left;
  margin: 2px 0 0 -22px;
  border: 0;
  font-size: 14px;
  padding: 1px 4px;
  border-left: solid 1px #ddd;
  color: #11aed2;
  background: #fff;
}
.li-header form button:not(:root:root) {
  margin: 4px 0 0 -22px;
}
.hd-left h5 {
  float: left;
  font-size: 12px;
  width: 120px;
  margin: 4px 0;
}
#appdata-clients .hd-left h5 {
  width: 80px;
}
.hd-left h5 span {
  color: #11aed2;
}
.tb-title .hd-right a {
  margin-top: -1px;
  color: #fff;
}

p.empty {
  font-size: 14px;
  text-align: center;
  padding: 8px 0;
  color: #b3b3b3;
  font-weight: bold;
  width: 100%;
  display: none;
}
p.empty i {
  font-size: 40px;
  margin-bottom: 10px;
}
p.empty i.fa-spin {
  color: #11aed2;
  font-size: 16px;
}
p.tsk-cnt {
  color: #033069;
}
.tsk-cnt a {
  background: #0fc747;
  color: #fff;
  font-size: 14px;
  padding: 3px 8px;
  border-radius: 3px;
  display: block;
  width: 80px;
  margin: 5px auto;
}
.tsk-cnt a#stop {
  background: #c70f0f;
}
p.empty#img {
  display: block;
}

/* Login page */
form#login {
  width: 320px;
  background: #fff;
  height: 420px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
  padding: 0px;
  box-shadow: 0 0 2px 1px rgba(140, 140, 140, 0.28);
}
form#login h3 {
  font-size: 14px;
  margin: 0;
  text-align: center;
}
form#login h3 i {
  color: #11aed2;
  font-size: 42px;
  margin: 8px 0;
}
#login-header,
#login-footer {
  padding: 12px;
}
#login-fields {
  background: #f7f7f7;
  overflow: hidden;
  padding: 20px 20px 26px;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
  text-align: left;
}
form#login input {
  width: 100%;
  font-size: 12px;
  border: solid 2px #eee;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 3px;
  margin: 8px 0;
  float: left;
}
form#login label {
  width: 100%;
  font-size: 12px;
  float: left;
  font-weight: bold;
  margin-top: 6px;
  color: #033069;
}
form#login label i {
  color: #11aed2;
  margin-right: 3px;
}
form#login button {
  background: #11aed2;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 18px 7px;
  border-radius: 30px;
  border: 0;
  margin: 8px;
}
form#login button i {
  margin-right: 3px;
  font-size: 12px;
}
#loading-cnt {
  display: none;
}
p#loading-data {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  margin: 60px auto;
}
p#loading-data i {
  color: #11aed2;
  font-size: 32px;
  padding: 12px;
  animation-duration: 1.5s;
}
.relations-editor {
  width: 680px;
  position: absolute;
  right: 0;
  left: 0;
  margin: 40px auto;
  background: #fff;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.26);
  z-index: 999;
  padding: 0px;
  border-radius: 6px;
  overflow: hidden;
  font-weight: bold;
  display: none;
}
.relations-editor h3 {
  padding: 8px;
  font-size: 12px;
  margin: 0;
  background: #edf7ff;
}
.relations-editor h3 span {
  margin-right: 3px;
  color: #11aed2;
}
.relations-header {
  padding: 16px;
  border-bottom: solid 1px #ddd;
  width: 100%;
  float: left;
  box-sizing: border-box;
}
.relations-header h4 {
  margin: 0;
  font-size: 12px;
}
.relations-header h4 i {
  margin-right: 3px;
  color: #11aed2;
}
.relations-header h4 span {
  color: #11aed2;
}
.relations-header h4 a {
  color: #c70f0f;
  float: right;
}
.relations-header h4 a i {
  color: #c70f0f;
  margin-right: 0px;
}
.relations-listings {
  border-right: solid 1px #ddd;
  width: 50%;
  float: left;
  box-sizing: border-box;
  height: 360px;
}
.relations-listings h3 {
  background: #fff;
  padding: 6px 8px 0;
}
.relations-editor ul {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  min-height: 300px;
  border-top: solid 1px #ddd;
  max-height: 328px;
  overflow-y: auto;
}
.relations-listings ul {
  min-height: 293px;
  max-height: 293px;
}
.relations-editor ul li {
  width: 100%;
  padding: 8px 12px;
  overflow: hidden;
  box-sizing: border-box;
  cursor: grab;
  background: #fff;
  transition: 0s ease-in-out;
}
.relations-editor ul li:active {
  border-radius: 2px;
}
.relations-added {
  padding: 0px;
  width: 50%;
  float: left;
  box-sizing: border-box;
  height: 360px;
}
.relations-footer {
  padding: 12px;
  border-top: solid 1px #ddd;
  width: 100%;
  float: left;
  box-sizing: border-box;
  text-align: right;
}
.relations-footer a {
  float: right;
  margin-left: 12px;
  border: solid 1px #ddd;
  font-weight: bold;
  border-radius: 3px;
  padding: 4px 12px;
  font-size: 12px;
  background: #033069;
  color: #fff;
  border: 0;
}
.relations-footer a i {
  font-size: 11px;
  margin-right: 3px;
}
#relations-search {
  width: 100%;
  padding: 8px;
  overflow: hidden;
  box-sizing: border-box;
}
#relations-search input {
  width: 100%;
  float: left;
  padding: 6px 30px 6px 8px;
  box-sizing: border-box;
  border-radius: 2px;
  border: solid 1px #ddd;
  font-size: 12px;
  font-weight: bold;
}
#relations-search button {
  width: 24px;
  position: absolute;
  margin: 4px 0 0 -26px;
  border: 0;
  font-size: 14px;
  color: #11aed2;
}
div#edit-users {
  position: absolute;
  background: #fff;
  overflow: hidden;
  border-radius: 3px;
  right: 40px;
  top: 60px;
  width: 600px;
  z-index: 9999;
  background: #f9f9f9;
  box-shadow: 0 0 2px 1px rgba(140, 140, 140, 0.28);
  display: none;
}
#current-users {
  float: left;
  width: 230px;
}
#current-users ul {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}
#current-users ul li {
  padding: 12px;
  width: 100%;
  box-sizing: border-box;
}
#current-users ul li a {
  float: right;
  padding: 3px;
  font-size: 11px;
  color: #c72727;
}
#current-users ul li h4 {
  margin: 0px;
  font-size: 12px;
}
#current-users ul li p {
  margin: 2px 0 0;
  font-size: 11px;
  font-weight: bold;
  color: #999;
  line-height: 16px;
}
#add-users {
  float: left;
  width: 370px;
  text-align: center;
  background: #fff;
  border-left: solid 1px #eee;
  box-sizing: border-box;
  padding: 24px 0;
}
#add-users h3 i {
  color: #11aed2;
  font-size: 42px;
  margin-bottom: 12px;
}
#add-users a.close-pop {
  color: #c72727;
  float: right;
  margin: -18px 8px 0 0;
}
#add-users input {
  width: 66%;
  padding: 8px 8px;
  font-size: 12px;
  margin: 8px auto;
  border-radius: 2px;
  background: #fbfbfb;
  box-shadow: 0 0 2px #00000069;
  border: 0;
}
#add-users button {
  color: #11aed2;
  font-size: 36px;
  font-weight: bold;
  display: block;
  margin: 8px auto 0;
  border: 0;
}
.import-data {
  width: 680px;
  position: absolute;
  margin: 60px auto;
  left: 0;
  right: 0;
  overflow: hidden;
  border-radius: 3px;
  background: #fbfbfb;
  display: none;
  z-index: 9999;
  height: 414px;
  box-shadow: 0 0 2px 1px rgba(140, 140, 140, 0.28);
}
.import-data h3 {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 12px;
  border-bottom: solid 1px #ddd;
  margin: 0;
  font-size: 13px;
  background: #fff;
}
.import-data h3 i {
  color: #11aed2;
  margin-right: 3px;
}
.import-data h3 a {
  float: right;
  color: #c72727;
}
.import-data h3 a i {
  color: #c72727;
  margin-right: 0;
}
p#import-status {
  float: left;
  background: #fff;
  margin: 0;
  border-top: solid 1px #ddd;
  width: 100%;
  padding: 8px 12px;
  text-align: right;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: bold;
}
p#import-status i {
  color: #11aed2;
  margin-right: 3px;
}
.ul-parent {
  float: left;
  width: 50%;
  box-sizing: border-box;
  border-right: solid 1px #ddd;
  height: 348px;
  max-height: 348px;
  overflow: hidden;
}
.ul-parent li i {
  float: left;
  padding: 2px 4px 0 0;
  color: #c70f0f;
}
.ul-children {
  float: left;
  width: 50%;
  box-sizing: border-box;
  height: 348px;
  max-height: 348px;
  overflow: hidden;
}
.ul-children form {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
  padding: 8px 12px;
  border-bottom: solid 1px #ddd;
}
.ul-children input {
  font-size: 12px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #ddd;
  padding: 4px 26px 4px 8px;
}
.ul-children button {
  color: #11aed2;
  border: 0;
  position: absolute;
  margin: 1px 0 0 -22px;
  padding: 4px;
  width: 20px;
}
.import-data ul {
  padding: 0px;
  margin: 0px;
  width: 100%;
  max-height: 420px;
}
.import-data ul li {
  margin: 0;
  padding: 8px 12px;
  width: 100%;
  box-sizing: border-box;
}
.import-data ul li a.import-add {
  color: #11aed2;
}
.import-data ul li a.import-add:hover {
  color: #11aed2;
}
.cnt-imgup {
    width: 480px;
    margin: 80px auto;
    text-align: center;
}
.cnt-imgup p {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}
.cnt-imgup p span{
    color: #11aed2;
}
.cnt-imgup p span.icon-success{
    font-size: 24px;
}
.cnt-imgup img{
    max-height:180px;
    max-width:180px;
    margin: 20px auto;
}
.cnt-imgup a{
    color: #11aed2;
    text-decoration: underline;
}
.cnt-imgup a#delimg{
    display: block;
    width:120px;
    margin: 10px auto;
    padding: 3px 8px;
    border-radius: 2px;
    background: #ea0606;
    color: #fff;
    text-decoration: none;
}
.cnt-imgup p.info {
    color: #999;
    font-weight: normal !important;
}
.bulk-notes {
    position: absolute;
    width: 250px;
    margin: 0;
}
.bulk-notes.notes-toggle {
    position: relative;
    width: 100%;
}
.bulk-notes h5{
  font-size: 12px;
  margin: 16px 0;
}
.bulk-notes h5 span.checkbox {
    border: solid 2px #ddd;
    color: #f5f5f5;
    font-size: padding;
    padding: 1px 2px 0px 3px;
    border-radius: 3px;
    background: #f5f5f5;
    font-size: 10px;
    float: left;
    margin: -2px 5px 0 0;
}
.bulk-notes h5 span.checkbox:hover {
    color:#11aed2;
}
.bulk-notes h5 span.checkbox.checked {
    color:#11aed2;
}
.bulk-notes h5 span.info{
  color:#999;
}
.bulk-notes.notes-toggle {
    position: relative;
    width: 100%;
}
.bulk-notes textarea{
  display:none;
  min-height: 60px;
  max-height: 60px;
}
.bulk-notes.notes-toggle textarea{
  display:block;
}