@charset "utf-8";
/* CSS Document */
body
{
	background: url(../images/groovepaper.png) repeat;
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}

label {
    text-transform: uppercase;
}

.container {
	width: 900px;
	margin: 0 auto;
}

.logo
{
	font-size:26px;
}
.heading
{
	 padding-left:10px;
	 border:1px solid #DDD;
	 font-size:16px;
}
.txtbox
{
	background:#FFF;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	width:300px;
	height:50px;
	border:1px solid #f5978e;
	outline:none;
	padding-left:10px;
}

.txtbox_large {
    width: 350px;
}

.txtbox_inner
{
	background:#FFF;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	width:350px;
	height:50px;
	border:1px solid #f5978e;
	outline:none;
	padding-left:10px;
}
.txtbox_enquiry
{
	background:#FFF;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	width:225px;
	height:35px;
	border:1px solid #f5978e;
	outline:none;
	padding-left:10px;	
}
.sltbox
{
	background:#FFF;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	width:363px;
	height:55px;
	border:1px solid #f5978e;
	outline:none;
	padding:5px 3px 5px 3px;	
}
.txtarea
{
	background:#FFF;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	width:355px;
	height:100px;
	border:1px solid #f5978e;
	outline:none;
	padding:5px 3px 5px 3px;
	
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #000;
}
.myButton
 {
	background-color:#c60000;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:16px;
	padding:12px 130px;
	text-decoration:none;
}
.myButton:hover
 {
	background-color:#c60000;
}
.myButton:active
 {
	position:relative;
	top:1px;
}

.search
 {
	background-color:#2d97ff;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	border:1px solid #2d97ff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	padding:8px 20px;
	text-decoration:none;
}
.search:hover
 {
	background-color:#2d97ff;
}
.search:active
 {
	position:relative;
	top:1px;
}

.assign_active {
    background-color:#2d97ff;
    font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
    border:1px solid #2d97ff;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-size:15px;
    padding: 6px 20px;
    text-decoration:none;
}

.assign_active:hover {
    background-color:#2d97ff;
}
.assign_active:active {
    position:relative;
    top:1px;
}

.close_active
 {
	background-color:#F00;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	border:1px solid #F00;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	padding:6px 20px;
	text-decoration:none;
}

.close_active:hover
 {
	background-color:#c60000;
}
.close_active:active
 {
	position:relative;
	top:1px;
}

.in_active, .in_active:hover, .in_active:active {
    background-color:#ccc;
    font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
    border:1px solid #ccc;
    display:inline-block;
    cursor:no-drop;
    color:#ffffff;
    font-size:15px;
    padding:6px 10px;
    text-decoration:none;
}

.btn1
 {
	background-color:#c60000;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	padding:6px 20px;
	text-decoration:none;
}
.btn1:hover
 {
	background-color:#c60000;
}
.btn1:active
 {
	position:relative;
	top:1px;
}
.btn
 {
	background-color:#444;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	border:1px solid #444;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	padding:6px 20px;
	text-decoration:none;
}
.btn:hover
 {
	background-color:#444;
}
.btn:active
 {
	position:relative;
	top:1px;
}
.btn2
 {
	background-color:#1c1c3b;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	border:1px solid #1c1c3b;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	padding:6px 10px;
	text-decoration:none;
}
.btn2:hover
 {
	background-color:#348900;
}
.btn2:active
 {
	position:relative;
	top:1px;
}

.button: hover {
    cursor: pointer;
}

.button
{
    text-decoration: none;
    padding: 15px 0;
	background:#2e3192;
	width:160px;
	/*height:45px;*/
	border:1px solid #6D8412;
	display:inline-block;
	text-align:center;
	color:#FFF;
	cursor:pointer;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
}
h3
{
	font-size:24px;
}
.box
{
	border:1px solid #000;
	text-align:center;
}

.box strong {
    display: block;
    border-bottom: 2px solid #000;
    padding: 7px;
}

.box_count
{
	font-size:24px;
	font-weight:bold;
	text-align:center;
    padding: 26px 0;
}

.bdr
{
	border-bottom:1px solid #333;
	border-top:1px solid #333;
	border-left:1px solid #333;
	padding-left:10px;
}
.bdr1
{
	border-bottom:1px solid #333;
	border-left:1px solid #333;
	padding-left:10px;
}

/* Styles written by Durai start*/
.bread_crumb strong {
    font-size: 16px;
}

.back_btn {
    padding-right: 10px;
    float: right;
}

.bread_crumb a {
    text-decoration: none;
    color: #000;
}

.bread_crumb a:hover {
    text-decoration: underline;
}

.back_btn a {
    text-decoration: none;
    color: #000;
}

.last_td {
    border-right:1px solid #333;
}

.new_active {
    background-color: #c60000;
    border: 1px solid #c60000;
    font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
    display:inline-block;
    cursor: pointer;
    color:#ffffff;
    font-size:15px;
    padding:6px 20px;
    text-decoration:none;
}

.pending_active {
    background-color: #2e3192;
    border: 1px solid #2e3192;
    font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
    display:inline-block;
    cursor: pointer;
    color:#ffffff;
    font-size:15px;
    padding:6px 20px;
    text-decoration:none;
}

.transfer_active {
    background-color: #FF8F0A;
    border: 1px solid #FF8F0A;
    font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
    display:inline-block;
    cursor: pointer;
    color:#ffffff;
    font-size:15px;
    padding:6px 20px;
    text-decoration:none;
}

.transfer_active:hover {
    border: 1px solid #000;
    background-color: #FF8F0A;
}

.transfer_active:active {
    position:relative;
    top:1px;
}

.closed_active {
    background-color: #348900;
    border: 1px solid #348900;
    font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
    display:inline-block;
    cursor: pointer;
    color:#ffffff;
    font-size:15px;
    padding:6px 20px;
    text-decoration:none;
}

.follow_up_active {
    background-color: #6D8A7C;
    border: 1px solid #6D8A7C;
    font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
    display:inline-block;
    cursor: pointer;
    color:#ffffff;
    font-size:15px;
    padding:6px 20px;
    text-decoration:none;
}

.clear_active {
    background-color: #2D97FF;
    border: 1px solid #2D97FF;
    font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
    display:inline-block;
    cursor: pointer;
    color:#ffffff;
    font-size:15px;
    padding:6px 20px;
    text-decoration:none;
}

.bread_crumb {
    padding: 0px 5px 5px 5px;
}

.errorContainer {
    color: #F00;
    display: none;
}

.success_msg {
    display: none;
    background-color: #0F0;
    padding: 5px 10px;
    font-size: 17px;
}

.error_msg {
    display: none;
    background-color: #F00;
    padding: 5px 10px;
    font-size: 17px;
}

.check_out_error {
    text-align: center;
    color: #F00;
    padding: 5px 10px;
    font-size: 17px;
}

.check_out_error a {
    color: #2e3192;
}

.check_out_error a:hover {
    color: #070B79;
}
 
.invalid {
    border: 1px solid #F00;
}

.valid {
    border: 1px solid #0F0;
}

.required {
    color: #F00;
}

.comment_box {
    border: 1px solid #DDD;
}

.comment_bottom {
    padding: 5px 10px 5px 10px;
    font-style: italic;
    text-align: right;
}

.comment_bottom span {
    font-style: normal;
}

/*----------Menu----------*/
.active_menu {
    color: #fff !important;
    background-color: #6D8A7C;
}
/*----------Menu----------*/

.unread_notification {
    border: 1px solid #444;
    position: absolute;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #6D8A7C;
    text-align: center;
    min-width: 20px;
    color: #000;
    right: 18.5%;
    line-height: 22px;
    margin-top: 3px;
}

.unread_comment {
    border: 1px solid #444;
    top: -20px;
    position: relative;
    left: -15px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #444;
    padding: 5px;
    color: #FFF;
}

#loader {
    text-align: center;
    padding: 10px;
}

.hide_loader {
    display: none;
}

.show_more {
    text-align: center;
    padding: 15px;
    margin: 10px 0 30px 0;
    background-color: #C1D1F9;
    cursor: pointer;
}

.email_placeholder {
    background-position: 5px 5px;
    background-image: url(../images/email_placeholder.png);
}

.password_placeholder {
    background-position: 5px 5px;
    background-image: url(../images/password_placeholder.png);

}

.ref_no_placeholder {
    background-position: 0 1px;
    background-image: url(../images/ref_no_placeholder.png);
}

.from_date_placeholder {
    background-position: 5px 3px;
    background-image: url(../images/from_date_placeholder.png);
}

.to_date_placeholder {
    background-position: 0px 2px;
    background-image: url(../images/to_date_placeholder.png);
}

.past_history_container {
    padding: 20px 0 0 0;
}
/* Styles written by Durai end*/



/** Enquiry Create Page styles */
.past_enq_comments {
    padding: 0 0 20px 20px;
}

.past_history_container {
    width: 100%;
}

.first_column {
    width: 60%;
    float: left;
}

.second_column {
    width: 40%;
    float: right;
}

#details_error {
    color: #F00;
    padding-left: 16px;
    margin: 0;
}

.call_container {
    width: 35%;
    float: left;
}

.enq_logo {
    width: 45%;
    text-align: center;
    float: left;
}

.enq_menu_links {
    width: 20%;
    float: right;
}

.enq_menu_links a {
    text-decoration: none;
    color: #000;
}
#enq_frm_error {
    color: #F00;
    padding-left: 16px;
}

#past_history {
    display: none;
}

#multiple_company_popup {
    padding: 10px;
}

#register_option {
    padding: 10px;
}

#company_pop_up {
    padding: 10px;
}

#enq_loader {
    display: none;
}

.ok_btn {
    
}

.info_loading {
    display: none;
    padding-right: 50px;
}

.past_history_loading {
    display: none;
    padding-left: 100px;
}

.process {
    text-align: center;
}

.contact_details {
	display: none;
}

.cotact_details_content {
    position: absolute;
    margin: 10px 0 0 30%;
    width: 35.5%;
    min-height: 100px;
    background-color: #CCF;
	border-radius: 5px;
    font-size: 14px;
}

.triangle-down {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCF;
    position: absolute;
    left: 81%;
	padding-top: 3px;
}

.company_details_icon:hover {
    cursor: pointer;
}

.company_details_icon {
    float:right;
	height: 21px;
	width: 21px;
    margin-right: 10px;
    background: url(../images/company_details.png) no-repeat right;
}

.search_company {
    text-align: center;
}

.search_company span {
    cursor: pointer;
    padding: 5px;
	line-height: 30px;
	margin: 5px;
}

.active_index {
    font-weight: bold;
}

.past_first_td {
    padding-left: 10px;
    line-height: 20px;
}

.past_last_td {
    padding-right: 10px;
    line-height: 20px;
}

.past_history_status_container {
    display: inline;
}

.past_history_status_box {
    padding: 3px 5px;
    border-radius: 8px;
    display: inline;
    font-size: 12px;
    color: #fff;
}

.enquiry_details {
    display: none;
}

.enquiry_details_icon:hover {
    cursor: pointer;
}

.enquiry_details_icon {
    float:right;
    height: 21px;
    width: 21px;
    margin-right: 10px;
    background: url(../images/company_details.png) no-repeat right;
}

.enquiry_details_content {
    position: absolute;
    margin: 8px 0 0 28.9%;
    width: 35.5%;
    min-height: 100px;
    background-color: #CCF;
	border-radius: 5px;
    font-size: 14px;
}

.comments {
    border-bottom: 2px solid #000;
}

.notification {
    padding: 0 5px;
    line-height: 10px;
    cursor: pointer;
    height: 30px;
    width: 20px;
    float: right;
}

.notification_active {
    background: url(../images/notification_active.jpg) no-repeat -5px -5px;
}

.notification_inactive {
    background: url(../images/notification_inactive.png) no-repeat -4px -4px;
}

.attendance_btn {
    display: inline-block;
    width: 70%;
    font-weight: bold;
    font-size: 14px;
    color: #000;
    text-align: center;
    position: relative;
}

.attendance_btn a {
    color: #2e3192;
}

.check_out {
    display: inline-block;
    width: 20%;
    text-align: right;
    min-width: 120px;
}

.show_btn {
    margin-left: 30px;
}

.ui-timepicker td:hover {
    cursor: pointer;
}

.leave_reason {
    display: none;
}

.more_row {
    clear: both;
    padding-bottom: 100px;
}

.more_row div {
    display: inline-block;
    float: left;
    text-align: center;
}

.follow_up {
    width: 100%;
    padding-top: 10px;
}

.follow_up input {
    height: 35px;
    margin-left: 10px;
}

.completed_follow_up {
    border: 1px solid #444;
    position: absolute;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #3A8C38;
    text-align: center;
    min-width: 20px;
    color: #000;
    left: 26%;
    line-height: 22px;
    margin-top: -53px;
}

.completed_follow_up a {
    color: #fff;
}

.follow_up_btn {
    /*border: 1px solid #FF5722;
    background-color: #FF5722;*/
}

.follow_up_btn:hover {
    /*border: 1px solid #FF5835;
    background-color: #FF5835;*/
}

.enquiry_btn {
    /*border: 1px solid #397A1E;
    background-color: #397A1E;*/
}

.enquiry_btn:hover {
    /*border: 1px solid #348900;
    background-color: #348900;*/
}

.unprocessed_enquiry {
    display: block;
    font-size: 16px;
    color: #f00;
}

.unprocessed_enquiries {
    color: #2e3192;
    cursor: pointer;
    margin: 5px 0;
    display: block;
}

.tbl-unprocessed-enquiries {
    background: #afadad;
    position: absolute;
    z-index: 2;
    left: 50px;
    display: none;
}

.tbl-unprocessed-enquiries td, .tbl-unprocessed-enquiries th {
    background: #ccf;
}

.btn-send-sms{
    float: right;
    margin-right: 30px;
}

.send_sms_container{
    display: none;
    position: absolute;
    top: -70px;
    left: 450px;
}