.loader {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

    .loader .loader-background {
        background-color: lightgray;
        opacity: 0.3;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        z-index: 999;
    }

.page-loader {
    z-index: 999999;
    border-radius: 5px;
    background-color: #1b4382;
    color: white;
    font-weight: bold;
    border: 1px solid grey;
    box-shadow: rgba(255,255,255, 0.4) 1px 1px;
    text-align: center;
    vertical-align: central;
    height: 80px;
    width: 150px;
    position: absolute;
    left: 50%;
    top: 25%;
    margin-left: -75px;
    margin-top: -40px;
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.ds-hidden
{
	display: none !important;
}

.ds-ghost
{
	opacity: 0.0 !important;
}

.ds-shadow-start
{
	opacity: 0.0 !important;
	position: fixed;
	top: -9999px;
	left: -9999px;
}

.ds-fade-left {
	margin-left: -300px;
	opacity: 0.0;
}

.ds-fade-right {
	margin-left: 300px;
	opacity: 0.0;
}


.loading-screen
{
	z-index: 9999999;
	background-color: white;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.border-left-gray
{
	border-left: 1px solid #eeeeee;
}

.loading-symbol
{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    width: 200px;
    height: 200px;
}

.icon-button {
	cursor: pointer;
}
.icon-button:hover{
	text-shadow: 1px 1px 1px gray;
}
.icon-button:active {
	color: darkred;
	text-shadow: 1px 1px 1px black;
}



@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
	padding-left: 2px;
	padding-right: 2px;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
	padding-left: 3px;
	padding-right: 3px;
  }
}

@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
	padding-left: 4px;
	padding-right: 4px;
  }
}