body
{
	BACKGROUND-COLOR: #E8F7FF; /* TODO: Make Dynamic */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.size1
{
    FONT-SIZE: 8px;
    FONT-FAMILY: Verdana
}
.size2
{
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana
}

.size1normal
{
    FONT-SIZE: 10px;
    COLOR: #1f2a32;
    LINE-HEIGHT: 13px;
    FONT-FAMILY: verdana
}
.size1normal A
{
    FONT-SIZE: 10px;
    COLOR: #1f2a32;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.size1normal A:active
{
    FONT-SIZE: 10px;
    COLOR: #1f2a32;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.size1normal A:link
{
    FONT-SIZE: 10px;
    COLOR: #1f2a32;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.size1normal A:visited
{
    FONT-SIZE: 10px;
    COLOR: #1f2a32;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.size1normal A:hover
{
    FONT-SIZE: 10px;
    COLOR: #1f2a32;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}

.size2 A
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.size2 A:active
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.size2 A:link
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.size2 A:visited
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.size2 A:hover
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}




.grid_caption A
{
	color:#FFFFFF;
	color:#663300;
	FONT-SIZE: 10px;
	text-decoration:none;
}
.grid_caption A:active
{
	color:#FFFFFF;
	color:#663300;
	FONT-SIZE: 10px;
	text-decoration:none;
}
.grid_caption A:link
{
	color:#FFFFFF;
	color:#663300;
	FONT-SIZE: 10px;
	text-decoration:none;
}
.grid_caption A:visited
{
	color:#FFFFFF;
	color:#663300;
	FONT-SIZE: 10px;
	text-decoration:none;
}
.grid_caption A:hover
{
	color:#FFFFFF;
	color:#663300;
	FONT-SIZE: 10px;
	text-decoration:underline;
}

A
{
    FONT-SIZE: 8pt;
    COLOR: mediumblue;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A:active
{
    FONT-SIZE: 8pt;
    COLOR: mediumblue;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A:link
{
    FONT-SIZE: 8pt;
    COLOR: mediumblue;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A:visited
{
    FONT-SIZE: 8pt;
    COLOR: mediumblue;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A:hover
{
    FONT-SIZE: 8pt;
    COLOR: darkblue;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
INPUT
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana
}
SELECT
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana
}
TD.errorheading
{
    FONT-SIZE: 7pt;
    COLOR: #cc0000;
    FONT-FAMILY: Verdana
}
.graybg
{
	BACKGROUND-COLOR: #5E767E; /* TODO: Make Dynamic - Top Title BG */
}

.adminTitle
{
    background-color: #5E767E;
    font-size: 10px;
    font-family: Verdana;
    color: #FFFFFF;
}

.adminTitle A, .adminTitle A:hover, .adminTitle A:visited, .adminTitle A:active, .adminTitle A:link
{
    color: #FFFFFF;
}

.adminSubTitle
{
    font-size: 10px;
    font-family: Verdana;
}

.adminGroupLinks
{
    font-size: 10px;
    font-family: Verdana;
    padding: 3px;
}

.pageTitle
{
    font-size: 11px;
    font-family: Verdana;
    font-weight: bold;
    padding: 3px;
}

.grid_action_bar
{
	background:#849AAA;
	height: 20px;
	padding: 3px;
	font-weight: bold;
	font-family: verdana;
	font-size: 10px;
	line-height: 25px;
	color: #FFFFFF;
}

.grid_action_bar input
{
	background:#663300;
	color: #FFFFFF;
	border-width: 1px;
	font-weight: bold;
}

.grid_action_bar label
{
	background:#663300;
	padding: 3px;
}

.grid_action_bar #HQContactId
{
	/*background:#663300;*/
	background:#FFFFFF;
	color: #000000;
	/*border-width: 1px;*/
	font-weight: normal;
}

/***********************************************************************
*
* ERROR Block
*
************************************************************************/
#LAErrorBlock div
{
    width: 400px;
    margin: 5px 0px 5px 0px;
    border: 1px dashed orangered;
    background-color: yellow;
	font: normal 10px Verdana;
	color: orangered;
	
}

#LAErrorBlock h6
{
    font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0em 1.5em 0.25em 0em;
	padding: 0px 3px;
	text-align: left;
}
#LAErrorBlock ul
{
	margin: 2px 0px 4px 24px;
	list-style-type: square;
	text-align: left;
}

.grid_row
{
	padding: 3px;
	border-right: 1px solid #849AAA;
	border-bottom: 1px solid #849AAA;
	vertical-align:top;
}
.grid_caption
{
	background:#D1E0E8;
	font-weight:bold;
	color:#FFFFFF;
	color:#663300;
	height: 20px;
	padding: 3px;
	border-right: 1px solid #849AAA;
	border-bottom: 1px solid #849AAA;
}
.grid_table
{
	width:98%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border-top: 1px solid #849AAA;
	border-left: 1px solid #849AAA;
}

.grid_table A, A:hover, A:visited, A:active, A:link
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.searchtable
{
    font-size: 10px;
    color: #1f2a32;
    line-height: 13px;
    font-family: verdana;
    /*font-weight: bold;*/
    border-top: 1px solid #D4E3EB;
    border-right: 1px solid #C1D0D8;
    border-bottom: 1px solid #C1D0D8;
    border-left: 1px solid #D4E3EB;
    background: #D1E0E8;
    letter-spacing: 1px;
}
.searchtable th
{
    text-align: right;
    vertical-align: top;
}
.searchtable A:hover, .searchtable A:visited, .searchtable A:active, .searchtable A:link
{
	font-size: 10px;
    font-family: verdana;
}

.searchtable input
{
	padding: 1px;
	border-width: 1px;
	font-weight: normal;
}
.searchtable select
{
	font-weight: normal;
}
.searchtable textarea
{
	font-size: 11px;
	font-family: verdana;
	font-weight: normal;
}

.infobox
{
	font-family: verdana;
	font-size: 10px;
    color: #FFFFFF;
	background: #663300;
}

#adminclosewindow A
{
	font-family: verdana;
	font-size: 9px;
    color: #BB8855;
	text-decoration: none;
}

#adminclosewindow A:hover
{
	font-family: verdana;
	font-size: 9px;
    color: #FFFFFF;
	text-decoration: none;
}

#adminclosewindowinverted A
{
	font-family: verdana;
	font-size: 9px;
    color: #BB8855;
	text-decoration: none;
}

#adminclosewindowinverted A:hover
{
	font-family: verdana;
	font-size: 9px;
    color: #663300;
	text-decoration: none;
}

.paging
{
    font-family: verdana;
	font-size: 10px;
    color: #1f2a32;
    color: #849AAA;
    line-height: 13px;
}

.paging A
{
    font-family: verdana;
	font-size: 10px;
}

.paging input
{
	border-width: 1px;
}

#page_queries
{
	font-size: 12px;
    color: #1f2a32;
    line-height: 13px;
    font-family: "Courier New";
    border: 1px dotted #909090;
    letter-spacing: 1px;
    width: 98%;
    text-align: left;
    padding: 0.5em;
    clear: both;
}
#page_queries_pagename
{
    font-size: 12px;
    color: #1f2a32;
    color: #909090;
    line-height: 13px;
    font-family: "Courier New";
    /*border: 1px dotted #909090;*/
    letter-spacing: 1px;
    width: 98%;
    text-align: left;
    padding: 0.5em;
    clear: both;
    font-weight: bold;
}
#page_queries div
{
	border-bottom: 1px solid #E0E0E0;
	padding-bottom: 0.25em;
	margin-bottom: 0.5em;
}
#page_queries span
{
	font-weight: bold;
}
#page_queries span span
{
	font-weight: normal;
}

.normal_text
{
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 1em;
	margin: 1em;
	/*border: 1px solid black;*/
}
.la_highlight
{
	color: orangered;
}

/************************************************************************/
.contact_info
{
    font-size: 10px;
    color: #1f2a32;
    line-height: 13px;
    font-family: verdana;
    border-top: 1px solid #D4E3EB;
    border-right: 1px solid #C1D0D8;
    border-bottom: 1px solid #C1D0D8;
    border-left: 1px solid #D4E3EB;
    background: #D1E0E8;
}

.contact_info A, A:hover, A:visited, A:active, A:link
{
	font-size: 10px;
    font-family: verdana;
}

.contact_info input
{
	padding: 1px;
	border-width: 1px;
	font-weight: normal;
}
.contact_info select
{
	font-weight: normal;
}
.contact_info textarea
{
	font-size: 11px;
	font-family: verdana;
	font-weight: normal;
}
.contact_info h5
{
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0.25em 0em 0.25em 0em;
}

/*h2
{
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-decoration: underline;
}*/

.contact_info_job_urls
{
	font-size: 10px;
	cellpadding: 3px;
}

.job_info_group
{
  font-size: 10px;
  color: #1f2a32;
  line-height: 13px;
  font-family: verdana;
  border-top: 1px solid #D4E3EB;
  border-right: 1px solid #C1D0D8;
  border-bottom: 1px solid #C1D0D8;
  border-left: 1px solid #D4E3EB;
  background: #D1E0E8;
}

.job_info
{
	font-size: 10px;
	letter-spacing: 1px;
    margin: 0.5em 2em 1em 2em;
	background: #EEEEEE;
	vertical-align: top;
}

/***************************************************************************/
.job_info_searchpage
{
  background: #FFFFFF;
  border-top: 1px solid #567C90;
  border-right: 1px solid #567C90;
  border-left: 1px solid #567C90;
  align: center;
  font-family: Verdana;
  font-size: 13px;
}

.job_info_searchpage th
{
  background: #BDDFF0;
  border-bottom: 1px solid #567C90;
  text-align: right;
  font-size: 11px;
}

.job_info_searchpage td
{
  border-bottom: 1px solid #567C90;
}

/****************** JOB SEARCH EDITOR ************************************/

.job_info_searchpage_editor
{
  background: #FFFFFF;
  border-top: 1px solid #4C787E;
  border-right: 1px solid #4C787E;
  border-left: 1px solid #4C787E;
  align: center;
  font-family: Verdana;
  font-size: 13px;
}

.job_info_searchpage_editor th
{
  background: #92C7C7;
  border-bottom: 1px solid #4C787E;
  text-align: right;
  font-size: 11px;
}

.job_info_searchpage_editor td
{
  border-bottom: 1px solid #4C787E;
}

/*************************************************************************/
/******************SPLIT JOB CLASS ***************************************/
.job_info_searchpage_split
{
  background: #FFFFFF;
  border-top: 1px solid #567C90;
  border-right: 1px solid #567C90;
  border-left: 1px solid #567C90;
  font-family: Verdana;
  font-size: 13px;
}

.job_info_searchpage_split th
{
  background: #6188FF;
  color: #FFFFFF;
  border-bottom: 1px solid #567C90;
  text-align: right;
  font-size: 11px;
}

.job_info_searchpage_split td
{
  border-bottom: 1px solid #567C90;
}

.job_info_searchpage_split A, .job_info_searchpage_split A:hover, .job_info_searchpage_split A:visited, .job_info_searchpage_split A:active, .job_info_searchpage_split A:link
{
    font-size: 1em;
}

.split_job_indication
{
  background: #6188FF;
  font-size: 11px;
}
/******************SPLIT JOB CLASS *********************************************/

FORM{
padding:0;
margin:0;
}


.bold
{
    font-size: 11px;
    font-family: Verdana;
    font-weight: bold;
    padding: 3px;
}
.mandatory{
	color: red;
}

.closewindow:link
{
	font-size: 11px;
    font-family: Verdana;
    font-weight: bold;
    color: #BB8855;
	text-decoration: none;
}

.closewindow:hover
{
	font-size: 11px;
    font-family: Verdana;
    font-weight: bold;
    color: #BB8855;
	text-decoration: none;
}
.closewindow:active
{
	font-size: 11px;
    font-family: Verdana;
    font-weight: bold;
    color: #BB8855;
	text-decoration: none;
}
.closewindow:visited
{
	font-size: 11px;
    font-family: Verdana;
    font-weight: bold;
    color: #BB8855;
	text-decoration: none;
}

.scrolldiv
{
	width: 780px;
	/*height: 100px;*/
	overflow: auto;
}
.silverbg
{
	background-color: Silver;
}
.errormsg{
	font-size: 11px;
    font-family: Verdana;
	color: red;
}

.grid_table1
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-top: 1px solid #849AAA;
	border-left: 1px solid #849AAA;
	border-bottom: 1px solid #849AAA;
	border-right: 1px solid #849AAA;
}

.grid_table1 A, 
.grid_table1 A:hover, 
.grid_table1 A:visited, 
.grid_table1 A:active, 
.grid_table1 A:link
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.selectcombo
{
    width:200px;
}

.grid_row_headoffice
{
	padding: 3px;
	border-right: 1px solid #849AAA;
	border-bottom: 1px solid #849AAA;
	vertical-align:top;
	background-color: #DEE6ED;
	font-weight:bold;
}

.indicatorcls
{
	color: #BB8855;
}

.subind_type
{
	color: #000000;
	font-weight:bold;
}

.subind_type_split
{
	color: #FFFFFF;
	font-weight:bold;
}


graytab
{
	background-color: gray;
}

.deletejob:link, .deletejob:active, .deletejob:visited, .deletejob:hover
{
	color: #FF0A47;
	font-weight:bold;
}

.viewjob:link, .viewjob:active, .viewjob:visited, .viewjob:hover
{
	color: #336699;
	font-weight:bold;
}

.activatejob:link, .activatejob:active, .activatejob:visited, .activatejob:hover
{
	color: #FF6633;
	font-weight:bold;
}

.inactivejob:link, .inactivejob:active, .inactivejob:visited, .inactivejob:hover
{
	color: #330033;
	font-weight:bold;
}

.refreshjob:link, .refreshjob:active, .refreshjob:visited, .refreshjob:hover
{
	color: #806699;
	font-weight:bold;
}

.closejob:link, .closejob:active, .closejob:visited, .closejob:hover
{
	color: #CC0000;
	font-weight:bold;
}

.viewjobnote:link, .viewjobnote:active, .viewjobnote:visited, .viewjobnote:hover
{
	color: #4D0099;
	font-weight:bold;
}

.jobfeedback:link, .jobfeedback:active, .jobfeedback:visited, .jobfeedback:hover
{
	color: #CC33FF;
	font-weight:bold;
}

.bigfont
{
	font-size:18px;
}

.ajaxindication
{
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #FFFF99;
	font-size:12px;
	width:150px;
}

.bodybg
{
	background-color: #E0E0E0;
}

.odd
{
	background-color: #DFDFDF;
	font-size:12px;
}

.even
{
	background-color: #EFEFEF;
	font-size:12px;
}

.grid_table_view
{
	border-top: 1px solid #849AAA;
	border-left: 1px solid #849AAA;
	border-bottom: 1px solid #849AAA;
	border-right: 1px solid #849AAA;
}

.grid_row_div
{
	padding: 3px;
	border-right: 1px solid #849AAA;
	border-bottom: 1px solid #849AAA;
	vertical-align:top;
	color:#FFFFFF;
}
.grid_caption_div
{
	background:#D1E0E8;
	background:#D4E5F7;
	font-weight:bold;
	color:#0F598A;
	height: 20px;
	padding: 3px;
	border-right: 1px solid #849AAA;
	border-bottom: 1px solid #849AAA;
}

.grid_caption_div A:link, .grid_caption A:hover, .grid_caption A:visited, .grid_caption A:active
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	color:#0F598A;
}

.grid_table_div
{
	width:98%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	border-top: 1px solid #849AAA;
	border-left: 1px solid #849AAA;
}

.grid_table_div A:link, .grid_table A:hover, .grid_table A:visited, .grid_table A:active
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

.buttonSmall {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0px 0px 0px 0px;
	border-top: 3px solid #000000;
	border-left: 3px solid #000000;
	border-bottom: 3px solid #000000;
	border-right: 3px solid #000000;
}
/***********************************************************************
*
* ERROR Block
*
************************************************************************/
#LAMessageBlock div
{
    width: 400px;
    margin: 5px 0px 5px 0px;
    background-color: white;
	font: italic 12px Verdana;
	font-weight: bold;
	color: green;
}
#MessageBlock div
{
    width: 400px;
    margin: 5px 0px 5px 0px;
    background-color: white;
	font: italic 0.8em Verdana;
	font-weight: bold;
	color: green;
}
/***********************************************************************
*
* ERROR Block
*
************************************************************************/


/*------Schedule Appointment CSS Chirag-----*/
.bg-white{
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; background-color: #fff;
}
.page-heading h3 { 
	font-size: 18px; 
}
.column-50 {
    width: 49.5%;    
}
.box-bg{
	padding: 20px;
	margin-bottom: 20px;
	background-color: #f1f1f3;
}
.sms-bg{
	background-color: #e6e7e9;
}
.notification-bg{
	background-color: #dcdddf;
}
.footer-bg{
	background-color: #e0dfed;
}
.btn-theme{     width: 340px;
    height: 50px;
    background-color: maroon;
    color: white;
    border-radius: 5px;
    font-size: 14px;
    border: 0px;
    padding: 5px;
    margin: 10px;
    cursor: pointer;
    font-weight: bold;
    white-space: normal; }
.btn-bordered {
	width:275px;height:50px;border-color:maroon;color:maroon;border-radius:5px;font-size:14px;border:1px solid;padding:5px;margin:10px;cursor:pointer;font-weight:bold;white-space:normal;
} 
#cke_1_contents { height: 200px !important; }
.column-box .cke_editor_clscandidateemailtemplates_email_body,
.column-box .cke_editor_bcgcentralemails_emailbody { width: 100% !important; }
.column-box{ display: flex; justify-content: space-between;}
.textarea-input{ border:1px solid #ccc; padding: 10px; min-height: 230px; margin-bottom: 15px; }

.notification-page a {font-size: inherit; color: #85062b;}
.notification-page a:hover {font-size: inherit; color: #85062b;}
.notification-page input[type="text"],.notification-page select{ padding: 5px 8px;   }
.attachments input[type="file"] { margin-bottom: 8px; }
.notification-page .bcg-datepicker.form-control{background:#fff url(../../images/datepicker.png) no-repeat; background-size: 20px;background-position:right 8px top 50%, 0 0; padding: 8px 6px; border: 1px solid #111;font-size: 10px;}
.date-tooltip { width: 30%; position: relative; background: #fffbc3; padding: 4px 10px; border: 1px solid red; margin-left: 5%; margin-top: 10px; }
.date-tooltip:after {     content: " "; position: absolute; left: 50%; top: -11px; border-top: none; border-right: 10px solid transparent; border-left: 10px solid transparent;
    border-bottom: 10px solid #fffbc3;}

.notification-page { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 15px; }    
.notification-page h1 { color: #0e3d6d; font-size: 30px; font-weight: 600; }
.table-bordered thead th, .table-bordered thead td { border-bottom-width: 1px;}
.table .thead-light th{ background-color: #dee0e9; }
.table .thead-light th,.table-bordered th, .table-bordered td { border-color: #5a6593;}
.msg-box { border:1px solid #ddd; padding-top: 40px; padding-right: 40px; padding-bottom: 50px; margin-top: 10px; margin-bottom: 40px; }
.msg-box li.nav-item { display: block; width: 100%; text-align: left; }
.email-tbl { border: 1px solid #5a6593;}
.email-tbl .thead-light th { border:0; padding-top: 7px; padding-bottom: 8px; color: #0e3d6d; }
.email-tbl .unread td { font-weight: 700; } 
.email-tbl td { border-color: #5a6593; }
.email-tbl td a { color: #212529; font-family: 'Lato', sans-serif; }
.email-tbl .fa-paperclip{ transform: rotate(-136deg); font-size: 18px; }
.email-tbl .action a { color: #686969; margin-right: 6px; }
.email-tbl .action a:hover { color: #0e3d6d; }
.action i { font-size: 16px; }
.action i.fa-envelope-open{ font-size: 14px; position: relative; top: -2px; }

/*----Email Search Bar----*/
.search-bar{ width: 780px; margin-bottom: 40px; position: relative; display: flex; align-items: center; }
.search-bar .search-msg{ font-size: 16px; font-weight: 600; margin-right: 10px; width: 150px; }
.search-bar .input-group > .input-group-prepend > .btn,
.search-bar .input-group > .input-group-append > .btn { border-radius: 0; background: #dee0e9; color: #0e3d6d; }
.search-bar .input-group > .input-group-prepend > .btn{ border-right: 0; }
.search-bar .input-group > .input-group-append > .btn { border-left: 0; }
.search-bar .fa-search { font-size: 25px; color: #0e3d6d; }
.search-bar .dropdown-menu { background-color: #e8ebf4; padding-left: 20px; padding-right: 20px; border-color: #5a6593; }
.search-bar .dropdown-toggle::after { border-top: 0.5em solid; border-right: 0.5em solid transparent; border-bottom: 0; border-left: 0.5em solid transparent; }
.search-bar .show .dropdown-toggle::after { border-bottom: 0.5em solid; border-top: 0; }
.search-bar .dropdown-menu { width: 100%; transform: inherit !important;  border-radius: 0; top: 30px !important; }
.search-bar .col-form-label { text-align: right; font-weight: 600; font-size: 13px; padding-top: calc(0.1rem + 1px); padding-bottom: calc(0.1rem + 1px); padding-left: 0; padding-right: 0; }
.form-control  {border-color: #5a6593; border-radius: 0; padding: 0.10rem 0.40rem !important;  background: #fff; }
.form-group { margin-bottom: 0.5rem;}
.search-bar select.form-control:not([size]):not([multiple]) { height: calc(1.8rem + 3px); font-size: 15px;}
.search-bar .btn{ padding: 3px 20px; border-radius: 6px; }
.btn-primary { background-color: #5a6593; border-color:#5a6593; color: #fff;}

/*-----Email Left Side-----*/
.btn-default{ background-color: #dfe4f0; border:1px solid #7a838c; color: #0e3d6d; }
.msg-btn { font-weight: 700; font-size: 17px; padding-top: 4px; padding-bottom: 4px; margin-bottom: 12px; }

.inbox-nav{ padding-right: 20px; }
.inbox-nav li{ border-bottom: 1px solid #ccc;  }
.inbox-nav li a { font-size: 17px; font-weight: 600; color: #0e3d6d; }
.inbox-nav li a:hover {font-size: 17px;}

.inbox-nav li.active a { color: #000; background-color: #dee0e9; position: relative;  }
.inbox-nav li.active a:before{ position: absolute; top: 0; right: -20px; content: ""; width: 0px;
    height: 0px;border-top: 21px solid transparent; border-bottom: 21px solid transparent; border-left: 21px solid #dee0e9;}
.inbox-nav li ul { margin-top: 5px; margin-bottom: 15px; }    
.inbox-nav li ul li{ list-style: none; border: 0; margin-bottom: 10px;}    
.inbox-nav li ul li a { font-weight: normal; font-size: 15px;}
.inbox-nav li ul li a:hover { font-size: 15px; }

/*.inbox-nav [data-toggle="collapse"] .fa:before { }
.inbox-nav [data-toggle="collapse"].collapsed .fa:before { }*/

.inbox-nav a[aria-expanded="true"] i:before { content: "\f0d7";}
.inbox-nav a[aria-expanded="false"] i:before { content: "\f0da";}

select.form-control{ background-color: #dee0e9; border:1px solid #7a838c; height: calc(1.75rem + 3px) !important; padding-top: 0px;
    padding-bottom: 3px; font-weight: 400; font-size: 14px; padding-right: 5px;}
.toolbar { margin-bottom: 10px; }
.toolbar select.form-control { margin-right: 20px; }
.toolbar .btn-link { font-size: 18px; color: #6c6c6c; padding-left: 15px; padding-right: 16px; border-left: 1px solid #ddd; }
.toolbar .btn-link:hover { color: #000;}

.hiddenRow { padding: 0 !important; border: 0 !important;}
.accordian-body .table { margin-bottom: 0; background: #eeeff4; }
.email-tbl .accordian-body { max-height: 264px; overflow-x: auto; }
.email-tbl .accordion-toggle { position: relative; cursor: pointer; }
.email-tbl .accordion-toggle i { font-size: 22px; color: #85062b; position: absolute; top: 0px; left: 10px; }

.email-tbl a[aria-expanded="true"] i:before { content: "\f102";}
.email-tbl a[aria-expanded="false"] i:before { content: "\f103";}

/*---Email Details CSS---*/
.btn { padding: 0.180rem 0.75rem; }
.email-details { min-height: 300px; border:1px solid #5a6593;}
.details-action { padding: 20px 15px; display: flex; justify-content: space-between; }
.details-btn { display: flex; align-items: center; }
.details-btn .btn { margin-right: 6px; font-weight: 700;}

.subj-details{ background-color: #eeeff4; padding: 25px 15px; }
.sub-head { display: flex; justify-content: space-between;}
.sub-head h3 { color: #0e3d6d; }
.sub-action { display: flex; align-items: center;}
.sub-action a { color: #696a6a; font-size: 16px; margin-left: 8px; }

.details-type{ display: flex; justify-content: space-between; text-align: left; }
.details-type p { margin-bottom: 6px; color: #0e3d6d; }
.details-type p a{ margin-left: 6px; font-family: 'Lato', sans-serif;  }

.details-body { padding: 20px; text-align: left; }
.details-body h4{ margin:30px 0; }
.email-replay { margin-top: 30px;  }
.email-replay .btn {font-weight: 700; margin-right: 5px;}

/*----Reply Email----*/
.reply-body { border:1px solid #5a6593;  min-height: 300px;}
.reply-title { padding: 18px 15px; border-bottom: 3px solid #36436c;}
.reply-title h4 { font-size: 28px; text-align: left; margin-bottom: 0;}
.reply-info{ display: flex; padding: 15px; align-items: center; }
.reply-info i { font-size: 30px; }
.reply-info p { margin-bottom: 0; margin-left: 10px;}
.reply-bg { padding: 15px; border-top: 1px solid #ddd; background: #eeeff4; }
.reply-bg .col-form-label { text-align: left; }

.reply-textarea { border:1px solid #5a6593; padding: 10px; text-align: left; margin-bottom: 10px; }
.reply-textarea textarea{ border:0; width: 100%; min-height: 200px; resize: none; }
.reply-con { padding: 20px; text-align: left; }
.reply-con .form-check { margin-bottom: 20px; }
.reply-con p { color: #909090; }