<meta http-equiv="X-Frame-Options" content="SAMEORIGIN">

.btn:focus,.btn:active{
  outline : none !important;
}

a img {
  outline : none !important;
}

.well{
  background: white !important;
  margin: 0px !important;
}

.center {
 float: none;
 margin-left: auto;
 margin-right: auto;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.font-bold{
  font-size: bold;
}

.well-post{
  padding: 20px !important;
  margin: 0px !important;
}

.thumbnail {
  padding:0px;
}

.comment-margin{
  margin:0px !important;
  padding:0px !important;
}

.photo-margin{
 margin-left: 0px !important;
 margin-right: 0px !important;
 padding-left: 0px !important;
 padding-right: 0px !important;
}

.title-post{
  color: #dd4814;
  font-size: 30px;
}

.title-post-count{
  color: #dd4814;
  font-size: 30px;
  margin-top: 5px;
}

.title-post-sm{
  color: #dd4814;
  font-size: 19px;
}

.container-main{
  max-width: 550px !important;
}

.login{
  margin-top:100px;
}

.home-margin{
  margin-bottom: 7px;
  padding-bottom: 10px;
}

.time-size{
  font-size: 12px !important;
}

.accept-r{
  margin-top: 5px;
  margin-bottom: 5px;
}

.title-main{
  display: inline !important;
  margin: 2px !important;
  padding: 0px !important;
}

.img-title{
  display: inline !important;
  height: 43px; 
  width: auto;
  margin: 0px;
  padding: 0px;
}

.inline{
  display: inline !important;
}

.keyword{
  font-size: 14px !important;
  margin: 0px !important;
  padding: 0px !important;
  display: inline;
}

.status .panel-title {
  font-size: 72px;
  font-weight: bold;
  color: #fff;
  line-height: 45px;
  padding-top: 20px;
  letter-spacing: -0.8px;
}

.label-panel{
  font-size: 20px;
  font-weight: bold;
}

.no-margin{
  margin: 0px;
  padding: 0px;
}

.margin-brand{
  padding: 5px !important;
}

footer{
  background: #F5F5F5;
  color: #B9B9B9;
  padding: 10px;
  border-top: 2px solid rgba(0,0,0,.05);
}

.white-back{
  background: white;
}

.container-custom{
  background: white;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pic{ 
  opacity: 1; 
}

.pic:hover { 
  opacity: 0.7;
}

.panel-template{
  padding-bottom: 2em !important;
  border: 2px solid rgba(0,0,0,.05) !important;
  text-align: center !important;
  margin: 1em !important;
}

.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 16px; height: 16px; display: block; background: #09B4AC; top: 45px; left: 50%; margin-top: -7px; margin-left: -8px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0; background-color: #e5e5e5; overflow: hidden;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #09B4AC;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #e5e5e5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

.ta-editor {
  min-height: 300px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
}

/* file uploader */

.my-drop-zone { border: dotted 3px lightgray; }
.nv-file-over { border: dotted 3px red; } /* Default class applied to drop zones on over */
.another-file-over-class { border: dotted 3px green; }


.navbar-bottom-custom{
  padding-top:12px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  background-color: #e6e6e6;
}

/* loaded */

.spinner {
  width: 40px;
  height: 40px;
  background-color: #333;

  margin: 150px auto 20px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

.waiting{
  margin-bottom: 200px;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
    } 50% { 
      transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
      -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
      } 100% { 
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
      }
    }


    td.vcenter{
     vertical-align:middle;
   }

   .intro{
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    font-family: 'Open Sans', sans-serif, Tahoma !important;
    color: #333B40;
  }

  .animate-show.ng-hide-add, .animate-show.ng-hide-remove {
    transition: all linear 0.5s;
    display: block !important;
  }

  .animate-show.ng-hide-add.ng-hide-add-active, .animate-show.ng-hide-remove {
    opacity: 0;
  }

  .animate-show.ng-hide-add, .animate-show.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
  }

  .title-template{
    background-color: #2c3e50;
    color: white !important; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    font-size: 18px;
  }

  /* footer */

  @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
  footer { background-color:#2c3e50; min-height:350px; font-family: 'Open Sans', sans-serif; }
  .footerleft { margin-top:50px; padding:0 36px; }
  .logofooter { margin-bottom:10px; font-size:25px; color:#fff; font-weight:700;}

  .footerleft p { color:#fff; font-size:12px !important; font-family: 'Open Sans', sans-serif; margin-bottom:15px;}
  .footerleft p i { width:20px; color:#999;}


  .paddingtop-bottom {  margin-top:50px;}
  .footer-ul { list-style-type:none;  padding-left:0px; margin-left:2px;}
  .footer-ul li { line-height:29px; font-size:12px;}
  .footer-ul i { margin-right:10px;}

  .social:hover {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
 }

 .icon-ul { list-style-type:none !important; margin:0px; padding:0px;}
 .icon-ul li { line-height:75px; width:100%; float:left;}
 .icon { float:left; margin-right:5px;}
 
 .copyright { min-height:40px; background-color:#192736;}
 .copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;}
 .heading7 { font-size:21px; font-weight:700; color:#d9d6d6; margin-bottom:22px;}
 .post p { font-size:12px; color:#FFF; line-height:20px;}
 .post p span { display:block; color:#8f8f8f;}
 .bottom_ul { list-style-type:none; float:right; margin-bottom:0px;}
 .bottom_ul li { float:left; line-height:40px;}
 .bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
 .bottom_ul li a { color:#FFF;  font-size:12px;}

 .hand { cursor:pointer }

 span .info {
  color: #999 !important;
  font-size: 16px;
}


.panel-heading:hover {
  cursor:pointer;
}
.panel-heading {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;    
}

.side-tab:hover {
  cursor: pointer;
}
.panel.panel-default {
  border: none;
  box-shadow: none !important;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;

}
.panel-heading {
  border: none;
  background-color: #eee;

}
.panel-body {
  background-color: #f5f5f5;
}
.panel-title {
  font-weight: 400;
  color: $white;
}

.margin20 {
  margin-top: 20px !important;
}

.container-top-custom {
  margin-right: auto !important;
  margin-left: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}