/**************
* COLORS ******
*	
*	Body Text:				#666;
*	White:						#ffffff;
*
*	Orange:						#f37707; COLOR A
*	Orange Hover:			#dc6902; COLOR A:hover
*	Greyish Blue:			#56667d; COLOR B
*	Dark-Blue:				#242843; COLOR C
*	Blue:							#324a6e; COLOR D
*	Brighter Blue 		#026ab6; COLOR E
*	Midight Blue			#1d2d45; COLOR F
*/

/* COLOR CLASS FORMAT
   ================================================================================ */
/* 
 * BACKGROUND COLOR: 			class="bg-a"
 * TEXT COLOR:						class="text-a"
 * BORDER COLOR:					class="border-a"
 * BORDER TOP COLOR:			class="border-top-a"
 * BORDER RIGHT COLOR:		class="border-right-a"
 * BORDER BOTTOM COLOR:		class="border-bottom-a"
 * BORDER LEFT COLOR:			class="border-left-a"
 *
 * ELEMENT WITH HOVER STATE: class="bg-a hovr" (Only works with COLOR A and COLOR K)
 * ELEMENT WITH FOCUS STATE: class="border-a focus" (Only works with COLOR A and COLOR K)
/*
/* ROUNDED CORNERS 
   ========================================================================== */
.rd {
	-webkit-border-radius: 0px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 0px; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 0px; 
}
/* COLOR CLASSES
   ========================================================================== */

/*===========================================
::::::::::: COLOR A :::::::::::::::::::::::::
===========================================*/

/* BACKGROUND */
.bg-a {
	background-color: #145288;
}

.bg-a:hover,
.bg-a:focus {
	background-color: #0093d0;
}

/* TEXT */
.text-a {
	color: #666;
}

.text-a.hovr:hover,
.text-a.hovr:focus {
	color: #dc6902;
}

/* BORDER */
.border-a {
	border-color: #00233f;
}

.border-a.hovr:hover,
.border-a.hovr:focus {
	border-color: #dc6902;
}

/* BORDER TOP */
.border-top-a {
	border-top-color: #f37707;
}

.border-top-a.hovr:hover,
.border-top-a.hovr:focus {
	border-top-color: #dc6902;
}

/* BORDER RIGHT */
.border-right-a {
	border-right-color: #f37707;
}

.border-right-a.hovr:hover,
.border-right-a.hovr:focus {
	border-right-color: #dc6902;
}

/* BORDER BOTTOM */
.border-bottom-a {
	border-bottom-color: #f37707;
}

.border-bottom-a.hovr:hover,
.border-bottom-a.hovr:focus {
	border-bottom-color: #dc6902;
}

/* BORDER LEFT */
.border-left-a {
	border-left-color: #f37707;
}

.border-left-a.hovr:hover,
.border-left-a.hovr:focus {
	border-left-color: #dc6902;
}

/*===========================================
::::::::::: COLOR B :::::::::::::::::::::::::
===========================================*/

/* BACKGROUND */
.bg-b {
	background-color: #bb7d04;
}

/* TEXT */
.text-b {
	color: #fff;
}

/* BORDER */
.border-b {
	border-color: #bb7d04;
}

/* BORDER TOP */
.border-top-b {
	border-top-color: #bb7d04;
}

/* BORDER RIGHT */
.border-right-b {
	border-right-color: #bb7d04;
}

/* BORDER BOTTOM */
.border-bottom-b {
	border-bottom-color: #bb7d04;
}

/* BORDER LEFT */
.border-left-b {
	border-left-color: #bb7d04;
}

/*===========================================
::::::::::: COLOR C :::::::::::::::::::::::::
===========================================*/

/* BACKGROUND */
.bg-c, .ui-dialog-titlebar {
	background-color: #0093d0;
    color:#fff;
}

/* TEXT */
.text-c {
	color: #7e6425;
}

/* BORDER */
.border-c {
	border-color: #7e6425;
}

/* BORDER TOP */
.border-top-c {
	border-top-color: #7e6425;
}

/* BORDER RIGHT */
.border-right-c {
	border-right-color: #7e6425;
}

/* BORDER BOTTOM */
.border-bottom-c {
	border-bottom-color: #7e6425;
}

/* BORDER LEFT */
.border-left-c {
	border-left-color: #7e6425;
}

/* TRIANGLE BACKGROUND */
.bg-tri-c:before {
	border-top-color: #7e6425;
}

/*===========================================
::::::::::: COLOR D :::::::::::::::::::::::::
===========================================*/

/* BACKGROUND */
.bg-d {
	background-color: #145288;
}
/* -- change to a color or delete class for 
a non-white header background -- */
.bg-d.lt {
	background-color: #145288;
}
/* TEXT */
.text-d {
	color: #324a6e;
}

/* BORDER */
.border-d {
	border-color: #204d21;
}
/* For use with top header */
.border-d.lt {
	border-color: #145288;
}
/* BORDER TOP */
.border-top-d {
	border-top-color: #324a6e;
}

/* BORDER RIGHT */
.border-right-d {
	border-right-color: #324a6e;
}

/* BORDER BOTTOM */
.border-bottom-d {
	border-bottom-color: #324a6e;
}

/* BORDER LEFT */
.border-left-d {
	border-left-color: #324a6e;
}

/* TRIANGLE BACKGROUND */
.bg-tri-d:before {
	border-top-color: #324a6e;
}

/*===========================================
::::::::::: COLOR E :::::::::::::::::::::::::
===========================================*/

/* BACKGROUND */
.bg-e {
	background-color: #f0af0e;
}

/* TEXT */
.text-e {
	color: #fff;
}

/* BORDER */
.border-e {
	border-color: #f0af0e;
}

/* BORDER TOP */
.border-top-e {
	border-top-color: #f0af0e;
}

/* BORDER RIGHT */
.border-right-e {
	border-right-color: #f0af0e;
}

/* BORDER BOTTOM */
.border-bottom-e {
	border-bottom-color: #f0af0e;
}

/* BORDER LEFT */
.border-left-e {
	border-left-color: #f0af0e;
}

/*===========================================
::::::::::: COLOR F :::::::::::::::::::::::::
===========================================*/

/* BACKGROUND */
.bg-f {
	background-color: #092a48;
}

/* TEXT */
.text-f {
	color: #092a48;
}

/* BORDER */
.border-f {
	border-color: #092a48;
}

/* BORDER TOP */
.border-top-f {
	border-top-color: #092a48;
}

/* BORDER RIGHT */
.border-right-f {
	border-right-color: #092a48;
}

/* BORDER BOTTOM */
.border-bottom-f {
	border-bottom-color: #092a48;
}

/* BORDER LEFT */
.border-left-f {
	border-left-color: #092a48;
}

/* TRIANGLE BACKGROUND */
.bg-tri-f:before {
	border-top-color: #0093d0;
}
/*===========================================
::::::::::: COLOR G :::::::::::::::::::::::::
===========================================*/
.bg-g {
	background-color: #fff;
}

.text-g {
	color: #fff; /* changed to yellow for demo */
}

.border-g {
	border-color: #fff;
}
/*===========================================
::::::::::: CUSTOM LANDING PAGE  ::::::::::::
===========================================*/
.custom .main_header {
	background-color: #27395a;
}
.banner .header-inner {
	background-color: #27395a;
}
/*===========================================
::::::::::: LIST STYLES :::::::::::::::::::::
===========================================*/
/*---------------------------
:::::::: List style rectangular bullets :::::::::


.box .box-list {
	border-left: 0;
}
.box .box-list li {
	border-bottom: 2px solid #efefef;
	padding: 15px 20px;
	overflow: hidden;
	position: relative;
	background-image: none;
}
.box .box-list li:before {
    
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    width: 5px;
    height: 20px;
    border: 0;
    background-image: none;
    background-color: #f0af0e;
}

------ */
    
/*----------------------------
:::::: Triangle bullet Style ::::::::::::::::::::::::
------ works with .border-left-b --- not for use with "darK"


.box .box-list.ls {
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #bb7d04;
    padding: 0;
}
.box .box-list.ls li {
	padding: 8px 12px 8px 25px;
	border-bottom: 0;
}
.box .box-list.ls li:before {
    border-left-color: #bb7d04;
    background-image: none;
    width: 0;
    height: 0;
    left: 0;
}
 -------*/

 /* ----------------------------
 :::::::: List Style with Round Checkmarks  ::::::::::::::::::
 ------ meant for "dark" layout ----------
-------*/ 

.box .box-list.ck {
	border-left: 0;
}
.box .box-list.ck li {
	padding: 10px 5px 10px 45px;
	border-bottom: 0;
	font-size: 14px;
}
.box .box-list.ck li:before {
	border-left: 0;
	content: '';
	background: url('../../assets/images/check-circle.png') no-repeat;
	position: absolute;
	left: 12px;
	top: 4px;
	width: 23px;
	height: 23px;
}