@charset "UTF-8";
/* css/vendor/blueimp-gallery.min.css */
.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{position:absolute;top:0;right:0;bottom:0;left:0;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.slide-content{margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;opacity:1}.blueimp-gallery{position:fixed;z-index:999999;overflow:hidden;background:#000;background:rgba(0,0,0,.9);opacity:0;display:none;direction:ltr;-ms-touch-action:none;touch-action:none}.blueimp-gallery-carousel{position:relative;z-index:auto;margin:1em auto;padding-bottom:56.25%;box-shadow:0 0 10px #000;-ms-touch-action:pan-y;touch-action:pan-y}.blueimp-gallery-display{display:block;opacity:1}.blueimp-gallery>.slides{position:relative;height:100%;overflow:hidden}.blueimp-gallery-carousel>.slides{position:absolute}.blueimp-gallery>.slides>.slide{position:relative;float:left;height:100%;text-align:center;-webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);-moz-transition-timing-function:cubic-bezier(.645,.045,.355,1);-ms-transition-timing-function:cubic-bezier(.645,.045,.355,1);-o-transition-timing-function:cubic-bezier(.645,.045,.355,1);transition-timing-function:cubic-bezier(.645,.045,.355,1)}.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-ms-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear}.blueimp-gallery>.slides>.slide-loading{background:url(../img/loading.gif) center no-repeat;background-size:64px 64px}.blueimp-gallery>.slides>.slide-loading>.slide-content{opacity:0}.blueimp-gallery>.slides>.slide-error{background:url(../img/error.png) center no-repeat}.blueimp-gallery>.slides>.slide-error>.slide-content{display:none}.blueimp-gallery>.next,.blueimp-gallery>.prev{position:absolute;top:50%;left:15px;width:40px;height:40px;margin-top:-23px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-decoration:none;text-shadow:0 0 2px #000;text-align:center;background:#222;background:rgba(0,0,0,.5);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;cursor:pointer;display:none}.blueimp-gallery>.next{left:auto;right:15px}.blueimp-gallery>.close,.blueimp-gallery>.title{position:absolute;top:15px;left:15px;margin:0 40px 0 0;font-size:20px;line-height:30px;color:#fff;text-shadow:0 0 2px #000;opacity:.8;display:none}.blueimp-gallery>.close{padding:15px;right:15px;left:auto;margin:-15px;font-size:30px;text-decoration:none;cursor:pointer}.blueimp-gallery>.play-pause{position:absolute;right:15px;bottom:15px;width:15px;height:15px;background:url(../img/play-pause.png) 0 0 no-repeat;cursor:pointer;opacity:.5;display:none}.blueimp-gallery-playing>.play-pause{background-position:-15px 0}.blueimp-gallery>.close:hover,.blueimp-gallery>.next:hover,.blueimp-gallery>.play-pause:hover,.blueimp-gallery>.prev:hover,.blueimp-gallery>.title:hover{color:#fff;opacity:1}.blueimp-gallery-controls>.close,.blueimp-gallery-controls>.next,.blueimp-gallery-controls>.play-pause,.blueimp-gallery-controls>.prev,.blueimp-gallery-controls>.title{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-left>.prev,.blueimp-gallery-right>.next,.blueimp-gallery-single>.next,.blueimp-gallery-single>.play-pause,.blueimp-gallery-single>.prev{display:none}.blueimp-gallery>.close,.blueimp-gallery>.next,.blueimp-gallery>.play-pause,.blueimp-gallery>.prev,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body:last-child .blueimp-gallery>.slides>.slide-error{background-image:url(../img/error.svg)}body:last-child .blueimp-gallery>.play-pause{width:20px;height:20px;background-size:40px 20px;background-image:url(../img/play-pause.svg)}body:last-child .blueimp-gallery-playing>.play-pause{background-position:-20px 0}.blueimp-gallery>.indicator{position:absolute;top:auto;right:15px;bottom:15px;left:15px;margin:0 40px;padding:0;list-style:none;text-align:center;line-height:10px;display:none}.blueimp-gallery>.indicator>li{display:inline-block;width:9px;height:9px;margin:6px 3px 0 3px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:1px solid transparent;background:#ccc;background:rgba(255,255,255,.25) center no-repeat;border-radius:5px;box-shadow:0 0 2px #000;opacity:.5;cursor:pointer}.blueimp-gallery>.indicator>.active,.blueimp-gallery>.indicator>li:hover{background-color:#fff;border-color:#fff;opacity:1}.blueimp-gallery-controls>.indicator{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-single>.indicator{display:none}.blueimp-gallery>.indicator{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blueimp-gallery>.slides>.slide>.video-content>img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.video-content>video{position:absolute;top:0;left:0;width:100%;height:100%}.blueimp-gallery>.slides>.slide>.video-content>iframe{position:absolute;top:100%;left:0;width:100%;height:100%;border:none}.blueimp-gallery>.slides>.slide>.video-playing>iframe{top:0}.blueimp-gallery>.slides>.slide>.video-content>a{position:absolute;top:50%;right:0;left:0;margin:-64px auto 0;width:128px;height:128px;background:url(../img/video-play.png) center no-repeat;opacity:.8;cursor:pointer}.blueimp-gallery>.slides>.slide>.video-content>a:hover{opacity:1}.blueimp-gallery>.slides>.slide>.video-playing>a,.blueimp-gallery>.slides>.slide>.video-playing>img{display:none}.blueimp-gallery>.slides>.slide>.video-content>video{display:none}.blueimp-gallery>.slides>.slide>.video-playing>video{display:block}.blueimp-gallery>.slides>.slide>.video-loading>a{background:url(../img/loading.gif) center no-repeat;background-size:64px 64px}body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a{background-image:url(../img/video-play.svg)}/*# sourceMappingURL=blueimp-gallery.min.css.map */

/* css/jquery.fileupload.css */
.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

/* css/jquery.fileupload-ui.css */
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress-animated .progress-bar,
.progress-animated .bar {
  background: url("../img/progressbar.gif") !important;
  filter: none;
}
.fileupload-process {
  float: right;
  display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../img/loading.gif") center no-repeat;
  background-size: contain;
}
.files audio,
.files video {
  max-width: 300px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .name {
    width: 80px;
    word-wrap: break-word;
  }
  .files audio,
  .files video {
    max-width: 80px;
  }
  .files img,
  .files canvas {
    max-width: 100%;
  }
}


/* css/HTO.css */



/* JQuery popup */

/*
.uploadDialog.ui-dialog .ui-dialog-titlebar-close {
  float:right;
  background-color: transparent;
  background-image: url();
  background-repeat: no-repeat;
  background-position: center;
  width:12px;
  height:12px;
  display: inline-block;
}
.ui-dialog {
  background-color: #EEE;
  border: 4px solid #AAAAAA;
  text-align:left;
  
  -moz-border-radius:6px;
  -webkit-border-radius: 6px;
  border-radius:12px;
  z-index: 101;
  overflow:hidden;
  position: absolute;
  top:0 !important;
}




@media (max-width: 500px) {
  .ui-dialog {
    border-left: none;    
    border-right: none;    
    -moz-border-radius:0;
    -webkit-border-radius: 0;
    border-radius:0;
    width:100% !important;
    left:0 !important;
    right:0 !important;
  }
}




.ui-widget-overlay {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
  filter:alpha(opacity=40);
  -moz-opacity:.4;
  opacity:.4;
  background-color:#000;
}
.ui-dialog-titlebar {
  background-color:#5F178E;
  color:#FFF;
    padding: 4px 6px 2px 6px;
  text-transform:uppercase;
    text-align: center;
  cursor:move;

    font-size: 12px;
    line-height: 20px;
    font-weight: 900;
}

*/


/* Buttons */
.buttonBlue, .buttonRed, .buttonBrown, .buttonPurple, .buttonGreen, .buttonGray,
.buttonBlueLight, .buttonPurpleLight, .buttonRedLight, .buttonGrayLight {
  display:inline-block;
  border:solid 2px transparent;
  font-size:11px;
  font-weight:bold;
  color:#EEE;
  line-height:18px;
  cursor:pointer;
  text-decoration:none;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
  border-radius:5px;
  overflow:hidden;
}
.buttonBlue:hover, .buttonRed:hover, .buttonBrown:hover, .buttonPurple:hover, .buttonGreen:hover, .buttonGray:hover,
.buttonBlueLight:hover, .buttonPurpleLight:hover, .buttonRedLight:hover, .buttonGrayLight:hover {
  color:#FFF;
}
.buttonWindow {
  display:inline-block;
  padding:0 10px;
}


.chooseFilesButton {
  display: block;
  margin:0 0 6px 0;

  /*
  border: 1px dashed #5f178e;
*/

  border-radius:12px;
  padding:16px 18px 14px 18px;
  text-align: center;
  color:#5f178e;
  background-color: transparent;
}

.chooseFilesButton .buttonTitle {
  text-transform: uppercase;
  font-weight: 900;
  font-size:16px;
  line-height: 16px;

}
.chooseFilesButton .buttonMsg {
  margin-top:1px;
  font-size:12px;
}





/*** UPLOADER *****/
#uploadDialog {
  padding:12px 20px 16px 20px;
  min-height: 250px;
}
.uploadDialog .ui-dialog-titlebar {
  padding-left:12px;
}
/*
.uploadDialog a.ui-dialog-titlebar-close {
  visibility:hidden;
}
*/
#uploadDialog, #variable {
  display:none;
}
#uploadDialog .uploadIntroMsg {
  font-size:11px;
  font-style:italic;
  color:#96C;
  margin: 10px 12px 10px 12px;
}
#uploadDialog .uploadTip {
  width:160px;
  float:right;
  margin:0 35px 0 0;
  font-size:11px;
  font-style:italic;
  color:#96C;
  line-height:11px;
}
#uploadDialog .uploadChoose {
  margin:12px 0 22px 32px;
  height:19px;
}
#uploadDialog .fileListContainer {
  background-color:#FFF;
  padding: 4px;
  max-height: 170px;
  overflow: auto;
  display: none;
}
#uploadDialog .hasFiles .fileListContainer {
  display: block;
}
#uploadDialog .singleUploadProgress {
  text-align:center;
  background-color:transparent;
}
#uploadDialog table {
  width:100%;
  border-collapse:collapse;
}
#uploadDialog td {
  padding:2px 8px 2px 4px;
  font-size:11px;
  color:#000;
  vertical-align: middle !important;
}
#uploadDialog thead td {
  font-weight:bold;
}
#uploadDialog .fileName {
  overflow:hidden;
  text-align: left;
  max-width: 220px;
  display: inline-block;
}

@media (max-width: 500px) {
  #uploadDialog .fileName {
    max-width: 220px;
  }
}
@media (max-width: 400px) {
  #uploadDialog .fileName {
    max-width: 160px;
  }
}
@media (max-width: 350px) {
  #uploadDialog .fileName {
    max-width: 120px;
  }
}

#uploadDialog .fileSize {
  width:20%;
}
#uploadDialog .fileStatus {
  width:21%;
}
#uploadDialog .fileName div {

}
#uploadDialog a.cancel {
  color:#900;
}
#uploadDialog .percentage {
  color:#090;
  display:none;
}
.overallProgressWrapper {
  height: 32px;
  text-align: center;
}
.overallProgressWrapper .fileupload-process {
  float:none;
  display: inline-block;
}
#uploadDialog .uploadifyError .fileStatus {
  color:#F00;
  font-weight:bold;
}



.fileupload-processing .fileupload-process, .files .processing .preview {
  display: inline-block;
  width:24px;
  height: 24px;
}


#uploadDialog .fileListMsg {
  font-size:11px;
  font-style:italic;
  color:#96C;
  margin:6px 0 0 6px;
}
#uploadDialog .uploadButtons {
  padding: 7px 0 11px 0;
}
#uploadDialog .uploadButtons input {
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  padding:1px 16px;
  overflow:visible;
}
#uploadDialog #AddNewPhotos {
  background-color:#090;
  margin:0 60px 0 32px;
}
#uploadDialog #closebutton {
  background-color:#AAA;
}
#uploadDialog .multiTog a {
  font-size:10px;
  font-family:Arial, Helvetica, sans-serif;
  font-style:italic;
  color:#999;
}
#uploadDialog .multiTog a:hover {
  color:#9966CC;
}


#uploadDialog .table {
  margin-bottom:0;
}
#uploadDialog .text-danger {
  line-height: 24px;
}
#uploadDialog .uploadDone {
  color:#090;
  font-weight: bold;
}

#uploadDialog .actions {
  text-align: center;
  margin: 12px 0 0 0;
}

#uploadDialog .actions a, #uploadDialog .actions span {
  color:#fff;
  text-decoration: none;
  font-size:12px;
  line-height: 12px;
  display:block;
  padding:8px;
  overflow: hidden;
}

#uploadDialog .actions a {
  height: 28px;

}
#uploadDialog .actions a:hover {
  text-decoration: none;
}

#uploadDialog .actions .buttonDoneRefresh {
  background-color: #2E70E2;
  display: none;
}
#uploadDialog .actions .buttonDoneRefresh:hover {
  background-color: #0E50C2;
}

#uploadDialog .hasFiles .actions .buttonDoneRefresh {
  display:block;
}
#uploadDialog .hasFiles.uploading .actions .buttonDoneRefresh {
  display:none;
}

.fileupload-progress {
  display:none;
}

#uploadDialog .uploading .actions .fileupload-progress {
  display:block;
}

.optionsAreaWrapper {
  margin:6px 0 0 0;
}
.uploadOptions {
  line-height: 22px;
}

#uploadDialog .actions .buttonCancelClose {
  background-color: #999;
}
#uploadDialog .actions .buttonCancelClose:hover {
  background-color: #777;
}

.optionsAreaWrapper a {
  color:#999;
  margin-left:4px;
}
.optionsAreaWrapper a:hover {
  color:#9966CC;
}
.uploadOptionsWrapperExtra {
  display:none;

}
.uploadOptionsWrapper {
  display:none;
  clear: both;
}
.uploadOptions {
  color:#9966CC;
}

.progress.active.globalProgress.progress {
  height:auto;
  margin:0;
}
.progress.active.globalProgress .progress-bar {
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  padding: 8px;
  height:auto;
}

#fileupload .actions_status img {
  vertical-align: middle;
  margin-right: 6px;
}
#uploadDialog .actions span.refreshing {
  background-color: transparent;
  color:#666;
  background-image:url(/templates/base/images/status/status.gif);
  background-repeat:no-repeat;
  background-position:20px center;
}


.hide {
  display:none;
}

#imgSizeOptions {
  text-align:right;
  display:none;
  padding: 2px 0 2px 4px;
}
#imgSizeOptions select {
  max-width:212px;
}


#uploadDialog .uploadSpaceMessage {
  font-size:12px;
  text-align:center;
  padding:24px 12px;
}
#uploadDialog .spaceMessageButtons {
  text-align:center;
  
}
#uploadDialog .buttonGrayLight {
  color:#FFF; 
}

#fileDetails div.dialogWebAddress {
  padding: 2px 12px 12px 12px;
}


#fileDetails div.dialogWebAddress .dialogWebAddressLabel {
  font-weight: bold;
}

#fileDetails div.dialogWebAddress .dialogWebAddressVal {
  font-size:10px;
  word-break: break-all;
  line-height: 10px;
}


.files td {
  height:50px;
    white-space: nowrap;
  vertical-align: middle !important;
}
.files td.imgPrevCell {
    text-align: center;
    width:50px;
}
.files .fileInfo {
  text-align: left;
}
.files .preview img, .files audio, .files video {
  max-width:40px;
  max-height:40px;
  vertical-align: middle;
}

.files .size {
  float:right;
}
.files .progress {
  margin-bottom:0;
  margin-top:4px;
  display:none;
}
.files .started .progress {
  display:block;
}
.files .hasError .progress {
  display:none !important;
}

#uploadDialog tr.hasError {
  background-color: #ffe6e6;
}
.ui-widget-overlay {
  opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=50) !important;

  background-color: rgb(50, 50, 50) !important; /* This will make it darker */

    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
    position:absolute;

}
.uploadHelp {
  float:right;
  outline: 0;
}
.uploadHelp:focus {
  outline: 0;
}
.resizeUsingWrapper {

}

.hideOpsToggle {
  margin-top:1px;
}
.optionsImageSizeWrapper {
  line-height: 16px;
}
.ui-dialog-title {
  display: inline-block;
  vertical-align: middle;
}
.uploadDialog .dialogTitleHelp {
  margin-left:16px;
  width:15px;
  height: 15px;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  background-image:url(/admin/images/template/ICONhelp.png);
  background-repeat:no-repeat;
  background-position:center center;
  vertical-align: middle;
}
.uploadDialog .dialogTitleHelp:hover {
  color:#fff;
}
.uploadSameFileName {
}
.hideOpsToggle {
  float:right;
}
.clear {
  clear:both;
}
.uploadOptionsTogWrapper {
  text-align: right;
}

.uploadOptionsTogWrapper a.uploadOptionsTog, .uploadOptionsWrapper .hideOpsToggle a {
  line-height: 16px;
  display: inline-block;
}


.fileinput-button input {
  font-size: 12px;
  height: 70px;
  width: 450px;
}













.btn-camera {
  width:100%;
  max-width:270px;
  line-height: 36px;
  font-size:16px;
}









/* blue */



.hasFiles:not(.uploading) .btn-done {
  color:#fff;
  background-color:#27e;
  border-color:#27e;
}
.hasFiles:not(.uploading) .btn-done:hover,.hasFiles:not(.uploading) .btn-done:focus,.hasFiles:not(.uploading) .btn-done:active,.hasFiles:not(.uploading) .btn-done.active {
  color:#fff;
  background-color:#05c;
  border-color:#05c;
}
.hasFiles:not(.uploading) .btn-done:active,.hasFiles:not(.uploading) .btn-done.active {
  background-image:none;
}