/* body */
body {  background: #FFF; color: #1d4356; }
div.content, div.full_width_content_container, div.footer { background: #FFF; }
p { color: #566572; }
.gray-bg-light { background-color: #EBEFF2; }

/* header */
.tippiest-of-the-top { position: fixed; width: 100%; z-index: 1000;  background-color: #EBEFF2; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
.tippiest-of-the-top img { margin-left: 24px; }
div.top-menu-bar-container { position: relative; background-color: #cad4dc;  padding: 0px 24px 0px 24px; width: auto; z-index: 1000; color: #566572; border-top: none; top: 0px; }
div.top-menu-bar-container div.top-menu-bar-element-left:hover { background: transparent; }
div.top-menu-bar-container div.top-menu-bar-element-left:hover .menu-element-container { background: rgba(255, 255, 255, 0.25); }
div.menu-element-container { line-height: 35px; padding: 0px 6px; }
div.selection-indicator-selected, div.selection-indicator-unselected { height: auto; text-align: center; }
div.selection-indicator-selected { width: auto; height: 0; overflow: hidden; }
div.selection-indicator-selected, div.selection-indicator-selected + div.menu-element-container { background-color: rgba(255, 255, 255, 0.10); }
div.drop-down-menu-container { position: absolute; }
ul.standard-drop-down-menu li a, ul.standard-drop-down-menu li a:visited { color: #566572; display: block; width: auto; }
ul.standard-drop-down-menu li:hover { background-color: transparent; font-weight: normal; }
ul.standard-drop-down-menu li a:hover { background: rgba(96, 154, 192, 0.1); }
div.arrow-down { border-top: 3px solid #1d4356; }
#header_custom_content_right { float: right;}

#web_app_right_header_content[style] { margin-top: 0px !important; }
#web_app_right_header_content { float: left; margin-left: 0px; }

#header_full_width, #header_fixed_width { position: relative; border: none; clear: both; padding-top: 120px; }
#header_fixed_width #header_content[style] { width: auto !important; padding-left: 24px !important;  padding-right: 24px !important; }

#header_content { padding-top:20px; padding-bottom:7px; }
#header_title { color: #36404a; font-size: 24px; }
div.header { padding: 20px 0; border: none; }
div.header #breadcrumbs { padding-top: 0px; }
div.breadcrumbs:before, div.breadcrumbs:after { content:' '; display: table; clear: both; }
div.header div.breadcrumbs { background: transparent; color: #1d4356; font-size: 11px; list-style: outside none none; border-top: 1px solid #9DACB2 ; border-bottom: 1px solid #9DACB2; padding: 8px 24px; }
div.header div.breadcrumbs a { color: #1d4356; text-decoration: none; transition: all 0.2s ease 0s; }
div.header div.breadcrumbs a:hover { color: #137e48; text-decoration: none; }

div.content, div.full_width_content_container { padding-top: 75px; min-height: 300px; }
div.full_width_content { min-height: 675px; }

/* buttons and themes */
.font-theme { color: #004983; }
.font-theme-secondary { color: #137e48; }

.button-default { background-color: #f3f3f3; }

.button-primary, .large_print_form button.ok, .fine_print_form button.ok, .large_print_form a.ok, div.little-button-blue, .blue_button, .login_form button.ok { background-color: rgba(0, 73, 131,0.75); border: 1px solid rgba(10,104,117,0.85); color: #fff; }
.button-primary:hover, .large_print_form button.ok:hover, .fine_print_form button.ok:hover, .large_print_form a.ok:hover, div.little-button-blue:hover, .blue_button:hover, .login_form button.ok:hover { background-color: rgba(0, 73, 131,1); border: 1px solid rgba(10,104,117,0.85); }

.button-warning, .large_print_form button.cancel, .fine_print_form button.cancel { background-color: rgba(215,71,38,0.85); border: 1px solid rgba(165,42,22,0.85); color: #fff; }
.button-warning:hover, .large_print_form button.cancel:hover, .fine_print_form button.cancel:hover { background-color: rgba(215,71,38,1); border: 1px solid rgba(165,42,22,0.85); }

.button-default, .large_print_form button.grey, .large_print_form button.grey_selected, .large_print_form button.grey_disabled, .grey_button { background-color: rgba(223, 234, 242,1); border: 1px solid rgba(20, 73, 131,0.5); color: #11547B; }
.button-default:hover { background-color: rgba(96, 154, 192, 0.35); border: 1px solid rgba(20, 73, 131,0.5); color: #11547B; }

.section-heading { background: #F9F9F9; border-left: 10px solid #028A8E; border-radius: 5px; color: #028A8E; font-size: 16px; padding: 5px 0; margin-top:20px; }

/*dialogs */
div.dialog_inner_container div.dialog_heading { background-color: #028A8E; border: 1px solid #028A8E; }



/* EDIT ACCOUNT */
.content-container { }
.content-main-wrapper { background: #fff; margin-left: -1px; height: 710px; position: relative; z-index: 0; overflow-y: auto; box-shadow: -10px 0px 5px 3px #efefef inset; padding-bottom: 20px; }

div.collapsible-section-container { border-right: 1px solid #DDD; }
.collapsible-tree-layout { position: relative; z-index: 1;}
.collapsible-tree-layout .collapsible-content { padding: .25em; padding-bottom: 1.25em; border-bottom: 1px solid #dddddd; }
.collapsible-tree-layout .column_selection_table { display: none; }
.collapsible-tree-layout .collapsible-content div { max-height: 350px; overflow-y: scroll; margin-bottom: 1em; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; }
.collapsible-tree-layout .provision-section { padding: .85em 1.5em; border-bottom: 1px solid #CCC; font-size: 14px; margin: 0; cursor: pointer; }
.provision-section:after { content: ">"; float: right; }
#content-main.large_print_form input[type="text"], #content-main.large_print_form input[type="checkbox"], #content-main.large_print_form textarea, #content-main.large_print_form table { margin-bottom: 20px; margin-left: 20px; width: 94%; }
#content-main.large_print_form li.help { margin-left: 20px; padding-bottom: 0px; }
#content-main.large_print_form li.help[style] { font-size: 12px !important; }
#content-main.large_print_form .ok_cancel_block { margin-left: 20px; }
#content-main.large_print_form .ok_cancel_block button { margin-bottom: 20px; }
#content-main li+input, #content-main li+textarea, #content-main.large_print_form .large_print_form .ok_cancel_block { margin-bottom: 25px; }
.collapsible-tree-layout { background-color: #f9f9f9; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd;}
.seo-item-customized { font-weight: bold; color: #000; }
.provision-group-active { background-color: #FFF;}
.seo-item-active { 	background-color: #ddecf7; font-weight: bold;}
.large_print_form li.seo-sub-heading { font-size: 14px; padding-bottom: 5px; }


.top-table { font-size: 14px; color: #666; line-height: 22px; background: #F9F9F9; padding: 5px 15px; }
.bottom_half  { margin-bottom: 5em; }
.content-main-subsection { }
.content-tree-navigation { background-color: #F9F9F9; }
.content-tree-heading { background-color: #137e48; color: #FFF; padding: 0.85em 15px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; margin-left: 24px; margin-right: 24px; }
.collapsible-child { margin: 0px; }
.collapsible-child label:before { content: "\2022"; color: #2695AA; cursor: pointer; padding: 0 7px 0 10px; margin-left: 2px; }
.collapsible-child label { cursor: pointer; font-size: 12px; line-height: 18px; display: block;  color: #333333; padding: 3px 8px; }
.collapsible-child label:hover { background: rgba(96, 154, 192, 0.1); }
.collapsible-tree-layout .provision-section-active { padding: .85em 1.5em 0em; font-size: 14px; margin: 0; cursor: pointer; }

.edit_account_grid { overflow: hidden; margin-left: 24px; margin-right: 24px; }
.bottom_half .edit_account_grid { background: #FFF; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
.data_table { width: 100%; font-size: 12px; border-bottom: 1px solid #3E96DB; border-spacing: 0; border-collapse: collapse; }
.data_table img { text-align: right; }
.bottom_half .edit_account_grid .content-main-subsection .col-1-2:nth-child(even)::after {
	content: ''; display: table; clear: both;
} 
.tableFloatingHeader { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); }

table.data_table { background-color: #FFF; }

table.data_table tr.od {
	 background: rgba(35, 35, 35, 0.04);
}

table.data_table td.ic, table.data_table th.ic {
    border-right: 1px solid #DDD;
    padding-left: 5px;
    padding-right: 5px;
}

table.data_table td.h, table.data_table th.h {
	background: #F5F5F5;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    padding-bottom: 8px;
    padding-top: 8px;
	color: #333; 
	text-align: left;
	box-shadow: 0px 0px 0px 1px white inset; 
}
table.data_table td.h:hover, table.data_table th.h:hover { background: #DDDDDD; }

table.data_table td.lmc  {
    border-left: 1px solid #CCC;
	border-right: 1px solid #DDD;
	padding-left: 10px;
    padding-right: 10px;
}
table.data_table td.rmc {
    border-right: 1px solid #CCC;
    padding-left: 10px;
    padding-right: 10px;
}

table.data_table th.rmc, table.data_table th.lmc {
    border-right: 1px solid #CCC;
    padding-left: 10px;
    padding-right: 10px;
}

 table.data_table th.lmc {
    border-left: 1px solid #CCC;
}

table.data_table td.p, table.data_table th.p {
    padding-bottom: 6px;
    padding-top: 6px;
}
table.data_table tr.evy {
    background-color: #fefedf;
}
table.data_table tr.ody, #table-legend span.evy {
    background-color: #fbf8d3;
}

table.data_table tr.evr {
    background-color: #f8e9e9;
}

table.data_table tr.odr, #table-legend span.evr {
    background-color: #f8e0e0;
}

table.data_table tr.evg {
    background-color: #e8f4df;
}
table.data_table tr.odg, #table-legend span.evg {
    background-color: #dae9cf;
}

table.data_table tr:hover,
table.data_table tr.next:hover,
table.data_table tr.od:hover,
table.data_table tr.ef:hover,
table.data_table td.next:hover,
table.data_table td.h:hover
{	
	background: rgba(62,150,219,0.10);
	cursor: pointer;
}

table.data_table td.adv_h, table.data_table th.adv_h  {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top: none;
	box-shadow: 0px 0px 0px 1px white inset; 
    background-color: #3E96DB; 
	color: #FFF;
	padding: 5px;
}

table.data_table tr.adv_h th:hover { cursor: default; }

div.table_site_variables table.data_table td.p, div.change_log_container td.short_description {
	word-break: break-all;
}
div.table_site_variables table.data_table td.p { max-width: 400px; }

div.entitlement-yes:before { content: "\2713"; color: #00BB00; width: 100%; font-weight: bold; }
div.entitlement-no:before { content: "X"; color: #e74c3c; width: 100%; font-weight: bold; }
div.entitlement-exception:before { content: "E"; width: 100%; font-weight: bold; }

tr.entitlement-exception-row, td.entitlement-exception-cell { background-color: #F2DEDE; }

.data_table tr.entitlement-exception-row:hover, .data_table td.entitlement-exception-cell:hover { background-color: #e8c8c8; }
.has-preference { background: #137e48; color: #FFF; padding: 3px 5px; border-radius:1em; }



/* Change Log */
div.change_log_container
{
	width: 100%;
	border: 1px solid #ADABAB;
}

div.events-empty
{
	text-align: center;
	color: #ADABAB;
	padding: 30px
}

table.events-table
{
	width: 100%;
	font-size: 14px;
	border-collapse:collapse;
}

table.events-table td,
table.events-table th
{
	padding-top: 1em;
	padding-bottom: 1em;
	vertical-align: top;
}

table.events-table th
{
	text-align: left;
}

table.events-table td.last-row, tr.heading-row
{
	border-bottom: 1px solid #BBB;
}

table.events-table tr.heading-row, td.comment
{
	color: #666666;
	font-size: 12px;
}

table.events-table th
{
	border-bottom: none;
}

table.events-table td.username, 
table.events-table th.username
{ 	
	padding-left: 5px;
	min-width: 125px;
}

table.events-table th.heading
{ 
	text-align: center;
	font-size: 16px;
}

#unpublished_container
{
	background: #f9f9f9;
	border: 1px solid #BBB;
	border-bottom: none;
}

#published_container
{
	border: 1px solid #BBB;
}

#unpublished_container table.events-table td.last-row, tr.heading-row
{
	border-bottom: 1px solid #BBB;
}

table.events-table tr.publish-event
{
	background: #DAE9CF;
}

table.events-table .events-table-user-span
{
	font-size: 16px;
	padding-left: .5em;
}

table.events-table img
{
	border: 1px solid #BBB;
}


 table#ajax_data_table.data_table .adv_h td.adv_h, table#ajax_data_table.data_table .adv_h th.adv_h,
 table#ajax_data_table.data_table .adv_h td.adv_h:hover, table#ajax_data_table.data_table .adv_h th.adv_h:hover {
    background-color: rgba(47,49,55,0.2); color: #2F3137; font-weight: normal;
}

table#ajax_data_table.data_table tr.od {
	background: rgba(35,35,35,0.04);
}
table#ajax_data_table.data_table tr.ev:hover, table#ajax_data_table.data_table tr.od:hover {
	background: rgba(96, 154, 192, 0.1);
}


.sub-sort-options { padding: 0.25em 10px; background-color: #C8D9E5; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
.sub-sort-options .button { margin-top: 0.25em; margin-bottom: 0.25em; }
.sub-sort-options .button-default { background-color: rgba(255, 255, 255, 0.2); }
.sub-sort-options .button-default:hover { background-color: rgba(20, 73, 131,0.1); }


#ajax_data_table .tableFloatingHeader[style] { margin-top: 40px !important; }

#refine_search_table select { margin: 0; width: 500px; }
#refine_search_table input { margin: 0; padding: 5px; width: 245px; }
#refine_search_table input:first-of-type { margin: 0 10px; }
#refine_search_table .column_selection_table tr:hover { cursor: default; }
#refine_search_table .column_selection_table td { padding: 5px; }
#refine_search_table .column_selection_table td:first-of-type { min-width: 28%; }
#refine_search_table .column_selection_table td:last-of-type { text-align: right; }
#refine_search_table .column_selection_table tr.selection_table_sub_section td { border: none; padding-right: 0.5em; }
#refine_search_table .column_selection_table tr.selection_table_sub_section td:first-of-type { padding-left: 30px; }
#refine_search_table .column_selection_table tr.selection_table_sub_section td select { font-size: 12px; height: 28px; padding: 0.25em;  }
#refine_search_table .column_selection_table tr:nth-child(6) td { border-top: 1px solid #EFEFEF; }

#provision_search_controls.web_deck_search_controls input[type="text"], #provision_search_controls.web_deck_search_controls select { font-size: 14px; font-weight: 400; line-height: 1.42857; padding: 11px 12px; background: #F9F9F9; }
#provision_search_controls .label { padding-bottom: 3px; color: #666666; font-size: 10px; }
#provision_search_controls #search_text { width: 80%; height: 38px; padding: 5px 10px; }
#provision_search_controls .button-primary { width: 17%; margin-left: 1.1em; }
#provision_search_controls .button-warning { width: 15%; }








.theme-bg-one { background-color: #028A8E; }
.theme-bg-two { background-color: #36404A; }
.theme-bg-three { background-color: #028A8E; }
.theme-bg-four { background-color: #028A8E; }

/* dark #028A8E --- light #137e48 */



.badge {
    background-color: #777;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 0.125em 0.5em;;
	margin-left: 3px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.badge-primary { background: #FFF; color: #028A8E; }
.op-email-list td { padding-top: .5em; padding-bottom: .5em; border-top: 1px solid #DDD; }
.button-warning { background-color: #F58461; }
.alert-warning { background-color: rgba(245, 132, 97, 0.25); border-color:  rgba(245, 132, 97, 1); }
.font-warning { color: #F58461; }
.font-success { color: #7DC435; }
.font-theme-secondary { color: #6DA4C5; }
a { color: #6DA4C5; }

/* Bunny */

@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css);

.rabbit {
  width: 5em;
  height: 3em;
  background: #ffffff;
  border-radius: 70% 90% 60% 50%;
  position: relative;
  box-shadow: -0.2em 1em 0 -0.75em #4076a2;
  -moz-transform: rotate(0deg) translate(-2em, 0);
  -ms-transform: rotate(0deg) translate(-2em, 0);
  -webkit-transform: rotate(0deg) translate(-2em, 0);
  transform: rotate(0deg) translate(-2em, 0);
  animation: hop 1s infinite linear;
  z-index: 1;
}
.rabbit:before {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  background: white;
  border-radius: 100%;
  top: 0.5em;
  left: -0.3em;
  box-shadow: 4em 0.4em 0 -0.35em #3f3334, 0.5em 1em 0 white, 4em 1em 0 -0.3em white, 4em 1em 0 -0.3em white, 4em 1em 0 -0.4em white;
  animation: kick 1s infinite linear;
}
.rabbit:after {
  content: "";
  position: absolute;
  width: .75em;
  height: 2em;
  background: white;
  border-radius: 50% 100% 0 0;
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  right: 1em;
  top: -1em;
  border-top: 1px solid #f7f5f4;
  border-left: 1px solid #f7f5f4;
  box-shadow: -0.5em 0em 0 -0.1em white;
}

.clouds {
  background: white;
  width: 2em;
  height: 2em;
  border-radius: 100% 100% 0 0;
  position: relative;
  top: -5em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  animation: cloudy 1s infinite linear forwards;
  box-shadow: 5em 2em 0 -0.3em white, -2em 2em 0 0 white;
}
.clouds:before, .clouds:after {
  content: '';
  position: absolute;
  box-shadow: 5em 2em 0 -0.3em white, -2em 2em 0 white;
}
.clouds:before {
  width: 1.25em;
  height: 1.25em;
  border-radius: 100% 100% 0 100%;
  background: white;
  left: -30%;
  bottom: 0;
}
.clouds:after {
  width: 1.5em;
  height: 1.5em;
  border-radius: 100% 100% 100% 0;
  background: white;
  right: -30%;
  bottom: 0;
}

@keyframes hop {
  20% {
    -moz-transform: rotate(-10deg) translate(1em, -2em);
    -ms-transform: rotate(-10deg) translate(1em, -2em);
    -webkit-transform: rotate(-10deg) translate(1em, -2em);
    transform: rotate(-10deg) translate(1em, -2em);
    box-shadow: -0.2em 3em 0 -1em #4076a2;
  }
  40% {
    -moz-transform: rotate(10deg) translate(3em, -4em);
    -ms-transform: rotate(10deg) translate(3em, -4em);
    -webkit-transform: rotate(10deg) translate(3em, -4em);
    transform: rotate(10deg) translate(3em, -4em);
    box-shadow: -0.2em 3.25em 0 -1.1em #4076a2;
  }
  60%,75% {
    -moz-transform: rotate(0) translate(4em, 0);
    -ms-transform: rotate(0) translate(4em, 0);
    -webkit-transform: rotate(0) translate(4em, 0);
    transform: rotate(0) translate(4em, 0);
    box-shadow: -0.2em 1em 0 -0.75em #4076a2;
  }
}
@keyframes kick {
  20%,50% {
    box-shadow: 4em 0.4em 0 -0.35em #3f3334, 0.5em 1.5em 0 white, 4em 1.75em 0 -0.3em white, 4em 1.75em 0 -0.3em white, 4em 1.9em 0 -0.4em white;
  }
  40% {
    box-shadow: 4em 0.4em 0 -0.35em #3f3334, 0.5em 2em 0 white, 4em 1.75em 0 -0.3em white, 4.2em 1.75em 0 -0.2em white, 4.4em 1.9em 0 -0.2em white;
  }
}
@keyframes cloudy {
  40% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
    -moz-transform: translate(-3em, 0);
    -ms-transform: translate(-3em, 0);
    -webkit-transform: translate(-3em, 0);
    transform: translate(-3em, 0);
  }
  55% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translate(-4em, 0);
    -ms-transform: translate(-4em, 0);
    -webkit-transform: translate(-4em, 0);
    transform: translate(-4em, 0);
  }
  90% {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.rabbit-wrapper {
    position: absolute;
    right: 5em; 
    bottom: .5em;
}

.tooltip-help {
	cursor: pointer;
	position: relative;
	display: inline-block;
}


.tooltip-help .tooltip-message {
	background: #efefef;
	border: 1px solid #999;
	bottom: 100%;
	color: #000;
	display: block;
	top: 50%;
    left: 105%; 
	margin-top: -60px;
	opacity: 0;
	padding: 20px;
	pointer-events: none;
	position: absolute;
	width: 100%;
	min-width: 325px;
	height: 100%;
	min-height:125px;
	transform: translateX(20px);
	transition: all .25s ease-out;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.tooltip-help .tooltip-message:after {
	 content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #999 transparent transparent;
}

.tooltip-help:hover .tooltip-message { opacity: 1; pointer-events: auto; transform: translateX(15px); }