*{
margin: 0;
padding: 0;
}

@font-face
{
font-family: opensans;
src: url('OpenSans-Regular-webfont.eot'); /* IE9 Compat Modes */
src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('OpenSans-Regular-webfont.woff') format('woff'), /* Modern Browsers */
url('OpenSans-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
url('OpenSans-Regular-webfont.svg#svglato') format('svg'); /* Legacy iOS */

}

@font-face
{
font-family: oswald;
src: url('Oswald-Regular-webfont.eot'); /* IE9 Compat Modes */
src: url('Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('Oswald-Regular-webfont.woff') format('woff'), /* Modern Browsers */
url('Oswald-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
url('Oswald-Regular-webfont.svg#svglato') format('svg'); /* Legacy iOS */

}



@font-face 
{
font-family: rokit;
src: url('Rokkitt-webfont.eot'); /* IE9 Compat Modes */
src: url('Rokkitt-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('Rokkitt-webfont.woff') format('woff'), /* Modern Browsers */
url('Rokkitt-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
url('Rokkitt-webfont.svg#svglato') format('svg'); /* Legacy iOS */
}



@font-face
{
font-family: arvo;
src:url('Arvo-Regular.ttf');
}

@font-face
{
font-family: raleway;
src:url('Raleway-Regular.ttf');
}

/* Basic CSS ========== START */

html
{
margin: 0;
padding: 0;
height: 100%;
}

body
{
font-family: opensans;
font-size: 14px;
color: #444;
line-height: 1.5em;
height: 100%;
margin: 0;
padding: 0;
}

a
{
color: #444;
text-decoration: none;
cursor: pointer;
}

.clearz
{
clear: both;
}

.txtleft
{
text-align: left !important;
}

.txtcenter
{
text-align: center;
}

.txtright
{
text-align: right;
}

.cursor
{
cursor: pointer;
}

.block
{
display: block;
}

.inline_block
{
display: inline-block;
}

.uppercase
{
text-transform: uppercase;
}


input[type=text]
{
font-family: opensans;
font-size: 13px;
}

input[type=password]
{
font-family: opensans;

}

input[type=submit]
{
font-family: opensans;
}

input[type=reset]
{
font-family: opensans;
}

select
{
font-family: opensans;
cursor: pointer;
font-size: 13px;
}

ul li
{
list-style: none;
}


ol li
{
list-style: none;
}

textarea, select, input
{
font-family: opensans;
}

.wrapper
{
min-height:100%;
position:relative;
}


.generalborder
{
border: 1px solid #ddd;
}


.btngen
{
padding: 5px 10px;
font-size: 14px;
text-align: center;
border-radius: 3px;
display: inline-block;
background: url('images/stripe.png');
color: #fff;
cursor: pointer;

background-position: 10% 50%;
border: none;
font-weight: 800;
}

.btngen a
{
color: #fff;
}


.btnred
{
background-color: #F37B53;
}

.btngreen
{
background-color: #3BAC69;
background: url('images/stripe.png') !important;
}


.small_btn_black
{
background: #000;
color: #fff;
text-align: center;
margin-right: 10px;
padding: 4px 10px;
font-size: 12px;
border-radius: 3px;
cursor: pointer;
border: none;
}

.edit_save
{
float: right;
display: inline-block;


}



.boldy
{
font-weight: bold;
}

/* Basic CSS ========== END */

.loginformbg
{
background: url('../images/loginbg.jpg');

-ms-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.loginparent
{
position: relative;
margin-top: 10%;
margin-left: auto;
margin-right: auto;
border: 3px double #bbb;
border-bottom: 6px double #bbb;
height: 320px;
width: 300px;
background: rgba(255,255,255,0.7);
color: #fff;
}


.loginform
{
padding: 20px;
color: #444;
border-radius: 5px;
font-size: 16px;

}

.loginformcapt
{
font-size: 18px;
background: rgba(0,0,0,0.7);
padding: 10px 10px;
padding-left: 30px;
background-image: url('../images/logincaptbg.png');
background-repeat: no-repeat;
background-position: 3% 50%;
}


.loginform label
{
display: block;
margin-top: 10px;
margin-bottom: 10px;
font-size: 15px;
}

.loginform input[type=text]
{
display: block;
width: 90%;
padding: 10px 5px;
border: 1px solid #ddd;
border-radius: 5px;
font-family: opensans;

}


.loginform input[type=password]
{
display: block;
width: 90%;
padding: 10px 5px;
border: 1px solid #ddd;
border-radius: 5px;
font-family: opensans;
font-size: 14px;
}

.loginform input:focus
{
box-shadow: 1px 1px 1px #ddd;
}



/* New Login Form ========= START */



.newloginparent
{
position: relative;
margin-top: 7%;
margin-left: auto;
margin-right: auto;
width: 400px;
background: rgba(255,255,255,0.7);
color: #fff;
box-shadow: 3px 3px 3px #ddd;
}


.loginbg
{
background: #f2efef;
}


.newloginformcapt
{
background-color: #4A8BC2; 
color: #fff;
font-size: 18px;
padding: 10px 10px;
padding-left: 30px;
background-image: url('../images/logincaptbg.png');
background-repeat: no-repeat;
background-position: 3% 50%;

}

.forgotlink
{
margin-left: 20px;
}

.forgotlink a
{
color: #3BAC69;
}


/* New Login Form ========= END */






.toppanel
{
position: relative;
padding: 10px 20px;
background: #343434;
border-bottom: 4px solid #FACE0E;
color: #ffffff;
}


.login_top_bar
{
float: left;
position: relative;
display: inline-block;
font-family: oswald;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
width: 15%;
padding: 10px;
}

.lt
{
float: left;
position: relative;
display: inline-block;
font-family: oswald;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
width: 15%;
margin-top: 15px;
}

.navbr
{
float: right;
width: 73%;
}

.rt
{
position: relative;
float: right;
display: inline-block;
font-size: 14px;
min-width: 25%;
}

.mainparent
{
position: relative;
width: 96%;
margin: 10px auto;
min-height: 600px;
}


.rightpanelparentbdm
{
position: relative;
width: 96%;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding-bottom: 35px; /* Height of the footer element */
}

.rightpanelparent
{
position: relative;
width: 96%;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding-bottom: 35px; /* Height of the footer element */
}




.menuparent
{
margin: 5px auto;
border: 1px solid #ddd;
}

.menubar
{
padding: 5px;
display: inline-block;
float: left;
}


.menubar a
{
color: #fff;
}

.menubar ul>li
{
padding: 5px;
display: inline-block;
list-style: none;
padding-top: 5px;
padding-bottom: 10px;
margin-left: 10px;
}



.menubar ul>li:hover
{
color: #222;
}



.menubar ul li ul
{
position: absolute;
z-index: 6000;
background: rgba(255,255,255,0.9);
background: #fff;
border: 1px solid #ddd;
display: none; 
margin-top: 10px;
margin-left: -60px;
color: #fff;
width: 200px;
}

.menubar ul li ul li
{
display: block;
border-bottom: 1px solid #ddd;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
margin-left: 0px;

}

.menubar ul li ul a
{
color: #222;
}


/* .menubar ul li ul li>:first-child */




.menubar ul li ul li:hover
{
background: #f37b53;
color: #fff;
}

.menubar ul li:hover ul
{
display: block;
}


.menubar ul li:hover
{
color: #fff;
}


.triangle
{
display: block;
position: absolute;
background-image: url('images/graphic_icon.png');
background-repeat: repeat;
width: 13px;
height: 13px;
top: -13px;
left: 46%;
}

.menubar ul li ul > li:first-child 
{

}

.menubar ul li ul > li:first-child:hover
{

}

.moreindex
{
z-index: 5000;
}


.lead_notification
{
position: relative;
display: inline-block;
width: 15%;
text-align: right;
}



.menubar_items
{
display: inline-block;
}






/* ============ NOTIFICATION SECTION ============ START */


.notification_parent
{
position: relative;
width: 30%;
display: inline-block;
min-height: 40px;
color: #555555;
}


.notify_icon_no
{
position: absolute;
background-image: url('images/no_notification.png');
background-repeat: no-repeat;
width: 28px;
height: 30px;
margin-top: 7px;
}


.notify_icon_yes
{
position: absolute;
background-image: url('images/notification.png');
background-repeat: no-repeat;
width: 43px;
height: 30px;
margin-top: 7px;
cursor: pointer;

}


.notification_num_circle
{
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
right: 0;
font-size: 8px;
background-color: #e97e24;
color: #fff;
text-align: center;
}



.notification_content_box
{
position: absolute;
z-index: 1000;
width: 400px;
min-height: 100px;
border: 1px solid #ddd;
margin-top: 50px;
background: #fff;
box-shadow: 2px 2px 2px #ccc;
font-size: 11px;
border-top: 3px solid #f78158;
display: none;
right: 0;
}

.notification_label
{
font-size: 14px;
background: #444444;
padding: 10px;
color: #ffffff;
}


.each_notify
{
position: relative;
padding: 10px;
border-bottom: 1px solid #ddd;
}

.each_notify:hover
{
background: #eee;
}

.each_notify_col_comp
{
display: inline-block;
float: left;
width: 40%;
color: #2cadff;
font-size: 12px;
}

.each_notify_col_comp a
{
color: #2cadff;
}


.each_notify_col_status
{
position: relative;
display: inline-block;
float: left;
width: 55%;
margin-left: 1%;
}

.close_each_notification
{
position: absolute;
right: 0;
width: 10px;
height: 10px;
right: 0;
background-image: url('images/close_each_notification.png');
margin-right: 10px;
cursor: pointer;
}




.show_all_notify_btn_box
{
padding: 10px;
text-align: right;
font-size: 12px;
}


.close_notify_box
{
padding: 10px;

}



/* Previous Notification ====== START */

.prev_leads_box
{

}



.prev_leads_box_caption
{
padding: 10px;
background: #dcf8c7;
border: 1px solid #d3e9c3;
font-size: 14px;
}

.each_lead_withdrawn_notify
{
position: relative;
padding: 10px;
border-bottom: 1px solid #ddd;
}

.each_lead_withdrawn_notify:hover
{
background: #eee;
}


.close_each_withdraw_notify
{
position: absolute;
right: 0;
width: 10px;
height: 10px;
right: 0;
background-image: url('images/close_each_notification.png');
margin-right: 10px;
cursor: pointer;
}

#close_notify_span
{
padding: 10px;
text-align: center;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
background: #436ca0;
color: #fff;
cursor: pointer;
}

/* Previous Notification ====== END */

/* ============ NOTIFICATION SECTION ============ END */










/* ============ MESSAGE SECTION ============ START */

/* Messages navbar ==== START */

.message_box_parent
{
position: relative;
width: 30%;
margin-left: 10px;
display: inline-block;
min-height: 40px;
color: #555555;
}

.message_yes
{
position: relative;
width: 50px;
height: 30px;
background-image: url('images/message.png');
background-repeat: no-repeat;
margin-top: 7px;
background-position-y: 50%;
cursor: pointer;
}

.message_no
{
width: 30px;
height: 30px;
background-image: url('images/message.png');
background-repeat: no-repeat;
background-position-y: 50%;
margin-top: 7px;
}

.msg_circle
{
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
right: 0;
font-size: 8px;
background-color: #f78158;
color: #fff;
text-align: center;
margin-top: 1px;
}


.message_content_box
{
position: absolute;
z-index: 1000;
width: 380px;
min-height: 100px;
border: 1px solid #ddd;
margin-top: 10px;
background: #fff;
box-shadow: 2px 2px 2px #ccc;
font-size: 11px;
border-top: 3px solid #f78158;
display: none;
right: 0;
}

.message_label
{
font-size: 14px;
background: #444444;
padding: 10px;
color: #ffffff;
}

.each_message_notify
{
position: relative;
padding: 10px;
border-bottom: 1px solid #ddd;
}

.each_message_notify:hover
{
background: #eee;
}

.each_message_notify_col_comp
{
display: inline-block;
float: left;
width: 40%;
color: #2cadff;
font-size: 12px;
}

.each_message_notify_col_comp a
{
color: #2cadff;
}


.each_message_reply_col_status
{
position: relative;
display: inline-block;
float: left;
width: 55%;
margin-left: 1%;
max-height: 60px;
overflow: hidden;
}

.close_each_message_notification
{
position: absolute;
right: 0;
width: 10px;
height: 10px;
right: 0;
background-image: url('images/close_each_notification.png');
margin-right: 10px;
cursor: pointer;
}


.close_message_notify_box
{
padding: 10px;
text-align: right;
font-size: 12px;
}


/* Messages navbar ==== END */




.no_msg_box
{
background: #dcf8c7;
padding: 10px;
border: 1px solid #d3e9c3;
margin-top: 10px
}


.leads_message_table
{
margin-top: 20px;
}

.leads_message_table table
{
table-layout: fixed;
overflow: hidden !important;
}


.edit_each_lead_msg_tr
{
background-image: url('images/edit.png');
background-repeat: no-repeat;
width: 15px;
height: 15px;
margin-left: auto;
margin-right: auto;
cursor: pointer;
display: inline-block;
}


.del_each_lead_msg_tr
{
background-image: url('images/del_icon.png');
background-repeat: no-repeat;
width: 12px;
height: 16px;
margin-left: auto;
margin-right: auto;
cursor: pointer;
display: inline-block;
}






.float_lt_48
{
width: 48%;
float: left;
display: inline-block;
}

.float_rt_48
{
width: 48%;
float: right;
display: inline-block;
}




/* ============ MESSAGE SECTION ============ END */


/* ============ MY PROFILE SECTION ============ START */


.my_profile_box
{
width: 25%;
position: relative;
margin-left: 10px;
display: inline-block;
min-height: 40px;

}


.my_profile
{
position: relative;
width: 25px;
height: 24px;
background-image: url('images/my_profile.png');
background-repeat: no-repeat;
margin-top: 10px;
cursor: pointer;

}


.my_profile_content
{
position: absolute;
z-index: 1000;
min-width: 300px;
min-height: 100px;
border: 1px solid #ddd;
margin-top: 10px;
background: #fff;
box-shadow: 2px 2px 2px #ccc;
border-top: 3px solid #f78158;
display: none;
right: 0;
}

.my_profile_content_capt
{
font-size: 14px;
background: #444444;
padding: 10px;
color: #ffffff;
}


.each_profile_item
{
position: relative;
padding: 10px;
border-bottom: 1px solid #ddd;
}

.each_profile_item:hover
{
background: #eee;
}




/* ============ MY PROFILE SECTION ============ END */










.bluy
{
color: #2cadff;
}

.bluy a
{
color: #2cadff;
}


.searchbar
{
position: relative;
display: inline-block;
float: right;
margin-right:25px;
margin-top: 10px;
border: 1px solid #ccc;
width: 20%;
}

.searchbar input[type=text]
{
border: none;
padding: 5px;
width: 200px;
}

.searchbar input[type=submit]
{
border: none;
padding: 5px;
cursor: pointer;
}

.searchbtn
{
background: #F37B53;
color: #fff;
padding: 5px 5px;
border-radius: 3px;
border: none;
color: #fff;
font-size: 14px;
font-family: opensans;
}



.parenticonbox
{
text-align: center;
margin-bottom: 30px;

}


.childiconboxparent
{
display: inline-block;
text-align: center;
margin-right: 80px;
margin-top: 10px;
/* border: 1px solid red; */
}



.childiconbox
{
border: 1px solid #ddd;
text-align: center;
padding: 10px;
width: 60px;
height: 60px;
display: block;
border-radius:50%; 
cursor: pointer;
margin-left: auto;
margin-right: auto;
}


/* While highlighting text */

::selection
{
color: #fff;
background: #f37b53;
}


::-moz-selection
{
color: #fff;
background: #f37b53;
}





.childiconbox:hover
{
border-color: #f37b53;
}

/* 
.childiconboxtxt
{
position: absolute;
z-index: 10;
font-size: 13px;
color: #444;
margin-top: 70px;
margin-left: 5px;
border: 1px solid red;
}

 */
.childiconboxtxt
{
display: block;
margin-top: 10px;
}


.editprofile
{
background-image: url('../images/edit.png');
background-repeat:no-repeat;
background-position: center center;
}


.bargraphimg
{
background-image: url('../images/bargraphimg.png');
background-repeat:no-repeat;
background-position: center center;
}



.editticket
{
background-image: url('../images/doc.png');
background-repeat:no-repeat;
background-position: center center;
}



.uploadlead
{
background-image: url('../images/upload.png');
background-repeat:no-repeat;
background-position: center center;
}

.createuser
{
background-image: url('../images/person.png'); 
background-repeat:no-repeat;
background-position: center center;
}


.myfollowupleads
{
background-image: url('../images/doc.png'); 
background-repeat:no-repeat;
background-position: center center;
}


.unassignedleads
{
background-image: url('../images/unassigned_leads.png'); 
background-repeat:no-repeat;
background-position: center center;
}








/* Button background images ========= START */

#loginleads
{
position: relative;
z-index: 10;
background-image: url('images/stripe.png') !important;
background-repeat: repeat;
border: none;
cursor: pointer;
margin-top: 20px;
}



#clientnamebtnbgicon
{
background-image: url('../images/user.png'); 
background-size: 25px 29px;
}


#hotleadsicon
{
background-image: url('../images/cloud.png'); 
background-size: 30px 20px;
}

#companybtnbgicon
{
background-image: url('../images/stats1.png'); 
background-size: 20px 22px;
}



#datebtnbgicon
{

background-image: url('../images/location2.png');
background-size: 18px 26px;
}

#emailbtnbgicon
{
background-image: url('../images/email1.png'); 
background-size: 25px 19px;
}


#countrybtnbgicon
{
background-image: url('../images/locationplus.png');
background-size: 18px 26px;
}


#phonebtnbgicon
{
background-image: url('../images/tag.png');
background-size: 25px 25px;
}

#followupbtnbgicon
{
background-image: url('../images/cloud.png');
background-size: 30px 20px;
}


#unqualified
{
background-image: url('../images/flash.png');
}




#prevbtnicon
{
background-color: #3bac69;
background-image: url('../images/prevbtnicon.png');
padding-left: 24px;
background-position: 6% 50%;
}

#prevbtnicon a
{
color: #fff;
}


#nextbtnicon
{
background-color: #3bac69;
background-image: url('../images/nextbtnicon.png');
padding-right: 27px;
background-position: 90% 50%;
}

#nextbtnicon a
{
color: #fff;
}

#editbtnicon
{
padding-left: 25px;
background-position: 6% 50%;
background-image: url('../images/editbtnicon.png');
}


#cancelbtnicon
{
padding-left: 25px;
background-position: 6% 50%;
background-image: url('../images/cancelbtnicon.png');
}




.delbtnicon
{
padding-left: 25px;
background-position: 6% 50%;
background-image: url('../images/delbtnicon.png');

}

/* Button background images ========= END */


.paginationlinks
{
margin-top: 15px;
margin-bottom: 10px;
text-align: right;
}








.transpcaption
{
background: rgba(255,255,255,0.7);
margin-top: 20px;
margin-bottom: 20px;
font-size: 20px;

}

.transpcaption img
{
float: left;
margin-right: 5px;
}

.borderred
{
border: 1px solid red;
}

.border_grey
{
border: 1px solid #ddd;
}


.tooltp
{
background: #000;
color: #fff;
padding: 5px;
font-size: 12px;
border-radius: 5px;
position: absolute;
z-index: 10;
margin-top: 10px;
display: none;
}




.titlecapt
{
font-size: 13px;
background: #3b545b;
padding: 5px;
color: #fff;

}

.titlecaptz
{
font-size: 13px;
background: #3b545b;
padding: 8px 5px;
color: #fff;

}

.font_14
{
font-size: 14px;
}




#numofdeals  td
{


}






.dtfont
{
font-family: opensans;
}

.graph
{
padding: 10px;
text-align: center;
}


table
{
border-collapse: collapse;
width: 100%;
}

table th
{
background: #3b545b;

}


table th:first-child
{
border-left: 1px solid #ddd;
}

table td:first-child
{
border-left: 1px solid #ddd;
}


table td
{
overflow: hidden;
white-space: nowrap;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding-left: 3px;
padding-right: 3px;
}

table th
{
color: #fff;
font-size: 12px;
overflow: hidden;
white-space: nowrap;
}


table th a
{
color: #fff;
}




.threeboxesparent
{

margin-bottom: 10px;
}



.boxparentone
{
float: left;
display: inline-block;
margin-top: 20px;
margin-bottom: 40px;
width: 33%;

}

.boxparentone table th
{
border: 1px solid #444;
}

.boxparenttwo
{
float: right;
display: inline-block;
margin-top: 20px;
margin-bottom: 40px;
width: 64%;
}

.boxparenttwo table th
{
border: 1px solid #444;
}


.twotables
{
width: 48%;
display: inline-block;
}

.twotables td
{
font-size: 12px;
}

.btnset
{
padding: 5px;
margin-top: 15px;
}





.topten
{
margin-top: 10px;
}

.toptwenty
{
margin-top: 20px;
}


.topthirty
{
margin-top: 30px;
}


.btmten
{
margin-bottom: 10px;
}

.btmtwenty
{
margin-bottom: 20px;
}

.rttwenty
{
margin-right: 20px;
}

.lttwenty
{
margin-left: 20px;
}

.ltthirty
{
margin-left: 30px;
}


.ltforty
{
margin-left: 40px;
}


.lteighty
{
margin-left: 80px;
}


.footer
{
background:#282c2f;
width:100%;
height:35px;
position:absolute;
bottom:0;
left:0;
line-height: 1.2em;
color: #fff;
font-size: 11px;
}


.footer_lt
{
float: left;
width: 75%;
display: inline-block;
font-size: 10px;
}


.footer_rt
{
float: right;
width: 15%;
text-align: right;
display: inline-block;
}

.each_country_time
{
width: 12%;
display: inline-block;
border-right: 1px solid #ddd;
text-align: center;
font-size: 9px;
}

.font_9
{
font-size: 9px;
}


.loginfooter
{
width:100%;
height:50px;
position:absolute;
bottom:0;
left:0;


font-size: 11px;
}

.footer_general
{
width:100%;
height:35px;
position:absolute;
bottom:0;
left:0;
line-height: 1.2em;
font-size: 11px;
}





.resultshowing
{
margin: 5px auto;
margin-top: 15px;
font-style: italic;
text-align: center;
font-size: 14px;
}




.leadnum table th
{
font-size: 14px;
font-weight: normal;
background: #2e3639;
color: #fff;
padding: 5px;
border: #72858c;
}

.leadnum table td
{

font-size: 14px;
text-align: center;
padding: 5px;
}





.leadsinfoparent
{
margin-bottom: 10px;

}


.leadsinfo
{
width: 30%;
display:inline-block;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
padding: 10px;
border: 1px solid #ddd;
text-align: left;
}

.leadsinfocapt
{
display: inline-block;
font-size: 25px;
font-family: rokit;
}



.leadsinfo img
{
float: left;
margin-right: 10px;
}



.parentdatebox
{
position: absolute;
z-index: 15;
right: 0;
margin-top: 80px;
margin-right: 25px;
padding: 10px 0px 3px 5px;
color: #fff;
background: #a0d468;
border: 1px solid #ddd;
border-radius: 3px;
}


.daytoday
{
position: absolute;
font-size: 40px;


}

.yrtoday
{

font-size: 14px;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
margin-left: 40px;
font-weight: bold;

}

.monthtoday
{
position: relative;
font-size: 20px;
margin-top: 5px;
margin-left: 7px;
text-transform: uppercase;
}




#editprofilesection
{
display: none;
}


.functionboxes
{
text-align: left;

margin-bottom: 20px;
border: 1px solid #ddd;

}

.functionboxesdashboard
{
text-align: left;

margin-bottom: 20px;
border: 1px solid #ddd;

}



.formboxes
{
display: inline-block;
float: left;
border: 1px solid #ddd;
width: 30%;
margin-top: 10px;
margin-bottom: 20px;
padding-bottom: 30px;

}

.formboxescapt
{
background: #39404A;
color: #fff;
font-size: 14px;
padding: 10px 5px;

}

.formboxescapt img
{
float: left;
margin-right: 5px;
}



.formboxes label
{
display: block;
padding: 5px 10px;
font-size: 14px;

}

.formboxes input[type=text]
{
padding: 3px;
font-family: opensans;
border: 1px solid #ccc;
border-radius: 3px;
background: none;
display: block;
margin-left: 10px;
width: 90%;
margin-bottom: 5px;
}





.formboxes input[type=password]
{
padding: 3px;
font-family: opensans;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 3px;
background: none;
display: block;
margin-left: 10px;
width: 90%;
margin-bottom: 5px;
}

.formboxessubmitparent
{
text-align: center;
}


.formboxessubmit
{
background: #F37B53;
border-radius: 8px;
font-size: 20px;
text-align: center;
padding: 10px;
padding-left: 30px;
color: #fff;
border: none;
margin-bottom: 20px;
cursor: pointer;
}


#createuserbtnicon
{
background-image: url('../images/createuserbtnicon.png');
background-repeat: no-repeat;
background-position: 8% 50%;
}


#updateprofilebtnicon
{
background-image: url('../images/updateprofilebtnicon.png');
background-repeat: no-repeat;
background-position: 10% 50%;
}



.graphhere p
{
padding: 100px;
text-align: center;
}


#createusersection
{
display: none;
}

#uploadleadsection
{
display: none;
}




.leadsinformationsect
{
width: 96%;
margin: 20px auto;
/* border: 1px solid red; */
}




.highlight
{
position: relative;
color: #fff;
background: #f37b53;
padding: 10px;
text-align: center;
font-size: 16px;
width: 18%;
margin-left: auto;
margin-right: auto;
top: -35px;
margin-bottom: -15px;
}



.genform
{
padding: 10px 10px;
border: 1px solid #ccc;
margin-top: 40px;
margin-bottom: 30px;
}


.genform label
{

width: 170px;
padding: 10px 0px;
font-size: 14px;
display: inline-block;
}


.genform input[type=text]
{
font-family: opensans;
display: inline-block;
padding: 3px;

width: 60%;


}

.twofields
{
display: inline-block;
width: 48%;
}

.blockfield
{
display: block;


}

.blockfield label
{
float: left;
}

.genform textarea
{
width: 70%;
font-family: opensans;
padding: 3px;
font-size: 14px;
resize: none;
height: 80px;
margin-top: 10px;
}

.genform select
{
font-family: opensans;
display: inline-block;
padding: 3px;
width: 61.5%;
}



.leadsbtbtn
{
background-color: #3BAC69;
background-image: url('../images/uploadic.png');
background-repeat: no-repeat;
background-position: 10% 50%;
border: 1px solid #fff;
text-align: center;
font-size: 20px;
padding: 10px;
padding-left: 25px;
display: block;
margin: 10px auto;
color: #fff;
border-radius: 8px;
cursor: pointer;
}


.checkedtrbg
{
background: #f6e188;
}

.individullnk
{
padding: 5px 10px;
margin-left: 5px;
margin-right: 5px;
border: 1px solid #ddd;
}

.greeny
{
background: #3b545b;
}

table th
{
text-align: left;
}


.widtheleven
{
width: 11%;
}

.mytable_parent
{
margin-top: 20px;
}




.mytable
{
position: relative;

}

.mytable table
{
margin-bottom: 10px;

}

.mytable td
{
font-size: 12px;
}

.mytable textarea
{
resize: none;
width: 60%;
}

.mytable select
{
margin-bottom: 10px;
}



.blue
{
color: #4183c4;

}

.red
{
color: #F37B53;
}

.green
{
color: #3BAC69;
}


.divinsidetr p
{
padding: 10px;
display: inline-block;
width: 30%;
}

.displayblock
{
display:block;
}


.displayblockcenter
{
display:block;
margin-left: auto;
margin-right: auto;
text-align: center;
}




.displayinlineblock
{
display:inline-block;
}


.divinsidecaption
{
font-size: 16px;
padding: 10px;
background: url('../images/whitegradient.png');
font-weight: bold;
color: #555;
text-shadow: 2px 2px 2px #fff;
}

.editcancel
{
text-align: right;
}

.margpadzero
{
margin:0;
padding: 0;
}

.pointer
{
cursor: pointer;
}

.pagingz
{
margin-top: 15px;
text-align: right;
margin-bottom: 15px;
}


.pagingindiviual
{
padding: 5px 10px;
border: 1px solid #ddd;
margin-left: 3px;
margin-right: 3px;
}

.current
{
color: #e1553a;
font-weight: bold;
}

.rtalignedbtns
{
text-align: right;
margin-top: 10px;
}

.tabletxtcenter
{
text-align: center !important;
}


.justborder
{
border: 1px solid #ddd;
padding: 10px;
}

.redy
{
color: #F37B53;
font-weight: bold;
}


.onlyformsparent
{
width: 80%;
margin: 20px auto;
}

.onlyforms
{
background: #eee;
border: 1px solid #b7b8ba;
border-bottom: 3px double #b7b8ba;
}

.onlyformscaption
{
background: url('../images/captionbggradient.png');
padding: 10px;
font-size: 20px;
}

.onlyforms label
{
display: block;
margin-top: 10px;
padding: 10px;

}


.onlyforms input[type=text]
{
display: block;
margin-top: 10px;
width: 80%;
border-radius: 5px;
border: 1px solid #ddd;
padding: 10px;
margin-left: 10px;

}


.onlyforms input[type=password]
{
display: block;
margin-top: 10px;
width: 80%;
border-radius: 5px;
border: 1px solid #ddd;
padding: 10px;
margin-left: 10px;

}

.onlyforms input[type=submit]
{
margin-left: 10px;

}

.onlyforms input[type=reset]
{
margin-left: 10px;
}

.onlyforms input[type=file]
{
margin-left: 10px;
}

.onlyforms select  option
{
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
}

.onlyforms textarea
{
margin-left: 10px;
height: 70px;
}

.addbdebtn
{
background: url('images/stripe.png');


}

.resetbtnbg
{
background: url('images/stripe.png');
 

}





.onlyforms select
{
display: block;
margin-top: 10px;
width: 82%;
border-radius: 5px;
border: 1px solid #ddd;
padding: 10px;
margin-left: 10px;

}


.margtopforty
{
margin-top: 40px;
}


/* Buttons bg */

.parenticonbtn
{
display: inline-block;
text-align: center;
width: 14%;
}


.mycirclebtns
{
position: relative;
border: 1px solid #ccc;
width: 40px;
height: 40px;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
display: inline-block;
text-align: center;
}

.mycirclebtns:hover
{
border: 1px solid #F37B53;
}


.mycirclebtnscapt
{

font-size: 12px;
}

.num_lds_circle
{
position: absolute;
width: 20px;
height: 20px;
font-size: 10px;
border-radius: 50%;
right: 0;
color: #fff;
background: #f78158;
margin-right: -10px;
text-align: center;
}



.usermgmtbtns
{
margin-top: 10px;
}


.viewallusersbtns
{
margin-top: 15px;
margin-bottom: 15px;
}


.commonpropbtnsparent
{
width: 150px;
display: inline-block;
text-align: center;
}



.commonpropbtns
{
background-color: #fff;
background-repeat: no-repeat;
width: 70px;
height: 70px;
border: 1px solid #ddd;
border-radius: 50%;
background-position: 50% 50%;
cursor: pointer;
}

.commonpropbtns:hover
{
border: 1px solid #F37B53;
}

.commonpropbtnstxt
{
font-size: 14px;

}


.delselctdusers
{
background-image: url('../images/trash.png');
}

.activeusers
{
background-image: url('../images/active.png');
}


.inactiveusers
{
background-image: url('../images/inactive.png');
}


.checkallusers
{
background-image: url('../images/checkall.png');
}


.uncheckallusers
{
background-image: url('../images/uncheck.png');
}


.errshowing
{
color: red;
text-align: center;
}

.footerlesscontent
{
margin-top: 120px;

}


/* Search Form */

.searchformparent
{
background: #fff;

margin-left: auto;
margin-right: auto;
}

.searchform
{
position: relative;
padding: 10px 0px;
font-size: 12px;
}


.white_sep
{
background: #fff;
height: 30px;
}

.height_20
{
height: 20px;
}

.success_box
{
display: none;
padding: 10px;
background: #83c928;
color: #fff;
width: 96%;
margin: 20px auto;
}


.success_assigned_box
{
display: none;
padding: 10px;
background: #83c928;
color: #fff;
margin: 10px auto;
}


.error_msg_box
{
display: none;
padding: 10px;
background: #f78158;
color: #fff;
margin: 10px auto;
}


.error_box
{
display: none;
width: 96%;
padding: 10px;
background: #f78158;
color: #fff;
margin: 10px auto;
}




.success_box_del_user
{
display: none;
padding: 10px;
background: #83c928;
color: #fff;
margin: 10px auto;
}


.searchformcapt
{

}

.searchform label
{
width: 150px;
display: inline-block;
padding: 10px;

}

.searchform input[type=text]
{

display: inline-block;
border: 1px solid #ddd;
padding: 5px;
border-radius: 5px;
width: 60%;

}


.searchform input[type=password]
{

display: inline-block;
border: 1px solid #ddd;
padding: 5px;
border-radius: 5px;
width: 60%;

}




.searchform input[type=file]
{

display: inline-block;
border: 1px solid #ddd;
padding: 5px;
border-radius: 5px;
width: 60%;

}

.searchform textarea
{
resize: none;
display: block;
border: 1px solid #ddd;
padding: 5px;
border-radius: 5px;
width: 60%;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 10px;
height: 100px;
font-family: opensans;
font-size: 13px;
padding: 10px;
}


.searchform select
{

display: inline-block;
border: 1px solid #ddd;
padding: 3px 5px;
border-radius: 5px;
width: 62%;

}

.searchform option
{
padding: 5px 10px;
}


.post_btn_parent
{
margin-left: 20px;
display: inline-block;
text-align: center;
}

.min_width_50
{
min-width: 50px !important;

}







.twobox
{
display: block;
margin-top: 5px;
margin-bottom: 5px;
}

.display_none
{
display: none;
}


.perfieldleft
{
display: inline-block;
float: left;
width: 48%;
}


.perfieldright
{
display: inline-block;
float: right;
width: 48%;


}

.searchformbtn
{
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}

.searchbtnicon
{
background: url('images/stripe.png');
}


.fontweight
{
font-weight: 800;
}

.errmsg
{
display: block;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
color: red;
}

.displayfields
{
display: none;
}

.extendlabel
{
width: 200px;
display: block;
}

.small_gradient_bg
{
display: block;
background: #3b545b;
padding: 5px 10px;
margin-top: 15px;
margin-bottom: 15px;
font-weight: bold;
color: #fff;
}

.small_gradient_bg_black
{
background: #373737;
padding: 5px 10px;
font-weight: bold;
color: #fff;
margin-bottom: 15px;
}


.paddingten
{
padding: 10px;
display: block;

}

.paddinginlineten
{
padding: 10px;
display: inline-block;

}

.ltten
{
margin-left: 10px;
}

.lt20
{
margin-left: 20px;
}


.addleadssavebtn
{
background: url('images/stripe.png');
}

.resetleadssavebtn
{
background: url('images/stripe.png');
}

.errbord
{
border: 1px solid red;
}


.sel select
{

display: inline-block;
border: 1px solid #ddd;
padding-left: 5px;
border-radius: 5px;
width: 30%;

/* padding-top: 10px; */
}

.sel option
{
padding: 5px 10px;
}


.ressignpluserrmsg
{
margin-top: 10px;
margin-bottom: 10px;
}

.ressignpluserrmsg select
{

padding: 5px;

}

.ressignpluserrmsg option
{
padding: 3px 5px;
}


.assignbtn
{
color: #fff;
text-align: right;
background-image: url('../images/updateprofilebtnicon.png');
background-repeat: no-repeat;
background-position: 7% 50%;
padding-left: 25px;
}




.display_box
{
position: absolute;
margin-left: 170px;
border: none;
width: 50%;

}


.divalignright
{
text-align: right;
display: block;
}

.aef
{
padding: 10px;
display: inline-block;
}

.edit_btn
{
padding: 7px;
min-width: 50px;
}


.dtlt
{
display: block;
padding: 10px;
/* background-color: #d7ecf7; */
background-color: #accfe2;
border-top-left-radius: 5px;
border-top-right-radius: 5px;


margin-top: 30px;




}



.contentrt
{

padding: 10px;
border: 2px solid #ddd;
border-radius: 5px;
border-top: none;
margin-bottom: 25px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}


.contentleft
{



}


.replybox
{
border: 1px solid #ddd;
padding: 10px;
background: #fff;
margin-top: 20px;
margin-bottom: 20px;
}


.client_reply_capt
{
padding: 10px;
background: #96b1ac;
color: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}


.bdmreplycapt
{
padding: 10px;
background: #1f4161;
color: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

}


.client_reply_capt_txt
{
float: left;
min-width: 50%;
}


.bdmreplycapt_txt
{
float: left;
min-width: 50%;
}


.bdmreplycapt_edit
{
float: right;
text-align: right;
min-width: 50px;
}


.bdmreplycapt_delete
{
float: right;
text-align: right;
min-width: 50px;
}





.client_reply_capt_edit
{
float: right;
text-align: right;
min-width: 50px;
}

.client_reply_capt_delete
{
float: right;
text-align: right;
min-width: 50px;
}


.duplicate_post
{
background: #f78158;
color: #fff;
padding: 5px;
font-size: 13px;
display: none;
}


.this_form_area
{
display: none;
}



.htthirty
{
height: 30px;
}

.margin_left_5
{
margin-left:5px;
}

.margin_left_10
{
margin-left:10px;
}

.margin_left_20
{
margin-left: 20px;
}


.margin_left_30
{
margin-left: 30px;
}



.clientreply
{
background: #fff;
border-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin-top: 30px;
margin-bottom: 30px;
}


.clientreplytxt
{
padding: 10px;
border: 1px solid #ddd;
border-top: none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

.replytxt
{
position: relative;
padding: 10px;
border: 1px solid #ddd;
border-top: none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
min-height: 50px;
}

.timer_box
{
position: absolute;
bottom: 0;
right: 0;
width: 40%;
float: right;
text-align: right;
padding: 10px;
}

.timer_box_content
{
position: relative;
}



.del_confirm_box
{
position: absolute;
padding: 10px;
right: 0;
margin-right: 10px;
min-width: 150px;
background: #dff2d1;
border: 1px solid #a7c985;
z-index: 10;
}

.confirm_del_btn
{
padding: 1px 5px;
background: #555555;
color: #ffffff;
margin-left: 10px;
border-radius: 2px;
font-size: 12px;
cursor: pointer;
}




.bdmreply
{
margin-top: 30px;
margin-bottom: 30px;
background: #f0eec7;



}













.floatleft
{
float: left;

}

.floatright
{
float: right;

}

.redmsg
{
color: red;
}

.backbtnlink
{
color: #fff;
background: url('images/stripe.png');
}

.backbtnlink a
{
color: #fff;
}




.dashparent
{
display: block;
margin-top: 20px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
}






.dashboard select
{

display: inline-block;
border: 1px solid #ddd;
padding-top: 10px;
padding-left: 5px;
border-radius: 5px;

}

.dashboard option
{
padding: 5px 10px;
}


.timezonepg
{
text-align: center;
}

.perclock
{

}


.perclock ul li
{
display:inline; 
font-weight:bold;
}

.lightgreeny
{
/* background-color: #76C370; */

}

.editleadsbg
{

}



/* Overlay in Request Sample */


#overlaybox {
background: url('../images/transparentbg.png');
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 5000;
}




.overlaychildbox {
display: block;
width: 600px;
margin-left: auto;
margin-right: auto;
border: 2px solid #ddd;
background: #fff;
margin-top: 15%;
padding: 30px;
font-family: lato;
font-size: 14px;
color: #41A096;
border-radius: 5px;
}


#closeoverlay {
position: relative;
z-index: 10;
float: right;
margin-top: -50px;
margin-right: -40px;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
background: rgba(0,0,0,0.8);
color: #fff;
border-radius: 15px;
cursor: pointer;
}

.bigtxtoverlay {
font-family: rokit;
font-size: 30px;
color: #eb5a3d;
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
padding-bottom: 5px;
}



/* Overlay End */


.chk
{
margin-top: 50px;
padding: 10px;
border: 2px solid #ddd;
border-radius: 5px;
}

.fixedchksmallbl
{
width: 180px;
display: inline-block;

}

.fixedchk
{
min-width: 170px;
display: inline-block;

}

.empl_chk
{
min-width: 150px;
display: inline-block;
}



.chkcapt
{
position: relative;
top: -30px;
background: #3b545b;
padding: 5px;
width: 10%;
color: #fff;
}


.jobtitle
{
position: relative;
background: #3b545b;
padding: 10px;
min-width: 5%;
color: #fff;
}


.parentchkbx
{
width: 85%;
display: inline-block;
float: left;
}

.selectallnonebox
{
width: 12%;
display: inline-block;
float: right;
}

.fldstone
{

}



.searchform fieldset
{
padding: 20px;
width: 95%;
margin: 20px auto;
border: 1px solid #ddd;
}

.searchform legend
{
padding: 5px 10px;
border: 1px solid #ccc;
}






.chkreduced
{
width: 95%;
margin-left: auto;
margin-right: auto;
}




.notetxtarea
{
width: 100%;
display: block;
}

.sendbtnicon
{
background-image: url('../images/updateprofilebtnicon.png');
padding-left: 25px;
}

.lthttwoem
{
line-height: 3em;
}

.justblock
{
margin-top: 5px;
margin-bottom: 5px;
}



.leftinlinebox
{
float: left;
display: inline-box;
}

.rightinlinebox
{
float: right;
display: inline-box;
}

.blockrt
{
display: block;
margin-top: 5px;
margin-bottom: 5px;
text-align: right;
color: red;
}



/* GRAPH CSS =============== START */

.fromtodatecontainer
{
position: relative;
z-index: 50;
}

.hidecaptionlogo
{
position: absolute;
margin-left: 1px solid #ddd;
background: #fff;
z-index: 100;
width: 100px;
display: block;

}


.disnumofleadsgraph
{
position: absolute;
margin-top: 10px;
margin-left: 20px;
padding: 20px;
z-index: 1000;
border: 1px solid #ddd;
display: none;
}


.disnumofleadsgraphdash
{
position: absolute;
margin-top: 5px;
margin-left: 20px;
padding: 10px 20px;
z-index: 1000;
border: 1px solid #ddd;
width: 250px;
font-size: 14px;
display: none;
}

.topfive
{
margin-top: 8px;
}



.leadnameandnum
{

}





.graphcolorboxes
{
position: absolute;
padding: 10px 20px;
z-index: 500;
right: 0;
border: 3px double #ddd;
border-radius: 3px;
margin-top: 10px;
margin-right: 150px;
display: none;
}


/* Of Dashboard Page */
.graphcolorboxesdash
{
position: absolute;
padding: 5px 20px;
z-index: 500;
right: 0;
border: 3px double #ddd;
border-radius: 3px;
margin-top: 5px;
margin-right: 20px;
font-size: 14px;
display: none;
}






.colorplustxt
{

/* border: 1px solid red; */
}


.percolorbox
{
display: block;
margin-bottom: 20px;
}



.percolorboxdash
{
display: block;
margin-bottom: 10px;
}


.commoncolorbox
{
float: left;
width: 25px;
height: 25px;
border: 1px solid #ddd;
display: inline-block;
}


.commoncolorboxdash
{
float: left;
width: 20px;
height: 20px;
border: 1px solid #ddd;
display: inline-block;
}







.correspcolorname
{
float: left;
display: inline-block;
margin-left: 20px;
}



/* Color Codes For each Lead in the graph */

.assigndcolor
{
background: #f2b9c2;
}


.dealcolor
{
background: #b2e5e9;
}


.unqualifiedcolor
{
background: #f6e188;
}


.unassigndcolor
{
background: #f3c997;
}


.followupcolor
{
background: #e0f2b8;
}



.notinterestedleadcolor
{
background: #b8c3f2;
}



.hotleadcolor
{
background: #f4bc96;
}




.redhotleadcolor
{
background: #a1bc37;
}


.parentgraph
{

}




/* GRAPH CSS =============== END */

.tickettable td
{
font-size: 14px;
padding-left: 10px;
}

.tickettable select
{
font-size: 14px;
}

.tickettable option
{
font-size: 14px;
padding-top: 2px;
padding-left: 2px;
}

.tickettable input[type=text]
{
font-size: 12px;
padding-top: 2px;
padding-left: 2px;
}




.blc
{
font-family: opensans;
color: #444444;
font-size: 14px;
padding: 5px;
}


.errmsgblock
{
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}

.labelwidth
{
width: 20%;
}

.centermsg
{
padding: 10px;
text-align: center;
}


.additionalinfo
{
margin-bottom: 20px;
padding: 10px;
border: 1px solid #ddd; 
border-radius: 5px;
}


.firstgraphrow
{
margin-top: 20px;

}


.chartonehelpdesk
{
text-align: center;
width: 90%;
margin: 5px auto;
}


.charttwohelpdesk
{
text-align: center;
width: 90%;
margin: 5px auto;
}


.thirdgraphbox
{
margin-top: 30px;
text-align: center;
}

.blucaption
{
background: #4A8BC2;
color: #fff;
}


.uplddwnldmngrbxlt
{
width: 48%;
display: inline-block;
position: relative;
float: left;
}


.uplddwnldmngrbxrt
{
width: 48%;
display: inline-block;
position: relative;
float: right;
}



.bdmgraphone
{
position: relative;
float: left;
width: 48%;
display: inline-block;

}

.bdmgraphtwo
{
position: relative;
float: right;
width: 48%;
display: inline-block;

}


.bargraphthree
{
text-align: center;

}

.redhotbg
{
background: #e9aaaa;
color: #555;
}

.hotleadsbg
{
background: #FFDFDD;

}


.warmleadsbg
{
background: #FFF8C6;

}

/* =================================================== */



.assigned
{
background-color: #d1e48f;
}


.unassigned
{
background-color: #e4bce1;
}


.unqualified
{
background-color: #d4dbd1;
}


.not_intersted
{
background-color: #e1ecf0;
}

.warm
{
background-color: #f1daae;
}


.hot_leads
{
background-color: #f6b7b7;
}

.red_hot_leads
{
background-color: #fa755b;
color: #fff;
}

.red_hot_leads a
{
color: #fff;
}


.deal
{
background-color: #aef1b4;
}


.followup
{
background-color: #56bceb;
color: #ffffff;
}



.followup a
{
color: #ffffff;
}

.followup_yesterday
{
background: #ebc1e6;
}

.followup_yesterday a
{

}

.followup_today
{
background: #dfeee9 !important;
}


.followup_today a
{
color: #ffffff;
}

.zxc
{
background: #dfeee9 !important;
}



/* ============== New CSS ============== START */


.margin_top_10
{
margin-top: 10px;
}

.margin_right_10
{
margin-right: 10px;
}

.margin_right_20
{
margin-right: 20px;
}

.margin_top_20
{
margin-top: 20px;
}

.margin_top_30
{
margin-top: 30px;
}

.margin_top_40
{
margin-top: 40px;
}


.margin_ltrt_10
{
margin-left: 10px;
margin-right: 10px;
}



.margin_right_20
{
margin-right: 20px;
}

.font_12
{
font-size: 12px;
}

.margin_top_bottom_10
{
margin-top: 10px;
margin-bottom: 10px;
}


.margin_top_bottom_20
{
margin-top: 20px;
margin-bottom: 20px;
}

.select_boxes_parent
{

}

.border
{
border: 1px solid #ddd;
}


#savedata
{
display: none;
}


#cancel_savedata
{
display: none;
}


.admin_assign_box
{
padding: 20px 0px;
background: #f0f4f7;
border: 1px solid #ddd;
}

.each_select_boxes
{
display: inline-block;
float: left;
margin-left: 20px;
}

.hide_this_div
{
display: none;
background: #f78158;
padding: 5px;
color: #fff;
min-width: 100px;
}


.margin_lt_10
{
margin-left: 10px;
}

.new_button
{
position: relative;
z-index: 20;
padding: 5px 7px;
background: url('images/stripe.png');
color: #ffffff;
border-radius: 3px;
cursor: pointer;
}

.text_align_right
{
text-align: right;
}

.del_confirm_box
{
display: none;
}

.float_left
{
float: left;
}

.float_right
{
float: right;
}


.white_overlay
{
background-image: url('images/white_bg.png');
position: fixed;
min-width: 100%;
min-height: 100%;
top: 0;
left: 0;
z-index: 1000;
display: none;
}

.white_overlay_child
{
position: relative;
width: 30%;
margin: 20% auto;
background: #fff;
border: 1px solid #ddd;
box-shadow: 3px 3px 3px #ddd;
}

.white_overlay_child_capt
{
background: #3b545b;
color: #fff;
padding: 5px;

}

.white_overlay_child_txt
{
padding: 5px;
min-height: 50px;
}

.lead_content_box
{
display: none;
}


.hide_this
{
display: none;
background: #f78158;
padding: 5px;
color: #fff;
margin-top: 10px;
margin-bottom: 10px;
min-width: 100px;
}


.assign_task_parent
{
padding: 5px;
}

.each_assign_task
{
min-width: 20%;
display: inline-block;
}


.parent_403
{
border: 3px solid #4dc5f9;
padding: 10px;
width: 600px;
margin: 40px auto 10px;
}

.parent_403_capt
{
font-family: oswald;
font-size: 16px;
padding-bottom: 5px;
border-bottom: 1px solid #4dc5f9;
}

.parent_403_txt
{
margin-top: 10px;
}

.this_label
{
padding-left: 10px;
padding-right: 10px;
width: 200px;
}

.width_100
{
width: 100px !important;
}

.width_150
{
width: 150px !important;
}




.edit_lead_section_box
{
width: 96%;
margin: 0px auto;
background: #f6f6f6;
padding: 20px 25px;
}


.add_info_section_box
{
width: 96%;
margin: 60px auto 15px;
background: #f6f6f6;
padding: 20px;
border: 3px double #ddd;
}


.additonal_info_sect
{
width: 65%;
display: inline-block;
float: left;

}

.add_info_section_box textarea
{
width: 90%;
}


.updt_foll_dt_box
{
width: 30%;
display: inline-block;
float: left;
text-align: left;

}

.updt_foll_dt_box input[type=text]
{
width: 110px;
border-radius: 0px;
}

.updt_foll_dt_box select
{
width: 120px;
border-radius: 0px;
}

.updt_foll_dt_box_lt
{
float: left;
width: 30%;
display: inline-block;

}


.updt_foll_dt_box_rt
{
width: 65%;
float: left;
display: inline-block;

}


.post_btn
{
width: 150px;
}

.deal_info_section
{
position: relative;
display: none;
}

.deal_info_section input[type=text]
{
max-width: 100px;
}


.deal_info_section input[type=file]
{
max-width: 300px;
border: none;
}


.deal_info_section textarea
{
width: 700px;
max-height: 100px;
display: inline-block;
margin: 0px;
}






.yellow_bg
{
background: #eef2ea;
border: 1px solid #dddddd;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

.grey_bg
{
background: #eef2ea;
border: 1px solid #ddd;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
}





.err_txt
{
display: none;
}






.del_user
{
background-image: url('images/del_icon.png');
background-repeat: no-repeat;
width: 12px;
height: 16px;
margin-left: auto;
margin-right: auto;
cursor: pointer;
display: inline-block;
}

.confirm_del_user_div
{
position: relative;
display: inline-block;
min-width: 100px;
text-align: left;
display: none;
}

.small_btn_grey_cancel
{
background: #555555;
color: #fff;
padding: 5px;
text-align: center;
margin-right: 10px;
padding: 2px 4px;
border-radius: 3px;
cursor: pointer;
border: none;
font-size: 10px;
}

.small_btn_red_del
{
background: #f78158;
color: #fff;
padding: 5px;
text-align: center;
margin-right: 10px;
padding: 2px 4px;
border-radius: 3px;
cursor: pointer;
border: none;
font-size: 10px;
}

.conf_del
{
margin-right: 10px
}





/* ============ DASHBOARD SECTION ============ START */



/* Bar Graph Dashboard ====== START */

.bar_graph_dash
{
position: relative;
min-height: 280px;
display: inline-block;
border: 1px solid #ddd;
width: 100%;
}

#all_leads_status_bar
{
position: absolute;
width: 100%;
display: block;
}


/* Bar Graph Dashboard ====== END */



.table_sect_dash_parent table
{
border: 1px solid #ddd;
}


.table_sect_dash_parent table td
{
font-size: 12px;
border: none;
margin-top: 20px;
}




.table_sect_dash_left
{
display: inline-block;
width: 48%;
float: left;
}

.table_sect_dash_right
{
display: inline-block;
width: 48%;
float: right;
}




.graph_sect_dash_parent
{
position: relative;
display: inline-block;


border: 1px solid #ddd;
margin-top: 10px;
height: 350px;
}

.graph_sect_dash
{

}

.pie_color_set_parent
{
position: absolute;
min-width: 200px;
min-height: 100px;
right: 0;
}

.pie_color_box
{
width: 30px;
height: 20px;
}



.pie_color_set_parent table
{
border: none;
}

.pie_color_set_parent td
{
border: none !important;
}



.width_20
{
width: 20px;
}

.num_email_camps_color
{
background: #4ACAB4;
}

.num_telemarketing_color
{
background: #f895c7;
}

.num_voice_mail_color
{
background: #FF8153;
}

.num_prospecting_color
{
background: #524656;
}


.num_self_generated_color
{
background: #FFEA88;
}

.padding_left_10
{
padding-left: 10px;
}

.doughnut_graph_box_dash
{
position: relative;
border: 1px solid #ddd;
}


.doughnut_graph_box
{
position: relative;
border: 1px solid #ddd;
width: 32%;
margin-right: 10px;
display: inline-block;
float: left;
min-height: 300px;
}

.each_canvas
{
margin-top: 10px;
margin-left: 10px;
}

.pie_color_set_each
{
position: absolute;
min-width: 180px;
min-height: 100px;
right: 0;

}

.pie_color_set_each table
{
border: none;
}

.pie_color_set_each td
{
border: none !important;
font-size: 10px;
padding: 5px 3px;
text-align: left;
padding-left: 10px;
}

.pie_color_set_each tr
{
margin-top: 3px;
margin-bottom: 3px;

}






/* ============ DASHBOARD SECTION ============ END */







/* ============ DETAIL NOTIFICATION SECTION ============ START */

.detail_notification_box
{
margin-top: 20px;

}

.detail_notification_box table
{
font-size: 12px;
padding: 5px;
border: none !important;
}

.detail_notification_box  td
{
font-size: 12px;
padding: 5px;
border: none !important;
}




.height_30
{
height: 30px;
}


.height_50
{
height: 50px;
}



.each_detail_notify_box
{
position: relative;
border: 1px solid #ddd;
padding-bottom: 10px;
}


.show_hstry_table
{
position: absolute;
z-index: 10;
right: 0;
bottom: 0;
margin-bottom: 5px;
}

.show_hstry_black
{
background: #444;
color: #fff;
text-align: center;
margin-right: 10px;
padding: 3px 5px;
font-size: 11px;
border-radius: 3px;
cursor: pointer;
border: none;
}


.title_capt_brown
{
font-size: 13px;
background: #eae6db;
padding: 5px;
}

.comp_notify_det
{
width: 40%;
float: left;
font-weight: bold;
}

.lead_id_notify_det
{
width: 40%;
float: right;
text-align: right;
font-weight: bold;
}

.detailed_notify_hstry_box 
{
margin-top: 20px;
display: none;
margin-left: 20px;
}

.detailed_notify_hstry_box table
{
width: 50%;
}

.detailed_notify_hstry_box td
{
border: 1px solid #ddd !important;
}

.blue_stripe
{
background: #3b545b;
color: #fff;
border-left: 1px solid #4a8bc2;
border-right: 1px solid #4a8bc2;
}


/* ============ DETAIL NOTIFICATION SECTION ============ END */









/* ============ USER MANAGEMENT ============ START */

.active_bg
{
width: 12px;
height: 12px;
border-radius: 50%;
background: #33ae17;
display: inline-block;
cursor: pointer;
}

.inactive_bg
{
width: 12px;
height: 12px;
border-radius: 50%;
background: #ef5824;
display: inline-block;
margin-left: 20px;
cursor: pointer;
opacity: 0.5;
}


.opacity_5
{
opacity: 0.5;
}


.opacity_1
{
opacity: 1.0;
}

.padding_10
{
padding: 10px;
}

#passwd_mismatch_err
{
display: none;
}

.err_parent_box
{
padding: 10px;
background: #f78158;
color: #fff;
width: 96%;
margin: 10px auto;
display: none;
}


/* ============ USER MANAGEMENT ============ END */





/* ============ NEW FORM TEMPLATE ============ START */

.new_form_box_parent
{
background: #eef2ea;
margin: 10px auto;
padding-bottom: 20px;
border: 1px solid #ddd;
}


.new_form_box
{
position: relative;
width: 98%;
margin: 10px auto;
border: 1px solid #ddd;
box-shadow: 3px 3px 3px #ddd;
background: #fff;
}

.new_form_box_lt
{
width: 48%;
display: inline-block;
float: left;
}

.new_form_box_separator
{
position: relative;
float: left;
width: 10px;
margin-left: auto;
margin-right: auto;
min-height: 300px;
border-right: 1px solid #c6c5c3;
margin-top: 60px;
margin-bottom: 30px;
margin-left: 15px;
}


.new_form_box_rt
{
width: 48%;
display: inline-block;
float: right;
}


.new_form_box_captions
{
background: #3b545b;
color: #ffffff;
padding: 10px;
text-align: left;
font-weight: bold;
box-shadow:1px 1px 1px #ddd;
}

.new_form_box input[type=text]
{
border: 1px solid #ddd;
padding: 5px;
border-radius: 3px;
min-width: 26%;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;

}

.new_form_box input[type=password]
{
border: 1px solid #ddd;
padding: 5px;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
min-width: 29%;
}


.new_form_box input[type=file]
{
border: 1px solid #ddd;
padding: 5px;
border-radius: 3px;
width: 53%;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;

}



.new_form_box select
{
border: 1px solid #ddd;
padding: 5px;
border-radius: 3px;
width: 30%;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}



.ht_10
{
height: 10px;
}

.width_20
{
width: 20%;
}

.width_60
{
width: 60%;
}

.width_62
{
width: 62%;
}

.width_61
{
width: 61%;
}

.foll_dt_small
{

}

.margin_top_60
{
margin-top: 60px;
}

.additional_client_info
{
margin: 20px auto;
width: 98%;
}

.additional_client_info textarea
{
padding: 5px;
font-family: opensans;
font-size: 13px;
resize: none;
width: 99%;
min-height: 130px;
border: 1px solid #ddd;
border-radius: 3px;
}


.submit_center_div
{
margin-left: 10px;
margin-top: 25px;
}


.new_form_box_submit
{
border: 1px solid #3c5ea8;
padding: 5px;
border-radius: 3px;
background: #3c5ea8;
color: #fff;
min-width: 60px;
font-family: oswald !important;
text-align: center;
text-transform: uppercase;
font-size: 16px;
cursor: pointer;
}

.page_caption
{
position: relative;
padding: 10px 10px;
font-family: oswald;
font-size: 16px;
background: #f0f4f7;
text-transform: uppercase;
color: #6f8c9e;
border: 1px solid #e7e8ea;
}




.lead_source_sect_left
{
display: inline-block;
width: 35%;
float: left;
}

.lead_source_parent select
{
width: 85%;
}


.lead_source_parent input [type=text]
{

}

.width_50
{
width: 50%;
}

/* ============ NEW FORM TEMPLATE ============ END */








/* ============ ECHOED FORM TEMPLATE ============ START */





.echoed_form_box_parent
{
background: #eef2ea;
margin: 10px auto;
padding-bottom: 20px;
border: 1px solid #ddd;
}


.echoed_form_each_box
{
position: relative;
width: 96%;
margin: 10px auto;
border: 1px solid #ddd;
box-shadow: 3px 3px 3px #ddd;
background: #fff;
}


.echoed_form_each_box_lt
{
width: 47%;
display: inline-block;
float: left;
}


.echoed_form_each_box_rt
{
width: 47%;
display: inline-block;
float: right;
}



.echoed_form_each_separator
{
position: relative;
float: left;
width: 10px;
margin-left: auto;
margin-right: auto;
min-height: 200px;
border-right: 1px solid #c6c5c3;
margin-top: 40px;
margin-bottom: 40px;
margin-left: 30px;
}



.echoed_form_each
{
position: relative;
width: 30%;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
}

.echoed_form_each input[type=text]
{
border: 1px solid #ddd;
padding: 5px;
border-radius: 3px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

.echoed_form_each input[type=password]
{
border: 1px solid #ddd;
padding: 5px;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
}

.echoed_form_each select
{
border: 1px solid #ddd;
padding: 5px;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
width: 100%;
}


.echoed_form_box_label
{
position: absolute;
color: #ccc;
font-size: 10px;
margin-left: 10px;
}


.echoed_form_box_label_relative
{
position: relative;
color: #ccc;
font-size: 10px;
margin-left: 10px;
display: inline-block;
min-width: 100px;
}



.green_btn_gradient
{
background-image: url('images/green_btn_gradient.png');
background-repeat: repeat-x;
color: #fff;
min-width: 70px;
border: none;
padding: 5px;
cursor: pointer;
border-radius: 3px;
}


.white_btn_gradient
{
background-image: url('images/white_btn_gradient.png');
background-repeat: repeat-x;
color: #222;
min-width: 70px;
border: 1px solid #ccc;
padding: 5px;
cursor: pointer;
border-radius: 3px;
}

.display_block
{
display: block;
}



.reset_pass_btn
{
position: absolute;
right: 0;
margin-right: 10px;
margin-top: 5px;
}


.privilege_parent
{
position: absolute;
background: #dcf8c7;
border: 1px solid #d3e9c3;
min-width: 20%;
min-height: 100px;
right: 0;
margin-top: 10px;
margin-right: 10px;
padding: 10px;
}


.edit_user_prof
{
width: 50%;
text-align: center;
margin: 10px auto;
}


.margin_0
{
margin-top: 0px;
margin-bottom: 0px;
}


.margin_top_0
{
margin-top: 0px;
}


.margin_bottom_0
{

margin-bottom: 0px;
}

.err_box
{

}


/* ============ ECHOED FORM TEMPLATE ============ END */




/* ============ SINGLE FORM TEMPLATE ============ START */

.single_form_box_parent
{
background: #eef2ea;
margin: 10px auto;
padding-bottom: 20px;
border: 1px solid #ddd;
}


.single_form_box
{
position: relative;
width: 40%;
margin: 10px auto;
border: 1px solid #ddd;
box-shadow: 3px 3px 3px #ddd;
background: #fff;
padding: 20px;
}


.single_form_inp_div
{
width: 75%;
float: left;

}

.single_form_label_div
{
width: 20%;
float: left;
margin-left: 10px;
font-size: 10px;
color: #aaa;
margin-top: 12px;
}



.single_form_box input[type=text]
{
padding: 5px;
border: 1px solid #ddd;
border-radius: 3px;
margin-top: 7px;
margin-bottom: 7px;
width: 90%;
}


.single_form_box input[type=password]
{
padding: 5px;
border: 1px solid #ddd;
border-radius: 3px;
margin-top: 7px;
margin-bottom: 7px;
width: 90%;
}


.single_form_box select
{
padding: 5px;
border: 1px solid #ddd;
border-radius: 3px;
margin-top: 7px;
margin-bottom: 7px;
width: 93%;
}

.font_11
{
font-size: 11px;
}


/* ============ SINGLE FORM TEMPLATE ============ END */



/* ============ LEAD MESSAGES SECTION ============ START */

.lead_msg_box_parent
{
margin-top: 20px;

}




.lead_msg_box textarea
{
width: 90%;
border: 2px solid #ddd;
border-radius: 3px;
resize: none;
min-height: 100px;
padding: 10px;

}

.recipient_box
{
padding: 10px;
}

.lead_msg_box select
{
border: 1px solid #ddd;
padding: 2px 5px;
border-radius: 2px;
}

.lead_msg_box option
{
padding-top: 2px;
padding-bottom: 2px;
}


/* Fetched Messages */

.fetched_msg_box
{
border: 1px solid #ddd;
border-top: none;
min-height: 100px;
margin-top: 10px;
}


.message_caption
{
padding: 5px;
font-family: oswald;
font-size: 14px;
background-image: url('images/white_btn_gradient.png');

}

.fetched_msgs
{
padding: 10px 20px;
}


.no_messages
{
background: #dcf8c7;
border: 1px solid #d3e9c3;
padding: 10px;
}


.each_message
{
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #ddd;
}

.sent_by_me
{
background: #3b545b;
color: #ffffff;
padding: 10px;
}


.sent_by_other
{
background: #ebc1e6;
color: #ffffff;
padding: 10px;
}

.msg_content
{
padding: 10px;
}

.each_message_lt
{
float: left;
width: 25%;
}

.each_message_rt
{
float: right;
width: 70%;
text-align: right;
}


/* ============ LEAD MESSAGES SECTION ============ END */


/* Assign leads to BDM by LUM */

.assign_to_bdm_box
{

}

.assign_to_bdm_box select
{
padding: 3px;
border-radius: 3px;
border: 1px solid #ddd;
}





/* ============ REQUEST SAMPLE SECTION ============ START */


.request_sample_parent input[type='checkbox']
{
margin: 0px;
padding: 0px;
}


.no_req_samples
{
background: #dcf8c7;
border: 1px solid #d3e9c3;
padding: 10px;
margin-top: 20px;
}

.sample_req_details_box
{
position: relative;
padding: 10px;
border: 1px solid #ddd;
}

.sample_req_det_box
{
position: relative;
padding: 10px;

}

.sample_req_lt
{
position: relative;
padding: 10px;
float: left;
width: 60%;
display: inline-block;
}

.sample_req_rt
{
position: relative;
float: right;
width: 35%;
display: inline-block;
}

.req_sample_status
{
color: #fff;
font-family: opensans;
font-size: 12px;
font-weight: normal;
}

.req_pending
{
background: #524656;
padding: 5px 10px;
border-radius: 3px;
}

.req_processing
{
background: #ee3963;
padding: 5px 10px;
border-radius: 3px;
}


.req_uploaded
{
background: #7bb32a;
padding: 5px 10px;
border-radius: 3px;
}


.label_sample
{
font-weight: bold;
color: #555;
}

.val_sample
{
margin-left: 10px;
}

.each_sample_field
{

}

.each_sample_field_lt
{
float: left;
width: 40%;
display: inline-block;
}

.each_sample_field_rt
{
float: right;
width: 55%;
display: inline-block;
}

.sample_note_box
{

margin: 20px auto;
margin-bottom: 0px;
border: 2px solid #ddd;
background: #f0f4f7;
}

.sample_note_box_capt
{
padding: 10px;
border-bottom: 1px dashed #ddd;
font-family: oswald;
font-size: 14px;
}

.sample_note_box_content
{
padding: 10px;
}



.req_chk_sect_lt
{
float: left;
width: 15%;
padding: 10px;
border-left: 5px solid #d0dafd;
display: inline-block;

font-family: oswald;
font-size: 14px;
}


.req_chk_sect_rt
{
float: right;
width: 70%;
padding: 10px;
display: inline-block;

}

.process_req_sample_btn
{
position: absolute;
min-width: 30%;
right: 0;
margin-top: -4px;
text-align: right;
margin-right: 10px;
}


.upload_sample_box
{
margin-top: 10px;
border: 1px solid #ddd;
background: #f0f4f7;
}

.padding_20
{
padding: 20px;
}

.padding_ltrt_20
{
padding-left: 20px;
padding-right: 20px;
}



.sample_file_upld_err
{
display: none;
padding: 10px;
margin-top: 20px;
max-width: 30%;
background: #f78158;
color: #fff;
}

/* Previous Samples */

.previous_samples_box
{
margin: 40px auto;
}

.sample_plus_icon
{
position: absolute;
top: 0;
right: 0;
background: url('images/sample_plus_icon.png');
background-repeat: no-repeat;
width: 30px;
height: 30px;
margin-top: 5px;
margin-right: 10px;
}

.sample_minus_icon
{
position: absolute;
top: 0;
right: 0;
background: url('images/sample_minus_icon.png');
background-repeat: no-repeat;
width: 30px;
height: 30px;
margin-top: 5px;
margin-right: 10px;
}

#toggle_prev_sample_details
{
cursor: pointer;
}


.previous_samples_content_box
{
border: 1px solid #ddd;
padding: 10px;
/* display: none; */
}

.each_prev_sample_box
{
margin: 10px auto 50px;
border: 1px solid #ddd;
width: 98%;
display: none;
}

.each_prev_sample_box_capt
{
padding: 10px;
background: #F6F6F6;
font-weight: bold;
border-bottom: 1px solid #ddd;
}


.each_prev_sample_box_content
{

}

.sample_pending
{
width: 20px;
height: 20px;
border-radius: 50%;
margin-left: 10px;
color: #fff;
background: #f78158;
display: inline-block;
text-align: center;
}

.sample_pending_notation
{
width: 10px;
height: 10px;
border-radius: 50%;
margin-left: 10px;
color: #fff;
background: #f78158;
display: inline-block;
text-align: center;
float: left;
margin-top: 5px;
}

.sample_processing
{
width: 20px;
height: 20px;
border-radius: 50%;
margin-left: 10px;
color: #fff;
background: #454E59;
display: inline-block;
text-align: center;
}

.sample_processing_notation
{
width: 10px;
height: 10px;
border-radius: 50%;
margin-left: 10px;
color: #fff;
background: #454E59;
display: inline-block;
text-align: center;
float: left;
margin-top: 5px;
}


.sample_uploaded
{
width: 20px;
height: 20px;
border-radius: 50%;
margin-left: 10px;
color: #fff;
background: #7bb32a;
display: inline-block;
text-align: center;
}

.sample_uploaded_notation
{
width: 10px;
height: 10px;
border-radius: 50%;
margin-left: 10px;
margin-top: 5px;
color: #fff;
background: #7bb32a;
display: inline-block;
text-align: center;
float: left;

}



.req_sample_notation_box
{
position: relative;
font-size: 12px;
}

.req_sample_not_title
{

display: inline-block;
color: #fff;
padding-left: 8px;
padding-right: 8px;
background: #392b2b;
float: left;
}


.req_sample_not_pending
{

display: inline-block;
float: left;
}


.req_sample_not_processing
{

display: inline-block;

}

.req_sample_not_uploaded
{
display: inline-block;
}

.status_not_txt
{
display: inline-block;
width: 60%;
margin-left: 5px;
float: left;

}


/* Sample request Tabs */

.sampl_req_tab
{
padding: 5px 10px;
background: #282c2f;
color: #fff;
margin-right: 10px;
cursor: pointer;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.sampl_req_content
{
border: 1px solid #ddd;
padding: 5px;
margin-top: 4px;
}




.margin_bottom_20
{
margin-bottom: 20px;
}

.fl_lt
{
float: left;
}


.fl_rt
{
float: right;
}

.req_sample_caption_box
{
display: inline-block;
float: left;
width: 55%;
}

.leads_color_notation_box
{
display: inline-block;
float: right;
text-align: right;
width: 40%;

}



/* Color today, yesterday, tomorrow's leads */

.today_lead_dt
{
background: #dcf8c7 !important;
}

.tmrw_lead_dt
{
background: #f6f7fa !important;
}

.yday_lead_dt
{
background: #fadbd0 !important;
}

.today_lead_dt_circle
{
width: 10px;
height: 10px;
background: #dcf8c7;
display: inline-block;
border: 1px solid #ccc;
}

.tmrw_lead_dt_circle
{
width: 10px;
height: 10px;
background: #f6f7fa;
display: inline-block;
border: 1px solid #ccc;
}

.yday_lead_dt_circle
{
width: 10px;
height: 10px;
background: #fadbd0;
display: inline-block;
border: 1px solid #ccc;
}




.tty_content
{
display: inline-block;

text-align: left;
margin-left: 5px;
margin-right: 5px;

}








/* ============ REQUEST SAMPLE SECTION ============ END */


.access_denied_box
{
width: 50%;
margin: 30px auto;

}

.access_denied_box_txt
{
padding: 20px;
border: 1px solid #d3e9c3;
background: #dcf8c7;
}




/* ============== BDM DASHBOARD CSS ============== START */




/* ============== BDM DASHBOARD CSS ============== END */

.bdm_dash_lt_panel
{
width: 55%;
display: inline-block;
float: left;
}

.bdm_dash_rt_panel
{
width: 43%;
display: inline-block;
float: right;
}


.bar_graph_dash_bdm
{
position: relative;
min-height: 280px;
width: 100%;
border: 1px solid #ddd;
}

.bar_graph_dash_each
{
position: relative;
min-height: 230px;
width: 100%;
border: 1px solid #ddd;
}




.graph_sect_dash_parent_bdm
{
position: relative;
display: inline-block;
width: 100%;
border: 1px solid #ddd;
margin-top: 10px;
min-height: 350px;
}

.pie_color_set_parent_bdm
{
position: absolute;
min-width: 200px;
min-height: 100px;
right: 0;
}

.pie_color_set_parent_bdm table
{
border: none;
}

.pie_color_set_parent_bdm td
{
border: none !important;
font-size: 12px;
padding: 5px 3px;
text-align: left;
padding-left: 10px;

}

.pie_color_set_parent_bdm tr
{
margin-top: 3px;
margin-bottom: 3px;
}


.my_assign_leads_dough
{
background: #4ACAB4;
}

.my_follwup_leads_dough
{
background: #f895c7;
}

.my_deal_leads_dough
{
background: #7bb32a;
}

.my_unqual_leads_dough
{
background: #524656;
}


.num_unassigned_color
{
background: #66baf8;
}


.num_not_intrstd_color
{
background: #293036;
}


.num_warm_color
{
background: #fdaa30;
}


.num_hot_color
{
background: #d0dafd;
}

.num_redhot_color
{
background: #f54e3b;
}

.assigned_lead_mark
{
background: #4ACAB4;
width: 12px;
height: 12px;
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 7px;
line-height: 10px;
position: absolute;
}

.margin_top_5
{
margin-top: 5px;
}

.bdm_dough_td
{
min-width: 30px;
min-height: 10px;
text-align: center;
color: #fff;
}



.other_data_dash_bdm_box
{

}

.bdm_dash_lt
{
width: 52%;
display: inline-block;
float: left;

}

.bdm_dash_rt
{
width: 45%;
display: inline-block;
float: right;
}


.bdm_dash_lt_content
{

}

.total_tr
{
background: #d0dafd;
}

.bdm_dash_table td
{
text-align: center;
font-size: 12px;
padding: 4px 4px;
}






.bdm_dash_table table th
{
padding: 5px 4px;

}





/* team_leads_stats.php  */

.team_leads_stats
{

}
.graph_team_leads
{

}

.add_note_form_box
{
display: none;
}

.to_do_box
{

}

.to_do_box_content
{
padding-top: 10px;
padding-bottom: 10px;
}

.to_do_box textarea
{
resize: none;
padding: 10px;
width: 96%;
border: 1px solid #ccc;
min-height: 80px;
font-size: 12px;
}

.to_do_box input[type=text]
{
border: 1px solid #ccc;
padding: 10px;
width: 50%;
margin-bottom: 10px;
font-size: 12px;
}

.each_added_note_box
{
margin-top: 10px;
border: 1px solid #ddd;
margin-top: 10px;
margin-bottom: 10px;
}



.new_added_note_box_caption
{
padding: 10px;
background: #3b545b;
padding: 5px 10px;
color: #fff;
}

.note_added_on
{
font-size: 11px;
margin-left: 10px;
}

.each_note_read_only
{
padding: 10px;
display: none;
}

.existing_notes
{
background: #dcf8c7;
margin-top: 10px;
padding: 7px 10px;
font-weight: bold;
font-family: oswald;
text-transform: uppercase;
border: 1px solid #d3e9c3;
}

.lt_dash_note
{
float: left;
display: inline-block;
width: 70%;
overflow: hidden;
}


.rt_dash_note
{
position: relative;
float: right;
display: inline-block;
width: 20%;
}

.edit_dash_note
{
position: absolute;
right: 0;
margin-top: 2px;
background: url('images/edit_dash_note.png');
background-repeat: no-repeat;
width: 16px;
height: 16px;
cursor: pointer;
}


.del_dash_note
{
position: absolute;
right: 0;
background: url('images/del_dash_note.png');
background-repeat: no-repeat;
width: 12px;
height: 17px;
margin-right: 40px;
margin-top: 2px;
cursor: pointer;
}


.display_dash_note
{
position: absolute;
right: 0;
background: url('images/display_dash_note.png');
background-repeat: no-repeat;
width: 20px;
height: 12px;
margin-right: 80px;
margin-top: 5px;
cursor: pointer;
}





.confirm_del_note_box
{
width: 50%;
float: right;
padding: 5px 10px;
background: #dcf8c7;
border: 1px solid #d3e9c3;
display: none;
}

.conf_del_yes
{
padding: 3px 8px;
background: #3b545b;
font-size: 10px;
margin-right: 20px;
border-radius: 2px;
color: #fff;
font-size: 11px;
font-family: oswald;
}

.conf_del_no
{
padding: 3px 8px;
background: #3b545b;
font-size: 10px;
border-radius: 2px;
color: #fff;
font-size: 11px;
font-family: oswald;
}

.conf_del_txt
{
float: left;
display: inline-block;
width: 60%;
cursor: pointer;
}


.del_not_y_n
{
float: right;
display: inline-block;
width: 30%;
cursor: pointer;
text-align: right;
}

.textarea_edit
{
width: 90%;
margin: 20px auto;
display: none;
}

.save_edit_note_box
{
margin-top: 10px;
text-align: right;
}

.save_edit_note
{
padding: 5px 8px;
background: #3b545b;
font-size: 12px;
font-family: oswald;
margin-right: 20px;
border-radius: 2px;
color: #fff;
cursor: pointer;
}

.cancel_edit_note
{
padding: 5px 8px;
background: #3b545b;
font-size: 12px;
font-family: oswald;
border-radius: 2px;
color: #fff;
cursor: pointer;
}


/* ============== Customize Table Section ============== START */

.custom_lt
{
width: 40%;
float: left;
display: inline-block;
}

.custom_rt
{
width: 40%;
float: right;
display: inline-block;
}

.customize_box
{
padding: 10px;
background: #dcf8c7;
border: 1px solid #d3e9c3;

}


.customize_box_lt
{
float: left;
width: 80%;
display: inline-block;
}


.customize_box_rt
{
float: left;
width: 1%;
display: inline-block;
}







.customize_box_chk
{
margin-right: 20px;
}


.customize_box input [type=checkbox]
{
padding-right: 10px;
}



/* Generate Backup ========== START */

.gen_db_backup_box
{
position: relative;
background: #fff;
width: 50%;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
border: 1px solid #ddd;
}

.gen_db_backup_box_content
{
padding: 10px;
}

.confirm_db_gen_box
{
display: none;
position: relative;
background: #dcf8c7;
border: 1px solid #d3e9c3;
padding: 20px;
}

.success_box_db
{
display: none;
padding: 10px;
background: #83c928;
color: #fff;
margin-left: auto;
margin-right: auto;
}


.fetched_db_bkups
{
width: 50%;
margin-left: auto;
margin-right: auto;
}



/* Generate Backup ========== END */


/* New Request Sample Form ========== START */



.rq_form_parent
{

}

.rq_form
{

}

.rq_capt_lt
{
float: left;
display: inline-block;
width: 60%;
}

.rq_capt_rt
{
float: right;
display: inline-block;
width: 30%;
margin-right: 10px;
text-align: right;
}

.client_name_rq
{
min-width: 20%;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.client_name_rq_span
{
background: #dcf8c7;
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}

.rq_form input[type=text]
{
padding: 4px 5px;
font-size: 12px;
min-width: 13%;
border: 1px solid #ddd;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
}

.rq_form textarea
{
resize: none;
min-height: 100px;
width: 99%;
border: 1px solid #ddd;
padding: 5px;
font-size: 12px;
}



.each_req_chk_box
{
border: 1px solid #ddd;
}

.req_form_label
{
background: #3b545b;
color: #fff;
display: inline-block;
width: 10%;
float: right;
padding: 5px 10px;
font-size: 13px;

}

.req_form_chkbx
{
display: inline-block;
width: 85%;
float: left;
padding: 5px 10px;
font-size: 13px;
}

.titlecapt_req_sample_msg
{
font-size: 13px;
background: #6580b7;
padding: 5px;
color: #fff;

}


/*  Messaging Section in each Request Sample ===== START */

.req_sample_message_each_parent textarea
{
width: 98%;
padding: 10px;
border: 1px solid #ddd;
resize: none;
border-radius: 3px;
min-height: 100px;
}

.each_req_sample_msg
{
padding: 5px 10px;
font-size: 12px;
margin-top: 10px;

}

.req_sample_msg_sent
{
background-color: #dcf8c7;
border: 1px solid #d3e9c3;
}

.req_sample_msg_rcvd
{
background-color: #F6F6F6;
border: 1px solid #ddd;
}

.each_req_sample_msg_caption
{
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
}


/*  Messaging Section in each Request Sample ===== END */


/*  Request Sample -- Dashboard Section ==== START */

.req_sample_dash_box
{

}

.rq_smpl_capt
{
padding-bottom: 5px; 
border-bottom: 1px solid #ddd;
}

.rq_smpl_capt_lt
{
display: inline-block;
width: 60%;
float: left;
}


.rq_smpl_capt_rt
{
display: inline-block;
width: 30%;
float: right;
text-align: right;
}


.each_req_smpl_dash
{
position: relative;
padding: 10px 5px;
background: #f6f6f6;
border: 1px solid #ddd;
box-shadow: 3px 3px 3px #ddd;
}

.req_smpl_txt_dash
{
min-height: 50px;
max-height: 100px;
overflow: hidden;
font-size: 12px;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
}

.decline_btn_box
{
position: relative;
min-height: 30px;
}


.decline_smpl_rq_btn
{
position: absolute;
background-color: #f78158;
padding: 2px 5px;
color: #fff;
border-radius: 3px;
right: 0;
margin-top: 5px;
margin-right: 10px;
font-size: 12px;
cursor: pointer;
}

.cofirm_decline_rq_dash
{
display: none;
position: relative;
float: right;
padding: 5px;
margin-right: 10px;
margin-bottom: 5px;
font-size: 12px;
}

.decline_smpl_rq_yes
{
background-color: #f78158;
padding: 2px 5px;
color: #fff;
border-radius: 3px;
margin-left: 10px;
font-size: 11px;
cursor: pointer;
}

.decline_smpl_rq_no
{
background-color: #f78158;
padding: 2px 5px;
color: #fff;
border-radius: 3px;
margin-left: 10px;
font-size: 11px;
cursor: pointer;
}




/*  Request Sample -- Dashboard Section ==== END */





/* New Request Sample Form ========== END */




/* ============== Customize Table Section ============== END */


.congrats_deal_parent
{
background: #dcf8c7;
border: 1px solid #d3e9c3;
padding: 5px;
text-align: center;

}

.congrats_deal
{
margin-left: auto;
margin-right: auto;

}

.congrats_msg
{
margin-left: 10px;
display: inline-block;
background-image: url('images/thumbsup.png');
background-repeat: no-repeat;
display: inline-block;
padding-left: 40px;
text-align: left;
min-height: 31px;
}

/* Dashboard BDE */

.my_leads_content
{
padding: 10px;
text-align: center;
}

.each_cirucular_div
{
display: inline-block;
margin-left: 10px;
margin-right: 10px;
font-size: 13px;
}



/* ============== New CSS ============== END */


/* ========= Admin Dashboard ========= START */

.email_camps_dough
{
background: #4ACAB4;
}


.tele_mktg_dough
{
background: #f895c7;
}


.voice_mail_dough
{
background: #FF8153;
}


.prospecting_dough
{
background: #524656;
}


.self_gen_dough
{
background: #7bb32a;
}


.existing_client_dough
{
background: #ebc1e6;
}



.admin_dash_box_table
{
font-size: 13px;
}


/* ========= Admin Dashboard =========  END */



/* ========= Brand Section =========  START */


.edit_each_brand
{
background-image: url('images/edit.png');
background-repeat: no-repeat;
width: 15px;
height: 15px;
margin-left: auto;
margin-right: auto;
cursor: pointer;
display: inline-block;
}


.del_each_brand
{
background-image: url('images/del_icon.png');
background-repeat: no-repeat;
width: 12px;
height: 16px;
margin-left: auto;
margin-right: auto;
cursor: pointer;
display: inline-block;
}

.brand_table
{
width: 40%;
margin: 10px auto;
}

.brand_table input[type=text]
{
border: 1px solid #ddd;
padding: 5px;
border-radius: 3px;
min-width: 29%;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

.padding_10_bordered_box
{
border: 1px solid #ddd;
padding: 10px;
}

.confirm_brand_del_box
{
display: none;
}

.confim_del_small_btn
{
background: #555;
color: #fff;
padding: 2px 5px;
text-align: center;
border-radius: 3px;
font-size: 10px;
cursor: pointer;
}


/* ========= Brand Section =========  END */

.hide_this_element
{
display: none;
}


/* Edit Leads Section ========= Start */

#toggle_address_info
{
cursor: pointer;
background-image: url('images/display_dash_note.png');
background-repeat: no-repeat;
background-position: 98% 50%;
}

#toggle_source_info
{
cursor: pointer;
background-image: url('images/display_dash_note.png');
background-repeat: no-repeat;
background-position: 98% 50%;
}


/* Edit Leads Section ========= End */


/* Reset Password Section ========= Start */

.reset_passwd_btn
{
position: absolute;
min-width: 100px;
top: 0;
right: 0;
margin-right: 10px;
background-image: url('images/green_btn_gradient.png');
color: #fff;
font-family: opensans;
font-size: 13px;
padding: 3px 5px;
text-align: center;
text-transform: capitalize;
margin-top: 5px;
border-radius: 3px;
cursor: pointer;
}

.reset_content_box
{
display: none;
}


/* Reset Password Section ========= End */



/* Search Section ========= Start */


.search_form_box
{
position: relative;
width: 96%;
margin: 10px auto;
border: 1px solid #ddd;
box-shadow: 3px 3px 3px #ddd;
background: #fff;

}

.search_form_box input[type=text]
{
border: 1px solid #ddd;
padding: 5px;
border-radius: 3px;
min-width: 14%;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

/* Search Section ========= End */


#followup_table
{
margin-top: 20px;
}


.uploaded_leads_box
{


}


.num_of_leads_lue_dash
{
font-family: oswald;
font-size: 20px;
}

.wp_bg
{
background: #dcf8c7;
border: 1px solid #d3e9c3;
padding: 5px;
width: 94%;
margin-left: auto;
margin-right: auto;
}


.loading_gif
{
background-image: url('images/loading_gif.gif');
width: 24px;
height: 24px;
}

.bold_yellow
{
color: #FACE0E;
font-weight: bold;
}


/* Request Sample message notifications in navbar ==== START */

.each_smpl_msg_note_box
{
padding: 5px 10px;
border-bottom: 1px solid #ddd;
}


.req_smpl_ld
{
width: 40%;
float: left;
display: inline-block;
}


.req_smpl_msgtxt
{
width: 52%;
float: left;
display: inline-block;
margin-left: 10px;
}


.close_each_sampl_rq_msg
{
position: absolute;
right: 0;
width: 10px;
height: 10px;
margin-top: 4px;
right: 0;
background-image: url('images/close_each_notification.png');
margin-right: 10px;
cursor: pointer;
}


.req_smpl_msg_parent
{
border-bottom: 1px solid #ddd;
padding: 10px;
font-size: 12px;
font-weight: bold;
}

.border_bottom
{
border-bottom: 1px solid #ddd;
}

.sr_no_width
{
width: 40px;
}


/* Request Sample message notifications in navbar ==== END */








.mytable table td
{
padding: 4px 4px !important;

}

.mytable table th
{
padding: 5px 4px !important;

}


.ftchd_add_info
{
display: block;
margin-top: 5px;
margin-bottom: 5px;
}


.ftchd_add_info label
{
float: left;
}


.ftchd_add_info textarea
{
display: inline-block;
margin-left: 5px;
width: 58%;
float: left;
margin-bottom: 0px;
}



/* Deleting unassigned leads */

.del_unassgnd_lead
{
background-image: url('images/del_icon.png');
background-repeat: no-repeat;
width: 12px;
height: 16px;
margin-left: auto;
margin-right: auto;
cursor: pointer;
display: inline-block;
}

.confirm_del_lead
{
position: relative;
display: inline-block;
min-width: 100px;
text-align: left;
display: none;
}

.small_btn_grey_del_lead
{
background: #555555;
color: #fff;
padding: 5px;
text-align: center;
margin-right: 10px;
padding: 2px 4px;
border-radius: 3px;
cursor: pointer;
border: none;
font-size: 10px;
}

.small_btn_red_del_lead
{
background: #f78158;
color: #fff;
padding: 5px;
text-align: center;
margin-right: 10px;
padding: 2px 4px;
border-radius: 3px;
cursor: pointer;
border: none;
font-size: 10px;
}

.conf_del
{
margin-right: 10px
}





/* ================================ MEDIA QUERIES START================================ */

@media screen and (max-width: 1024px)
{

#bargraphmyleadspresentday
{
display: none;
}

#graphsectiondash
{
display: none;
}


#hidepie
{
display: none;
}


.parentdatebox
{
display: none;
}


.twotables
{
width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
}

.floatleft
{
display: block;
float: none;
margin-bottom: 10px;
}


.floatright
{
display: block;
float: none;
margin-bottom: 10px;
}


.twobox label
{
margin-top: 10px;
margin-bottom: 10px;
}


.perfieldleft
{
display: block;
float: none;
width: 90%;
}


.perfieldright
{
display: block;
float: none;
width: 90%;
}


.chartonehelpdesk
{
float: none;
width: 90%;
display: block;
margin: 10px auto;
}


.charttwohelpdesk
{
float: none;
width: 90%;
display: block;
margin: 10px auto;

}


.threeboxesparent
{
margin-top: 10px;
margin-bottom: 10px;
}

.boxparentone
{
float: none;
display: block;
margin-top: 20px;
margin-bottom: 40px;
width: 90%;
margin-left: auto;
margin-right: auto;

}

.boxparentone table th
{
border: 1px solid #444;
}

.boxparenttwo
{
float: none;
display: block;
margin-top: 20px;
margin-bottom: 40px;
width: 90%;
margin-left: auto;
margin-right: auto;
}

.boxparenttwo table th
{
border: 1px solid #444;
}


.add_leads_circle
{
display: none;
}

.new_form_box_separator
{
display: none;
}


}

/* ================================ MEDIA QUERIES END ================================ */