/*! CSS for dashboard.vspads.me Video Advertising Platform by moh@vspads.me */

@keyframes open_card {
  from { left: 3000px; }
  to { left: 20px; right:120px; }
}
@keyframes show_backdrop {
  from { opacity:0.0; }
  to { opacity:1.0}
}
@keyframes close_card {
  from { opacity:1.0; }
  to { opacity:0.0}
}
@keyframes save_card{
	0% {
            transform: scale(1.0,1.0);
            -webkit-transform: scale(1.0,1.0);
			left:0px; top:0px;
			transform-origin: 60% 60%;
			
        }
	
	100% {
            transform: scale(0.1,0.1);
            -webkit-transform: scale(0.1,0.1);
		    transform-origin: 0% 0%;
		    bottom:-100px; left:10px;
	}
	
}
 /* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-300 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-condensed-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
       url('fonts/open-sans-condensed-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-condensed-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-condensed-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	   url('fonts/open-sans-condensed-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-condensed-v14-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
.page_title{
	font-family:"Open Sans";
	font-size:24px;
	font-weight:600;
	color:#999999;
	top:0px; 
	left:0px; 
	display:inline-block; 
	position:relative; 
/*	width:49%; */
	vertical-align:middle;
}
.footer {
	font:"Century Gothic";
	font-size:12px;
	font-weight:normal;
	}

.field_label{
	display: block; 
	position: absolute;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 8pt;
	color: #0071F3;
}
/*#loads_table tr:hover {
    background-color:aliceblue;
}*/
.highlight{ 
	background-color: aliceblue; 
}
.highlight_yellow{
	background-color: #FFFDDD;
}
.no_highlight{
	background-color: #FFFFFF;
}
.topbar_save_btn{
	font-family:"Open Sans" /* Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif/* "Century Gothic" */;
	font-size:12px;
	font-weight:600;
	color:rgba(36,128,193,1.00);
	background-color: rgba(255,255,255,1.00);
	text-align:center;
	text-decoration:none;
	width:90px; 
	height:30px;
	border:thin;
	border-style:solid;
	border-color:rgba(36,128,193,1.00);
	border-radius: 5px 5px 5px 5px;
	cursor:pointer;
	transition:linear;
	transition-duration:0.3s;
	}
.topbar_save_btn:hover{
	color:rgba(255,255,255,1.00);
	background-color: rgba(36,128,193,1.00);
	border-color:rgba(255,255,255,1.00);
}
.load_menu{
	display:none;
	position:absolute;
	width:150px;
	height:auto;
	left:20px;
	top:17px;
	background-color:#FFF;
	padding: 0px;
	border:thin;
	border-style:solid;
	border-color:#ccc;
	z-index:99;
	}

.edit_load_button{
	font-family:"Open Sans";
	font-size:11pt;
	font-weight:400;
	color:#333;
	padding:5px 5px 5px 5px;
	position:relative;
	display:inline-block;
	border-bottom:thin;
	border-bottom-style:dashed;
	border-bottom-color:#E1DFDD;
	width:140px;
	top:0px;
	left:0px;
	cursor:pointer;
	z-index:100px;
	}
.edit_load_button:hover{
	background-color: rgba(0,0,0,0.10);
}
.email_sent_button{
	font-family:"Open Sans";
	font-size:11pt;
	font-weight:400;
	color:#333;
	padding:5px 5px 5px 5px;
	position:relative;
	display:inline-block;
	border-bottom:thin;
	border-bottom-style:dashed;
	border-bottom-color:#E1DFDD;
	width:140px;
	top:0px;
	left:0px;
	cursor:pointer;
	z-index:100px;
	
}
.email_sent_button:hover{
	background-color: rgba(0,180,0,1.0);
/*	width: 100px;*/
	color: rgba(255,255,255,1.00);
	transition: background-color 3s;
}
.textfield {
	font:"Open Sans";
	font-size:12pt;
	font-weight: 100;
	color: rgba(76,76,76,1.00);
	width: 400px;
	height: 40px;
	line-height:24px;
	display:inline-block;
	position: relative;
	padding:5px 10px;
	margin-top:20px;
	background-color:#FFF;
	border: none;
	border-radius: 10px;
	}
.textfield_white {
	font:"Open Sans";
	font-size:12pt;
	font-weight: 100;
	color: rgba(251,251,251,1.00);
	line-height:24pt;
	display:inline-block;
	position: relative;
	padding:5px 10px;
	margin-top:20px;
	border: none;
	}
.action {
	font-family:"Open Sans";
	font-size:12pt;
	font-weight:bold;
	color:#000;
	width:150px;
	height:50px;
	background-color:#FFD300;
	border:none;
	border-radius:4px;
	cursor:pointer;
	}
.action:hover {
	font-family:"Open Sans";
	font-size:12pt;
	font-weight:bolder;
	color:#000;
	width:150px;
	height:50px;
	background-color:#FEE87A;
	border:none;
	border-radius:4px;
	cursor:pointer;
	}
/*
.import_icon {
	display:block;
	position: relative;
	font-family:"Open Sans";
	font-size:11pt;
	font-weight:800;
	color:#ffffff;
	opacity: 0.8;
	text-align:center;
	text-decoration:none;
	margin-bottom:8px;
	background-image: url("../grafix/import_icon.png");
	background-repeat: no-repeat; 

	background-position: top;
	cursor: pointer;
}
.import_icon:hover {
	opacity: 1.0;
}
.export_icon{
	display:block;
	position: relative;
	font-family:"Open Sans";
	font-size:11pt;
	font-weight:800;
	color:#ffffff;
	opacity: 0.8;
	text-align:center;
	text-decoration:none;
	margin-bottom:8px;
	background-image: url("../grafix/export_icon.png");
	background-repeat: no-repeat; 

	background-position: top;
	cursor: pointer;
}
.export_icon:hover{
	opacity: 1.0;
}*/
.eventbullet_billing{
	
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("../grafix/event_bullet.png");
	background-repeat: no-repeat; 
	background-position: center;
	background-position: top;
	cursor: pointer;
}
.eventbullet{
/*	content: url("../grafix/event_bullet.png");*/
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("../grafix/event_bullet.png");
	background-repeat: no-repeat; 
	background-position: center;
	background-position: top;
	cursor: pointer;
}
.eventbullet:hover{
/*	content: url("../grafix/cross_bullet.png");*/
	background-image: url("../grafix/cross_bullet.png");
	
}
.delpaystub{
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("../grafix/row-delete-icon-gray.png");
	background-repeat: no-repeat; 
	background-position: center;
	background-position: top;
	cursor: pointer;
}
.delpaystub:hover{
	background-image: url("../grafix/row-delete-icon.png");
}
.dontdelpaystub{
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("../grafix/row-delete-icon-gray.png");
	background-repeat: no-repeat; 
	background-position: center;
	background-position: top;
	cursor: pointer;
}
.dontdelpaystub{
	background-image: url("../grafix/row-delete-icon-gray.png");
}
.large_h{
	font-family:"Open Sans";
	font-size:12pt;
	font-weight:800;
	color:#333;
	line-height: 30px;
	padding-left: 10px;
}
.large_p{
	font-family:"Open Sans";
	font-size:12pt;
	font-weight:600;
	color:#333;
}
.btn_add{
/*	background-color:#FFF;
	border-color:#11344c;
	box-shadow:none; */
	border-radius: 4px;
    color:#11344c; /*#04c6a4;*/
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	font-family:"Century Gothic";
    font-size: 16px;
	margin-left: 10px;
/*	-webkit-transition-duration: 0.4s; */ /* Safari */
/*    transition-duration: 0.4s;
	width:60%; */
	}
.btn_add:hover{
/*	background-color: #11344c;
    color: #FFF;
	border-color:#11344c;*/
	border-radius: 4px;
	margin-left: 10px;
/*	width:100%; */
	cursor:pointer;
	}
/* width */
.pop_card::-webkit-scrollbar {
  width: 2px;
}
/* Track */
.pop_card::-webkit-scrollbar-track {
  background: #ffffff; 
} 
/* Handle */
.pop_card::-webkit-scrollbar-thumb {
  background: #888;
  width: 6px;
}
/* Handle on hover */
.pop_card::-webkit-scrollbar-thumb:hover {
  background: #555; 
  width: 8px;
}
.delinvoiceorder{
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("../grafix/row-delete-icon-gray.png");
	background-repeat: no-repeat; 
	background-position: center;
	background-position: top;
	cursor: pointer;
}
.delinvoiceorder:hover{
	background-image: url("../grafix/row-delete-icon.png");
}
.eventrestore{
	/*	content: url("../grafix/event_bullet.png");*/
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("../grafix/event_bullet.png");
	background-repeat: no-repeat; 
	background-position: center;
	background-position: top;
	cursor: pointer;

}
.eventrestore:hover{
/*	content: url("../grafix/cross_bullet.png");*/
	background-image: url("../grafix/restore_bullet.png");
	
}
.resourcebullet_billing{
/*	content: url("../grafix/event_bullet.png");*/
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("../grafix/event_line.png");
	background-repeat: no-repeat; 
	background-position: center;
	background-position: top;
	cursor: pointer;
}

.resourcebullet{
/*	content: url("../grafix/event_bullet.png");*/
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("../grafix/event_line.png");
	background-repeat: no-repeat; 
	background-position: center;
	background-position: top;
	cursor: pointer;
}
.resourcebullet:hover{
/*	content: url("../grafix/cross_bullet.png");*/
	background-image: url("../grafix/event_line_crossed.png");
	
}
.resourcerestore{
/*	content: url("../grafix/event_bullet.png");*/
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("../grafix/event_line.png");
	background-repeat: no-repeat; 
	background-position: center;
	background-position: top;
	cursor: pointer;
}
.resourcerestore:hover{
/*	content: url("../grafix/cross_bullet.png");*/
	background-image: url("../grafix/event_line-green.png");
	
}
.waitingbullet_billing{
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("../grafix/resource_bullet.png");
	background-repeat: no-repeat; 
	background-position: center;
	background-position: top;
	cursor: pointer;
}
.waitingbullet{
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("../grafix/resource_bullet.png");
	background-repeat: no-repeat; 
	background-position: center;
	background-position: top;
	cursor: pointer;
}
.waitingbullet:hover{
/*	content: url("../grafix/cross_bullet.png");*/
	background-image: url("../grafix/resource_bullet-red.png");
	
}
.waitingrestore{
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("../grafix/resource_bullet.png");
	background-repeat: no-repeat; 
	background-position: center;
	background-position: top;
	cursor: pointer;
}
.waitingrestore:hover{
/*	content: url("../grafix/cross_bullet.png");*/
	background-image: url("../grafix/resource_bullet-green.png");
	
}

/* Set header to stick to the top of the container. */
thead tr th {
  position: sticky;
  top: 0;
}

/* If we use border,
we must use table-collapse to avoid
a slight movement of the header row */
table {
 border-collapse: collapse;
}

/* Because we must set sticky on th,
 we have to apply background styles here
 rather than on thead */
th {
  /* With border-collapse, we must use box-shadow or psuedo elements
  for the header borders */
  border: none; border-bottom: thin; border-bottom-color: rgba(153,153,153,1.00); border-bottom-style: solid; background-color: rgba(241,241,241,1.00);
  z-index: 101;
  box-shadow: 0px 0px 0 2px #e8e8e8;
}

.notes_text{
	font-family:"Open Sans";
	font-size:11pt;
	font-weight:normal;
	color:#000;
	
}
/*
.payroll_icon{
	display:block;
	position: relative;
	font-family:"Open Sans";
	font-size:11pt;
	font-weight:800;
	color:#ffffff;
	opacity: 0.8;
	text-align:center;
	text-decoration:none;
	margin-bottom:8px;
	background-image: url("../grafix/payroll_icon.png");
	background-repeat: no-repeat; 
	background-position: top;
	cursor: pointer;
}
.payroll_icon:hover{
	opacity: 1.0;
}
.targetaudience_icon{
	display:block;
	position: relative;
	font-family:"Open Sans";
	font-size:11pt;
	font-weight:800;
	color:#ffffff;
	opacity: 0.8;
	text-align:center;
	text-decoration:none;
	margin-bottom:8px;
	background-image: url("../grafix/targetaudience_icon.png");
	background-repeat: no-repeat; 
	background-position: top;
	cursor: pointer;
}
.targetaudience_icon:hover{
	opacity: 1.0;
}
.yard_icon{
	display:block;
	position: relative;
	font-family:"Open Sans";
	font-size:11pt;
	font-weight:800;
	color:#ffffff;
	opacity: 0.8;
	text-align:center;
	text-decoration:none;
	margin-bottom:8px;
	background-image: url("../grafix/yard_icon.png");
	background-repeat: no-repeat; 
	background-position: top;
	cursor: pointer;
}
.yard_icon:hover{
	opacity: 1.0;

}
.invoices_icon{
	display:block;
	position: relative;
	font-family:"Open Sans";
	font-size:11pt;
	font-weight:800;
	color:#ffffff;
	opacity: 0.8;
	text-align:center;
	text-decoration:none;
	margin-bottom:8px;
	background-image: url("../grafix/invoices_icon.png");
	background-repeat: no-repeat; 
	background-position: top;
	cursor: pointer;
}
.invoices_icon:hover{
	opacity: 1.0;
}
.support_icon{
	display:block;
	position: relative;
	font-family:"Open Sans";
	font-size:11pt;
	font-weight:800;
	color:#ffffff;
	opacity: 0.8;
	text-align:center;
	text-decoration:none;
	margin-bottom:8px;
	background-image: url("../grafix/support_icon.png");
	background-repeat: no-repeat; 
	background-position: top;
	cursor: pointer;
}
.support_icon:hover{
	opacity: 1.0;

}
.office_icon{
	display:block;
	position: relative;
	font-family:"Open Sans";
	font-size:11pt;
	font-weight:800;
	color:#ffffff;
	opacity: 0.8;
	text-align:center;
	text-decoration:none;
	margin-bottom:8px;
	background-image: url("../grafix/support_icon.png");
	background-repeat: no-repeat; 
	background-position: top;
	cursor: pointer;
}
.office_icon:hover{
	opacity: 1.0;

}
.exit_icon{
	display:block;
	position: relative;
	font-family:"Open Sans";
	font-size:11pt;
	font-weight:800;
	color:#ffffff;
	opacity: 0.8;
	text-align:center;
	text-decoration:none;
	margin-bottom:8px;
	background-image: url("../grafix/exit_icon_leftbar_hover.png");
	background-repeat: no-repeat; 
	background-position: top;
	cursor: pointer;
}
.exit_icon:hover{
	opacity: 1.0;
}*/


/*.sidebar_menu {
	display:block;
	position: relative;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif/* "Century Gothic";
/*	font-size:13px;
	font-weight:lighter;
	color:#999;
	text-align:center;
	text-decoration:none;
	margin-bottom:8px;
	}
.sidebar_menu:hover{
	color:#e7e7e7;
	}
.sidebar_menu:visited {
	color:#999;
	}
.sidebar_menu_hover {
	display:block;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif/* "Century Gothic";
	font-size:13px;
	font-weight:lighter;
	color:#e7e7e7;
	text-align:center;
	text-decoration:none;
	margin-bottom:8px;
	}*/
.label {
	font:"Open Sans";
	display:inline-block;
	font-size:12pt;
	font-weight:normal;
	color:#efefef;
	padding-top:5px;
	}
.label:active {
	font:"Open Sans";
	display:inline-block;
	font-size:12pt;
	font-weight:normal;
	color:#efefef;
	padding-top:5px;
	}
.label:hover {
	font:"Open Sans";
	display:inline-block;
	font-size:12pt;
	font-weight:normal;
	color:#efefef;
	padding-top:5px;
	text-decoration: underline;
	}
/* width */
.add_menu::-webkit-scrollbar {
  width: 1px;
}
/* Track */
.add_menu::-webkit-scrollbar-track {
  background: #ffffff; 
} 
/* Handle */
.add_menu::-webkit-scrollbar-thumb {
  background: #888;
  width: 2px;
}	
/* Handle on hover */
.add_menu::-webkit-scrollbar-thumb:hover {
  background: #555; 
  width: 8px;
}
.add_menu{
	display:none;
	position:absolute;
	width:250px;
	height:auto;
	left:20px;
	top:20px;
	background-color:#FFF;
	border:thin;
	border-style:solid;
	border-color:#ccc;
	z-index:99;
	}

.right_menu{
	display:none;
	position:absolute;
	width:160px;
	height:auto;
	right:20px;
	top:20px;
	background-color:#FFF;
	border:thin;
	border-style:solid;
	border-color:#ccc;
	z-index:99;
	}

.playercode::-webkit-scrollbar{
  width: 1px;  /* for vertical scrollbars */
  height: 1px; /* for horizontal scrollbars */
}
.playercode::-webkit-scrollbar-track{
  background: rgba(77, 77, 77, 1);
}
.playercode::-webkit-scrollbar-thumb{
  background: rgba(112, 112, 112, 1);
}

.notes_box{
	display:none;
	position:absolute;
	width:350px;
	height:auto;
	right:25px;
	top:17px;
	background-color:rgba(255,244,207,1.00);
	text-align: left;
	border:thin;
	border-style:dotted;
	border-color:rgba(203,152,34,1.00);
	overflow-y: scroll;
	z-index:199;
}
.orders_menu{
	display:none;
	position:absolute;
	width:350px;
	height:auto;
	max-height: 450px;
	left:0px;
	top:0px;
	color: rgba(255,255,255,1.00);
	background-color: rgba(20,45,137,1.00);
	padding: 10px 10px 10px 10px;
	text-align: left;
	border:thin;
	border-style:dotted;
	border-color:rgba(0,152,234,1.00);
	overflow-y: scroll;
	z-index:199;
	}
.orderspop_text{
	font-family:"Open Sans";
	font-size:11pt;
	font-weight:normal;
	color:#fff;
	
}
.notes_menu{
	display:none;
	position:absolute;
	width:350px;
	height:auto;
	max-height: 450px;
	right:25px;
	top:17px;
	background-color:rgba(255,244,207,1.00);
	padding: 10px 10px 10px 10px;
	text-align: left;
	border:thin;
	border-style:dotted;
	border-color:rgba(203,152,34,1.00);
	overflow-y: scroll;
	z-index:199;
	}
.notes_label{
	font-family:"Open Sans";
	font-size:11pt;
	font-weight:800;
	line-height: 14pt;
	color:#fff;
	padding: 2px 20px 2px 10px;
	background-color: rgba(43,71,139,1.00);
	display: inline-block;
	position: relative;
	width: 300px;
	border: thin;
	border-style: solid;
	border-color: rgba(43,71,139,1.00);
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	z-index:100px;
}
.messagesLabel_driver{
	font-family:"Open Sans";
	font-size:9pt;
	font-weight:600;
	line-height: 11pt;
	color:#333;
	display: inline-block;
	position: relative;
	margin-bottom: 5px;
	border-bottom:thin;
	border-bottom-style: dotted;
	border-bottom-color: rgba(170,170,170,1.00);
/*	z-index:101px;*/
}
.messages_driver{
	font-family:"Open Sans";
	font-size:10pt;
	font-weight:400;
	line-height: 12pt;
	color:#333;
	display: inline-block;
	position: relative;
	padding-top: 2px;
	padding-bottom: 5px;
	max-width: 250px;
	word-break: normal;
	word-wrap: normal;
/*	z-index:101px;*/
}
.messagesBg_driver{
	padding: 5px 10px 5px 10px;
	background-color: rgba(240,240,240,1.00);
	display: inline-block;
	position: relative;
	left: 0px;
	margin-top: 5px;
	margin-bottom: 8px;
/*	width: 200px;*/
	width: auto;	
	border: thin;
	border-style: solid;
	border-color: rgba(240,240,240,1.00);
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	z-index:100px;
}

.messagesBg_office{
	padding: 5px 10px 5px 10px;
	background-color: rgba(208,241,165,1.00);
	display: inline-block;
	position: relative;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 8px;
/*	width: 200px;*/
	width: auto;	
	border: thin;
	border-style: solid;
	border-color: rgba(208,241,165,1.00);
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	z-index:100px;
}

.display_menu_button{
	font-family:"Open Sans";
	font-size:14px;
	font-weight:400;
	color:#333;
	padding:0px 0px 0px 0px;
	position:relative;
	display:inline-block;
	border: none;
	width:35px;
	height: 35px;
	top:0px;
	left:0px;
	cursor:pointer;
	overflow: visible;
	}
.display_color_menu{
	display:none;
	position:absolute;
	width:250px;
	height:auto;
	right:30px;
	top:10px;
	padding: 10px 20px 10px 20px;
	background-color:#FFF;
	border:thin;
	border-style:solid;
	border-color:#ccc;
	z-index:99;
	}

.unselectable {
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select:none;
	user-select: none;
}
.selectable {
    -webkit-touch-callout: all;
	-webkit-user-select: all;
	-khtml-user-select: all;
	-moz-user-select: all;
	-ms-user-select: all;
	-o-user-select:all;
	user-select: all;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.attachfile_field{
	font-family:"Open Sans";
	font-size:20px;
	font-weight:400;
	color:#333;
	margin-top: 25px;
	padding:10px 10px 10px 10px;
	position:relative;
	display:inline-block;
	border:none;
	width: 550px;
}
.showuploads_Class{
	display: block; position: absolute; width: 98%; height: 80%; text-align: left; overflow-x: hidden; overflow-y: scroll; border-color: rgba(197,197,197,1.00); border-style: dotted; border-width: thin; padding: 10px 5px 10px 5px; margin: 0px 10px 10px 10px; background-color:rgba(231,231,231,1.00);
}

.showfile_Class{
	position: relative;
	display: inline-block;
	border: none;
	width: 115px;
	background-color: rgba(255,255,255,1.00);
	height: auto;
	overflow: hidden;
	text-align: center;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;
}
.hoverbg_Class{
	position: absolute;
	display: block;
	border: none;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;	
	background-color: rgba(0,0,0,0.00);
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}
.hoverbg_Class:hover{
	position: absolute;
	display: block;
	border: none;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;	
	background-color: rgba(0,0,0,0.50);
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.adimage_Class{
	min-width: auto;
	width: auto;
	max-width: 300px;
	min-height: auto;
	height: auto;
	max-height: 250px;
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
/*	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);*/
	border: none;		
}
.deletefile_Class{
	position: relative;
	display: inline-block;
	border: none;
	width: 35px;
	height: 35px;
	left: -10px;
	top: 10%;
	background-image: url("../grafix/delete-icon.png");
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.downloadfile_Class{
	position: relative;
	display: inline-block;
	border: none;
	width: 35px;
	height: 35px;
	left: 10px;
	top: 10%;
	background-image: url("../grafix/download-icon.png");
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.readfile_Class{
	position: relative;
	display: inline-block;
	border: none;
/*	color: rgba(50,127,255,1.00); */
	width: 35px;
	height: 35px;
	margin-top: 20px;
	margin-left: 25px;
	background-image: url("../grafix/read-icon.png");
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.filethumb_Class{
	width: 95px;
	height: auto;
}
.filetext_Class{
	font-family:"Open Sans";
	font-size:9pt;
	font-weight:100;
	line-height: 11pt;
	color:#333;
	width: 95px;
	word-wrap: break-word;
	word-break: break-all;
}
.add_new_button{
	font-family:"Open Sans";
	font-size:14px;
	font-weight:400;
	color:#333;
	padding:5px 30px 5px 10px;
	position:relative;
	display:inline-block;
	border-bottom:thin;
	border-bottom-style:dashed;
	border-bottom-color:#E1DFDD;
	width:210px;
	top:0px;
	left:0px;
	cursor:pointer;
	z-index:100px;
	}
.backdrop{
	display:none; position:absolute; left:0px; right:0px; top:0px; bottom:0px; background-color:rgba(0,0,0,0.5); overflow:hidden ; z-index:104;
	perspective: 1000px; /* Remove this if you don't want the 3D effect */
	}
.rotated-card {
 position:absolute; display:block; top:50px; bottom:30px; width: 1200px; left:3000px; border:thin; border-color:#666; border-style:solid; background-color:#FFF; z-index:104;
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
._card{
	position:absolute; display:block; top:60px; bottom:30px; width: 800px; left:3000px; border:thin; border-color:#666; border-style:solid; border-radius: 5px; background-color:#FFF; z-index:104; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden;
	}

._card_back{
	position:absolute; display:block; top:60px; bottom:30px; min-width: 800px; max-width: 800px; left:3000px; border:thin; border-color:#666; border-style:solid;  border-radius: 5px; /* background-color:rgba(0,86,153,1.00); */ background-color:rgba(255,255,255,1.00); z-index:105; transform: rotateY(-180deg); -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden;
	}

.add_info_card{
	position:absolute; display:block; top:50px; bottom:30px; width: 1200px; left:3000px; border:thin; border-color:#666; border-style:solid; background-color:#FFF; z-index:105;
	}

.add_infocard_back{
	position:absolute; display:block; top:50px; bottom:30px; min-width: 1155px; max-width: 1280px; left:3000px; border:thin; border-color:#666; border-style:solid; background-color:#FFF; z-index:102;
	}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
/*  text-align: center;
  transition: transform 0.8s;*/
  transform-style: preserve-3d;
}
/* Do an horizontal flip when you move the mouse over the flip box container */
/*.flip-box-inner {
  transform: rotateY(-180deg);
}
.deflip-box-inner {
  transform: rotateY(180deg);
}*/

.card_heading{
	font-family:"Open Sans";
/*	font:"Open Sans"; */
	font-size:12pt;
	font-weight:600;
	color:#333;
	}

.billing_heading{
	font-family:"Open Sans";
/*	font:"Open Sans"; */
	font-size:10pt;
	font-weight:600;
	color:#333;
	}

.card_back_heading{
	font-family:"Open Sans";
/*	font:"Open Sans"; */
	font-size:11pt;
	font-weight:400;
	color:#FFF;
	padding:5px 10px 5px 10px;
	margin: 10px 0px 0px 20px;
	position:absolute;
	display:inline-block;
	width:90%;
	}
.section_area {
	font:"Open Sans";
	font-size:14px;
	font-weight:lighter;
	color:#333;
	text-align:left;
	text-decoration:none;
	text-height:16px;
	line-height:16px;
	display:block;
	position:absolute;
	padding:5px 10px 5px 10px;
	margin:0px 10px 0px 10px;
	top:27%;
	width:96%;
	height:25%;
	background-color:#FFF;
	border:thin;
	border-color:#ddd;
	border-style:solid;
	overflow:scroll;
}
/* width */
.section_area::-webkit-scrollbar {
  width: 2px;
}
/* Track */
.section_area::-webkit-scrollbar-track {
  background: #ffffff; 
} 
/* Handle */
.section_area::-webkit-scrollbar-thumb {
  background: #888;
  width: 6px;
}
/* Handle on hover */
.section_area::-webkit-scrollbar-thumb:hover {
  background: #555; 
  width: 8px;
}

.select_view::-webkit-scrollbar {
  width: 1px;
}
/* Track */
.select_view::-webkit-scrollbar-track {
  background: #ffffff; 
} 
/* Handle */
.select_view::-webkit-scrollbar-thumb {
  background: #888;
  width: 1px;
}
/* Handle on hover */
.select_view::-webkit-scrollbar-thumb:hover {
  background: #555; 
  width: 4px;
}

.billingarea::-webkit-scrollbar {
  width: 1px;
}
/* Track */
.billingarea::-webkit-scrollbar-track {
  background: #ffffff; 
} 
/* Handle */
.billingarea::-webkit-scrollbar-thumb {
  background: #888;
  width: 1px;
}
/* Handle on hover */
.billingarea::-webkit-scrollbar-thumb:hover {
  background: #555; 
  width: 4px;
}

.addt_heading{
	font-family:"Open Sans";
	font-size:13px;
	font-weight:700;
	color:#333;
	padding:10px 30px 10px 10px;
	position:absolute;
	display:inline-block;
	top:-5px;
	left:0px;	
	}

._status{
	position:absolute;
	display:block;
	top:10px;
	right:10px;
	width:15%;
	text-align:center;
	cursor:pointer;
	}
._status_text{
	font-family:"Open Sans";
	font-size:9pt;
	font-weight:400;
	color:#333;
	position:relative;
	display:inline-block;
	text-align:center;
	top:3px;
	border: none;
	}
._audience_list{
	font-family:"Open Sans";
	font-size:9pt;
	font-weight:400;
	color:#333;
	line-height: 13pt;
	position:relative;
	display:inline-block;
	padding-left: 5px;
	text-align:center;
/*	top:3px; */
	height: auto;
	border: none;
	}
.delRow{
	cursor: pointer;
}

._adtext{
	font-family:"Open Sans";
	font-size:9pt;
	font-weight:400;
	color:rgba(51,51,51,1.00);
	position:relative;
	display:inline-block;
	text-align:center;
	border: none;
}
._adtext_overlay::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:rgba(219,219,219,1.00);
  opacity: 1; /* Firefox */
}
._adtext_bottom::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:rgba(127,127,127,1.00);
  opacity: 1; /* Firefox */
}
._boardcol_ttl{
	font-family:"Open Sans";
	font-size:10pt;
	font-weight:bolder;
	color:rgba(51,51,51,1.00);
	text-align:center;
	vertical-align: middle;
}
._boardcol_txt{
	font-family:"Open Sans";
	font-size:10pt;
	font-weight:400;
	color:rgba(51,51,51,1.00);
/*	text-align:center; */
	padding: 0px 2px 0px 2px;
	vertical-align: middle;
}
.txt_heading{
	font-family:"Open Sans";
	font-size:10pt;
	font-weight:800;
	color:rgba(185,8,0,1.00);
}
.txt_headingRed{
	font-family:"Open Sans";
	font-size:10pt;
	font-weight:800;
	color:rgba(255,255,255,1.00);
	background-color: rgba(185,8,0,1.00);
}
.txt_headingBlue{
	font-family:"Open Sans";
	font-size:10pt;
	font-weight:800;
	color: rgba(255,255,255,1.00);
	background-color: rgba(0,8,185,1.00);
}
.label_text{
	font-family:"Open Sans";
	font-size:10pt;
	font-weight:100;
	color:#333;
	position:relative;
	display:inline-block;
	text-align:center;
	top:3px;
	border: none;
	}

.events_list{
	font-family:"Open Sans";
	font-size:10pt;
	font-weight:400;
	color:#333;
	}
.events_listBold{
	font-family:"Open Sans";
	font-size:10pt;
	font-weight:800;
	color:#333;
	}
.events_listP{
	font-family:"Open Sans";
	font-size:10pt;
	font-weight:400;
	color: rgba(194,8,11,1.00);
	}

.pagetext_select{
	border: none;
	background: none;
}
._error_text{
	font-family:"Open Sans";
	font-size:10pt;
	font-weight:600;
	word-wrap: normal;
	color:#FFf;
	text-align:center;
	display: inline-block;
	width: 300px;
	margin-top:20px;
	border: none;
}

._upload{
	position:absolute;
	display:inline-block;
	top:10px;
	right:5px;
	width:5%;
	text-align:center;
	cursor:pointer;
	}
._upload_text{
	font-family:"Open Sans";
	font-size:12px;
	font-weight:500;
	line-height:14px;
	color:rgba(255,255,255,1.00);
	position:relative;
	display:block;
	text-align:center;
	top:5px;
	}

/** Autocomplete Formating **/

/* { box-sizing: border-box; } */
/* body {
  font: 14px "Open Sans";
}*/
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}/*
input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}
input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}
input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
}*/
.textfield_1 {
	font:"Open Sans";
	font-size:11pt;
	font-weight:lighter;
	color:#333;
	text-align:left;
	text-decoration:none;
	text-height:16pt;
	line-height:16pt;
	width: 300pt;
	height: 20pt;
	display:inline-block;
	position:relative;
	padding:5px 5px 5px 10px;
	margin:10px 5px 0px 10px;
	background-color:#FFF;
	border:thin;
	border-color:#ddd;
	border-style:solid;
	border-radius: 5px;
	}
.textfield_3 {
	font:"Open Sans";
	font-size:10pt;
	font-weight:lighter;
	color:#666;
	text-align:left;
	text-decoration:none;
	text-height:16pt;
	line-height:16pt;
	width: 300pt;
	height: 20pt;
	display:inline-block;
	position:relative;
	padding:5px 5px 5px 10px;
	margin:10px 5px 0px 10px;
	background-color:#FFF;
	border:thin;
	border-color:#ddd;
	border-style:solid;
	border-radius: 5px;
	}
.textfield_large {
	font:"Open Sans";
	font-size:18pt;
	font-weight:lighter;
	color:#666;
	text-align:left;
	text-decoration:none;
	line-height:20pt;
	width: 450pt;
	height: 30pt;
	display:inline-block;
	position:relative;
	padding:5px 10px;
	margin:5px 10px;
	background-color:#FFF;
	border:thin;
	border-color:#ddd;
	border-style:solid;
	border-radius: 10px;
	}
.error_message{
	font: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif/* "Century Gothic" */;
	font-size:13pt;
	font-weight:lighter;
	color:rgba(242,0,4,1.00);
	text-align:left;
	text-decoration:none;
	line-height: 16pt;
	padding: 5px 5px 5px 5px;
}
/*.typeahead {
	font:"Open Sans";
	font-size:11pt;
	font-weight:lighter;
	color:#333;
	text-align:left;
	text-decoration:none;
	text-height:20pt;
	line-height:20pt;
	height: 20pt;
	display:inline-block;
	position:relative;
	padding:5px 5px 5px 5px;
	margin:0px 0px 0px 5px;
	background-color:#FFF;
	border:thin;
	border-color:#ddd;
	border-style:solid;
	}*/
.chat_input {
	font:"Open Sans";
	font-size:9pt;
	font-weight:lighter;
	color:#333;
	text-align:left;
	text-decoration:none;
	text-height:11pt;
	line-height:11pt;
	width: 240px;
	height: 50pt;
	padding:2px 5px 2px 5px;
	background-color:#FFF;
	border:thin;
	border-color:#ddd;
	border-style:solid;
	}
.card_textarea_large {
	font:"Open Sans";
	font-size:11pt;
	font-weight:lighter;
	color:#333;
	text-align:left;
	text-decoration:none;
	line-height:14pt;
	width: 100%;
	height: 100pt;
	padding:2px 5px 2px 5px;
	background-color:#FFF;
	border:thin;
	border-color:#ddd;
	border-style:solid;
	}

.showchat_Class{
	display: inline-block; position: relative; width: 92%; height: 350px; overflow-x: hidden; overflow-y: scroll; border-color: rgba(197,197,197,1.00); border-style: dotted; border-width: thin; padding: 10px 5px 10px 5px; margin: 10px 5px 10px 5px;
}
.showchat_Class::-webkit-scrollbar {
  width: 1px;
}

.bg_div::-webkit-scrollbar{
	
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

/** Autocomplete format end **/

.datefield_1 {
	font:"Open Sans";
	font-size:10pt;
	font-weight:lighter;
	color:#333;
	text-align:left;
	text-decoration:none;
	text-height:16pt;
	line-height:16pt;
	display:inline-block;
	position:relative;
	padding:2px 2px 2px 2px;
	margin:5px 0px 0px 5px;
	background-color:#FFF;
	border:none;
	}
.textfield_2 {
	font:"Open Sans";
	font-size:11pt;
	font-weight:lighter;
	color:#333;
	text-align:left;
	text-decoration:none;
	text-height:16pt;
	line-height:16pt;
	display:inline-block;
	position:relative;
	left:-40px;
	padding:5px 10px 5px 10px;
	margin:0px 0px 0px 10px;
	background-color:#EFF3F8;
	border:thin;
	border-color:#ddd;
	border-style:solid;
	border-radius: 5px;
	}
.textarea_notes{
	font:"Open Sans";
	font-size:14px;
	font-weight:lighter;
	color:#333;
	text-align:left;
	text-decoration:none;
	text-height:16px;
	line-height:16px;
	display:inline-block;
	position:relative;
	left:10px;
	width:250pt;
	height:68px;
	padding:5px 5px 5px 5px;
	margin:0px 0px 0px 0px;
	background-color:#FCFADC;
	border:thin;
	border-color:#ddd;
	border-style:solid;
	resize:none;
	}
.checkbox_group {
	font:"Open Sans";
	font-size:14px;
	font-weight:lighter;
	color:#333;
	text-align:left;
	text-decoration:none;
	text-height:24px;
	line-height:24px;
	display:inline-block;
	position:relative;
	padding:5px 10px 5px 10px;
	margin:0px 10px 0px 10px;
	top:0px;
	width:43%;
	background-color:#FFF;
	border:thin;
	border-color:#ddd;
	border-style:solid;
	}
.checkbox_single {
	font:"Open Sans";
	font-size:14px;
	font-weight:lighter;
	color:#333;
	text-align:left;
	text-height:16px;
	line-height:16px;
	display:inline-block;
	position:relative;
	padding:5px 5px 5px 30px;
	margin:0px 0px 0px 0px;
	}
.label_checkbox {
	font-family:"Open Sans";
	font-size:12px;
	font-weight:600;
	color:#333;
	text-align:left;
	text-decoration:none;
	text-height:16px;
	line-height:16px;
	left:-15px;
	top:-1px;
	display:inline-block;
	position:relative;
	padding:5px 5px 5px 10px;
	margin:0px 0px 0px 10px;
	}
.radio_group{
	display:inline-block;
	position:relative;
	padding:5px 10px 5px 10px;
	margin:0px 0px 0px 10px;
	width:40%;
	right:0px;
	top:0px;
	background-color:#fff;
	border:none;
	}
.ad_info_section{	
	top:0px; display:inline-block; position:relative; width:55%; background-color:rgba(255,255,255,1.00); height:auto; border: none; border-radius: 5px; overflow:visible;
	}
.ad_info_back_section{	
	top:20px; left: 20px; display:inline-block; position:relative; width:96%; height:auto; border: none; border-radius: 5px; overflow:visible;
	}

.addt_info_section{	
	top:30px; display:inline-block; position:relative; width:96%; background-color: #ffffff; height:auto; border-top:solid; border-bottom:solid; border-color:#FFFFFF; overflow:scroll;
	}

.bottom_section{
	position:absolute; display:block; float: right; right: 10px; bottom:10px; width:50%; height:50px; overflow:visible;
}
/* width */
.addt_info_section::-webkit-scrollbar {
  width: 2px;
}
/* Track */
.addt_info_section::-webkit-scrollbar-track {
  background: #ffffff; 
} 
/* Handle */
.addt_info_section::-webkit-scrollbar-thumb {
  background: #888;
  width: 6px;
}
/* Handle on hover */
.addt_info_section::-webkit-scrollbar-thumb:hover {
  background: #555; 
  width: 8px;
}
.field_bottom_label{
	font-family:"Open Sans";
	font-size:11px;
	font-weight:400;
	color:#333;
	text-align:left;
	text-decoration:none;
	text-height:12px;
	position:absolute;
	display:block;
	top:12px;
	left:30px;
	}
.date_w_label{
	position:relative;
	display:inline-block;
	font:"Open Sans";
	font-size:14px;
	font-weight:lighter;
	color:#333;
	text-align:left;
	text-decoration:none;
	text-height:16px;
	line-height:16px;
	left:0px;
	top:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
.label_radio {
	font-family:"Open Sans";
	font-size:12px;
	font-weight:600;
	color:#06F;
	text-align:left;
	text-decoration:none;
	text-height:24px;
	line-height:24px;
	left:-15px;
	top:-1px;
	display:inline-block;
	position:relative;
	padding:5px 5px 5px 10px;
	margin:0px 0px 0px 10px;
	}
.label_radio_black{
	font-family:"Open Sans";
	font-size:11px;
	font-weight:600;
	color:#333;
	text-align:left;
	text-decoration:none;
	text-height:24px;
	line-height:24px;
	left:-15px;
	top:-1px;
	display:inline-block;
	position:relative;
	padding:5px 5px 5px 10px;
	margin:0px 0px 0px 10px;
	}
.datefield_w_label{
	font-family:"Open Sans";
	font-size:9pt;
	font-weight:400;
	text-height:12pt;
	line-height:12pt;
	color:#333;
	display:block;
	position:relative;
	padding:2px 2px 2px 2px;
	border:none;	
	}
.field_top_label{
	font-family:"Open Sans";
	font-size:9pt;
	font-weight:400;
	color:#06F;
	text-align:left;
	text-decoration:none;
	text-height:10pt;
	line-height:10pt;
	top:0px;
	display:block;
	position:relative;
	padding:5px 5px 0px 5px;
	margin:0px 0px 0px 0px;
	}

/* width */
.page_content_area::-webkit-scrollbar {
  width: 2px;
}
/* Track */
.page_content_area::-webkit-scrollbar-track {
  background: #ffffff; 
} 
/* Handle */
.page_content_area::-webkit-scrollbar-thumb {
  background: #888;
  width: 6px;
}
/* Handle on hover */
.page_content_area::-webkit-scrollbar-thumb:hover {
  background: #555; 
  width: 8px;
}

/* width */
.status_box::-webkit-scrollbar {
  width: 2px;
}
/* Track */
.status_box::-webkit-scrollbar-track {
  background: #ffffff; 
} 
/* Handle */
.status_box::-webkit-scrollbar-thumb {
  background: #888;
  width: 6px;
}
/* Handle on hover */
.status_box::-webkit-scrollbar-thumb:hover {
  background: #555; 
  width: 8px;
}

._add_row{
	position:relative;
	display:inline-block;
	top:-5px;
	left:10px;
	width:35px;
	text-align:center;
	cursor:pointer;	
	}

.select_1{
	font:"Open Sans";
	font-size:11pt;
	font-weight:lighter;
	color:#333;
	text-align:left;
	text-decoration:none;
	text-height:16pt;
	line-height:16pt;
	width: 300pt;
	height: 29pt;
	display:inline-block;
	position:relative;
	padding:5px 5px 5px 10px;
	margin:10px 5px 0px 10px;
	border:thin;
	border-color:#ddd;
	border-style:solid;
	border-radius: 5px;
}
.select_3{
	font:"Open Sans";
	font-size:10pt;
	font-weight:lighter;
	color:#666;
	text-align:left;
	text-decoration:none;
	text-height:16pt;
	line-height:16pt;
	width: 300pt;
	height: 29pt;
	display:inline-block;
	position:relative;
	padding:5px 5px 5px 10px;
	margin:10px 5px 0px 10px;
	border:thin;
	border-color:#ddd;
	border-style:solid;
	border-radius: 5px;
}

.multiSelect_1{
	font:"Open Sans";
	font-size:10pt;
	font-weight:lighter;
	color:#333;
	text-align:left;
	text-decoration:none;
	text-height:13pt;
	line-height:13pt;
	height: 58pt;
	display:inline-block;
	position:relative;
	padding:5px 2px 5px 2px;
	margin:30px 5px 0px 5px;
	border:thin;
	border-color:#ddd;
	border-style:solid;
	border-radius: 5px;
}
/* width */
.multiSelect_1::-webkit-scrollbar {
  width: 1px;
}
/* Track */
.multiSelect_1::-webkit-scrollbar-track {
  background: #ffffff; 
} 
/* Handle */
.multiSelect_1::-webkit-scrollbar-thumb {
  background: #888;
  width: 2px;
}
/* Handle on hover */
.multiSelect_1::-webkit-scrollbar-thumb:hover {
  background: #555; 
  width: 4px;
}

.select_2{
	font:"Open Sans";
	font-size:10pt;
	font-weight:lighter;
	color:#666;
	text-align:left;
	text-decoration:none;
	text-height:13pt;
	line-height:13pt;
	width: 120pt;
	height: 16pt;
	display:inline-block;
	position:relative;
	border:thin;
	border-color:#ddd;
	border-style:solid;
	border-radius: 5px;
	z-index: 151;
}

.white_bb_button{
	font:"Open Sans";
	font-size:11pt;
	font-weight:lighter;
	color:rgba(87,182,255,1.00);
	text-align:center;
	text-decoration:none;
	text-height:20pt;
	vertical-align:middle;
	line-height:20pt;
	display:inline-block;
	position:absolute;
	right:160px;
	bottom:10px;
	width:150px;
	height:40px;
	background-color:#FFF;
	border:thin;
	border-style:solid;
	border-radius:5px;
	border-color:rgba(87,182,255,1.00);
	cursor:pointer;
	transition:linear;
	transition-duration:0.3s;
	}
.white_bb_button:hover{
	color:#FFF;
	background-color:rgba(87,182,255,1.00);
	}
.blue_bb_button{
	font:"Open Sans";
	font-size:11pt;
	font-weight:lighter;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	text-height:20pt;
	vertical-align:middle;
	line-height:20pt;
	display:inline-block;
	position:absolute;
	right:5px;
	bottom:10px;
	width:150px;
	height:40px;
	background-color:rgba(87,182,255,1.00);
	border:thin;
	border-style:solid;
	border-radius:5px;
	border-color:rgba(87,182,255,1.00);
	cursor:pointer;
	transition:linear;
	transition-duration:0.3s;
	}	
.blue_bb_button:hover{
	color:rgba(87,182,255,1.00);
	background-color:#fff;
	}

.white_rb_button{
	font:"Open Sans";
	font-size:11pt;
	font-weight:lighter;
	color:rgba(191,35,79,1.00);
	text-align:center;
	text-decoration:none;
	text-height:20pt;
	vertical-align:middle;
	line-height:20pt;
	display:inline-block;
	position:absolute;
	right:160px;
	bottom:10px;
	width:150px;
	height:40px;
	background-color:#FFF;
	border:thin;
	border-style:solid;
	border-radius:5px;
	border-color:rgba(191,35,79,1.00);
	cursor:pointer;
	transition:linear;
	transition-duration:0.3s;
	}
.white_rb_button:hover{
	color:#FFF;
	background-color:rgba(191,35,79,1.00);
	}
.red_rb_button{
	font:"Open Sans";
	font-size:11pt;
	font-weight:lighter;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	text-height:20pt;
	vertical-align:middle;
	line-height:20pt;
	display:inline-block;
	position:absolute;
	right:5px;
	bottom:10px;
	width:150px;
	height:40px;
	background-color:rgba(191,35,79,1.00);
	border:thin;
	border-style:solid;
	border-radius:5px;
	border-color:rgba(191,35,79,1.00);
	cursor:pointer;
	transition:linear;
	transition-duration:0.3s;
	}	
.red_rb_button:hover{
	color:rgba(191,35,79,1.00);
	background-color:#fff;
	}
.select_view{
	font-family:"Open Sans" /* Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif/* "Century Gothic" */;
	font-size:12px;
	font-weight:400;
	color:#333;
	text-align:left;
	text-decoration:none;
	width:120px; 
	height:30px; 
	border:thin;
	border-style:solid;
	border-color:#E1DFDD;
	}

.calender{
	font-family:"Open Sans" /* Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif/* "Century Gothic" */;
	font-size:11px;
	font-weight:600;
	color:#333;
	text-align:left;
	text-decoration:none;
	width:200px; 
	height:30px; 
	border:none;
	}
.datefilterstable{
	font-family:"Open Sans" /* Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif/* "Century Gothic" */;
	font-size:11px;
	font-weight:400;
	color:#333;
	text-align:left;
	text-decoration:none;
	width:100%; 
	height:auto; 
	border:none;
}
.selected_calender{
	font:"Open Sans";
	font-size:11pt;
	font-weight:lighter;
	color:#666;
	text-align:left;
	text-decoration:none;
	text-height:16pt;
	line-height:16pt;
	padding-top: 25px;
	padding-left:10px;
	margin-left:0px;
}

.attachfiles_btn{
	font-family:"Open Sans" /* Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif/* "Century Gothic" */;
	font-size:14px;
	font-weight:600;
	color:#FFF;
	background-color:#61B44D;
	text-align:center;
	text-decoration:none;
	width:90px; 
	height:35px;
	border:thin;
	border-style:solid;
	border-color:#E1DFDD;
	border-radius: 5px 5px 5px 5px;
	cursor:pointer;
	transition:linear;
	transition-duration:0.3s;
	}
.attachfiles_btn:hover{
	color:#4C9D39;
	background-color: #FFFFFF;
	border-color:#61B44D;
}
.sendChat_btn{
	font-family:"Open Sans" /* Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif/* "Century Gothic" */;
	font-size:14px;
	font-weight:600;
	line-height: 30px;
	color:#FFF;
	background-color:#61B44D;
	text-align:center;
	text-decoration:none;
	position: absolute; 
	display: inline-block;
	width:70px; 
	height:75px;
	border:thin;
	border-style:solid;
	border-color:#E1DFDD;
	border-radius: 5px 5px 5px 5px;
	margin: 10px 10px 5px 5px; 
	bottom: 0px; 
	right: 0px;
	cursor:pointer;
	transition:linear;
	transition-duration:0.3s;
	}
.sendChat_btn:hover{
	color:#4C9D39;
	background-color: #FFFFFF;
	border-color:#61B44D;
}

.page_text{
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif/* "Century Gothic" */;
	font-size:12pt;
	font-weight:normal;
	color:#333;
	text-align:left;
	text-decoration:none;
	padding: 5px 2px 5px 2px;
	}

 ::-webkit-scrollbar
{
  width: 5px;  /* for vertical scrollbars */
  height: 5px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
  background: rgba(17, 52, 76, 1);
}

::-webkit-scrollbar-thumb
{
  background: rgba(59, 118, 158, 1);
}

p {
	font-family:"Century Gothic";
	font-size:18px;
	color:#000;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
}