/********** Colour Palette 
 *****************************************************/
 
 /* text colors */
 .panel-green .panel-title>a,
 .white{
	 color:white;
 }
 
 .blue{
	 color:#307ba4;
 }
 .caption a,
 .green{
	 color:#007236;
 }
 
 
 .green a{
	 color:#007236!important;
 }
  
 .pink{
	 color:#ea6060!important;
 }
 
 .sky{
	 color:#4bc7c7;
 }
 
 .gray{
	 color:#434a54;
 }
 
 /* / text colors */
 
 /* bg colors */
 
 .white-bg{
	 background-color:white!important;
 }
 
 .blue-bg{
	 background-color:#307ba4!important;
 }
 
 .pale-blue-bg{
	 background-color:rgba(75, 182, 239, 0.75)!important;
 }
 
 .green-bg{
	 background-color:#007236!important;
 }
 
 .pink-bg{
	 background-color:#ea6060!important;
 }
 
 .sky-bg{
	 background-color:#4bc7c7!important;
 }
 
 .gray-bg{
	 background-color:#434a54!important;
 }
 
 .pink-border{
	 border-color:#ea6060!important;
 }
 
/********** / Colour Palette 
 *****************************************************/


/********** BUTTONS 
 *****************************************************/
 
 .primary-btn, .primary-btn:focus{
	background-color: white;
	border:2px solid #007236; 
	color:#007236;
	font-size:12px;
	font-weight:600;	
	padding:5px;
}

.primary-btn:hover {
	background-color: #007236;
	color:white;
	transition-duration:200ms;	
}

 
.primary-inverted-btn, .primary-inverted-btn:focus{
	background-color: transparent;
	border:2px solid white; 
	color:white;
	font-size:12px;
	font-weight:600;	
	padding:5px;
}

.primary-inverted-btn:hover{
	background-color: white;
	color:#007236;
	transition-duration:200ms;	
}

/********** panels 
 *****************************************************/


.panel-green {
    border-color: #007236;
}

.panel-green>.panel-heading {
    color: #fff;
    background-color: #007236;
    border-color: #007236;
}
.panel-green>.panel-body .custom-btn{
    border-color:#007236;
    background-color:#007236;
}
.panel-green>.panel-body .custom-btn:hover, .panel-green>.panel-body .custom-btn:focus{
    border-color:#005d2b;
    background-color:#005d2b;
}

.panel-pink {
    border-color: #ea6060;
}

.panel-pink>.panel-heading {
    color: #fff;
    background-color: #ea6060;
    border-color: #ea6060;
}

.panel-pink>.panel-body .custom-btn{
    background-color: #ea6060;
    border-color: #ea6060;
}
.panel-pink>.panel-body .custom-btn:hover, .panel-green>.panel-body .custom-btn:focus{
    background-color: #cf3535;
    border-color: #cf3535;
}


.panel-blue {
    border-color: #307ba4;
    
}

.panel-blue>.panel-heading {
    color: #fff;
    background-color: #307ba4;
    border-color: #307ba4;
}

.panel-blue>.panel-body .custom-btn{
    background-color: #307ba4;
    border-color: #307ba4;
}
.panel-blue>.panel-body .custom-btn:hover, .panel-green>.panel-body .custom-btn:focus{
    background-color: #1b5a7d;
    border-color: #1b5a7d;
}

.panel-gray {
    border-color: #434a54;
}

.panel-gray>.panel-heading {
    color: #fff;
    background-color: #434a54;
    border-color: #434a54; 
}

.panel-gray>.panel-body .custom-btn{
    background-color: #434a54;
    border-color: #434a54; 
}
.panel-gray>.panel-body .custom-btn:hover, .panel-green>.panel-body .custom-btn:focus{
    background-color: #30353d;
    border-color: #30353d; 
}

.custom-btn{
	margin-top:20px;
	color:white;
	border-radius:5px;
	padding:5px 10px;
}
.custom-btn:hover, .custom-btn:focus{
	color:white;
}

.btn-white{
	color:white;
	background-color:transparent;
	border:1px solid white;
	font-weight:600;
}

.btn-white:hover{
	color:#007236;
	background-color:white;
	border-color:#007263;
}