/* form */
.fx-form-error  { border: 1px solid #b94a48!important; background-color: #fee!important; }
.fx-form-notice { color: #fee!important; }

/* bootstrap-dialog size */
.fx-dialog-s200 .modal-dialog { width: 200px; }
.fx-dialog-s300 .modal-dialog { width: 300px; }
.fx-dialog-s400 .modal-dialog { width: 400px; }
.fx-dialog-s500 .modal-dialog { width: 500px; }
.fx-dialog-s600 .modal-dialog { width: 600px; }
.fx-dialog-s800 .modal-dialog { width: 800px; }
.fx-dialog-s1000 .modal-dialog { width: 1000px; }
.fx-dialog-full .modal-dialog { width: 100%; }

/* <!-- TableSorter CSS */

/* pager wrapper, div */
.fx-tablesorter-pager {
  padding: 5px;
}
/* pager wrapper, in thead/tfoot */
td.fx-tablesorter-pager {
  background-color: #e6eeee;
  margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}
/* pager navigation arrows */
.fx-tablesorter-pager img {
  vertical-align: middle;
  margin-right: 2px;
  cursor: pointer;
}

/* pager output text */
.fx-tablesorter-pager .pagedisplay {
  padding: 0 5px 0 5px;
  width: 50px;
  text-align: center;
}

/* pager element reset (needed for bootstrap) */
.fx-tablesorter-pager select {
  margin: 0;
  padding: 0;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.fx-tablesorter-pager.disabled {
  display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.fx-tablesorter-pager .disabled {
  /* visibility: hidden */
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}

.fx-tablesorter-header {
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
	padding: 4px 20px 4px 4px;
}

.fx-tablesorter-asc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	border-bottom: #000 2px solid;
}

.fx-tablesorter-desc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	border-bottom: #000 2px solid;
}

/* TableSorter CSS --> */

/* <!-- Show Loading, Hide Loading */
#fx_page_block {
  position:fixed;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  left:0;
  top:0;
  background:#fff;
  width:100%;
  height:100%;
  z-index:10040;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#fx_page_block.in {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

#fx_page_block_bar {
  margin: 0 auto;
  width: 100px;
  text-align: center;
  z-index:10041;
  position: fixed;
  top: 45%;
  left: 50%;
  margin-left: -50px;
}

#fx_page_block_bar > div {
  width: 14px;
  height: 14px;
  margin:0 5px;
  background-color: #333;

  border-radius: 100%; 
  display: inline-block;
  -webkit-animation: bouncedelay 1s infinite ease-in-out;
  -moz-animation: bouncedelay 1s infinite ease-in-out;
  -ms-animation: bouncedelay 1s infinite ease-in-out;
  -o-animation: bouncedelay 1s infinite ease-in-out;
  animation: bouncedelay 1s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

#fx_page_block_bar .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

#fx_page_block_bar .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
@-moz-keyframes bouncedelay {
  0%, 80%, 100% { -moz-transform: scale(0.0) }
  40% { -moz-transform: scale(1.0) }
}
@-ms-keyframes bouncedelay {
  0%, 80%, 100% { -ms-transform: scale(0.0) }
  40% { -ms-transform: scale(1.0) }
}
@-o-keyframes bouncedelay {
  0%, 80%, 100% { -o-transform: scale(0.0) }
  40% { -o-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
    -moz-transform: scale(0.0);
    -ms-transform: scale(0.0);
    -o-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
  }
}
/*  Show Loading, Hide Loading --> */

/* scahn : bootstrap modal z-index bug */
.modal-backdrop {
      background-color: #000;
      bottom: 0;
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
      z-index: 0 !important;
}

/* scahn : summernote */
.note-editable {
     border: 1px solid #e5e6e7;
}

.fx-al { text-align: left; }
.fx-ar { text-align: right; }
.fx-ac { text-align: center; }

.fx-fl { float: left; }
.fx-fr { float: right; }


.fx-modal-footer {
	border-top: 1px solid #e5e5e5;
	padding: 10px 5px 0 5px;
	text-align:right;
 }
/*
.select2-selection__rendered {
    line-height: 34px !important;
}
.select2-container .select2-selection--single {
    height: 34px !important;
}
.select2-selection__arrow {
    height: 34px !important;
}
*/
.tab-content {
/*	border: 1px solid #28a4a0; 
	border-top: none;
*/
}

.margin-bottom-20 {
	margin-bottom : 20px;
}


/* 미세 조정 */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #e9f2f6;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #e9f2f6;
}