/* CSS Document */

.bg-shift-blue {
	background-color: #4F82B9;
}

.button-shift-blue {
	background-color: #4F82B9;
}

.bg-shift-grey {
	background-color: #485059;
}

.bg-shift-light-grey {
	background-color: #aaaaaa;
}

.bg-shift-header {
	/*background-color: #4f82b9;
	background-color: -moz-linear-gradient(top, #4f82b9 50%, #485059 50%);
	background-color: -webkit-linear-gradient(top, #4f82b9 50%,#485059 50%); 
	background-color: linear-gradient(to bottom, #4f82b9 50%,#485059 50%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f82b9', endColorstr='#485059',GradientType=0 ); /* IE6-9 */
	
	background-image: url("/images/header.png");
	background-position: center;
	background-repeat: no-repeat;

	}

.bg-shift-light {
	 background: rgba(255, 255, 255, 0.8);
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: center;	 
}

.btn-shift {
	border-color: #4F82B9;
	text-color: #485059;
	background-color: white;
	
}

h1,h2,h3,h4,h5,h6 {
	color: #4F82B9;
}

.text-shift-grey {
	color: #485059;
}

.textarea-data * {
	vertical-align: middle;
}

.text-white-20 * {
  color: #fff !important;
  font-size: 20px;
}


.ql-size-small{
  font-size: 14px;
}
.ql-size-large {
  font-size: 24px;
}
.ql-size-huge {
  font-size: 32px;
}


.ql-align-center {
  text-align: center;
}
.ql-align-justify {
  text-align: justify;
  text-justify: inter-word;
}
.ql-align-right {
  text-align: right;
}

.ql-indent-1 {
  padding-left: 3em;
}
.ql-indent-2 {
  padding-left: 6em;
}
.ql-indent-3 {
  padding-left: 9em;
}
.ql-indent-4 {
  padding-left: 12em;
}
.ql-indent-5 {
  padding-left: 15em;
}
.ql-indent-6 {
  padding-left: 18em;
}
.ql-indent-7 {
  padding-left: 21em;
}
.ql-indent-8 {
  padding-left: 24em;
}
.ql-indent-9 {
  padding-left: 27em;
}
blockquote {
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
}

.panel
     {
     border:1px solid #ccc;
     border-radius: 0.5em;
     margin:5px;
     padding: 0.5em;
     height: 70px;
     }

 .panel a
     {
     text-decoration: none;
     }
 .columns
     {
     -moz-column-count: 3;
     -webkit-column-count: 3;
     column-count: 3;
     }

 .column
     {
     width: 33.33%;
     }

 .double-wide.column
     {
     width: 66.66%;
     }   
 .button
     {
     background-color: #E9BD1F;
     border: 0;
     color: #fcfcfc;
     cursor: pointer;
     font-size: 1em;
     margin: 0;
     outline: none;
     padding: .75em 1.3em;
     text-decoration: none;
     border: 2px solid #fcfcfc;
     border-radius: 5px;
     -moz-border-radius: 5px; 
 -webkit-border-radius: 5px; 
     -webkit-transition: background-color .1s;
     -moz-transition: background-color 1s;
     -o-transition: background-color 1s;
     transition: background-color 1s;
     }

 .button:hover
     {
     background-color: #2a85e0;

     -webkit-transition: background-color .1s;
     -moz-transition: background-color 1s;
     -o-transition: background-color 1s;
     transition: background-color 1s;
     }

 .button:active
     {
     background: #316ba5;
     box-shadow: none;
     -webkit-transform: translate(0, 1px);
     -ms-transform: translate(0, 1px);
     transform: translate(0, 1px);
     }

 .secondary
     {
     color: #999;
     font-size:smaller;
     margin-top:0;
     }

 .button.secondary
     {
     background: #333;
     /*border: 2px solid #369;*/
     color: #fff;
     }

 .button.disabled,
 .button.disabled:hover,
 .button.disabled:active,
 .button[disabled]
     {
     background: #7f7f7f;
     cursor: not-allowed;
     opacity: .65;
     box-shadow: none;
     pointer-events: none;
     position: static;
     }

 .button.secondary:hover
     {
     color: #fff;
     }