.hspacer5, .hspacer10, .hspacer20, .hspacer30, .hspacer40, .hspacer50, .hspacer60, .hspacer70, .hspacer80, .hspacer90, .hspacer100,
.vspacer5, .vspacer10, .vspacer20, .vspacer30, .vspacer40, .vspacer50, .vspacer60, .vspacer70, .vspacer80, .vspacer90, .vspacer100 {
	width: 100%;
	display: block;
}
.hspacer { width: 100%; }
.hspacer5 { width: 5px; }
.hspacer10 { width: 10px; }
.hspacer20 { width: 20px; }
.hspacer30 { width: 30px; }
.hspacer40 { width: 40px; }
.hspacer50 { width: 50px; }
.hspacer60 { width: 60px; }
.hspacer70 { width: 70px; }
.hspacer80 { width: 80px; }
.hspacer90 { width: 90px; }
.hspacer100 { width: 100px; }
.vspacer { height: 100%; }
.vspacer5 { height: 5px; }
.vspacer10 { height: 10px; }
.vspacer20 { height: 20px; }
.vspacer30 { height: 30px; }
.vspacer40 { height: 40px; }
.vspacer50 { height: 50px; }
.vspacer60 { height: 60px; }
.vspacer70 { height: 70px; }
.vspacer80 { height: 80px; }
.vspacer90 { height: 90px; }
.vspacer100 { height: 100px; }

/* Loading overlay
------------------------------------------------------- */
.loading:before { background:rgba(0,0,0,0.25); }
.loading:after,
.loading:before {
  content:'';
  display:block;
  position:absolute;
  z-index:1000; /*default 10*/
  }
.loading:before {
  /* background:transparent; */
  background:rgba(230,230,230,1);
  left:0;
  top:0;
  width:100%;
  height:100%;
  }
.loading:after {
  background:rgba(0,0,0,.2) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICBpZD0ic3ZnMzEyMiIKICAgdmVyc2lvbj0iMS4xIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjUgcjEwMDQwIgogICB3aWR0aD0iMjQiCiAgIGhlaWdodD0iMjQiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImxvYWRzb3VyY2UyLnN2ZyI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzEyOCI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGUgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczMxMjYiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMTgyIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjcwOCIKICAgICBpZD0ibmFtZWR2aWV3MzEyNCIKICAgICBzaG93Z3JpZD0idHJ1ZSIKICAgICBpbmtzY2FwZTpzbmFwLWJib3g9InRydWUiCiAgICAgaW5rc2NhcGU6b2JqZWN0LW5vZGVzPSJ0cnVlIgogICAgIGlua3NjYXBlOnpvb209IjE2IgogICAgIGlua3NjYXBlOmN4PSI4Ljk3Nzk0NzciCiAgICAgaW5rc2NhcGU6Y3k9IjEwLjczMjQ3NiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNDgyIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIxMjciCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmczMTIyIgogICAgIHNob3dndWlkZXM9ImZhbHNlIgogICAgIGlua3NjYXBlOmd1aWRlLWJib3g9InRydWUiCiAgICAgaW5rc2NhcGU6b2JqZWN0LXBhdGhzPSJ0cnVlIgogICAgIGZpdC1tYXJnaW4tdG9wPSIwIgogICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIKICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIgogICAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIj4KICAgIDxpbmtzY2FwZTpncmlkCiAgICAgICB0eXBlPSJ4eWdyaWQiCiAgICAgICBpZD0iZ3JpZDMxMzIiCiAgICAgICBlbXBzcGFjaW5nPSI1IgogICAgICAgdmlzaWJsZT0idHJ1ZSIKICAgICAgIGVuYWJsZWQ9InRydWUiCiAgICAgICBzbmFwdmlzaWJsZWdyaWRsaW5lc29ubHk9InRydWUiCiAgICAgICBvcmlnaW54PSItMTQ4cHgiCiAgICAgICBvcmlnaW55PSItMzU4cHgiIC8+CiAgICA8c29kaXBvZGk6Z3VpZGUKICAgICAgIG9yaWVudGF0aW9uPSItMC43MDcxMDY3OCwwLjcwNzEwNjc4IgogICAgICAgcG9zaXRpb249IjEyLDEyIgogICAgICAgaWQ9Imd1aWRlNDEwNSIgLz4KICA8L3NvZGlwb2RpOm5hbWVkdmlldz4KICA8cGF0aAogICAgIHN0eWxlPSJjb2xvcjojMDAwMDAwO2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MTI7bWFya2VyOm5vbmU7dmlzaWJpbGl0eTp2aXNpYmxlO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZSIKICAgICBkPSJNIDEyIDAgTCAxMiA1IEMgMTUuODY1OTkzIDUgMTkgOC4xMzQwMDY3IDE5IDEyIEwgMjQgMTIgQyAyNCA1LjM3MjU4MyAxOC42Mjc0MTcgMCAxMiAwIHogIgogICAgIGlkPSJwYXRoMzk1NiIgLz4KICA8cGF0aAogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgc3R5bGU9Im9wYWNpdHk6MC40O2NvbG9yOiMwMDAwMDA7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxMjttYXJrZXI6bm9uZTt2aXNpYmlsaXR5OnZpc2libGU7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlIgogICAgIGQ9Ik0gMTIsMCBDIDUuMzcyNTgzLDAgMCw1LjM3MjU4MyAwLDEyIGMgMCwzLjE4MjU5OCAxLjI0OTU2Myw2LjI0OTU2MyAzLjUsOC41IDIuMjUwNDM3LDIuMjUwNDM3IDUuMzE3NDAyLDMuNSA4LjUsMy41IDMuMTgyNTk4LDAgNi4yNDk1NjMsLTEuMjQ5NTYzIDguNSwtMy41IEMgMjIuNzUwNDM3LDE4LjI0OTU2MyAyNCwxNS4xODI1OTggMjQsMTIgbCAtNSwwIGMgMCwzLjg2NTk5MyAtMy4xMzQwMDcsNyAtNyw3IEMgOC4xMzQwMDY4LDE5IDUsMTUuODY1OTkzIDUsMTIgNSw4LjEzNDAwNjcgOC4xMzQwMDY4LDUgMTIsNSB6IgogICAgIGlkPSJwYXRoMzE3NCIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjY2NjY2NjY2NjIiAvPgo8L3N2Zz4K) 50% 50% no-repeat;
  left:50%;
  top:50%;
  margin:-20px 0 0 -20px;
  width:40px;
  height:40px;
  border-radius:50%;
  -webkit-animation: rotate 1s linear infinite;
     -moz-animation: rotate 1s linear infinite;
      -ms-animation: rotate 1s linear infinite;
          animation: rotate 1s linear infinite;
  }  
@-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }
   @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } }
    @-ms-keyframes rotate { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } }
        @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }


.mainPanelAccordion .panel-heading {
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border: 0px none #000000;
	-webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.5);
}
.mainPanelAccordion .panel-heading a,
.mainPanelAccordion .panel-heading a:hover,
.mainPanelAccordion .panel-heading a:focus,
.mainPanelAccordion .panel-heading a:active
{
	text-decoration: none; 
	color:inherit;
}
.panel-title > a:before {
    float: right;
	font-family: 'ubnt';
	font-size:0.7em;
	content: "\e626";
	padding-top:5px;
	color: #888;
}
.panel-title > a.collapsed:before {
    float: right;
	content: "\e62a";
}

.table-td-group-label {
	text-align:center;
	background-color:rgba(240,240,240, 0.5);
	/* font-family:RobotoBold; */
	font-family:Roboto;
	font-weight:700;
	color:#555555;
}

.drop-area {
	width: 100%;
	background: #fff;
	margin: 10px auto 0;
	padding: 15px 20px 5px;
	border: 1px dashed #ccc;
	color: #898989;
	font-size: 12px;
	text-align: center;
	line-height: 1.75;
	text-transform: uppercase;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: opacity ease-in-out 0.15s;
	-moz-transition: opacity ease-in-out 0.15s;
	-o-transition: opacity ease-in-out 0.15s;
	transition: opacity ease-in-out 0.15s;
}

.drop-area .supported-file-types {
  margin: 15px 0 35px;
  opacity: .5;
  pointer-events: none;
  -webkit-transition: opacity ease-in-out 0.15s;
  -moz-transition: opacity ease-in-out 0.15s;
  -o-transition: opacity ease-in-out 0.15s;
  transition: opacity ease-in-out 0.15s;
}
.drop-area .or {
    display: block;
    margin: 20px auto;
    font-size: 11px;
    color: #898989;
    width: 90%;
    max-width: 400px;
    line-height: 20px;
    position: relative;
}
.drop-area .supported-file-types img {
  width: 42px;
  margin-left: -6px;
  position: relative;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.drop-area .supported-file-types img.first-type-icon {
	-moz-transform: rotate(-8deg);
    -moz-transform-origin: right bottom;
    -webkit-transform: rotate(-8deg);
    -webkit-transform-origin: right bottom;
    -o-transform: rotate(-8deg);
    -o-transform-origin: right bottom;
    transform: rotate(-8deg);
    transform-origin: right bottom;
    bottom: -1px;
}
.drop-area .supported-file-types img.second-first-type-icon {
  -moz-transform: rotate(-3deg);
  -moz-transform-origin: right bottom;
  -webkit-transform: rotate(-3deg);
  -webkit-transform-origin: right bottom;
  -o-transform: rotate(-3deg);
  -o-transform-origin: right bottom;
  transform: rotate(-3deg);
  transform-origin: right bottom;
}
.drop-area .supported-file-types img.second-last-type-icon {
  -moz-transform: rotate(3deg);
  -moz-transform-origin: left bottom;
  -webkit-transform: rotate(3deg);
  -webkit-transform-origin: left bottom;
  -o-transform: rotate(3deg);
  -o-transform-origin: left bottom;
  transform: rotate(3deg);
  transform-origin: left bottom;
}
.drop-area .supported-file-types img.last-type-icon {
  -moz-transform: rotate(8deg);
  -moz-transform-origin: left bottom;
  -webkit-transform: rotate(8deg);
  -webkit-transform-origin: left bottom;
  -o-transform: rotate(8deg);
  -o-transform-origin: left bottom;
  transform: rotate(8deg);
  transform-origin: left bottom;
  bottom: -1px;
}