﻿@font-face 
{
  font-family: 'FontAwesome';
  src: url('../extcomponents/fontawesome/fontawesome-webfont.eot?v=4.3.0');
  src: url('../extcomponents/fontawesome/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../extcomponents/fontawesome/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../extcomponents/fontawesome/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../extcomponents/fontawesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

	
html
{
      margin:0;
      padding:0;
      height:100%;
      border:none
}
form 
{
	height: 100%;
}

body   
{
    background-color: white;
    font-size: 9pt;
    font-family: Arial;
    margin: 0px;
    padding: 0px;
    direction: rtl;
	padding:0;
    height:100%;
    border:none;
}

table
{
    font-size: 9pt;
    font-family: Arial;
    direction: rtl;
    table-layout: fixed;
}

.Master_Top
{
	background-color: rgb(83, 111, 122);
}

.Master_Delimiter
{
	background-color: rgb(169, 188, 199);
	height: 4px;
	width: 100%;
}

.Inquiry_Delimiter
{
	height: 2px;
	background-color: rgb(99, 132, 152);
	width: 100%;
}

.Master_QueueDetailsDelimiter
{
	height: 15px;
	background-color: rgb(234, 244, 249);
}

.Master_Page_Title 
{
	padding: 7px;
	color: rgb(220, 20, 60);
	font-size: 22px;
	font-weight: bold;
	background-color: rgb(234, 244, 249);
	width: 50%;
}

.DomainUrl_Header
{
	color: rgb(0, 0, 0);
	font-size: 16px;
}

.DomainUrl
{
	color: rgb(63, 72, 204);
	font-size: 14px;
}

.Master_Menu 
{
	background-color: rgb(234, 244, 249);	
}

select 
{
	width: 95%;
	font-family: Arial;
	font-size: 9pt;
}

.clsTextBox 
{
	width: 95%;
	font-family: Arial;
	font-size: 9pt;
}

.clsButton 
{
	width: 95%;
	font-family: Arial;
	font-size: 11pt;
}

.clsGridFirstRow
{
	background-color : #ffffff;
}
.clsGridSecondRow
{
	background-color : #eeeeee;
}
.clsGridSelectedRow
{
	background-color: #D6DAFC;
}

.clsGridFirstRow TD
{
	padding: 5px 2px 5px 2px;
	border: none;
	border-bottom : solid 1px #888888;
}
.clsGridSecondRow TD
{
	padding: 5px 2px 5px 2px;
	border: none;
	border-bottom : solid 1px #888888;
}
.clsGridSelectedRow TD
{
	padding: 5px 2px 5px 2px;
	border: none;
	border-bottom : solid 1px #888888;
}

.clsTableHeaderContainer 
{
	border: none;
	height: 100%;
	background: red;
}

.clsTableHeader
{
	border: none;
	border-bottom : solid 1px #888888;
	border-top : solid 1px #888888;
	font-weight: bolder;
	font-size: 10pt;
	background-color: #dddddd;
	text-align: right;
	padding-right: 5px;
}

.clsTableHeader 
{
	padding: 5px 2px 5px 2px;
}

.BodyContentDelimiter
{
	background-color: rgb(234, 244, 249);
	padding: 15px;
}

.clsControlPanelFrame 
{
	border: solid 1px #888888;
	padding: 5px 5px 5px 5px;
}

.PopupMaster_ButtonsSection
{
	padding: 5px;
	height: 40px;	
}


.NoteDisplay_MainTable 
{
	border-bottom: solid 1px #aaaaaa;
}

.NoteDisplay_HeaderLabel 
{
	font-weight: bold;
}

.FormSubHeader 
{
	font-size: 12pt; 
	font-style: italic; 
	font-weight: bold;
}

.clsLeadSendButton
{
	width: auto;
	background-color: rgb(249, 249, 249);
	border: solid 1px #444444;
	color: black;
	font-size: 9pt;
	margin: 5px 5px 5px 5px;
}

.clsLeadSendButton_Highlighted 
{
	color: white;
	background-color: rgb(47, 139, 40);
}

input.clsLeadSendButton_HighlightedDisabled:disabled 
{
	color: rgb(192, 192, 192);
	background-color: rgb(66, 119, 60);
}

.CoursesSearch_MainTable {
	border: solid 1px #bbbbbb;
}

.uctlCourseDisplay_MainTable 
{
	border-top: solid 1px #bbbbbb;
}

.uctlCourseDisplay_HighlightedCourse 
{
	background-color: rgb(242, 247, 253);
}

.uctlCourseDisplay_CompanyLogo 
{
	border: solid 1px #bbbbbb;
}

.uctlCourseDisplay_Header 
{
	font-weight: bold;
	font-size: 10pt;
	padding-bottom: 10px;
}

.uctlCourseDisplay_Header A 
{
	font-weight: bold;
	font-size: 10pt;
	color: RoyalBlue;
}

.CoursesSearch_CategoriesDisplay 
{
	line-height: 1.8;
}

.uctlCourseDisplay_BranchDiv
{
	display: inline;
	padding-left: 20px;
	height: 30px;
	margin-top: 0px;
}

.uctlCourseDisplay_BranchDiv > input
{
	vertical-align: top;
	lmargin-top: 0px;
}

.uctlCourseDisplay_COmpanyNotActiveMessage
{
	font-weight: bold;
	color: rgb(255, 0, 0);
	height: 14px;
}

.SendLeadText {
	color: Crimson;
	font-weight: bold;
	font-size: 11pt;
	padding-top: 5px;
	font-style: italic;
}

.Master_MenuItem A
{
	font-size: 11pt;
	text-decoration: none;
	color: Blue;
	font-weight: bold;
}

.Master_MenuItem A:hover
{
	text-decoration: underline;
}

.Master_clsSearchTextbox 
{
	width: 270px;
}

.Master_clsSearchTextbox_Autocomplete 
{
	background-color : White;
	border : solid 1px rgb(206, 206, 206);
	width: 270px;
	text-align: right;
}

.Master_clsSearchTextbox_Autocomplete TABLE 
{
	padding-right : 5px;
	padding-left : 5px;
}

.Master_clsSearchTextbox_Autocomplete_Row 
{
	font-size: 10pt;
	font-weight: bold;
	padding: 0px 17px 0px 17px;
	cursor : default; 
	color: rgb(64, 64, 64);
}
.Master_clsSearchTextbox_Autocomplete_Row:hover
{
	color: white;
	background-color: rgb(100, 100, 100);
}

.Master_clsSearchTextbox_Autocomplete_Row_Selected 
{
	font-size: 10pt;
	font-weight: bold;
	padding: 2px 17px 2px 17px;
	cursor : default; 
	color: white;
	background-color: rgb(100, 100, 100);
}

.Master_clsSearchTextbox_Autocomplete_Header
{
	font-size: 11pt;
	font-weight: bold;	
	cursor : default; 
	padding: 2px 2px 2px 2px;
	color: #777777;
}


.clsTextBoxWithCaption 
{
	
}
.clsTextBoxWithCaption_Empty 
{
	color: #888888;
}

.clsCalendarCell 
{
	border: solid 1px #bbbbbb;
	cursor: hand;
}

.clsCalendarCellToday 
{
	font-size: 10pt;
	font-weight: bold;
	background-color: #eeeeee;
}

.uctlCourseDisplay_FilteringQuestion 
{
	color: Crimson;
	font-weight: bold;
}

.clsHidden 
{
	display: none;
}

.Tab_ActiveTabRight 
{
	background-image : url(/UI/Site/SiteImages/Pics/tab_active_right.jpg);
	background-repeat : no-repeat; 
	background-position : left top;
	height: 30px;
	width: 3px;
	background-color: #f9f9f9;
	border-top : solid 1px rgb(206, 206, 206);
	border-right : solid 1px rgb(206, 206, 206);
}

.Tab_ActiveTabLeft
{
	background-repeat : no-repeat; 
	background-position : right top;
	height: 30px;
	width: 3px;
	background-color: #f9f9f9;
	border-top : solid 1px rgb(206, 206, 206);
	border-left : solid 1px rgb(206, 206, 206);
}

.Tab_ActiveTab 
{
	border-top : solid 1px rgb(206, 206, 206);
	background-color: #f9f9f9;
	height: 30px;
	color: darkblue;
	font-weight: bold;
	font-size: 12pt;
	text-align : center;
	cursor : pointer;
}

.Tab_InactiveTabRight 
{
	background-color: white;
	border-bottom : solid 1px rgb(206, 206, 206);
	height: 30px;
	width: 3px;
}

.Tab_InactiveTabLeft
{
	background-color: white;
	border-bottom : solid 1px rgb(206, 206, 206);
	height: 30px;
	width: 3px;
}

.Tab_InactiveTab 
{
	background-color: white;
	height: 30px;
	color: #555555;
	font-size: 12pt;
	text-align : center;
	cursor : pointer;
	border-bottom : solid 1px rgb(206, 206, 206);
}

.Tab_EmptySpaceInTopRow
{
	height: 30px;
	border-bottom : solid 1px rgb(206, 206, 206);
}

.Tab_MainTable 
{
	table-layout : fixed;
}

.Tab_CoursesList_MainTable 
{
	border-left : solid 1px rgb(206, 206, 206);
	border-right : solid 1px rgb(206, 206, 206);
	border-bottom : solid 1px rgb(206, 206, 206);
}

.Tab_CategoryList_MainTable
{
	border-left : solid 1px rgb(206, 206, 206);
	border-right : solid 1px rgb(206, 206, 206);
	border-bottom : solid 1px rgb(206, 206, 206);
}

.Tab_ContentTD 
{
	border-left : solid 1px rgb(206, 206, 206);
	border-right : solid 1px rgb(206, 206, 206);
	border-bottom : solid 1px rgb(206, 206, 206);
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #f9f9f9;
}

.DivTabContent
{
	width:100%; 
	height:100%;
	overflow-y: scroll;
	overflow-x: hidden;
	direction: ltr;
}

.clsCourseDetails
{
	color: #222222;
}

.clsCourseDetails_Header 
{
	color: rgb(0, 66, 89);
	font-size: 11pt;
	font-weight: bold;
}

.clsCourseDetails_AddInfoHeader 
{
	color: #222222;
	font-weight: bold;
	margin-left : 10px;
}

.Inquiry_RegionsSummaryTD
{
	padding-top: 20px;
}

.Inquiry_RegionsSummary 
{
	text-align: center;
	background-color: White;
	font-size: 9pt;
	border: solid 1px #444444;
	color: black;
	width: 150px;
	height: 28px;
	color: black;
}

.Inquiry_RegionsSummary A 
{
	color: black;
	text-decoration: none;
}

.clsInfoLabelsContainer
{
	font-weight: bold;
}
		
.clsInfoLabelsContainer span 
{
	font-weight: normal;
	margin-right: 5px;
}

.clsInfoLabelsContainer span span
{
	margin-right: auto;
}

.clsInfoFrame 
{
	border: 1px solid #dddddd;
	padding: 5px 5px 5px 5px;
}

.clsInfoFrame h3
{
	padding: 1px 1px 1px 1px;
	margin: 1px 1px 1px 1px;
}

.ctlGrid_DivContainer
{
	bottom: 0px;
}

.clsLabelTextBox 
{
	border: none;
	background-color: transparent;
	width: 50px;
	text-align: right;
	direction: ltr;
}	
.clsUnderline
{
	 text-decoration: underline;
}
.clsBlueText
{
	color:Blue;
}

.ProjectManaging_MainTable
{
	display: table;
	table-layout: fixed;
	box-sizing: border-box;
	margin-top: 30px;
	margin-right: 30px;
}

.ProjectManaging_MainTable_Left, .ProjectManaging_MainTable_Right 
{
	display: table-cell;
}

.ProjectManaging_MainTable_Left 
{
	padding-right: 40px;
	vertical-align: top;
}

.ProjectManaging_MainTable_Left_Title
{
	font-weight: bold;
}

.ProjectManaging_MainTable_Left_WorkDays 
{
	display: table;
	margin-top: 5px;
	margin-bottom: 20px;
}

.ProjectManaging_MainTable_Left_WorkDays > div 
{
display: table-row;
}

.ProjectManaging_MainTable_Left_WorkDays > div > div 
{
	display: table-cell;
	padding-top: 10px;
}

.ProjectManaging_MainTable_Left_WorkDays > div > div select 
{
	width: 48px;
}

.ProjectManaging_MainTable_Left_SMSMessage 
{
	margin-top: 5px;
	margin-bottom: 10px;
}

.ProjectManaging_MainTable_Left_SMSMessage > textarea {
	padding: 5px;
}

.ProjectManaging_ControlsTable 
{
	display: table;
}

.ProjectManaging_HeadersRow
{
	background-color: rgb(221, 221, 221);
}

.ProjectManaging_HeadersRow > div
{
	display: table-cell;
	max-widthך: 200px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid rgb(81, 81, 81);
	font-weight: 700;
	font-size: 14px;
	text-align: center;
}

.clsRowDiv 
{
	display: table;
}		

.clsRowDiv > div
{
	display: table-cell;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgb(81, 81, 81);
}		

.clsRowDiv .clsProjectManaging_Text
{
	padding-right: 10px;
}

.clsDridRow_OddRow
{
	background-color: rgb(238, 238, 238);
}

.clsGridRow_EvenRow
{
	background-color: rgb(255, 255, 255);
}

.clsProjectManaging_Combo
{
	text-align: center;
}

.ProjectManaging_ButtonSaveDiv
{
	margin-top: 15px;
	margin-right: 30px;
}

.ButtonSave
{
	cursor: pointer;
}

.clsProjectManaging_CheckBox
{
	text-align: center;
}
/*----------- Cust Details - Inquiry ------------*/
.CDInquiryControl_Header
{
	vertical-align: top;
}

.SaveNotesButton_Container
{
	text-align: left;
	padding-left: 10px;
}

.ControlHidden
{
	display: none;
}

.CreateReminder_Header
{
	font-size: 14px;
	font-weight: bold !important;
}

.BuiltInRemark_DropDownList
{
	margin-top: 10px;
}

/*----------- Unique Representative Screen ------------*/

.ContactCycleHeader_PersonalData
{
	border-bottom: 1px solid rgb(255, 255, 255);
	height: 40px;
	padding-top: 10px;
	box-sizing: border-box;
}


.ContactCycle_NotConnectedDiv, .ContactCycle_HeaderText, .ContactCycle_TimerHeader, .ContactCycle_ConnectedDiv, .ContactCycle_ConnectedChannel
{
	display: inline-block;
	padding-right: 10px;
}

.ContactCycle_ConnectedChannel 
{
	padding-left: 20px;
}




.ContactCycle_NotConnectedDiv > div, .ContactCycle_ConnectedDiv > div
{
	height: 16px !important;
	width: 16px !important;
	border-radius: 8px;
}

.ContactCycle_NotConnectedDiv > div 
{
	background-color: rgb(217, 32, 13);	
}

.ContactCycle_ConnectedDiv > div
{
	background-color: rgb(181, 230, 29);
}

.ContactCycleHeader_ConnectToQueue
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.ContactCycleHeader_ConnectToQueue > div
{
	padding-top: 5px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
}

.ContactCycleHeade_ConnectedTable
{
	display: table;
	width: 100%;
	table-layout: fixed;
	box-sizing: border-box;
}

.ContactCycleHeade_ConnectedTable > div 
{
	display: table-cell;
}

.ContactCycleHeade_ConnectedRow
{
	height: 16px;
	padding-top: 12px;
}

.ContactCycle_HeaderText, .ContactCycle_TimerHeader
{
	font-size: 16px;
	font-weight: bold;
}

.ContactCycle_HeaderText 
{
	color: rgb(255, 255, 255);	
}

.GoToNextInquiryDiv > .ContactCycle_HeaderText
{
	vertical-align: top;
}

.ContactCycle_TimerHeader 
{
	color: rgb(181, 230, 29);
}

.TimerHeader
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: rgb(181, 230, 29);
}

.NotConnectedRow
{
	
}

.ConnectedRow
{
	
}

.DelimiterLine
{
	height: 2px;
	background-color: rgb(255, 255, 255);
}

.Master_QueueDetails 
{
	background-color: rgb(83, 111, 122);
	vertical-align: top;
}

.SelectQueueTypeText
{
	font-size: 16px;
	font-weight: bold;
	color: rgb(153, 217, 234);
}

.RadioButtonSection .clsOptionButton
{
	color: White;
}

.clsOptionButton label
{
	vertical-align: top;
}

.LogToSystemButton
{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgb(230, 126, 34);
	border: 1px solid rgb(230, 126, 34);
	border-radius: 3px;
	font-size: 16px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	cursor: pointer;
}

.ContactCycle_RadioBatton
{
	padding-bottom: auto;
	padding-top: auto;	
}

.OKIcon
{
	font-family: FontAwesome;
	color: rgb(181, 230, 29);
}

.GoToNextInquiryDiv
{
	width: 150px;
	text-align: center;
	box-sizing: border-box;
	vertical-align	: middle;
}

.GoToNextInquiryDiv > a
{
	cursor: pointer;
}

.GoToNextInquiry
{
	font-family: FontAwesome;
	color: rgb(181, 230, 29);
	display: block;
	font-size: 60px;
}

.PageContentTable
{
	width: 100%; 
	height: 100%; 
}

.Label
{
	color: White;
}

.InquiryHeaderRow
{
	display: table;
	table-layout: fixed;
	box-sizing: border-box;
	width: 100%;
	background-color: rgb(83, 111, 122);
	padding: 5px;
	
	
}

.InquiryHeaderRow > div
{
	display: table-cell;
}

.InquiryHeaderRow .InquiryHeaderFieldName_UpperDiv
{
	font-size: 19px;
	color: rgb(181, 230, 29);
	font-weight: bold;
}

.InquiryHeaderRow .InquiryHeaderFieldName_LowerDiv
{
	font-size: 15px;
	color: rgb(181, 230, 29);
	font-weight: bold;
}

.FieldData
{
	font-size: 18px;
	color: rgb(255, 255, 255);
	font-weight: bold;
}

.InsertDateDiv
{
	display: table-cell;
}

.InsertDateDiv span, .InsertDateLabel
{
	display: inline;
	direction: ltr;
}

..InsertDateDiv .InsertDateLabel
{
	direction: ltr;
}

.InsertDateLabel
{
	font-size: 17px;
}

.InquiryHeaderRow_Top
{
	padding-top: 10px;
}

.InquiryHeaderRow select
{
	width: 70%;
}

.GenderDiv
{
	width: 12%;
	vertical-align: middle;
}

.AgeDiv
{
	width: 7%;
	vertical-align: middle;
}

.EMailDiv
{
	width: 25%;
	vertical-align: middle;
}

.EMailDiv .clsTextBox
{
	width: 80%;
}

.CityDiv
{
	width: 13%;
	vertical-align: middle;
}

.RegionDiv
{
	width: 13%;
	vertical-align: middle;
}

.SaveButtonDiv
{
	float: left;
	width: 30%;
	vertical-align: middle;
}
 
.SaveButtonDiv .clsButton
{
	background-color: rgb(230, 126, 34);
	border-radius: 3px;
	border: 1px solid rgb(230, 126, 34);
	font-size: 16px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	padding-bottom: 3px;
	padding-top: 3px;
}

..clsTimeSelect
{
	width: 150px;
	text-align: right;
}
.clsTimeSelect td
{
	width: 150px;
	text-align: right;
}

.SourceUrlDescription
{
	color: White;
	font-size: 13px;
}

.SourceUrlDescription a
{
	text-decoration: none;
}

.MessageDiv
{
	text-align: center;
	padding-top: 40px;
}

.SalesRepresentativeDefault_Message
{
	font-family: Arial;
	font-size: 25px;
	font-weight: bold;
}

.ClientActivityLogDiv
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	color: rgb(220, 20, 60);
	font-size: 14px;
}

.ClientActivityLogLink
{
	color: rgb(220, 20, 60);
	font-size: 14px;
	font-weight: bold;
}

.SourceUrlLabel
{
	direction: ltr;
}

.MultipleInquiries
{
	color: rgb(239, 98, 3);
	font-size: 16px;
	font-weight: bold;
}

.DoNotDisturbt
{
	color: rgb(220, 20, 60);
	font-size: 16px;
	font-weight: bold;
}

/*------------Campaign Status Page------------*/

.CompSt_CampaignStatusTable
{
	display: table;
	table-layout: fixed;
	box-sizing: border-box;
	width: 100%;
}

.CompSt_CampaignStatusCell, .CompSt_CampaignStatusTotal
{
	display: table-cell;
	padding: 10px;
}

 .CompSt_SearchFields
{
	width: 150px;
}

.CompSt_ButtonSave
{
	vertical-align: bottom;
	width: 100px;
}

.CompSt_Total
{
	text-align: left;
	padding-left: 10px;
	vertical-align: bottom;
	width: 570px;
	
}
.CompSt_Total > .CompSt_TotalLabel	 span
{
	display: inline;
}

.CompSt_TotalLabel
{
	color: rgb(220, 20, 60);
}

.CompSt_Total span
{
	font-weight: bold;
	padding-bottom: 10px;
}

.CampaignStatus_GridHeaders
{
	display: table;
}

.CampaignStatus_GridHeaders > div
{
	display: table-cell;
	width: 150px;
	font-size: 14px;
	font-weight:bolder;
	background-color: rgb(221, 221, 221);
	padding-bottom: 10px;
	padding-top: 10px;
	text-decoration: underline;
	cursor : pointer;
}

/*-----------Campaign Status Row Control-----------*/

.CompSt_ControlTable
{
	display: table;
}

.CompSt_ControlCell
{
	display: table-cell;
	width: 150px;
}

/*----------- uctlCourseDisplay -----------*/
.courseNotes_Text
{
	color: rgb(220, 20, 60);
	font-weight: bold;
}

/*----------- Campaign Create From Inquiries -----------*/

.CategoryTable_Div
{
	display: table;
	width: 690px;
}

.SingleCategory_Div
{
	display: table-cell;
	width: 230px;
}

/*----------- CentralizetedCancel -----------*/

.CentralizetedCancelBtn
{
	font-size: 8pt;
	width: 130px;
	float: left;
}

/**----------*/

.clsUserRow td {
	height: 30px;
	border-bottom: 1px solid black;
	padding-right: 10px;
}

  .clsCallCenterHeader {
            font-size: 12pt;
            font-style: italic;
            font-weight: bold;
            padding-right: 5px;
            padding-top: 5px;
        }

.clsUserTableHeader td {
	border: none;
	border-bottom: solid 1px #888888;
	border-top: solid 1px #888888;
	font-weight: bolder;
	font-size: 10pt;
	background-color: #dddddd;
	text-align: right;
	padding-right: 5px;
	height: 30px;
}

.clsEmphasize {
	background-color: #D6EBF2;
}

/*-------------- Portal Reports --------------*/

.portal-reports-main-div
{
	padding: 5px;
}

.portal-reports-title-div
{
	border-bottom: 2px solid #444444;
	padding-bottom: 4px;
}

.portal-reports-header
{
	color: Crimson;
	font-size: 20px;
}

.portal-reports-lower-section
{
	display: grid;
	grid-template-columns: 170px 170px 170px 200px 170px auto;
	margin-top: 20px;
}

.portal-reports-bottom-section
{
	display: grid;
	grid-template-columns: 290px auto;
	margin-top: 20px;
}

.portal-reports-button
{
	height: 30px;
	color: Blue;
	font-size: 15px;
	width: 95%;
}

.portal-reports-div-separator
{
	height: 70px;
}