/*----------------------------------------------------*/
/* LIGHTBOX CALLS
/*
/* Modal windows and alert popups
/*----------------------------------------------------*/
.lightboxfoot .container {
  padding: 20px;
}
.notify {
  display: none;
  width: 350px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 20px;
  border: 1px solid #333;
  background-color: #fff;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #333;
  font-weight: bold;
}
.notify.sample {
  display: block;
  margin: 0 0 30px;
}
.notify p {
  font-size: 1.1em;
  line-height: 1.2em;
}
.notify h5 {
  display: block;
  text-indent: -9999px;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  background-image: url(../img/ui/icn-lg-alert.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.notify.warning {
  background-color: #fcf9e2;
  background-position: bottom center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAADVCAIAAAAO+p0uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTdGNkQ1REJGQjhDMTFFMTk3OTg5MkY1NzFBNTk1NkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTdGNkQ1RENGQjhDMTFFMTk3OTg5MkY1NzFBNTk1NkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkFENTU4Q0ZCOEMxMUUxOTc5ODkyRjU3MUE1OTU2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFN0Y2RDVEQUZCOEMxMUUxOTc5ODkyRjU3MUE1OTU2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkoBGJwAAAClSURBVHja7NdpDgMhCAVgabz/Rbvvy4zSG4hJzZTHPH5/EUSMUVQ1NUP8iEoxXBQUUZcR86rEFEbUDvEJJN6BxMsSBUc8YcQjkLjDiNsSYh4hrjDi4kKUDnGGEScfYrLFEUYcYMQeRuyciG1bbJIVORkf4I41erJYaUZkwak0K3v6jzo0TE85H6z059vAWecLxJNb4TvHs+UEeditGCiL5Lb4CjAA5+1rzz+4qrAAAAAASUVORK5CYII=);
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fcf9e2));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ffffff, #fcf9e2);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ffffff, #fcf9e2);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ffffff, #fcf9e2);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ffffff, #fcf9e2);
  /* Firefox 16+, IE10, Opera 12.50+ */

  border-color: #d8941d;
}
.notify.warning h5 {
  background-position: 0 0;
}
.notify.warning p {
  color: #875b13;
}
.notify.success {
  background-color: #eef8dc;
  background-position: bottom center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAACjCAIAAAAIOtnQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTdGNkQ1REZGQjhDMTFFMTk3OTg5MkY1NzFBNTk1NkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTdGNkQ1RTBGQjhDMTFFMTk3OTg5MkY1NzFBNTk1NkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFN0Y2RDVEREZCOEMxMUUxOTc5ODkyRjU3MUE1OTU2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFN0Y2RDVERUZCOEMxMUUxOTc5ODkyRjU3MUE1OTU2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsJHWQ0AAACSSURBVHja7JjBEcAgCAQhMf2XfKkhNxlUXP6MwC2CpqT4bldYZrqNiA2CVOVpnStZXRLBJHAdLDe6TddN6DYzNxpn2wuvkhJvU6ADQHk1lMtXbFAGZSppLIZUEiY7BFn9FaG+0xSUz0K58RsHlE9CmX/l/3QTutFv6Lb4NG0sd+2mAFx7wuXmlul4jjsfw+0VYACsmkyEXhF6IQAAAABJRU5ErkJggg==);
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eef8dc));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ffffff, #eef8dc);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ffffff, #eef8dc);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ffffff, #eef8dc);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ffffff, #eef8dc);
  /* Firefox 16+, IE10, Opera 12.50+ */

  border-color: #9fb479;
}
.notify.success h5 {
  background-position: 0 -40px;
}
.notify.success p {
  color: #445d17;
}
.notify.error {
  background: #ffeceb;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmVjZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #ffeceb 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffeceb));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ffffff 0%, #ffeceb 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ffffff 0%, #ffeceb 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 0%, #ffeceb 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #ffffff 0%, #ffeceb 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffeceb', GradientType=0);
  /* IE6-8 */

  border-color: #c6443c;
}
.notify.error h5 {
  background-position: 0 -80px;
}
.notify.error p {
  color: #9a211d;
}
.notify.patterns {
  margin-top: 30px;
}

.modal {
  width: 100%;
  position: relative;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.75);
  -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.75);
}
.modal > header,
.modal > footer {
  padding: 20px;
  position: relative;
  background-size: 100% 100%;
  overflow: hidden;
  -moz-background-clip: padding;
  /* Firefox 3.6 */

  -webkit-background-clip: padding;
  /* Safari 4? Chrome 6? */

  background-clip: padding-box;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */

}
.modal > header {
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  background: #f3f3f5;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f3f3f5 0%, #ededed 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f5), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f3f3f5 0%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f3f3f5 0%, #ededed 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f3f3f5 0%, #ededed 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #f3f3f5 0%, #ededed 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f5', endColorstr='#ededed', GradientType=0);
  /* IE6-8 */

}
.modal > header .close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
}
.modal > header h3 {
  font-weight: 300;
  font-size: 1.8em;
  letter-spacing: 0.075em;
  margin: 0;
}
.modal > footer {
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  background: #ededed;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ededed 0%, #f3f3f5 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #f3f3f5));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ededed 0%, #f3f3f5 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ededed 0%, #f3f3f5 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ededed 0%, #f3f3f5 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #ededed 0%, #f3f3f5 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#f3f3f5', GradientType=0);
  /* IE6-8 */

  text-align: right;
}
.modal > footer .uibtn {
  margin-bottom: 0;
  margin-left: 8px;
}
.modal .modalbody {
  border-right: 0;
  border-left: 0;
}
.modal .modalbody .ui-layout-pane {
  padding: 0 0 32px;
  overflow: hidden;
  position: relative;
}
.modal .modalbody .ui-layout-pane a.botbut {
  position: absolute;
  top: 266px;
  z-index: 400;
}
.modal .modalbody > div {
  padding-bottom: 32px;
}
.modal .modalbody > div > ul {
  height: 229px;
  overflow: scroll;
  overflow-x: hidden;
  padding-bottom: 35px;
}
.modal .modalbody > div > a.botbut {
  display: block;
  position: absolute;
  line-height: 32px;
  font-size: 12px;
  height: 32px;
  width: 100%;
  text-align: center;
  border-top: 1px solid;
  color: #333;
}
.modal .modalbody > div > a.botbut:hover {
  color: #0078ae;
}
.modal .modalbody > div > a.botbut span {
  top: 5px;
  margin-right: 1px;
}
.modal .modalbody > div > a.botbut.addall {
  background: #f6fef0;
  border-color: #a1c859;
}
.modal .modalbody > div > a.botbut.remall {
  background: #ffeceb;
  border-color: #c67e7a;
}
.modal .modalbody > div > h4 {
  padding: 10px;
  margin: 0;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ccc;
}
.modal.patterns {
  position: relative;
  margin: 40px 0 50px;
}
.modal.patterns .modalbody {
  padding: 20px;
}
.modalwrap {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
}
.modalwrap > div {
  display: none;
  left: 50%;
  top: 50%;
  position: absolute;
}
.modalwrap .modal {
  width: 660px;
  height: 450px;
}
.modalwrap .modal > footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 0;
}
.modalwrap .modal > footer .uibtn.cancel {
  margin-right: 20px;
}