body {
  background:#fff;
  font-family:Tahoma,Helvetica,sans-serif;
  color:#333;
}
.blue{color:blue !important}
.bold{font-weight:bold !important}
.center{text-align:center !important}
.clear{clear:both !important;line-height:0 !important;margin:0 !important}
.del{text-decoration:line-through !important}
.gray{color:#777 !important}
.green{color:#0a0 !important}
.italic{font-style:italic !important}
.left{text-align:left !important}
.normal{font-style:normal !important;font-weight:normal !important}
.justify{text-align:justify !important}
.red{color:red !important}
.right{text-align:right !important}
.hidden{display:none !important}
.noborder{border:none !important}
.table_caption{border-bottom:1px solid #ddd;font-size:1.8em !important;font-weight:bold !important;padding-left:.5em}
.uppercase{text-transform:uppercase}
.vertical-middle{vertical-align:middle !important}
.vertical-top{vertical-align:top !important}
.nowrap{white-space:nowrap}
.min-w-40px{min-width:40px !important}
.min-w-60px{min-width:60px !important}
.min-w-80px{min-width:80px !important}
.min-w-100px{min-width:100px !important}
.min-w-120px{min-width:120px !important}
.min-w-140px{min-width:140px !important}
.min-w-160px{min-width:160px !important}
.min-w-180px{min-width:180px !important}
.min-w-200px{min-width:200px !important}
.min-w-220px{min-width:220px !important}
.min-w-240px{min-width:240px !important}
.pointer{cursor:pointer}
.cursor-not-allowed{cursor:not-allowed}
.cursor-help{cursor:help}
td.td-overflow-ell,
td.td-overflow-ell > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}
.ellipsis{overflow:hidden;text-overflow:ellipsis}
.fa-mr{margin-right:.5em}
.icon-fix-width{width:26px}
.modal-content{background:transparent}
.modal-body{background:white}
.modal-footer{background:white}
.form-control{
  -webkit-border-radius:4px !important;
     -moz-border-radius:4px !important;
          border-radius:4px !important
}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left:8px !important;padding-top:2px}
.row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.row-striped:nth-of-type(odd){background-color:#f6f6f6}
.row-striped:nth-of-type(even){background-color:#fff}

.input-group > .input-group-addon:empty{border:none;padding:0;width:0px}
.help-block{font-size:12px}
/*input:required,select:required,textarea:required,input.required{
    background:url(/sites/all/img/asterisk-small.png) no-repeat !important;
    background-color:#fff !important;
    background-position:left top !important;
    padding-left:18px !important;
}*/
li a.required{
    background-image:url(/sites/all/img/asterisk-small.png) !important;
    background-position:8px center !important;
    background-repeat:no-repeat !important;
    /*background-color:#fff !important;*/
    padding-left:28px !important
}
input[disabled]:required,select[disabled]:required,textarea[disabled]:required{background-color:#eee !important}
input[pattern]:invalid{
    color:red;
    animation:blinker-warn 1s linear infinite;
    background:url(/sites/all/img/error.png) no-repeat !important;
    background-color:#ebcccc !important;
    background-position:95% center !important
}
label.required{
    background-image:url(/sites/all/img/asterisk-small.png) !important;
    background-repeat:no-repeat !important;
    background-position:right center !important;
    padding-right:18px
}
@keyframes blinker-warn{50%{opacity:0}}

.alert-danger{background-image:none !important}

.profile-img {
    width:96px;
    height:96px;
    margin:0 auto 10px;
    display:block;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%
}



/* -----------------------------------------------------------------------------
-- Bootstrap datepicker's
----------------------------------------------------------------------------- */
.spangrp-calendar-icon,
.spangrp-dollar-icon,
.spangrp-calculator-icon,
.spangrp-keyboard-icon {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 0 !important;
}
.datepicker,
.integer,
.money,
.text {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 4px !important;
}
.input-backspace-datepicker,
.input-backspace-integer,
.input-backspace-money,
.input-backspace-text {
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #888;
}
.input-backspace-integer,
.input-backspace-money {
    right: 32px;
}



/* -----------------------------------------------------------------------------
-- Fix bootstrap's
----------------------------------------------------------------------------- */
input[type="text"]:focus.form-control,
textarea:focus.form-control{border-color:#66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.fix-left-input-group-addon div.input-group-addon{border-top-left-radius:4px !important;border-bottom-left-radius:4px !important}
.fix-left-input-group-addon input.form-control{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}
.fix-right-input-group-addon div.input-group-addon{border-top-right-radius:4px !important;border-bottom-right-radius:4px !important}
.fix-right-input-group-addon input.form-control{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}


/* -----------------------------------------------------------------------------
--  Animated radios & checkboxes (noJS)
--  http://bootsnipp.com/snippets/featured/animated-radios-amp-checkboxes-nojs
----------------------------------------------------------------------------- */
div.checkbox{height:16px;margin:0/*;text-align:center*/}
.checkbox label:after, 
.radio label:after{
    content:'';
    display:table;
    clear:both
}
.checkbox label{padding:0 8px 0 8px}
.checkbox .cr,.radio .cr{
    position:relative;
    display:inline-block;
    border:1px solid #a9a9a9;
    border-radius:.25em;
    width:1.3em;
    height:1.3em;
    float:left;
    margin-right:.5em
}
.radio .cr{border-radius:50%}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon{
    position:absolute;
    font-size:.8em;
    line-height:0;
    top:50%;
    left:20%
}
.radio .cr .cr-icon{margin-left:0.04em}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"]{display:none}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon{
    transform:scale(3) rotateZ(-20deg);
    opacity:0;
    transition:all .3s ease-in
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon{
    transform:scale(1) rotateZ(0deg);
    opacity:1
}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr{opacity:.5}
div.float_checkboxes{
    height:24px;
    margin:0 0 8px 0 !important;
    overflow:hidden;
    text-overflow:ellipsis
}
div.float_checkboxes label{overflow:hidden;text-overflow:ellipsis}
/* End: Animated radios & checkboxes (noJS) --------------------------------- */



/* -----------------------------------------------------------------------------
--  Grid tfoot fixes
----------------------------------------------------------------------------- */
table.__grid tfoot tr td nav.navbar {margin-bottom:0 !important;min-height:33px !important}
table.__grid tfoot tr td nav .navbar-nav > li > a {padding-top:10px !important; padding-bottom:10px !important;}
table.__grid tfoot tr td nav .navbar-btn.btn-xs{margin-top:4px !important;margin-bottom:0 !important}
table.__grid tfoot tr td nav .navbar-text{margin-top:6px !important;margin-bottom:3px !important;margin-left:5px !important;margin-right:5px !important}
table.__grid tfoot tr td nav .pagination{margin:2px 0 6px 0 !important}
table.__grid tfoot tr td nav .form-control{width:inherit !important}
table.__grid tfoot tr td nav .input-sm{max-height:20px !important;padding:2px !important}
table.__grid tfoot tr td nav table>tbody>tr>td,
table.__grid tfoot tr td nav table>tbody>tr>th{vertical-align:middle !important}
table.__grid tfoot tr td nav select.input-sm{margin-top:5px}
table.__grid_edit_form tbody tr th{text-align:right;vertical-align:middle}
table.__grid_edit_form tbody tr th,
table.__grid_edit_form tbody tr td{border-top:none !important}
/* End: Grid tfoot fixes ---------------------------------------------------- */



/* -----------------------------------------------------------------------------
--  ewaf-cms
----------------------------------------------------------------------------- */
.ewaf_cms_actions_cell{}
.ewaf-post{margin-top:1em}
.ewaf-post-foot{color:#777;margin:1.5em 0 0}
.entry-meta span{margin-right:2em}
.entry-meta span a i,.entry-meta span i{margin-right:.4em}
/* End: ewaf-cms ------------------------------------------------------------ */





/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  /*background: #29d;*/
  background:red;

  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  /*box-shadow: 0 0 10px #29d, 0 0 5px #29d;*/
  box-shadow: 0 0 10px red, 0 0 5px red;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 10000;
  top: 15px;
  right: 15px;
}
#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
/*  border-top-color: #29d;
  border-left-color: #29d;*/
  border-top-color: red;
  border-left-color: red;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}






/* Badgebox: CSS only checkbox badge! */
/* Works on Bootstrap 2.3.2 and up */
/* https://bootsnipp.com/snippets/featured/badgebox-css-checkbox-badge */
.badgebox{opacity:0}
.badgebox + .badge{
    text-indent: -999999px; /* Move the check mark away when unchecked */
    width: 27px; /* Makes the badge's width stay the same checked and unchecked */
}
.badgebox:focus + .badge{
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */
    /* Adding a light border */
    box-shadow: inset 0px 0px 5px;
    /* Taking the difference out of the padding */
}
.badgebox:checked + .badge{text-indent:0 /* Move the check mark back when checked */}
.badgebox_label{margin:0}
/* end badgebox */

.well-transparent{background-color:transparent;background-image:none;margin:1em}








/* CSS3 Family Tree: http://thecodeplayer.com/walkthrough/css3-family-tree http://jsfiddle.net/Fh47n/*/
.tree_tags ul:first-child{margin-left:-40px}
.tree_tags li {
    margin:0px 0;
    list-style-type:none;
    position:relative;
    padding:15px 5px 0px 5px;    
}
.tree_tags li::before{
    content:'';
    position:absolute; 
    top:0;
    width:1px; 
    height:100%;
    right:auto; 
    left:-25px;
    border-left:1px solid #ccc;
    bottom:50px;
}
.tree_tags li::after{
    content:'';
    position:absolute; 
    top:30px; 
    width:30px; 
    height:20px;
    right:auto; 
    left:-25px;
    border-top:1px solid #ccc;
}
.tree_tags > ul > li::before, .tree_tags > ul > li::after{border:0} /* Remove connectors before root */
.tree_tags li:last-child::before{height:30px} /* Remove connectors after last child */
/* Thats all. I hope you enjoyed it. Thanks :) */






/* https://bootsnipp.com/snippets/ZkMKE */
.chkbox {
  padding-left: 14px; }
  .chkbox label {
    display: inline-block;
    position: relative;
    padding-left: 4px;
    font-weight:normal}
    .chkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .chkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .chkbox input[type="checkbox"] {
    opacity: 0; }
    .chkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .chkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .chkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .chkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .chkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .chkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio {
  padding-left: 0px; }
.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
/*.radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: 6px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }*/
.radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }
/* /https://bootsnipp.com/snippets/ZkMKE */





.upload-drop-zone {
  height: 200px;
  border-width: 2px;
  margin-bottom: 20px;
}

/* skin.css Style*/
.upload-drop-zone {
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  line-height: 200px;
  text-align: center
}
.upload-drop-zone.drop {
  color: #222;
  border-color: #222;
}



.file-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.file-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.file-preview-input-title {
    margin-left:2px;
}

/*
 * Youtube responsive: http://coolestguidesontheplanet.com/videodrome/youtube/
 */
.video-wrap{margin:1em auto;max-height:390px;max-width:640px;overflow:hidden}
.video-container{height:0;padding-bottom:56.25%;padding-top:30px;position:relative}
.video-container iframe,
.video-container object,
.video-container embed{height:100%;left:0;position:absolute;top:0;width:100%}