@font-face { 
	font-family: 'IconicFill'; 
	src: url('iconic_fill.eot'); 
	src: local('IconicFill'), url('iconic_fill.svg#iconic') format('svg'), url('iconic_fill.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
 }
.iconic { display:inline-block; font-family: 'IconicFill'; }
.iconic:before {padding: 0px 3px;}
.hash:before {content:'\23';}
.question_mark:before {content:'\3f';}
.at:before {content:'\40';}
.pilcrow:before {content:'\b6';}
.info:before {content:'\2139';}
.arrow_left:before {content:'\2190';}
.arrow_up:before {content:'\2191';}
.arrow_right:before {content:'\2192';}
.arrow_down:before {content:'\2193';}
.home:before {content:'\2302';}
.sun_fill:before {content:'\2600';}
.cloud:before {content:'\2601';}
.umbrella:before {content:'\2602';}
.star:before {content:'\2605';}
.moon_fill:before {content:'\263e';}
.heart_fill:before {content:'\2764';}
.cog:before {content:'\2699';}
.bolt:before {content:'\26a1';}
.key_fill:before {content:'\26bf';}
.rain:before {content:'\26c6';}
.denied:before, .situacao3:before {content:'\26d4';}
.mail:before {content:'\2709';}
.pen:before {content:'\270e';}
.check:before, .situacao2:before {content:'\2713';}
.check_alt:before {content:'\2714';}
.x:before {content:'\2717';}
.x_alt:before {content:'\2718';}
.left_quote:before {content:'\275d';}
.right_quote:before {content:'\275e';}
.plus:before {content:'\2795';}
.minus:before {content:'\2796';}
.curved_arrow:before {content:'\2935';}
.document_alt_fill:before {content:'\e000';}
.calendar:before {content:'\e001';}
.map_pin_alt:before {content:'\e002';}
.comment_alt1_fill:before {content:'\e003';}
.comment_alt2_fill:before {content:'\e004';}
.pen_alt_fill:before {content:'\e005';}
.pen_alt2:before {content:'\e006';}
.chat_alt_fill:before {content:'\e007';}
.plus_alt:before {content:'\e008';}
.minus_alt:before {content:'\e009';}
.bars_alt:before {content:'\e00a';}
.book_alt:before {content:'\e00b';}
.aperture_alt:before {content:'\e00c';}
.beaker_alt:before {content:'\e010';}
.left_quote_alt:before {content:'\e011';}
.right_quote_alt:before {content:'\e012';}
.arrow_left_alt1:before {content:'\e013';}
.arrow_up_alt1:before {content:'\e014';}
.arrow_right_alt1:before {content:'\e015';}
.arrow_down_alt1:before {content:'\e016';}
.arrow_left_alt2:before {content:'\e017';}
.arrow_up_alt2:before {content:'\e018';}
.arrow_right_alt2:before {content:'\e019';}
.arrow_down_alt2:before {content:'\e01a';}
.brush:before {content:'\e01b';}
.brush_alt:before {content:'\e01c';}
.eyedropper:before {content:'\e01e';}
.layers:before {content:'\e01f';}
.layers_alt:before {content:'\e020';}
.compass:before {content:'\e021';}
.award_fill:before {content:'\e022';}
.beaker:before {content:'\e023';}
.steering_wheel:before {content:'\e024';}
.eye:before {content:'\e025';}
.aperture:before {content:'\e026';}
.image:before {content:'\e027';}
.chart:before {content:'\e028';}
.chart_alt:before {content:'\e029';}
.target:before {content:'\e02a';}
.tag_fill:before {content:'\e02b';}
.rss:before {content:'\e02c';}
.rss_alt:before {content:'\e02d';}
.share:before {content:'\e02e';}
.undo:before {content:'\e02f';}
.reload:before {content:'\e030';}
.reload_alt:before {content:'\e031';}
.loop_alt1:before {content:'\e032';}
.loop_alt2:before {content:'\e033';}
.loop_alt3:before {content:'\e034';}
.loop_alt4:before {content:'\e035';}
.spin:before {content:'\e036';}
.spin_alt:before {content:'\e037';}
.move_horizontal:before {content:'\e038';}
.move_horizontal_alt1:before {content:'\e039';}
.move_horizontal_alt2:before {content:'\e03a';}
.move_vertical:before {content:'\e03b';}
.move_vertical_alt1:before {content:'\e03c';}
.move_vertical_alt2:before {content:'\e03d';}
.move:before {content:'\e03e';}
.move_alt1:before {content:'\e03f';}
.move_alt2:before {content:'\e040';}
.transfer:before {content:'\e041';}
.download:before {content:'\e042';}
.upload:before {content:'\e043';}
.cloud_download:before {content:'\e044';}
.cloud_upload:before {content:'\e045';}
.fork:before {content:'\e046';}
.play:before {content:'\e047';}
.play_alt:before {content:'\e048';}
.pause:before {content:'\e049';}
.stop:before {content:'\e04a';}
.eject:before {content:'\e04b';}
.first:before {content:'\e04c';}
.last:before {content:'\e04d';}
.fullscreen:before {content:'\e04e';}
.fullscreen_alt:before {content:'\e04f';}
.fullscreen_exit:before {content:'\e050';}
.fullscreen_exit_alt:before {content:'\e051';}
.equalizer:before {content:'\e052';}
.article:before {content:'\e053';}
.read_more:before {content:'\e054';}
.list:before {content:'\e055';}
.list_nested:before {content:'\e056';}
.cursor:before {content:'\e057';}
.dial:before {content:'\e058';}
.new_window:before {content:'\e059';}
.trash_fill:before {content:'\e05a';}
.battery_half:before {content:'\e05b';}
.battery_empty:before {content:'\e05c';}
.battery_charging:before {content:'\e05d';}
.chat:before {content:'\e05e';}
.mic:before {content:'\e05f';}
.movie:before {content:'\e060';}
.headphones:before {content:'\e061';}
.user:before {content:'\e062';}
.lightbulb:before {content:'\e063';}
.cd:before {content:'\e064';}
.folder_fill:before {content:'\e065';}
.document_fill:before {content:'\e066';}
.pin:before {content:'\e067';}
.map_pin_fill:before {content:'\e068';}
.book:before {content:'\e069';}
.book_alt2:before {content:'\e06a';}
.box:before {content:'\e06b';}
.calendar_alt_fill:before {content:'\e06c';}
.comment_fill:before {content:'\e06d';}
.iphone:before {content:'\e06e';}
.bars:before {content:'\e06f';}
.camera:before {content:'\e070';}
.volume_mute:before {content:'\e071';}
.volume:before {content:'\e072';}
.battery_full:before {content:'\e073';}
.magnifying_glass:before {content:'\e074';}
.lock_fill:before {content:'\e075';}
.unlock_fill:before {content:'\e076';}
.link:before {content:'\e077';}
.wrench:before {content:'\e078';}
.clock:before, .situacao1:before  {content:'\e079';}


/*
 * ===================
 * RESET AND GENERAL
 * ===================
 */
*{ margin: 0; padding: 0; outline: none; text-decoration: none; list-style:none; } 
html, body{ width: 100%; height: 100%; } 
body{ font:12px/20px Helvetica, Arial, sans-serif; } 
hr { margin: 20px 0; width: 100%; } 
p { margin: 0 0 5px 0; } 
.wrapper { width: 960px; margin: 0 auto; } 
.noshow { display: none; } 
.align-right { text-align: right; } 
.no-border { border: none; } 

/*
 *  ===============
 * 	SECTION LAYOUTS
 *  ===============
 */
.rightsided { position:relative; top: -15px; }
.rightsided .left {width:62%; padding-top: 15px;}
.rightsided .right {width:33%; position:absolute; right:0; top:0; bottom:0; padding-top: 15px;}


/*
 * ===================
 * TABLE
 * ===================
 */
h1{ font-size: 24px; line-height: 28px; margin: 0 0 15px 0; }
h2{ font-size: 20px; line-height: 24px; margin: 0 0 15px 1%; }
h3{ font-size: 16px; line-height: 24px; margin: 0 0 10px 0; }
h4{ font-size: 14px; line-height: 24px; margin: 0; }

/*
 * ===================
 * TABLE
 * ===================
 */
table {margin-bottom: 20px; width: 100%; }
table td, table th { padding: 8px; }
table a { text-decoration: none;}


/*
 * ===================
 * FORMS
 * ===================
 */
fieldset { margin-bottom: 20px; padding: 10px; }
fieldset legend { padding: 5px 20px 5px 20px; margin-left: -10px; position: inline-block; }
label { display:block; }
select { padding: 3px; width: 100%; }
textarea { height: 100px; }
textarea, input[type="text"] { padding: 3px; width: 100%;  }
input[type="email"], input[type="search"]  { -webkit-appearance: textfield; -webkit-box-sizing: content-box;}
form > div, fieldset > div { margin: 5px 0px;}
button, .button { display: inline-block; padding: 4px 6px 4px 6px; text-decoration: none; margin-right: 5px; }
label .obrigatorio { margin-left:5px; }
/*
 * ===================
 * ICONS
 * ===================
 */
.icon { background: url(../img/sprite-pires.png)  no-repeat; display: inline-block; width: 15px; height: 15px;}
button.icon, .button.icon {  padding: 4px 6px 4px 27px;  }
.icon.add { background-position: 0px 3px; }
.icon.cancel { background-position: 0px -16px; }
.icon.save { background-position: 0px -36px; }
.icon.back { background-position: 0px -73px; }
.icon.edit { background-position: 0px -90px; }
/* TODO colocar icones corretos */
.icon.situacao1 { background-position: 0px 3px; }
.icon.situacao2 { background-position: 0px -36px; }
.icon.situacao3 { background-position: 0px -73px; }
.icon.subatividade { background-position: 0px -16px; }


/*
 * ===================
 * PIRES GRID
 * ===================
 */
/*.col4 { overflow:hidden;}*/

.c1, .c2, .c3, .c4 { display:inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; }
table.c1, table.c2, table.c3, table.c4 {display:table;}
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

.col4 .c1 { width:23.0%; }
.col4 .c2 { width:48.0%; }
.col4 .c3 { width:73.0%; }
.col4 .c4 { width:98.0%; }
.col4 .emptyformitem { line-height:50px;}

.col4 .prefix_1 { padding-left:25.0%; }
.col4 .prefix_2 { padding-left:50.0%; }
.col4 .prefix_3 { padding-left:75.0%; }

.col4 .suffix_1 { padding-right:25.0%; }
.col4 .suffix_2 { padding-right:50.0%; }
.col4 .suffix_3 { padding-right:75.0%; }

.col4 .push_1 { left:25.0%; }
.col4 .push_2 { left:50.0%; }
.col4 .push_3 { left:75.0%; }

.col4 .pull_1 { left:-25.0%; }
.col4 .pull_2 { left:-50.0%; }
.col4 .pull_3 { left:-75.0%; }


/*
 * ===================
 * PIRES TIMER
 * ===================
 */ 
.time { position: relative; } 
.pires-timer { position: absolute; height: 140px;overflow: auto;background: white;z-index: 100;width: 52px;border: 1px solid #666; } 
.pires-timer li { list-style: none;  } 
.pires-timer li a { text-decoration: none; color: #000; padding-left: 5px; width: 90%;  display: block;  font-weight: normal; } 
.pires-timer li a:hover { background: #E7EBF0; }  

/* 
 * =================== 
 * PIRES RADIO 
 * =================== 
 */ 
.pires-radio { display: inline-block; } 


.accordion  { margin: 20px 1%; }
.accordion.closed > div { display: none; }

/**
 * ===================
 * DIÁLOGOS
 * ===================
 */
.fancybox-inner h3 { line-height:16px; }
.fancybox-inner h3 span {display:block; font-size: 12px;}

/*
 * ===================
 * LAYOUT
 * ===================
 */
#container { position: relative; width: 100%;  }
header { padding: 10px 0 20px;  }
header #out-project { overflow: hidden; min-height: 60px; }
header #out-project h1 { float: left; margin: 0;  }
header #out-project ul { float: right; overflow: auto; margin-top: 5px; }
header #out-project ul li { list-style: none; float: left; margin-left: 25px; }
header #in-project { overflow: auto; }
header #in-project > div { width: 50%; }
header #in-project ul li { display: inline; }
header #in-project ul li a { margin-right: 5px; margin-left: 5px; }
header #in-project .left { float: left; } 
header #in-project .left ul { margin-bottom: 10px; }
header #in-project .right { float: right; text-align: right; } 
footer { z-index: 1; padding: 20px 0; }
footer p { text-align: center; }
#main > div { }



/*
 * ===================
 * DASHBOARD
 * ===================
 */
#dashboard > div:last-child button { width: 100%; margin-bottom: 30px; }
#dashboard > div:last-child li { margin-bottom: 10px; }

#eventos-list {margin:20px 5px;}
#eventos-list li {margin-bottom: 10px;}

/*
 * ===================
 * EVENTS
 * ===================
 */
#events-index > div:last-child h4 { margin-bottom: 10px; }
#events-index > div:last-child ul > li > ul { margin-left: 15px; }
#events-index > div:last-child ul > li { margin-bottom: 5px; }

/*
 * ===================
 * ATIVIDADES
 * ===================
 */
#btNovaGrade { margin-top: 16px;}
#atividades-grid .congressista-link {padding-right:5px; text-decoration:none;}

input[type="text"].hasDatepicker, input[type="text"].hasTimepicker {width: 100px;}

#congressistas-table { width: 700px; }
#congressistas-table tbody tr, #subatividades-table tbody tr { cursor: pointer; }
#pessoa_id_autocomplete { width: 98%; }
.cong_submit-container {margin: 10px 0px; }
.c4.cong_situacao_justif-container { display : none;}
.c4.cong_situacao_justif-container input { width: 98% }
.detalhes-link { text-decoration: underline;}
.detalhes-link:hover { text-decoration:none; }

/*
 * ===================
 * TIPOS DE ATIVIDADES
 * ===================
 */
.color-box { width: 16px; height: 16px; display:inline-block; }

/*
 * ======================
 * MODELOS DE COMUNICAÇÃO
 * ======================
 */
#texto-carta-container { display:none;}
#texto-carta-toggler { margin-right:5px; }
#tags-container { display: none; }

/*
 * ========================================
 * AREA DO CONGRESSISTA - MINHAS ATIVIDADES
 * ========================================
 */
.convidado-accordion { margin-bottom: 20px;}
.convidado-accordion > h3 { background-color:#FFFFFF; margin:20px 0px 0px 0px; padding: 5px; box-shadow: 2px 2px 0 #E3E3E3; font-size: 13px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.convidado-accordion > h3.collapsed { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.convidado-accordion > h3 a { text-decoration: none; }
.convidado-accordion > h3 a:hover { text-decoration: underline; }
.convidado-accordion > div {background-color: #FFF; box-shadow: 2px 2px 0 #E3E3E3; overflow: hidden; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
.convidado-accordion > div p, .accordion > div form {margin : 0px 10px ;}
.convidado-accordion > div p label { display: inline; margin-right: 5px;}
.convidado-accordion > div fieldset { margin: 10px; border: 1px solid #EDEDED; box-shadow:none; }
.convidado-accordion > div fieldset legend { padding: 5px 10px; margin-left: 0px; }
.convidado-accordion .subatividade-container { margin-top: 0px; padding-top: 0px; border-top: none;}
.convidado-accordion .subatividade-container + .subatividade-container { margin-top: 20px; padding-top: 20px; border-top: 1px solid #EDEDED; }
.motivo_recusa-container { display:none;}

.convidado-accordion .atividade-details-container { display: none; }
.convidado-accordion .atividade-details-container ul { margin: 10px 0px 10px 10px;}

/*
 * ===================================
 * ATIVIDADE - DETALHES (VISUALIZAÇÃO)
 * ===================================
 */
.atividade-details-container { width:900px; padding:5px;}
.atividade-details-container header h2, .atividade-details-container header h3 { margin: 0px;}
.atividade-details-container h3 { margin: 10px 0 0 0;}
.atividade-details-container header div label { display: inline; }
.atividade-details-container header div span { margin-right: 10px; }
.atividade-details-container #date-container { font-size: 16px; font-weight: bold; font-style: italic;}
.atividade-details-container li label, .atividade-details-container table label { display: inline; }
.atividade-details-container li.even { background-color: #FFF;}
.atividade-details-container li.odd { background-color: #CCC;}
.atividade-details-container .previous-link { float: left;}
.atividade-details-container .next-link { float: right;}
.atividade-details-container .title {  font-weight: bold;}
.atividade-details-container .empty { font-style: italic; }
.atividade-details-container p {*margin-top: 20px;}

/*Tabela*/
.atividade-details-container table { border:#EAEAEA solid 1px; border-collapse:collapse; margin:10px 0; background:#FFF; border-spacing: 0; box-shadow: inset 0px 1px 0px #FFF, 0px 0px 0px 0px #EDEDED, 0px 1px 2px #999; border:#FFF 1px solid;}
.atividade-details-container table thead th, table tr td { padding:3px;}
.atividade-details-container table thead th { font-size:1em; color:#666; background:#EAEAEA;}
.atividade-details-container table tbody th { font-size:1em; color:#666; background:#F4F4F4; border-top:solid 1px #FFF;}
.atividade-details-container table tr td { font-size:1em; color:#000; border-top:solid 1px #FFF; border-right:solid 1px #FFF;}


/*
 * ========================
 * GRADE PROGRAMACAO
 *
 */
.programacao { background:#F4F4F4; padding:0; margin:0;}
.programacao .topo { text-align:center; padding:15px 0; background:#FFF;}
.programacao .topo .logo { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.programacao .topo .titulo { text-align:left; margin:0 0 0 15px; display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.programacao .topo h1 { font-size:1.167em; color:#E02A1A; font-weight:bold; margin:0;}
.programacao .topo h2 { font-size:1.333em; color:#000; font-weight:bold; margin:0;}
.programacao .grade { margin:0 auto; width:95%;}

/*Títulos*/
.grade h1 { font-size:1em; color:#E02A1A; font-weight:lighter; margin:0;}
.grade h2 { font-size:1.25em; color:#E02A1A; font-weight:lighter; margin:15px 0 0 0;}
.grade h3 { font-size:1em; color:#333; font-weight:bold; margin:0;}

/*Tabelas*/
.grade table { border:#EAEAEA solid 1px; border-collapse:collapse; margin:10px 0; background:#FFF; border-spacing: 0; box-shadow: inset 0px 1px 0px #FFF, 0px 0px 0px 0px #EDEDED, 0px 3px 5px #999;}
.grade table thead th, table tr td { padding:3px;}
.grade table thead th { font-size:1em; color:#666; background:#EAEAEA;}
.grade table tbody th { font-size:1em; color:#666; background:#F4F4F4; border-top:solid 1px #FFF;}
.grade table tr td { font-size:1em; color:#000; border-top:solid 1px #FFF; border-right:solid 1px #FFF;}
.grade table a { color:#000; text-decoration:underline;}

/*Legenda*/
ul.legenda { padding:5px 0 25px 0;}
ul.legenda li { width:auto; margin-right:15px; display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
ul.legenda li .colorbox { width:16px; height:16px; display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; vertical-align:text-bottom; box-shadow: inset 0px 1px 0px #FFF, 0px 0px 0px 0px #EDEDED, 0px 1px 2px #999; border:#FFF 1px solid;}

/*
 * ===================
 * MENU
 * ===================
 */
.menu { display: inline-block; padding: 5px 10px; }
.menu li { list-style: none; }
.menu li a { text-decoration: none; }
.separator {  margin: 5px 0px; }

/*
 * ===================
 * EVENT RESUME
 * ===================
 */
.tab { min-height: 300px; position: relative; margin-top: 15px;  }
.tab > header { position: absolute; top: -57px; width: 100%; }
.tab > header > .left { float: left;}
.tab > header > .right { float: right; text-align: right; }
.tab > header > ul > li { display: inline-block; padding: 5px 15px; }
.tab > header > ul > li > a { text-decoration: none; display: block; padding: 1px 7px;}
.tab > header .dropdown {  position: relative;  }
.tab > header .dropdown:hover ul { display: block; }
.tab > header .dropdown ul { display: none; position: absolute; z-index:100; top: 33px; left: 0px; padding: 5px 10px; }
.tab > header .right .dropdown ul { right: 0px; left:auto; }
.tab > header .dropdown ul li { width: 161px; list-style: none; }
.tab > header .dropdown ul li a { text-decoration: none;display: block; }
.tab > .tab-content { padding: 5px 10px; min-height:460px; }
.tab > .tab-content.rightsided { padding: 0px; }
.tab > .tab-content.rightsided .left, .tab > .tab-content.rightsided .right { padding: 15px 10px; }

/** congressistas: painel com as letras iniciais e links **/
.letras { width: 100%; padding: 10px 0; margin-bottom:10px;}
.letra { padding: 6px; text-align:center; }
.letra + .letra { border-left: 1px solid #CCCCCC;}
.letra.primeiro { border-left: none;}

 * =================== 
 * PRINT STYLES
 * =================== 
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/*
 * ====================
 * JQUERY UI EXTENSIONS
 * ====================
 */ 
.ui-widget { font-size: 12px;}
.ui-button-text-only .ui-button-text { padding: .3em .8em;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .60; filter: Alpha(Opacity=60); }

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert-heading {
  color: inherit;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}