/* Styles */
body { font-family: 'Abel', sans-serif; font-size: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
    overflow-x: hidden;
    overflow-y:scroll;
}


select {	/* New 6/12/16 */
/*   -webkit-appearance: none;	*/
}

h3 { margin: 0px; padding: 0px; }


/* Google Fonts */
.font-abel { font-family: 'Abel', sans-serif; }

/* Column CSS */
.col-fixed-240{
    width:215px;
    position:fixed;
    height:100%;
    z-index: 1000;
}

.col-offset-240{
    padding-left:235px;
}


/* Layer Menu Styles */
#layer1menu li > a { 
	font-size: 12pt !important;

}


.layer1menu-top-filler { position: absolute; width: 100%; height: 120px; top: -120px; background: #000; }


#layer2menu { 
	position: absolute; 
	top: 0px; right: -80px;
	width: 175px; height: 100vh !important; 
	background: rgba(54,58,63,0.00);  color: #fff; 
	display:none;
}

#layer2menu li > a{
	font-family: 'Abel', sans-serif; font-size: 1.5em;
	color: #fff; 
}

.layerArrow {
    font-size: 0.8em; padding-top:5px; color: #fff;
}

#page-title {
	font-family: 'Abel', sans-serif; font-size: 1.5em;
}

#page-message {
	font-family: 'Abel', sans-serif; font-size: 1.5em;
}

/* Main Content */
#main-content { }



/* Pills */

ul.nav-pills > li > a { border-radius: 0px !important;  }
ul.nav-pills > li > a:hover { background: #494f57; }
ul.nav-pills > li > a:focus { background: #494f57; }


/* Nav Tabs */
.nav-tabs li { font-size: .9em; }

.nav-tabs li.emark-tabs > a { border: 1px solid #ccc !important;

	background-image: -moz-linear-gradient(#FFF, #DADADA, #DADADA, #fff);
	background-image: -webkit-linear-gradient(#FFF, #DADADA, #DADADA, #fff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), color-stop(0.33, #DADADA), color-stop(0.67, #DADADA), to(#fff));
	background-image: -o-linear-gradient(#FFF, #DADADA, #DADADA, #fff);
	background-image: linear-gradient(#FFF, #DADADA, #DADADA, #fff);

}

.nav-tabs li.emark-tabs > a:link, a:visited {
	text-decoration: none;
	font-family: 'Abel', sans-serif; font-size: 1.5em;
	color: #000;
}



/*panel */

.panel-body { padding: 0px; }

/* Main Menu Styles */
#main-menu { 
	-webkit-transition: background-color 0.5s ease; 
	-moz-transition: background-color 0.5s ease; 
	-o-transition: background-color 0.5s ease; 
	-ms-transition: background-color 0.5s ease; 
	transition: background-color 0.4s ease; 	
	background-color: #363a3f; height: 100vh; font-family: 'Abel', sans-serif; font-size: 1em;}
#main-menu a:link { text-decoration: none; color: #fff; }
#main-menu a:hover { text-decoration: none; color: #fff; }
#main-menu a:active { text-decoration: none; color: #fff; }
#main-menu a:visited { text-decoration: none; color: #fff; }


/* Input Forms */
.input-group { padding: 5px 0px 5px 0px;
}

.radio  { padding: 10px 15px 15px 15px; margin: 0px 0px 15px 0px;
}


/* Custom Navbar */

#custom-bootstrap-menu { padding:0px;margin:0px; z-index: 1200; }

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 1em;
    background-color: rgba(0, 0, 0, 1);
    border-width: 0px;
    border-radius: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(204, 204, 204, 1);
    background-color: rgba(0, 0, 0, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(204, 204, 204, 1);
    background-color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #fff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #000;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>a.btn-emark {
	font-family: 'Abel', sans-serif; font-size: 14px;
    background: none;
    color: #fff;
    border: 1px solid #fff;
    margin: 10px 10px 10px 0px;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>a:hover.btn-emark {
    color: #ccc;
}

#custom-bootstrap-menu p.navbar-text {
	font-family: 'Abel', sans-serif; font-size: 16px;
}




/*---------------------------------------------------------------------------------------------------
|	CRM Styles																						|
---------------------------------------------------------------------------------------------------*/
body {
	color:#000;
}
body, th, td, div, p {
	font: 8pt Tahoma;
}
/*
a:link, a:active, a:visited {
	font-size: 8pt;
	color:#c70000;
	text-decoration:none;
}*/
a:hover {
	color:#c70000;
	text-decoration:underline;
}

/* Resets */

img { border-style:none; }

/* Outer tables */

table.CRMMainTable {
	 width:100%;
	 background-color:#8A8A8A;
}

table.CRMMainTable td.CRMMainContent {
	padding: 2px 16px 16px 6px;
	vertical-align:top;
}

table.CRMInnerTable {
	border:1px solid #666;
	border-top-style:none;
	width:100%;
	background-color:white;
}

table.CRMInnerTable td.MiddleContent {
	padding:6px;
	vertical-align:top;
	background-color:#fff;
}

td.CRMTopLeft {
	background-image: url('../../CRM/images/border_tl.gif');
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#484848;
	height:4px;
	font-size:1px;
	padding:0px;
	margin:0px;
}
td.CRMTopRight {
	background-image: url('../../CRM/images/border_tr.gif');
	background-position:right top;
	background-repeat:no-repeat;
	font-size:1px;
	padding:0px;
	margin:0px;

}
td.CRMBottomLeft {
	background-image: url('../../CRM/images/border_bl.gif');
	background-position:left bottom;
	background-repeat:no-repeat;
	font-size:1px;
	height:4px;
	padding:0px;
	margin:0px;

}
td.CRMBottomRight {
	background-image: url('../../CRM/images/border_br.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
	font-size:1px;
	padding:0px;
	margin:0px;

}

/* ITS THE BACK BUTTON! */
div.BackButton {
	float:right;
	margin-right:5px;
	margin-top:2px;
	background-image: url('../../CRM/images/back.gif');
	background-position:top center;
	background-repeat:no-repeat;
}

div.BackButton a img {
	opacity:0;
}

div.NoJava {
	width:50%;
	margin:0 auto;
	padding:10px;
	border:2px red solid;
	text-align:center;
	background-color:#eee;
}

img.InputInfoIcon {
	
}

div.InputInfoBox {
	display:none;
	position:absolute;
	width:200px;
}

div.InputInfoBox table.BG {
	width:195px;
	
}

div.InputInfoBox table.BG td.Middle {
	border-style:solid;
	border-width:1px 1px 0px 1px;
	border-color:#ffd129;
	background-color:#fef39b;
	background-image:url("../../CRM/Images/tooltip_bg.gif");
	background-position:left top;
	background-repeat:no-repeat;
	font-style:italic;


}

div.InputInfoBox table.BG td.BottomBorder {
	line-height:1px;
	padding:0px;
	background-image:url("../../CRM/Images/tooltip_btm.gif");
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
	height:12px;
}


/*
div.InputInfoBox table.BG td.TopBorder {
	background-image:url("../../CRM/Images/tooltip_top.gif");
	background-position:left top;
	background-repeat:no-repeat;
	padding:0px;
	height:3px;
	line-height:1px;
}

div.InputInfoBox table.BG td.Middle {
	background-image:url("../../CRM/Images/tooltip_middle.gif");
	background-position:left top;
	background-repeat:repeat-y;
	padding:0px 5px 3px 5px;
	font-style:italic;

}

div.InputInfoBox table.BG td.BottomBorder {
	background-image:url("../../CRM/Images/tooltip_btm.gif");
	background-position:left top;
	background-repeat:no-repeat;
	height:12px;
	line-height:1px;
	padding:0px;
}
*/


#EmbossHeader {
	background-position:30px 25px;
	background-repeat:no-repeat;
	vertical-align:bottom;
	padding-left:250px;
	padding-bottom:0px;
}
table.ProductNav {
	margin-left:auto;
	margin-right:auto;
}
table.ProductNav td {
	padding-left:2px;
	padding-right:2px;
}
/*table.ProductNav img {
	border:1px solid #aaa;
}*/

/* Top Tabs */

table.LoginIndent {
	border-collapse:collapse;
	float:right;
}
table.LoginIndent td.LoginLeft {
	background-image: url('../../CRM/images/login_left.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color:transparent;
	width:5px; height:24px;
}
table.LoginIndent td.LoginFill {
	background-image: url('../../CRM/images/login_fill.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color:transparent;
	height:24px;
	font-weight:bold;
	color:#111;
	padding-left:3px;
	padding-right:3px;
}
table.LoginIndent td.LoginRight {
	background-image: url('../../CRM/images/login_right.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color:transparent;
	width:5px; height:24px;
}


table.CRMTabs {
	border-collapse:collapse;
}
div.CRMTabFill {
	background-image: url('../../CRM/images/crm_tab_fill.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: transparent;
	height:25px;
}
table.CRMTabs td.TabMainLeft {
	background-image: url('../../CRM/images/crm_tab-main_left.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: transparent;
	width:4px; height:25px;
}
table.CRMTabs td.TabMainFill {
	background-image: url('../../CRM/images/crm_tab-main_fill.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: transparent;
	height:25px;
	padding-left:6px; padding-right:6px;
}
table.CRMTabs td.TabMainRight {
	background-image: url('../../CRM/images/crm_tab-main_right.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: transparent;
	width:4px; height:25px;
}
table.CRMTabs td.TabActiveLeft {
	background-image: url('../../CRM/images/crm_tab-active_left.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: transparent;
	width:4px; height:25px;
}
table.CRMTabs td.TabActiveFill {
	background-image: url('../../CRM/images/crm_tab-active_fill.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: transparent;
	font-weight:bold;
	color:#D01530;
	height:25px;
	padding-left:6px; padding-right:6px;
}
table.CRMTabs td.TabActiveRight {
	background-image: url('../../CRM/images/crm_tab-active_right.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: transparent;
	width:4px; height:25px;
}
table.CRMTabs a:link,
table.CRMTabs a:active,
table.CRMTabs a:visited {
	position:relative;
	top:1px;
	font-weight:bold;
	color:#1A1A1A;
	text-decoration:none;
}

/* Tab Bottom Shadows */

td.CRMShadow {
	background-image: url('../../CRM/images/crm_shadow.gif');
	background-repeat: repeat-x;
	background-position: top left;
	height:4px;
}
td.CRMShadowButtons {
	background-image: url('../../CRM/images/crm_shadow_buttons.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width:90px; height:4px;
}

/* Side Icons */

table.CRMIcons {
	width:100%;
}
table.CRMIcons td.IconBG {
	background-image: url('../../CRM/images/crm_icon_bg.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #fff;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	vertical-align:bottom;
	height:96px;
}
table.CRMIcons td.IconFooter {
	background-image: url('../../CRM/images/crm_icon_footer.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #fff;
	height:5px;
}

table.CRMLeftIcons {
	width:100%;
}
table.CRMLeftIcons td.CRMIconBarFill {
	background-image: url('../../CRM/images/crm_iconbar_fill.gif');
	background-repeat: repeat-y;
	background-position: top left;
	background-color: #484848;
	text-align:center;
}
table.CRMLeftIcons td.CRMIconBarBottom {
	background-image: url('../../CRM/images/crm_iconbar_bottom.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	height:4px;
}

/* Left Icons */
div.LeftIcon {
	margin-bottom:4px;
}
div.LeftIconSubDIV {
	position:absolute;
	margin-left:81px;
	width:50px;
	background-color:#484848;
	border: 1px solid #3b3b3b;
	padding:2px;
	z-index:100;
	display:none;
	overflow:visible;
}

div.LeftIconSub {
	width:48px;
	float:left;
	padding:1px;
	background-color: transparent;
}
div.LeftIconSub a:link,
div.LeftIconSub a:active,
div.LeftIconSub a:visited {
	font-size:15px;
	color: #fff;
}
div.LeftIconSub a:hover {
	text-decoration: none;
}
div.LeftIconSub img {
	vertical-align:bottom;
}

/* Left Icon Button Styles */
div.IconImage {
	background-position:50% 50%; 
	background-repeat:no-repeat;

}
div.IconImage > a > img {
	 opacity:0;
	 filter:alpha(opacity=0);
	 vertical-align:bottom;
}

div.ButtonTip {
	display:none;
	position:absolute;
	left:52px;
	white-space: nowrap;
	background-image: url('../../CRM/images/button-tip.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color:#ffffe1;
	border: 1px solid #f7d25e;
	overflow:visible;
	padding: 2px 6px 2px 6px;
	text-align:center;
	font-size:8pt;
}

/* CRM Popup Tables */
table.CRMPopup {
	width:94%;
	border-collapse:collapse;
	margin: 2px auto 8px auto;
}
table.CRMPopup th {
	font-weight:bold;
	padding-bottom:3px;
	text-align:left;
	color:#fff;
}
table.CRMPopup td {
	padding:6px 8px 6px 8px;
	background-color:#8b8b8b;
	border-top: 1px solid #6b6b6b;
	border-right: 1px solid #9f9f9f;
	border-bottom: 1px solid #9f9f9f;
	border-left: 1px solid #6b6b6b;
}
table.CRMPopup td a {
	color:#fff;
}

/* Left Sub Tables */
table.LeftSide {
	margin:8px;
	border-collapse:collapse;
	width:100%;
}
table.LeftSideTable th {
	color:white;
	padding-bottom:5px;
	text-align:left;
}
table.LeftSideTable td {
	background-color:#666;
	padding:8px;
	color:white;
}
table.LeftSideTable a:link,
table.LeftSideTable a:active,
table.LeftSideTable a:visited {
	color:white;
}
table.LeftSideTable a:hover {
	color:#eee;
}

/*
Generic Page Headers
*/

div.Message {
	position:absolute;
	top:220px;
	width:80%;
	margin:0px 10% 0px 10%;
	padding:5px;
	border: solid 2px black;
	background:#eee;
}

table.TableCRM_Sub {
    width:100%;
	border: 1px solid #aaa;
}
table.TableCRM_Sub th {
    background-color:#ddd;
    padding:0px;
    border-bottom:1px solid #aaa;
    text-align:left;
    padding-left:6px;
	font-weight:bold;
	color:#414141;
	height:16px;
}
table.TableCRM_Sub td.row0 {
    background-color:#fff;
}
table.TableCRM_Sub td.row1 {
    background:#f6f6f6;
    border-style:solid;
    border-width:1px 0px 1px 0px;
    border-color:#ddd;
}
table.TableCRM_Sub td a:hover {
	color:#c00;	
	text-decoration:underline;
}
table.TableCRM_Sub td {
    padding:2px 2px 2px 6px;
}

table.TableCRM_Sub td.Money {
   text-align:right;
   width:13%;
}

table.PeriodTable {
	cursor:pointer;
}

div.SalesRepTable {
	border-width:0px 1px 0px 1px;
	border-color:#aaa;
	border-style:solid;
	background-color:#f7f7f7;
	display:none;
}

div.SalesRepTable table.TableCRM_Sub {
	border-width:1px;
	border-color:#777 #ccc #ccc #777;
}

/* Contacts Page Styles */
table.Contact {
	border-collapse:collapse;
	margin: 0 auto;
	width:100%;
}
table.Contact td.ContactLeft {
	background-image: url('../../CRM/images/contact_left.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	width:13px; height:55px;
}
table.Contact td.ContactFill {
	font: bold 10pt Tahoma;
	background-image: url('../../CRM/images/contact_fill.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: transparent;
	height:55px;
	vertical-align:bottom;
	padding-right:1px;
	color:#555;
}
table.Contact td.ContactRight {
	background-image: url('../../CRM/images/contact_right.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	width:13px; height:55px;				
}

table.Contact td.ContactMiddleLeft {
	background-image: url('../../CRM/images/contact_middle_left.gif');
	background-repeat: repeat-y;
	background-position: top left;
	background-color: transparent;
	width:13px;
}
table.Contact td.ContactMiddleFill {
	background-color: #656565;
	padding:0px 1px;
}
table.Contact td.ContactMiddleRight {
	background-image: url('../../CRM/images/contact_middle_right.gif');
	background-repeat:repeat-y;
	background-position: top left;
	background-color: transparent;
	width:13px;
}


table.Contact td.ContactFill a:link,
table.Contact td.ContactFill a:visited,
table.Contact td.ContactFill a:active {
	color: #c00;
	text-decoration:none;
	display:block;
	width:100%;
	vertical-align:middle;
	font-weight:bold;
	font-size:11pt;
}
table.Contact td.ContactFill a:hover {
	color: #c00;
	text-decoration:underline;
	display:block;
	width:100%;
	vertical-align:middle;
	font-weight:bold;
	font-size:11pt;
}
td.ContactButtonLeft {
	background-image: url('../../CRM/images/contactbutton_left.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	width:26px; height:26px;
	text-align: center;
	font-weight:bold;
	font-size:11pt;
	color:#888;
}
td.ContactButton {
	background-image: url('../../CRM/images/contactbutton.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	width:26px; height:26px;
	text-align: center;
	font-weight:bold;
	font-size:11pt;
	color:#888;
}
td.ContactButtonRight {
	background-image: url('../../CRM/images/contactbutton_right.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	width:26px; height:26px;
	text-align: center;
	font-weight:bold;
	font-size:11pt;
	color:#888;
}

table.ContactTable {
	width:100%;
	background-color:white;
}

table.ContactTable td {
	padding:2px;
	border-bottom:1px solid #ccc;
}

table.ContactTable th {
	padding:2px;
	border-bottom:2px solid #aaa;
	font-weight:bold;
	background-color:#aaa;
}

table.ContactTable img {
	padding:0px;
	margin:0px;
	vertical-align:middle;
}

table.ContactTable td a {
	font-weight:normal;
}

table.ContactTable td.row1 {
	background-color:#eee;
}

table.ContactTable td.row0 {
	background-color:white;
}




/* Generic Tables */

table.TableCRM {
    width:100%;
}


table.TableCRM th a:link,
table.TableCRM th a:active,
table.TableCRM th a:visited { 	/* Edited 6/12/16 */
	color:#fff;
	font-weight:normal;
	font-size: 14px;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #4e515d;
}
table.TableCRM th a:hover { 	/* Edited 6/12/16 */
	color:#ccc;
	font-weight:normal;
	text-decoration:none;
}

table.TableCRM th > a.btn-header {		/* New 6/12/16 */
	border: 1px solid #fff; padding: 10px; 
}
table.TableCRM th > a:hover.btn-header {	/* New 6/12/16 */
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	background: #444;
}

table.TableCRM th {
	font-weight:normal;
	font-size: 14px;
	color: #fff;
	text-align:left;
    padding:2px 8px 2px 8px;
	background-color:#494f57;
	height: 50px;
}

div.ContentDiv input,
div.ContentDiv textarea,
#search_table input,	
table.TableCRM input {	/* Edited 6/12/16 */
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	/*min-height: 30px;*/
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#search_table select,	/* Edited 6/12/16 */
table.TableCRM select {
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	min-height: 30px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

}

table.TableCRM td {		/* Edited 6/12/16 */
    padding:2px 8px 2px 8px;	
	font-size: 12px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
table.TableCRM td.row0 {	/* Edited 6/12/16 */
	background-color:#eee;
	padding:12px 8px 12px 8px;
}
table.TableCRM td.row1 {	/* Edited 6/12/16 */
	background-color:#fff;
	padding:12px 8px 12px 8px;
}

table.TableCRM td > a:link {	/* New 6/12/16 */
	font-size: 12px;
	color: #BE0003;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
table.TableCRM td.SidePanel {
	font-weight:bold;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	background-color:#eee;
	text-align:right;
	width:130px;
}
table.TableCRM .status {
    color:#c00;
    font-weight:bold;
    font-size:10pt;
    padding:0px 0px 0px 5px;
}
table.TableCRM .date {
    width:90px;
    text-align:right;
    padding:0px 5px 0px 0px;
}
table.TableCRM td.header_sub {
	padding-left:10px;
	color:#c00;
    font-weight:bold;
    background:#eee;
    border-bottom:solid 1px #aaa;
}
table.TableCRM td.header_top {
	text-align:center;
	color:black;
    font-weight:bold;
}
table.TableCRM_Inline {
	width:100%;
	border-collapse:collapse;
}
table.TableCRM_Inline th.Header {
	background-image: url('../../CRM/Images/file_header.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color:#555;
	font-weight:bold;
	color: #fff;
	text-align:center;
    padding:0px 5px 0px 5px;
    height:18px;
	border:1px solid #666;
}
table.TableCRM_Inline td {
	padding: 2px 5px 2px 5px;
	border:1px solid #666;
}


table.TableNormal {	/* New 6/12/16 */
	border: 1px solid #ccc !important;
}

.TableNormal th {	/* New 6/12/16 */
	font-size: 14px;
	padding: 10px !important;
}

.TableNormal td, .TableNormal td > a {	/* New 6/12/16 */
	font-size: 12px;
	padding: 10px !important;
	
}

table.TableNormal td.CRMTableRow0 {
	background-color:#fff;
	border: 1px solid #666;
}
table.TableNormal td.CRMTableRow1 {
	background-color:#f3f3f3;
	border: 1px solid #666;
}
table.TableNormal td.row0 {
	background-color:#f1f1f1;
}
table.TableNormal td.row1 {
	background-color:white;
}

/* Dashboard handles */
.HeaderHandle:hover {
	cursor:move;
}

div.LargeHandle {
	background-image:url("../../CRM/Images/Textured_Bar.gif");
	background-repeat:repeat-x;
	height:10px;
	font-size:1px;
	margin:3px 4px 0px 4px;
	border:solid 1px #555;
	opacity:0.7;
}
div.LargeHandle:hover {
	cursor:move;
}

div.controlPanelContent {
	padding:10px;
	border-style:solid;
	border-color:#666;
	border-width:2px 2px 2px 2px;
	background-color:#eee;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:1000;
}


/* Dashboard Containers */
div.OuterDiv {
	

	margin:3px 3px 6px 3px;
	
}
div.Dash {
	min-height:20px;
}
div.ContentDiv {
	padding:6px;
}

/* Dashboard Misc */
div.dropArea {
	
	background-color:#eee;
	border:1px black dashed;
}

div.dropAreaDash {

	float:left;
	background-color:#eee;
	border:1px black dashed;
}


.Dragable {
	cursor:move;
}
div.DragableDIV {
	margin-bottom:5px;
}

/*  Dashboard Headers */
table.Dashboard_Header {
    width:100%;
}
table.Dashboard_Header th {
	font-weight:bold;
	color: #fff;
	text-align:left;
    padding:0px 4px 0px 6px;
    background-image: url('../../CRM/Images/file_header.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color:#000;
    height:20px;
}
table.Dashboard_Header a:link,
table.Dashboard_Header a:active,
table.Dashboard_Header a:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;

}
table.Dashboard_Header a:hover {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.Sub_Header
{
    padding:8px 0px 2px 8px;
    margin:0px 0px 5px 0px;
    color:#900000;
    font-weight:bold;
    border-bottom: 1px solid #aaa;
}


/* Table Styles */

table.TableSimpleList
{
	width:100%;
	border-style:solid;
	border-width:1px;
	border-color:#666;
	border-collapse:collapse;
}

table.TableSimpleList th
{
	text-align:left;
	padding:2px 0px 2px 5px;
	background:#efefef;
	border-bottom:solid 1px #6e6e6e;
}

table.TableSimpleList td {
	padding: 2px 5px 2px 5px;
}

table.TableNormalHelpdesk {	/* Edited 6/12/16 */
	width:100%;
	border: 1px solid #ccc;
	border-collapse:separate;
}
table.TableNormalHelpdesk td {	/* Edited 6/12/16 */
	padding: 1px 5px 1px 5px;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	font-size: 12px;
}
table.TableNormalHelpdesk th {	/* Edited 6/12/16 */
	font-weight:bold;
	color:#111; font-size: 12px;
	background-image: url('../../CRM/Images/titleheader.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #F0F0F0;
	border-bottom: 1px solid #aaa;
	padding: 10px 10px;
	text-align:left;
}
table.TableNormalHelpdesk th a:link,
table.TableNormalHelpdesk th a:active,
table.TableNormalHelpdesk th a:visited {	/* Edited 6/12/16 */
	font-weight: bold;
	color: #111; font-size: 12px;
	text-decoration: none;
}
table.TableNormalHelpdesk th a:hover {
	font-weight: bold;
	color: #C70000;
	text-decoration: none;
}

table.Hover tr:hover td {
	background-color:#f7f7f7;
	cursor:pointer;
}
table.Hover tr td {
	background-color:#fff;
	cursor:pointer;
}


tr.AdminX_Cursor_On {
	background-color:#f7f7f7;
	cursor:pointer;
}
tr.AdminX_Cursor_Off {
	background-color:#fff;
}

/*-----------------------------------------------------------------------------------------------------------------------
|	Ticket Priority Colour Styles																						|
-----------------------------------------------------------------------------------------------------------------------*/
div.TicketPriority1 {					/* Green */
    background-color: #00FF33;
	border: 1px solid #00DC2C;
	padding:2px 5px 2px 5px;
	font-size: 12px;
	border-radius: 5px;
	padding:5px;
}
div.TicketPriority2 {					/* Yellow */
    background-color: #FFFF33;
	border: 1px solid #FFD800;
	padding:2px 5px 2px 5px;
	font-size: 12px;
	border-radius: 5px;
	padding:5px;
}
div.TicketPriority3 {					/* Orange */
    background-color: #FF9933;
	border: 1px solid #FF7133;
	padding:2px 5px 2px 5px;
	font-size: 12px;
	border-radius: 5px;
	padding:5px;
}
div.TicketPriority4 {					/* Red */
    background-color: #FF0000;
	border: 1px solid #B70000;
	padding:2px 5px 2px 5px;
	color: #fff; font-size: 12px;
	border-radius: 5px;
	padding:5px;
}

/*-----------------------------------------------------------------------------------------------------------------------
|	Schedule Calendar Styles																							|
-----------------------------------------------------------------------------------------------------------------------*/

.ScheduleCalendar {
	border-spacing:2px;
	border-collapse: separate;
}
.ScheduleCalendar .monthlycell{
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	background-color: #666666;
	font-size:15px;
}

/* Document Managment Style Table */

table.TableNormal {
	width:100%;
	border: 1px solid #666;
	border-collapse:separate;
}
table.TableNormal th  {
	font-weight:bold;
	border-bottom: 1px solid #666;
	background-image: url('../../CRM/Images/titleheader.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #f0f0f0;
	text-align:left;
	padding:2px 8px;
}
table.TableNormal td {
	border-top: 1px solid #ddd;
	vertical-align:middle;
	padding:2px 8px;
}
table.TableNormal img {

}

table.TableNormal td.Available {
	color:#0c0;
	font-weight:bold;
	text-align:center;
}
table.TableNormal td.NotAvailable {
	color:#c00;
	font-weight:bold;
	text-align:center;
}

table.TableNormal .checked {
	color:#c00;
	font-weight:bold;
	text-align:center;
}

table.TableNormal .status {
	font-weight:bold;
	color:#c00;
	text-align:center;
}

table.TableNormal .date {
	text-align:center;
}

table.TableNormal .name {
	text-align:center;
}

table.TableNormal .highlight td {
	background-position:center center;
	background-repeat:repeat-x;
	background-image:url("../../CRM/Images/hightlight.gif");
	height:21px;
}

/* By The letter browsing styles */

div.LetterHeader
{
	text-align:center;
	font-weight:bold;
	font-size:13px;
	margin:5px 0px 5px 0px;
}

div.LetterContent
{
	width:732px;
	height:30px;
	margin:0px auto 0px auto;
	text-align:center;
	overflow:visible;
}

div.LetterContent a:link,
div.LetterContent a:active,
div.LetterContent a:visited {
	font-size:16px;
	font-weight:bold;
	padding:0; margin:0;
}
div.LetterContent a:hover {
	font-size:16px;
	font-weight:bold;
}

div#ContentAjax
{
	margin:10px 0px 0px 0px;
	z-index:20;
}

div#LoadingDiv
{
	padding-top:20px;
	text-align:center;
	display:none;
}

div.ContactLetter {
	background-image: url('../../CRM/images/button_contacts-normal.gif');
	background-position: top left;
	background-repeat: no-repeat;
	position:relative;
	padding:0;
	width:22px;	height:22px;
	float:left;
	margin:2px;
	border: 1px solid #666;
	text-align:center;
}

div.ContactLetterDisabled {
	background-image: url('../../CRM/images/button_contacts-disabled.gif');
	background-position: top left;
	background-repeat: no-repeat;
	position:relative;
	padding:0;
	width:22px;	height:22px;
	float:left;
	margin:2px;
	border: 1px solid #666;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#bbb;}

/*
Expandable Tabs
*/

div.expandBar
{
    font-family:Tahoma;
    border-style:none;
    border-width:1px;
    border-color:#777;
    background-image:url("../../CRM/Images/file_header.gif");
    background-repeat:repeat-x;
    height:17px;
    font-weight:600;
    font-size:13px;
    color:white;
    text-align:left;
    vertical-align:middle;
    padding:0px 0px 0px 5px;
    margin:3px 0px 3px 0px;
}

div.expandBar img
{
    margin:4px 0px 3px 0px;
}

div.expandBar a
{
    font-weight:bold;
    color:White;
}


/* New leet graph CSS Styles - For leet peeps only! */

/* Generic Containers and Headers */
div.GraphContainer {

	background-color:white;
	margin:10px 0px 0px 0px;
	
	}
	
div.GraphContainerOverlay {
	position:absolute;
	width:523px;
	height:140px;
	margin:18px 0px 0px 66px;
	text-align:center;
	vertical-align:middle;
	opacity:0;
	
	}

	
div.GraphHeader {
	font-size:11px;
	font-weight:bold;
	padding-left:70px;
	padding-right:20px;
	padding-bottom:2px;
	text-align:left;
	
	}

div.PeriodHeader {
	font-weight:bold;
	padding-bottom:10px;
	}
		
/* Vertical Bar Graph */

td.RowContainer {
	width:60px;
	}

div.RowLeg {
	width:100%;
	margin:0px;
	color:#900000;
	text-align:right;
	height:25px;
	padding:0px 4px 0px 0px;
	}

div.RowLine {
	position:relative;
	width:5px;
	background-image:url("../../CRM/Images/line.gif");
	background-repeat:repeat-x;
	background-position:center center;
	}

table.ColumnCont {
	width:100%;
	height:150px;
	border-collapse:separate;
	}

table.ColumnCont td {
	border-style:solid;
	border-color:#333;
	border-width:0px 0px 0px 0px;
	width:17px;
}

table.ColumnCont td.ColumnData {
	vertical-align:bottom;
	padding:0px 2px 0px 2px;
	font-size:1px;	
	border-width:1px 0px 0px 0px;
	background-image:url("../../CRM/Images/graphbg.gif");
	background-position:top left;
	background-repeat:repeat-x;
	height:140px;
	}

table.ColumnCont div.ColumnData {
	width:100%;
	height:10px;
	/*
	background-image:url("../../CRM/Images/databg.gif");
	background-position:top left;
	background-repeat:repeat-x;
	*/
	background-color:#900000;
	vertical-align:bottom;
	border-top:1px black solid;
	}
	
table.ColumnCont td.ColumnLeg {
	color:#900000;
	text-align:center;
	font-size:8px;
	height:10px;
	border-width:1px 0px 0px 0px;
	}
		
/* Horizontal Bar Graph */

table.RowCont {
	width:100%;
	height:250px;
	border:solid 1px #aaa;
	
	}

table.RowCont td
{

	}

div.RowTitle {
	height:20px;
	width:80px;
	text-align:right;
	color:#900000;
	margin:0px;
	padding-top:5px;
	vertical-align:bottom;
	
	}

div.RowData {
	width:200px;
	height:21px;
	background-color:#555;
	border:solid 1px #222;
	margin:1px 0px 1px 0px;
	
	}
	
/* Vertical Single Column Graph */

div.VerticalSingleGraphCont {
	padding:5px;
	width:200px;
	margin:10px auto 0px auto;
	}

table.VerticalSingleGraph {
	width:100%;
	height:310px;
	border:solid 1px #777;
	background-position:top left;
	background-repeat:repeat-x;
	background-image:url("../../CRM/Images/graphbg.gif");
	background-color:#d0d0d0;
	}
	
table.VerticalSingleGraph td {
	padding:3px 3px 0px 3px;
	}
	
td.Top {
	border-style:dashed;
	border-width:0px 0px 1px 0px;
	border-color:black;
	height:5px;
	}
	
td.VerticalSingleColumnDataCont {
	padding:0px 3px 0px 3px;
	vertical-align:bottom;

	}

div.VerticalSingleColumnData {
	width:100%;
	border-style:solid;
	border-color:#777;
	border-width:1px 1px 0px 1px;
	background-color:#900000;
	color:white;
	font-weight:bold;
	font-size:10pt;
	text-align:center;
	vertical-align:middle;
	}
	
td.VerticalSingleGraphLegend {
	width:20%;
	height:100%;
	vertical-align:bottom;
	text-align:right;
	padding:0px;
	}

.BudgetRemaining {
	font-weight:bold;
	}
	
div.VerticalSingleGraphTotal {
	font-weight:bold;
	font-size:10pt;
	text-align:center;
	display:none;
}

/* Sales Console Tab */

div.SalesButtons {
	border:solid 1px black;
	background-color:#ccc;
	text-align:center;
	margin:5px 5px 0px 5px;
	padding:3px;
}

div.SalesButtons:hover {
	background-color:#eee;
}

div.SalesButtons a {
	font-weight:bold;
	display:block;
}

div.SalesButtons a:active {
	padding:4px 3px 2px 3px;
	
}

div.SalesButtonsActive {
	border:solid 1px black;
	background-color:#eee;
	text-align:center;
	margin:5px 5px 0px 5px;
	padding:3px;
}

div.SalesButtonsActive:hover {
	background-color:#eee;
}

div.SalesButtonsActive a {
	font-weight:bold;
	display:block;
}

div.SalesButtonsActive a:hover {
	font-weight:bold;
	display:block;
	text-decoration:none;
}

div.SalesButtonsActive a:active {
	padding:4px 3px 2px 3px;
	
}


/*
Generic Input Form
*/

input.Buttons {
	font: normal 10pt Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #337ab7;
	cursor: pointer;
	padding:2px 18px;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	height: 40px;
}
input.Buttons:hover {
	background-color: #236ba9; 

}

table.InputForm {
	background-color:#fff;
	width:100%;
	border-collapse:collapse;
	border-bottom: 2px solid #666;
	margin:0 auto;
}

table.InputForm div.Address a {	/* New 6/12/16 */
	font-size: 12px;
}

table.InputForm th {	/* Edited 6/12/16 */
	font-weight:bold;
	color:#000;
	padding: 2px 8px 2px 8px;
	border-bottom: 2px solid #666;
	font-size: 14px;
}

table.InputForm td {
	padding: 7px 8px 2px 8px;
    background:#fafafa;
}
table.InputForm td.Headers {	/* Edited 6/12/16 */
		font-size: 12px !important;
	padding: 10px;
	color:#111;
	border-left:1px solid #ccc;
	vertical-align:top;
	text-align:right;
	font-weight: bold;
}

table.InputForm td.Headers > label {	/* New 6/12/16 */
	font-size: 12px;
	padding-top: 7px;
	vertical-align: middle;
}

table.InputForm td.Details > a {
	font-size: 12px !important;
}

table.InputForm td.Details {	/* Edited 6/12/16 */
	font-size: 12px !important;
	padding: 2px 8px 2px 8px;
	border-right:1px solid #ccc;
}
table.InputForm td.Required {
	font-weight: normal;
	color:#a00;
}
table.InputForm td.Div {
    padding:0px;
    width:5px;
}


td.Label {
	vertical-align: middle;
	font-weight:bold;
	text-align:right;
	font-size: 12px;
	color: #666;
	display: table-cell;
}

table.TableCRM label, a {
	font-size: 12px;
}

td.LabelRequired {
	text-align:right;
	font-weight:bold;
	color:#a00;
	padding-right:4px;
}

/*
Search Stuff
*/
#search_table {
    padding:5px;
    background-position:bottom left;
    background-repeat:repeat-x;
    background-image:url("../../CRM/Images/search_bg.gif");
    background-color:white;
    border-style:solid;
    border-width:1px;
    border-color:#aaa;
    margin:0px auto 0px auto;
}

#search_table td.Label {	/* New 6/12/16 */
	font-size: 12px;
	padding: 15px;
}

/*
Top Icons
*/
div.tab_icon {
	padding:2px;
	height:77px;
	margin:0;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:transparent;
}
div.tab_icon:active {
    background:#ccc;
}
div.tab_icon > a > img {
	 opacity:0;
	 filter:alpha(opacity=0);
}

/* Misc Class */
div.ConsoleInformationHeader {
	text-align:center;
	font-size:10pt;
}
div.ConsoleInformationHeader h2 {
	font: bold 14pt Arial; 
	color:#111;
}
div.ConsoleInformation {
	width:75%;
	border:1px solid #000;
	background-color:#fffad4;
	border: 1px solid #f6e783;
	color:#8a5100;
	margin:10px auto 10px auto;
	padding:10px;
}
div.ConsoleInformation h3 {
	font-size:16pt;
	font-weight:bold;
	margin: 0px 0px 8px 0px;
	color: #bb7512;
}
div.ConsoleInformation h3 a:link,
div.ConsoleInformation h3 a:active,
div.ConsoleInformation h3 a:visited  {
	text-decoration:none;
	color:white;
}
div.ConsoleInformation h3 a:hover {
	color:#900000;
}

/* Misc Class */
div.personAdd {
    width:260px;
    float:left;
    margin:10px 5px 0px 5px;
}
.btn_sub {
    background:url("../../CRM/images/lmenu_btn.jpg");
    border-style:none;
    height:18px;
    width:72px;
    color:#fff;
    font-size:9px;
    font-weight:bold;
}
.input_search {
    border:solid 1px #b7b7b7;
    width:138px;
}
div.messageCont {
	position:absolute;
	display:none;
	border:solid 1px #aaa;
	background:white;
}
.NoItems {
	text-align:center;
	font-style:italic;
}
td.Variance { 
	font-weight:bold;
	text-align:center; 
}
div.OrderItems {
	padding:5px 12px 10px 12px;
	display:none;
}

/*
Legacy Styles
*/
table.TableBorder {
	width:100%;
}

table.TableBorder table td, table.TableBorder table td.SidePanel {	/* New 6/12/16 */
	font-size: 14px;
	padding: 5px;
}

table.TableBorder table td > a {	/* New 6/12/16 */
	font-size: 14px;
}

td.TableHeader {
	font: bold 8pt Tahoma; color: #fff;
	background-color: #000;
	padding: 0px 6px 0px 15px;
	vertical-align:middle;
	height:22px;
}

td.TableHeaderCont {
	font: bold 8pt Tahoma; color: #fff;
	background-color: #000;
	padding: 0px 6px 0px 2px;
	vertical-align:middle;
	height:22px;
}

td.TableHeader a:link, td.TableHeader a:active, td.TableHeader a:visited {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	vertical-align:middle;
}

td.TableHeader a:hover {
	font-weight: bold;
	color: #eee;
	text-decoration: none;	
	vertical-align:middle;
}

td.TableHeaderCont a:link, td.TableHeaderCont a:active, td.TableHeaderCont a:visited {
	font-weight: bold;
	color: #fff;
	text-decoration: none;	
	vertical-align:middle;
}

td.TableHeaderCont a:hover {
	font-weight: bold;
	color: #eee;
	text-decoration: none;	
	vertical-align:middle;
}

td.TableHeaderSub
{
	padding: 0px 6px 0px 2px;
	vertical-align:middle;
	height:22px;
    background-color: #f7f7f7;
	font-weight: bold;
	font: bold 8pt Tahoma; color: #000;
	border: #999 solid 1px;
	border-right-style: none;
	border-left-style: none;
	margin:0px;
}

.TitleHeader
{
	width: 100%;
	text-align: center;
	padding: 0px 0px 0px 0px;
}

.bold{
	font-weight:bold;
}

.PageHeader
{
    padding:0px 0px 0px 6px;
	font-weight:bold;
	font-size:13px;
	text-align:left;
}

input.radiobutton {
	border-style:none;
	vertical-align:middle;
	padding:0;
	margin-left: 10px;
}
input, textarea, select {
	border: 1px solid #aaa;
	vertical-align:middle;
	padding-left:3px;
	font-family: Tahoma;
	font-size:9pt;
}

tr.rowError td.CRMTableRow0, tr.rowError td.row0 {
	background-color:#ffe1e1;
}
tr.rowError td.CRMTableRow1, tr.rowError td.row1 {
	background-color:#ffe1e1;
}
tr.rowInfo td.CRMTableRow0, tr.rowInfo td.row0 {
	background-color:#e1e6ff;
}
tr.rowInfo td.CRMTableRow1, tr.rowInfo td.row1 {
	background-color:#e1e6ff;
}

#search_table input[type=hidden] + a {	/* New 6/12/16 */

	color: #337ab7;
	font-size: 12px;
}

table.crumbs td, table.crumbs a { 	/* New 6/12/16 */
	font-size: 14px;	
}


#OrderContent td, #OrderContent td > a {
	font-size: 11px;
}


ul.dots li:hover {
  background: #2c3e50;
}

a span mark {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;   
  border: 2px solid #FFF;
  width: 20px;
  height: 20px;  
  background-color: #FF6B6B;
  position: absolute;
  top: -13px;
  left: -17px;
  font-size: 10px;
  line-height: 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #FFF;
  font-weight: 700;
}

a span mark.green{
  background-color: #27ae60;
}

a span mark.blue{
  background-color: #3498db;
}

a > span > mark {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;   
-webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;  
}

a:hover > span > mark {
  -webkit-animation-name: bounce;
          animation-name: bounce;
}
a:hover > span > mark.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

a:hover > span > mark.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}
a:hover > span > mark.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}
a:hover > span > mark.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

code {
  background: #ecf0f1;
}


/************** ANIMATIONS *************/
/* animation keyframes */
@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 1;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}