/* Minification failed. Returning unminified contents.
(414,23): run-time error CSS1035: Expected colon, found 'all'
(415,18): run-time error CSS1035: Expected colon, found 'all'
 */
/*

Railscasts-like style (c) Visoft, Inc. (Damien White)

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #232323;
  color: #e6e1dc;
}

.hljs-comment,
.hljs-template_comment,
.hljs-javadoc,
.hljs-shebang {
  color: #bc9458;
  font-style: italic;
}

.hljs-keyword,
.ruby .hljs-function .hljs-keyword,
.hljs-request,
.hljs-status,
.nginx .hljs-title,
.method,
.hljs-list .hljs-title {
  color: #c26230;
}

.hljs-string,
.hljs-number,
.hljs-regexp,
.hljs-tag .hljs-value,
.hljs-cdata,
.hljs-filter .hljs-argument,
.hljs-attr_selector,
.apache .hljs-cbracket,
.hljs-date,
.tex .hljs-command,
.markdown .hljs-link_label {
  color: #a5c261;
}

.hljs-subst {
  color: #519f50;
}

.hljs-tag,
.hljs-tag .hljs-keyword,
.hljs-tag .hljs-title,
.hljs-doctype,
.hljs-sub .hljs-identifier,
.hljs-pi,
.input_number {
  color: #e8bf6a;
}

.hljs-identifier {
  color: #d0d0ff;
}

.hljs-class .hljs-title,
.haskell .hljs-type,
.smalltalk .hljs-class,
.hljs-javadoctag,
.hljs-yardoctag,
.hljs-phpdoc {
  text-decoration: none;
}

.hljs-constant {
  color: #da4939;
}


.hljs-symbol,
.hljs-built_in,
.ruby .hljs-symbol .hljs-string,
.ruby .hljs-symbol .hljs-identifier,
.markdown .hljs-link_url,
.hljs-attribute {
  color: #6d9cbe;
}

.markdown .hljs-link_url {
  text-decoration: underline;
}



.hljs-params,
.hljs-variable,
.clojure .hljs-attribute {
  color: #d0d0ff;
}

.css .hljs-tag,
.hljs-rules .hljs-property,
.hljs-pseudo,
.tex .hljs-special {
  color: #cda869;
}

.css .hljs-class {
  color: #9b703f;
}

.hljs-rules .hljs-keyword {
  color: #c5af75;
}

.hljs-rules .hljs-value {
  color: #cf6a4c;
}

.css .hljs-id {
  color: #8b98ab;
}

.hljs-annotation,
.apache .hljs-sqbracket,
.nginx .hljs-built_in {
  color: #9b859d;
}

.hljs-preprocessor,
.hljs-preprocessor *,
.hljs-pragma {
  color: #8996a8 !important;
}

.hljs-hexcolor,
.css .hljs-value .hljs-number {
  color: #a5c261;
}

.hljs-title,
.hljs-decorator,
.css .hljs-function {
  color: #ffc66d;
}

.diff .hljs-header,
.hljs-chunk {
  background-color: #2f33ab;
  color: #e6e1dc;
  display: inline-block;
  width: 100%;
}

.diff .hljs-change {
  background-color: #4a410d;
  color: #f8f8f8;
  display: inline-block;
  width: 100%;
}

.hljs-addition {
  background-color: #144212;
  color: #e6e1dc;
  display: inline-block;
  width: 100%;
}

.hljs-deletion {
  background-color: #600;
  color: #e6e1dc;
  display: inline-block;
  width: 100%;
}

.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .javascript,
.xml .vbscript,
.xml .css,
.xml .hljs-cdata {
  opacity: 0.7;
}

/**css**/
/* reset5 � 2011 opensource.736cs.com MIT */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=button],button{margin:0!important;padding:0!important;}input,select,a img{vertical-align:middle;}

li {
list-style-type: none;
}
* {
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
  font-size: 13px;
line-height: 1.4em;
  font-family:arial;
  	color:#fff;
}
select {
	padding:10px;

}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
    *display: inline;
    zoom:1;
}
.inline {
	display:inline-block;
}

.pop-up {
	display: none;
position: absolute;
top: 0;
left: 50%;
margin-left: -210px;
width:420px;
margin-top: 10px;
z-index: 10021;
padding: 20px;
background: #FFF;
border: 2px solid #71C2F8;
color: #777;
}
.pop-up select{
display:none;
}
.btn-close {
	background: #777;
padding: 7px;
color: #FFF;
margin: 0 0 20px;
display: block;
text-align: center;
cursor: pointer;
}
/*layout*/
#site {
	background:#eaf2f8;
	overflow: 	hidden;
}
.overlay {
	z-index:100;
	width:100%;
	height:100%;
	position:fixed;
	background: rgba(0,0,0,0.5);
	display: none;
}
.overlay-small {
    display: none;
    position: absolute;
    background: rgba(255, 255, 255, 0.80);
    width: 100%;
    height: 100%;
}
#site-main .containerFirst{
	position:relative;
	padding-top:15px;
	margin-top:45px;
	
}
.section-header{
		background-color:#222e39;
		position: fixed;
		z-index: 10;
}
.section-header .container{
	display: block;
	padding: 10px 10px 10px 30px;
}
.mainArticle h5,
.mainArticle .headerTitle {
	margin-top:15px;
}
a {
	color:#fff;
}
section a {
	color: blue;
}
.description{
	display: inline-block;
vertical-align: bottom;
padding: 25px 10px 0;
}
.section,
#site-main .containerFirst {
	width:100%;

}
.section.notopMargin {
	margin-top:0 !important;
}
.section.section-api-key{
	background:#fff;
	text-align: center;

  	margin: 0 auto;
	display: block;
	margin-top: 72px;

}
.container {
	padding:10px;
}
#site-side {	
	width:150px;
	position:absolute;
	top:0;

}
#Menu {
	display:block;
}

.message-panel {
		padding: 10px;
		margin-bottom:15px;
}
.message-panel.infos{

background: #F5FDCA;
border-left: 6px solid #BEDF3D;
}
.message-panel.alert{
background: #fdebc9;
border-left: 6px solid #dfaf3d;
}
.message-panel.warning{

background: #fdc9cc;
border-left: 6px solid #df3d3d;
}
#footer {
	background: #C2D4E1;
}
#nav-bottom a, #nav-bottom {
color: #004167;
text-decoration: none;
}
#nav-bottom li:nth-child(odd) {
width: 24%;
text-align: center;
}
#nav-bottom li {
float: left;
}
#nav-bottom ul {
	width: 100%
}

.nav-api ul.apiIcons{
width: 100%;
margin: 35px auto;
background: #82C9F1;
}
.apiIcons .selected {
	color:#1C5988;
}
.apiIcons li {
	width: 33%;
float: left;
text-align: center;
}
.apiIcons li:nth-child(3) {
	border-right: 1px dotted #fff;
	border-left: 1px dotted #fff;
}
.bottomInfos {
	color:#004167;
	text-align:center;
}
.section-padding {
padding: 40px;
}
.leftColumn-main {

	margin:27px 10px;

}
.leftColumn-main footer {
	margin-top: 30px;
}
.leftColumn .leftColumn-side { 
			/*left:0;
			float:left;
			position: absolute;
			left:-230px;
				top: 0;*/
				background: #1F5383;				
				min-width:200px;				
				position:relative;
				font-size:15px;
				margin-top:-800px;	
				width: 100%;
				z-index:5;
				position:fixed;
				-webkit-transition: all 1s;
		    -moz-transition all 1s;
		    transition all 1s;

		
				
}
.leftColumn .leftColumn-side.shown {
    margin-top: -14px;
 
}
.leftColumn ul.bullet{
	margin: 5px 20px;
	line-height: 1.5;
	list-style-type: disc;

}
.leftColumn ul.bullet li {
	list-style-type: disc;
} 

.leftColumn ul.numbered{
	margin: 5px 20px;
	line-height: 1.5;
	list-style-type: decimal;

}
.leftColumn ul.numbered li {
	list-style-type: decimal;
} 

.right-nav {

position: absolute;
right: 8px;
top: 5px;
border-left: 1px solid  #a4a4a4;
cursor:pointer;
}
.selectMenu {
	background: #a4a4a4;
	font-size: 17px;
}
.selectMenu-inner {
display: block;
color: #A4A4A4;
text-decoration: none;
text-align: center;
padding: 10px;


border: 5px solid #A4A4A4;
}
.block {
	padding:15px;
	margin-bottom:10px;
	background: #fff;
	border: 1px solid #D3D4D5;
}
/*elements
.arrow-down {
	display:none;
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;	
	border-top: 11px solid #222E39;
	position: absolute;
	margin-left: -25px;
	left: 50%;
	top: 58px;
}*/
.absolute.button-close{
right: 60px;
}
.selected .arrow-down {
	display:block;
}
.nav-top li {
	border-right:1px solid #fff;
}
.nav-top li:last-Child {
	border:none;
}
/*TABLE*/
.table {
	margin:20px 0;
}
.special-td {
	background: #F3E5C6;
color: #6E7377;
}
.infosApi
{
border-collapse:collapse;
color: #7e7e7e;
width:100%;
}
.infosApi a {
	color:#0066cc;
}
.infosApi td, .infosApi th 
{
padding:10px;
}
.infosApi th 
{
font-size:1.2em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
color:#7e7e7e;
}
.infosApi tr.alt td 
{
background-color:#fafafa;
}

.errorApi
{
border-collapse:collapse;
color: #7e7e7e;
width:100%;
}
.errorApi a {
	color:#0066cc;
}
.errorApi td, .errorApi th 
{
font-size:.9em;
padding:10px;
}
.errorApi th 
{
font-size:1.2em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
color:#7e7e7e;
}
.errorApi tr.alt td 
{
background-color:#fafafa;
}

/*form*/
#form-api {
	background: #FFF;
padding: 15px;
position:relative;
}
#form-api-recruiter {
	margin-top:20px;
	text-align: center;

}
#form-api-recruiter input,
input[type=submit]{
	padding:20px !important;
	border: none;
}
#form-api-recruiter input[type="text"] ,
#form-api-recruiter input[type="password"]{
	border:1px solid #a4a4a4;
}
.row {
	margin:7px auto !important;
	width: 100%;
	max-width:500px;
}
/*positionning*/
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.absolute {
	position:absolute;
}
.relative {
	position: relative;
}
/*desktop, tablet, mobile */
.desktop {
	display:none;
}
.tablet {
	display:none;
}
.mobile {
	display:block;
}
/*nav */

.nav-top li {
	display:inline-block;
	*display:inline;
	zoom:1;
}
.open .nav-api {
	display:block;
}
.nav-api {
	display:block;
	background: #82C9F1;
}
.nav-api ul {
	background:#1F5383;
}
.nav-api li a {
	padding: 15px;
	display: block;
	font-size: 18px;
	line-height: 18px;
}

.nav-api li  {
	color :#A4A4A4;
}

.nav-api li ul li ul li a {
	/*color:#fff !important;
	border-bottom:1px solid #fff;*/

}
.nav-api a {
		text-decoration: none;
}

.nav-content {
	display:none;

}
.selected .nav-content {
	display:block;

}


.nav-sub-header,
.nav-core {
	padding-left:0px;
}
.nav-sub-header a {
	padding-left: 40px !important;
}
.nav-api li a,
.nav-header.selected .nav-sub-header a {
	color:#fff;
	background: none;
}
.nav-header.selected .nav-sub-header a.active {
	color: #fff;
}
.nav-header a:first-child {
	background: #2989d8; /* Old browsers */
background: -moz-linear-gradient(top,  #2989d8 6%, #1e5799 96%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#2989d8), color-stop(96%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2989d8 6%,#1e5799 96%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2989d8 6%,#1e5799 96%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2989d8 6%,#1e5799 96%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2989d8 6%,#1e5799 96%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #FFF;
}
/*caracteristiques*/
.card h5.mainheaderH5 {
font-size: 20px;
margin: 20px 0 10px 0;
font-weight: normal;
color: #222E39;
text-align: right;
padding: 15px 0;
/* display: inline-block; */
background: #DCEEF5;
padding: 10px;
/* float: right; */
}
.bordered {
	border:1px solid #a4a4a4;
	padding:15px;
	line-height:1.4em;
	word-break: break-all;
}
.colored-grey {
	color: #7e7e7e;
}
.colored-red{
		color: #F81022;
}
/*icons*/
[class^="icon-"], [class*=" icon-"] {
display: inline-block;
width: 14px;
height: 14px;
margin-top: 1px;
line-height: 14px;
vertical-align: text-top;
background-image: url("../resources/images/sprite.png");
background-position: 14px 14px;
background-repeat: no-repeat;
*display:inline;
	zoom:1;
}
.icon-jobseeker ,
.icon-recruiter,
.icon-courses 
{
margin: 0 auto;
display: block;
cursor:pointer;
}
.icon-jobseeker {
width: 80px;
height: 80px;
background-position: 7px -70px;
}
.selected .icon-jobseeker,
.icon-jobseeker:hover {
	background-position: 7px -178px;
}
.icon-recruiter {
width: 82px;
height: 85px;
background-position: -61px -72px;
}
.selected .icon-recruiter,
.icon-recruiter:hover {
	background-position: -61px -180px;
}
.icon-courses {
width: 120px;
height: 80px;
background-position: -143px -72px;

}
.selected .icon-courses,
.icon-courses:hover {
	background-position: -143px -180px;
}
.icon-key {
background-position: -400px -17px;
width: 26px;
height: 32px;
}
.icon-arrow {
	background-position: -297px -88px;
	width: 20px;
	height: 17px;
}
.selected .icon-arrow {
	background-position: -268px -88px;
}
.icon-menu {
background-position: -221px -12px;
width: 40px;
height: 51px;
margin: 0 20px;
cursor:pointer;
}
.icon-close {
background-position: -412px -60px;
width: 16px;
height: 15px;
}
.icon-logo {
background-position: -270px -12px;
width: 115px;
height: 51px;
}
.icon-API {
background-position: 0 -75px;
width: 225px;
height: 115px;
}
.icon-arrow-nav {
background-position: -395px -74px;
width: 50px;
height: 36px;
}
#ajax-loader {

	    display: block;
        height: 150px;
        width: 150px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -75px;
        margin-left: -75px;

}
/*grid*/
[class*="span"] {
display: block;
float: left;
margin-left: 0;
border:1px solid #a4a4a4;

}
.span-3 {
margin :15px;
color:#a4a4a4;
padding:15px;
}
.collapsed {
	display:none;
}
.expand {
	display:block;
}
/*fonts*/
h1,
h2 {
	font-size:24px;
	line-height:24px;
	color:#7e7e7e;
	font-weight: normal;
	margin-bottom:20px;
	padding:10px 0 20px;
	border-bottom:1px solid #D3D4D5;
}
h3 {
	font-size:18px;
	line-height:22px;
	padding:10px 0;
	font-weight: normal;
	}
h3.headerTitle{
background: #DCDFE0;
padding: 10px;
color: #45484B;
position: relative;
cursor: pointer;
margin-bottom: 15px;
}
.snippet h3.headerTitle {
background: #FAAF5D;
padding: 10px;
color: #FFF;
}
h3.headerTitle span{
	display:inline-block;
	background:  url(../resources/images/expandSprite.png) no-repeat;
	width: 36px;
height: 32px;
position: absolute;
right: 5px;
top: 5px;
cursor: pointer;
}
h3.headerTitle.selected span{
	background:  url(../resources/images/expandSprite.png) no-repeat 0 -32px;


}
h4 {
	font-size:16px;
	line-height:20px;
	color:#7e7e7e;
	font-style: italic;
	margin-bottom:10px;
	text-decoration: underline;

}
code {
	background: #F5F7FD;
color: #153DBB;
display: block;
padding: 10px;
word-break: break-all;
margin-top:15px;
}
p {
	font-size: 1.1em;
padding:10px 0 10px ;
line-height: 1.4em;
}
.font-xl {
	font-size:24px !important;
	line-height: 28px !important;
}
.font-l {
	font-size:18px !important;
	line-height: 20px !important;	
}
.font-m {
	font-size:14px !important;
	line-height: 16px !important;	
}
.font-s {
	font-size:12px !important;
	line-height: 14px !important;	
}
/*buttons*/

.button {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #0e7ff3;
  *background-color: #0e7ff3;
  text-decoration:none;
}
.button.open-pop-up {
	color:#fff 	!important;
	margin-top:10px;
}
.button-xl  {
	padding: 12px 20px;
	display: block;
}
.button.disabled,
.button[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.button:first-child {
  *margin-left: 0;
}

.button:hover {
text-decoration: underline;

}


.button.disabled,
.button[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.button-primary,
.button-primary:hover{
  color: #ffffff;
  background-color: #ff5b00;
  *background-color: #ff5b00;
  text-decoration: none;
}
.button-noBg,
.button-noBg:hover {
	background:none;
	color:#fff;
}
.button-close,
.button-close:hover {
	background: #F7F7F7;
border: 1px solid #F3F3F3;
color: #ADA9A9;
}
/*************/
.input-validation-error {
     color: #a94442;
background-color: #f2dede;
border-color: #a94442;
 }

.api-table {
    margin: 20px 0px 20px 0px;
}

.api-table  td {
    padding: 10px 10px 0px 10px;
}

.api-field {
    width: 100%;
    height: 40px;
    font-size: 16px;
    padding-left: 15px;
}

.api-button {
    border: none;
    font-size: 16px;
    border-radius: 5px;
    background-color: #04c;
    color: #fff;
    width: 140px;
    height: 40px;
    cursor: pointer;
}

.required:after 
{
    content: "*";
    font-weight: bold;
    color: red; 
}


/*
 * Toastr
 * Copyright 2012-2014 John Papa and Hans Fjällemark.
 * All Rights Reserved.
 * Use, reproduction, distribution, and modification of this code is subject to the terms and
 * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
 *
 * Author: John Papa and Hans Fjällemark
 * Project: https://github.com/CodeSeven/toastr
 */
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/

}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

