/*********************  AJOUTS TOULOUSE INP ******************/
html {

--inp-rose: #d3025c;
--inp-gris-bleu: #0a2b35;
--inp-color: #d3025c;    
--inp-bg-color: #6BBFB4;    

--inp-cas-border: #567EC088;

--inp-cb-vert-fonce: #0F8F41;
--inp-cb-vert-clair: #C2D358;
--inp-cb-bleu-fonce: #213A7D;
--inp-cb-bleu-clair: #567EC0;
--inp-cb-gris: #A99BA9;
--inp-cb-orange: #D68203;
--inp-cb-yellow: #C2D358;
--inp-cb-rose: #d3025c;

--connect-bg : var(--inp-cb-rose);

/* planete imports : */
--bandeau-linear-bg-color: #6B7384;
--bandeau-linear-end-color: #283042;
--bandeau-bg : #7A8192;
--triangle-img : url("../common/images/triangle_INP.svg");
--lateral-bg-color : #e5005c; /*#c8d36a; */
--lateral-hover-bg-color :  #727A8B; /*rgba(119,127,144,0.75): /* #727A8B; /* #bac718; */
--onglet-color : #3c3c3c;
--onglet-menu-bg : rgba(222,222,228,0.85);
--bouton-bg : rgb(227,227,232); /* rgba(217,141,26,0.75); /* #40BAFE; /*  #935F83; /* #40BAFE;  /* #3c3c3c;*/
--bouton-bg-hover :#d3025c;
--bouton-icon-color: #E5005D; 
--bouton-icon-color-hover: #d3025c;
--bouton-color: #3C3C3C; 
--bouton-color-hover: white;
--onglet-sous-menu-hover-bg : rgb(229,0,93); /* rgba(147,95,131,0.85); */
--login-btn-width : 100px;
--launcher-border-color:#7A8192;
--launcher-desc-bg:#f0f0ff;
--font-inp1: gotham black;
--font-inp2: FontAwesome;
--font-inp3: Verdana;
--font-inp4: sans-serif;
height:100%;
width:100%;
font-family: var(--font-inp1);
}


#attribute-tabs {
  display : none;
}


#attribute-tab-0, #attribute-tab-1, #content > div > p:nth-child(4)  {
    display : none;
}



.mdc-top-app-bar--fixed-adjust {
	padding-top:0px !important;

}


.login {
    height: 100%;
    vertical-align: middle;
    margin: 2vh auto 2vh auto;
    z-index: -10;
}


#loginForm {
        background-color: var(--onglet-color) !important;
}

.loginSection {
        background-color: var(--onglet-color) !important;
}


.title_wrapper {
  display: inline;
}

#copyright {
    position: absolute;
    bottom: 2em;
    font-size: 1em;
}
#poweredBy {
    position: absolute;
    bottom: 3em;
    font-size: 1em;
}

.form-wrapper {
  background-color:#fff;
}


#fm1 {
  width:50%;

}
.mdc-card {
  border-radius: 4px;
  border-radius: var(--mdc-shape-medium, 4px);
  background-color: #fff;
  position: relative;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width:100%;
}



#warnTestTitle {
  position: absolute;
  top: 5vmin;
  left: 19vmin;
  text-indent: calc(2vw + 12vmin);
  text-align: center;
  color: red;
  font-size : 1em;
  font-style: italic;
  display: block;
  word-wrap: break-word;
}

#appTitle {
    position: absolute;
    top: 0.5vmin;
    left: 11vmin;
    height: 6vw;
    text-indent: calc(2vw + 12vmin);
    text-align: center;
    font-size: calc(0.2em + 1.5vmin);
    color: white;
    margin-top: 2vmin;
    margin-left: 0;
    margin-right: 0;
  display: block;
  word-wrap: break-word;

}

.label-login {
   font-size : 1.1em;
}

.mdi-security, #loginErrorsPanel, i.mdi-security > span {
  margin-left:10px;	
}

#loginErrorsPanel {
  margin-left: 15%;
  color: #d3025c;
  background-color: #f7bbd4;
  font-weight: normal;
  padding-left: 20px;
}

#loginErrorsPanel p {
padding : 5px;
}

#connect-button button {
  width : 85%;
  margin-left : 15%;
}

#toggle-button {
   display: flex !important;
   order : 2;	
   background-color: white; /* var(--inp-cb-orange);*/
   color : black;
   height: 100%;
   border : none;
}

#loginpw {
	float: left;
 	position: relative;
	padding-bottom: 1em;
	width: 100%;
}

#notices {
	text-align: right;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width:45%;
}

#notices a {
	color: black;
}

/************************** overrides CSS externes ********************/

.mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) {
    background-color : var(--connect-bg);
}
/*
Modals
*/
.huge {
  font-size: 30pt;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}

.semi-huge {
  font-size: 18pt;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}

html, body {
    height: 100%;
}
.main {
    height: 100%;
    width: 100%;
    display: table;
}



body {
  font-size: 14px;
  font-family: Gotham, sans-serif;
  background-color: #232a41; 
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after, q::before, q::after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

a:link, a:visited {
  color: #257bb2;
}

a:hover {
  color: #a0b757;
}

a.btn-success:link, a.btn-success:visited, a.btn-success:hover {
  color: white;
}

p {
  margin-bottom: 1.4em;
}

#loginErrorsPanel p {
   margin-bottom: -0.5em;	

}

i.mdi-door-open + span, i.mdi-logout + span {
 color: green;	
}


/** border : 1px solid white; */
header {
  overflow: hidden;
  /** background: rgba(50,50,50,0.5); */
  background : url("../images/logo_inp_blanc_marianne.svg") no-repeat scroll 2vmin 32% / 20.5vmin 9vmin, #d3025c;
  height : calc(30px + 3vmin);
  padding : 2vmin;
}

header h1 {
   position : relative;
  top: 1vmin;
  left: 2vw;
  height: 6vw;
  text-indent: calc(2vw + 12vmin);
  text-align: center;
  font-size : calc(0.2em + 1.5vmin);
  color: white;
  margin-top: 2vmin;
  margin-left: 0;
  margin-right: 0;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

#container {
  height: 100%;
  vertical-align: middle;
  width: 960px;
  margin: 2vh auto 2vh auto;
 z-index: -10;
}

#loginForm {
	background-color: white !important;
	width: 100%;
}

.loginSection {
	background-color: var(--onglet-color) !important;
}

/** looking for user password inputs */  

input[type="text"], input.mdc-text-field__input{
	padding-left:10px;
	background-color: white !important;
}


span.label_login, span.label-login {
	width :128px;
	text-transform: uppercase;
	font-size: 0.8em;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    font-family: var(--mdc-typography-font-family, Roboto, sans-serif);
}

/**fix height override border */
.mdc-text-field {
	will-change:unset;
}


#usernameSection {
margin-left: 15%;
outline: 1px solid;
padding-left: 20px;
background: url("../images/picto_profil_box.svg") no-repeat scroll 10px 20px / 15px 15px;
  background-color: rgba(0, 0, 0, 0);
}

input[type="text"]#username, input[type="text"]#password {
font-family: var(--mdc-typography-font-family, Roboto, sans-serif);
font-size: 1.0rem;
}

#ppSection {
margin-left: 15%;
outline: 1px solid;
padding-left: 20px;
background: url("../images/picto_verrou_box.svg") no-repeat scroll 10px 20px / 15px 15px;
  background-color: rgba(0, 0, 0, 0);
}



#logo {
  display: block;
  background: url(../images/logo-inp.png) no-repeat 2vmin 0 / 20.57vmin 9vmin;
  float: left;
  width: 80%;
  margin-right: 40px;
  border: 0px;
  color: white;
  height: 9vmin;
}

#content {
  background-color: white;
}

.mdc-card {


}

#loadingMessage {
  font-size: 1.4rem;
}

#serviceui  img  {
max-width : 100px;
max-height : 100px;

}

#serviceui.serviceinfo {
  border: 1px dotted #0066FF;
  color: black;
  padding-left: 10px;
  padding-top: 5px;
}

#servicedesc {
  vertical-align: middle;
  padding-left: 30px;
  width: 90%;
}

.modal {
  display: none;
}

@media screen and (min-width: 960px) {
  #container {
    width: 960px;
  }

}

@media screen and (min-width: 1280px) {
  #ssosessions-page #container {
    width: 1280px;
  }
}

@media only screen and (max-width: 960px) {
  header {
  //  padding: 20px;
  }
  #container {
    width: 100%;
  }
  #content {
    padding: 0;
  }
}

@media (max-width: 960px){

 #fm1 {
   width:100%;

	}
  #notices {
    position:relative;
    width:100%;	


  }
  #attribute-tab-0, #attribute-tab-1, #content > div > p:nth-child(4)  {
    display : none;
  }

  .hide-on-mobile {
   visibility:hidden;
  } 
  #usernameSection, #ppSection, #loginErrorsPanel {
        margin-left:15%;
        width: 70%;
  }



  #connect-button button {
        margin-left: 15%;
        width: 70vw;
  }

}



/**
@media  (max-width: 270px) {
  header {
    display: none;
  }
} 
*/

@media only screen and (max-width: 720px) {

.container, .container-lg {
padding-right:.75rem;
padding-left:.75rem;
}

.py-4 {
   /* padding-top: 0px!important;*/
    padding-bottom: 0px!important;
}

  #usernameSection, #ppSection, #loginErrorsPanel {
	margin-left:5%;
	width: 90%;
  }

  #connect-button button {
	margin-left: 5%;
	width: 90%;
  }

  span.label_login, span.label-login {
    /* width: 128px; */
    font-size: calc(1vw + 0.3em);
  }

  #login {
    float: none;
    width: 100%;
  }
  #content {
	overflow: hidden;
  }
  #loginForm > div, div#content > div > div {
  }

  #fm1 .row input[type=text],
  #fm1 .row input[type=password] {
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #fm1 .row .btn-submit {
    outline: none;
    border: 0;
    background: #3B4A58;
    color: white;
    font-weight: bold;
    width: 100%;
    padding: 10px 20px;
    border-radius: 3px;
  }
  #fm1 .row .btn-reset {
    display: none;
  }
  #sidebar {
    margin-top: 10px;
  }
  #sidebar .sidebar-content {
    padding: 0;
  }
}

/*
 * Since switching to the Bootstrap alerts, has this become depricated?
 */
#msg {
  margin-bottom: 40px;
  border: 1px dotted #eeeeee;
  padding: 20px 20px 20px 100px;
  background-repeat: no-repeat;
  background-position: 20px center;
}

#msg .errors {
  border-color: #BB0000;
  color: #BB0000;
  background-image: url(../images/error.png);
}

#msg .success {
  border-color: #390;
  color: #390;
  background-image: url(../images/success.png);
}

#msg .info {
  border-color: #008;
  color: #008;
  background-image: url(../images/info.png);
}

#msg .question {
  border-color: #390;
  color: #390;
  background-image: url(../images/question.png);
}

#msg .warn {
  border-color: #960;
  color: #960;
  background: #ffbc8f url(../images/info.png);
}

.errors {
  border: 1px dotted #BB0000;
  color: #BB0000;
  padding-left: 100px;
  padding-top: 5px;
  margin-bottom: 5px;
  background: url(../images/error.png) no-repeat 20px center;
}

/*
Modals
*/
/*
 * CAS default overrides
 */
.clogin #content {
 background-color: var(--inp-cas-border);
// background: transparent;
}

#login {
  padding: 30px;
  background-color: rgba(200, 200, 200, 0.95);
  border-radius: 4px;
  overflow: hidden;
  vertical-align: top;
}

#login .login-header {
  text-align: center;
  padding: 20px;
  background-color: #d5d5d5;
  margin: -30px;
  margin-bottom: 10px;
}

#login .login-header h2 {
  font-weight: 300;
  color: black;
  font-family: 'Lato', sans-serif;
  margin-top: 0;
}

#login .login-header .fa-circle {
  color: #1490b3;
}

#login form > h2 {
  display: none;
}

#login .row {
  margin: 20px 0;
}

#login label {
  display: block;
  margin-bottom: 2px;
}

#login .check label {
  display: inline;
}

#login input[type=text], #login input[type=password] {
  font-size: 1.42rem;
  padding: 5px;
  width: 100%;
}

#login .btn-row {
  text-align: center;
}

#login .btn-reset {
  display: none;
}

#login .btn-reset:hover {
  cursor: pointer;
  background: #d4d4d4;
}

#login #yubiKeyForm > h2 {
  display: block;
}

#login #yubiKeyForm .btn-reset {
  display: inline-block;
}

#capslock-on {
  color: firebrick;
}

#sidebar {
  width: auto;
  background-color: white;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

#list-providers ul {
  list-style: none;
}

#list-providers ul li {
  list-style: none;
  margin-bottom: 1em;
}

#list-providers a.btn:link, #list-providers a.btn:visited {
  color: white;
}

#list-languages h3, #list-providers h3 {
  margin-bottom: 1.4em;
}

#list-languages ul li {
  list-style: none;
  display: inline-block;
  margin-right: 2em;
}

#notices h2 {
  font-size: 1.75rem;
}

#notices p {
  font-size: 1.33rem;
}


.well {
margin-bottom:0px;
background-color: transparent;
border : none;

}

.well h3{
color : white;
}


#notices ul.list-group a, #notices ul.list-group a:hover, #notices ul.list-group a:visited {
  text-decoration:none;
}

#notices ul.list-group i {
  font-size: 1.5em;
}

#notices #serviceui h2, #notices #serviceui h3, #notices #serviceui h4 {
  margin-top: 0;
}

#notices .well h3 {
  margin-top: 0;
  font-size: 1.75rem;
}

#notices .well ul.list-group {
  list-style-type: none;
  margin-left: 12px;
  padding: 0;
}

footer {
  padding: 20px;
  color: white;
}

footer a:link, footer a:visited {
  color: white;
}

/*
Modals
*/
.btn-social, .btn-social-icon {
  background-color: slategray;
}

/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */
.btn-social, .btn-social-icon {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-social > :first-child, .btn-social-icon > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-social.btn-lg, .btn-lg.btn-social-icon {
  padding-left: 61px;
}

.btn-social.btn-lg > :first-child, .btn-lg.btn-social-icon > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}

.btn-social.btn-sm, .btn-sm.btn-social-icon {
  padding-left: 38px;
}

.btn-social.btn-sm > :first-child, .btn-sm.btn-social-icon > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}

.btn-social.btn-xs, .btn-xs.btn-social-icon {
  padding-left: 30px;
}

.btn-social.btn-xs > :first-child, .btn-xs.btn-social-icon > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}

.btn-social-icon {
  height: 34px;
  width: 34px;
  padding: 0;
}

.btn-social-icon > :first-child {
  border: none;
  text-align: center;
  width: 100% !important;
}

.btn-social-icon.btn-lg {
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}

.btn-social-icon.btn-sm {
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}

.btn-social-icon.btn-xs {
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}

.btn-adn {
  background-color: #d87a68;
  color: #fff;
  background-color: #d87a68;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:focus, .btn-adn.focus {
  color: #fff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:active, .btn-adn.active,
.open > .btn-adn.dropdown-toggle {
  color: #fff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:active:hover, .btn-adn:active:focus, .btn-adn:active.focus, .btn-adn.active:hover, .btn-adn.active:focus, .btn-adn.active.focus,
.open > .btn-adn.dropdown-toggle:hover,
.open > .btn-adn.dropdown-toggle:focus,
.open > .btn-adn.dropdown-toggle.focus {
  color: #fff;
  background-color: #b94630;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:active, .btn-adn.active,
.open > .btn-adn.dropdown-toggle {
  background-image: none;
}

.btn-adn.disabled:hover, .btn-adn.disabled:focus, .btn-adn.disabled.focus, .btn-adn[disabled]:hover, .btn-adn[disabled]:focus, .btn-adn[disabled].focus,
fieldset[disabled] .btn-adn:hover,
fieldset[disabled] .btn-adn:focus,
fieldset[disabled] .btn-adn.focus {
  background-color: #d87a68;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn .badge {
  color: #d87a68;
  background-color: #fff;
}

.btn-bitbucket {
  background-color: #205081;
  color: #fff;
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:focus, .btn-bitbucket.focus {
  color: #fff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:hover {
  color: #fff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:active, .btn-bitbucket.active,
.open > .btn-bitbucket.dropdown-toggle {
  color: #fff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:active:hover, .btn-bitbucket:active:focus, .btn-bitbucket:active.focus, .btn-bitbucket.active:hover, .btn-bitbucket.active:focus, .btn-bitbucket.active.focus,
.open > .btn-bitbucket.dropdown-toggle:hover,
.open > .btn-bitbucket.dropdown-toggle:focus,
.open > .btn-bitbucket.dropdown-toggle.focus {
  color: #fff;
  background-color: #0f253c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:active, .btn-bitbucket.active,
.open > .btn-bitbucket.dropdown-toggle {
  background-image: none;
}

.btn-bitbucket.disabled:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket.disabled.focus, .btn-bitbucket[disabled]:hover, .btn-bitbucket[disabled]:focus, .btn-bitbucket[disabled].focus,
fieldset[disabled] .btn-bitbucket:hover,
fieldset[disabled] .btn-bitbucket:focus,
fieldset[disabled] .btn-bitbucket.focus {
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket .badge {
  color: #205081;
  background-color: #fff;
}

.btn-dropbox {
  background-color: #1087dd;
  color: #fff;
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:focus, .btn-dropbox.focus {
  color: #fff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:hover {
  color: #fff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:active, .btn-dropbox.active,
.open > .btn-dropbox.dropdown-toggle {
  color: #fff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:active:hover, .btn-dropbox:active:focus, .btn-dropbox:active.focus, .btn-dropbox.active:hover, .btn-dropbox.active:focus, .btn-dropbox.active.focus,
.open > .btn-dropbox.dropdown-toggle:hover,
.open > .btn-dropbox.dropdown-toggle:focus,
.open > .btn-dropbox.dropdown-toggle.focus {
  color: #fff;
  background-color: #0a568c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:active, .btn-dropbox.active,
.open > .btn-dropbox.dropdown-toggle {
  background-image: none;
}

.btn-dropbox.disabled:hover, .btn-dropbox.disabled:focus, .btn-dropbox.disabled.focus, .btn-dropbox[disabled]:hover, .btn-dropbox[disabled]:focus, .btn-dropbox[disabled].focus,
fieldset[disabled] .btn-dropbox:hover,
fieldset[disabled] .btn-dropbox:focus,
fieldset[disabled] .btn-dropbox.focus {
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox .badge {
  color: #1087dd;
  background-color: #fff;
}

.btn-facebook {
  background-color: #3b5998;
  color: #fff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:focus, .btn-facebook.focus {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:hover {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active, .btn-facebook.active,
.open > .btn-facebook.dropdown-toggle {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active:hover, .btn-facebook:active:focus, .btn-facebook:active.focus, .btn-facebook.active:hover, .btn-facebook.active:focus, .btn-facebook.active.focus,
.open > .btn-facebook.dropdown-toggle:hover,
.open > .btn-facebook.dropdown-toggle:focus,
.open > .btn-facebook.dropdown-toggle.focus {
  color: #fff;
  background-color: #23345a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active, .btn-facebook.active,
.open > .btn-facebook.dropdown-toggle {
  background-image: none;
}

.btn-facebook.disabled:hover, .btn-facebook.disabled:focus, .btn-facebook.disabled.focus, .btn-facebook[disabled]:hover, .btn-facebook[disabled]:focus, .btn-facebook[disabled].focus,
fieldset[disabled] .btn-facebook:hover,
fieldset[disabled] .btn-facebook:focus,
fieldset[disabled] .btn-facebook.focus {
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook .badge {
  color: #3b5998;
  background-color: #fff;
}

.btn-flickr {
  background-color: #ff0084;
  color: #fff;
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:focus, .btn-flickr.focus {
  color: #fff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:hover {
  color: #fff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:active, .btn-flickr.active,
.open > .btn-flickr.dropdown-toggle {
  color: #fff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:active:hover, .btn-flickr:active:focus, .btn-flickr:active.focus, .btn-flickr.active:hover, .btn-flickr.active:focus, .btn-flickr.active.focus,
.open > .btn-flickr.dropdown-toggle:hover,
.open > .btn-flickr.dropdown-toggle:focus,
.open > .btn-flickr.dropdown-toggle.focus {
  color: #fff;
  background-color: #a80057;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:active, .btn-flickr.active,
.open > .btn-flickr.dropdown-toggle {
  background-image: none;
}

.btn-flickr.disabled:hover, .btn-flickr.disabled:focus, .btn-flickr.disabled.focus, .btn-flickr[disabled]:hover, .btn-flickr[disabled]:focus, .btn-flickr[disabled].focus,
fieldset[disabled] .btn-flickr:hover,
fieldset[disabled] .btn-flickr:focus,
fieldset[disabled] .btn-flickr.focus {
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr .badge {
  color: #ff0084;
  background-color: #fff;
}

.btn-foursquare {
  background-color: #f94877;
  color: #fff;
  background-color: #f94877;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:focus, .btn-foursquare.focus {
  color: #fff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:active, .btn-foursquare.active,
.open > .btn-foursquare.dropdown-toggle {
  color: #fff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:active:hover, .btn-foursquare:active:focus, .btn-foursquare:active.focus, .btn-foursquare.active:hover, .btn-foursquare.active:focus, .btn-foursquare.active.focus,
.open > .btn-foursquare.dropdown-toggle:hover,
.open > .btn-foursquare.dropdown-toggle:focus,
.open > .btn-foursquare.dropdown-toggle.focus {
  color: #fff;
  background-color: #e30742;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:active, .btn-foursquare.active,
.open > .btn-foursquare.dropdown-toggle {
  background-image: none;
}

.btn-foursquare.disabled:hover, .btn-foursquare.disabled:focus, .btn-foursquare.disabled.focus, .btn-foursquare[disabled]:hover, .btn-foursquare[disabled]:focus, .btn-foursquare[disabled].focus,
fieldset[disabled] .btn-foursquare:hover,
fieldset[disabled] .btn-foursquare:focus,
fieldset[disabled] .btn-foursquare.focus {
  background-color: #f94877;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare .badge {
  color: #f94877;
  background-color: #fff;
}

.btn-github {
  background-color: #444444;
  color: #fff;
  background-color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:focus, .btn-github.focus {
  color: #fff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:hover {
  color: #fff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:active, .btn-github.active,
.open > .btn-github.dropdown-toggle {
  color: #fff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:active:hover, .btn-github:active:focus, .btn-github:active.focus, .btn-github.active:hover, .btn-github.active:focus, .btn-github.active.focus,
.open > .btn-github.dropdown-toggle:hover,
.open > .btn-github.dropdown-toggle:focus,
.open > .btn-github.dropdown-toggle.focus {
  color: #fff;
  background-color: #191919;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:active, .btn-github.active,
.open > .btn-github.dropdown-toggle {
  background-image: none;
}

.btn-github.disabled:hover, .btn-github.disabled:focus, .btn-github.disabled.focus, .btn-github[disabled]:hover, .btn-github[disabled]:focus, .btn-github[disabled].focus,
fieldset[disabled] .btn-github:hover,
fieldset[disabled] .btn-github:focus,
fieldset[disabled] .btn-github.focus {
  background-color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github .badge {
  color: #444444;
  background-color: #fff;
}

.btn-google {
  background-color: #dd4b39;
  color: #fff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:focus, .btn-google.focus {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:hover {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active, .btn-google.active,
.open > .btn-google.dropdown-toggle {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active:hover, .btn-google:active:focus, .btn-google:active.focus, .btn-google.active:hover, .btn-google.active:focus, .btn-google.active.focus,
.open > .btn-google.dropdown-toggle:hover,
.open > .btn-google.dropdown-toggle:focus,
.open > .btn-google.dropdown-toggle.focus {
  color: #fff;
  background-color: #a32b1c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active, .btn-google.active,
.open > .btn-google.dropdown-toggle {
  background-image: none;
}

.btn-google.disabled:hover, .btn-google.disabled:focus, .btn-google.disabled.focus, .btn-google[disabled]:hover, .btn-google[disabled]:focus, .btn-google[disabled].focus,
fieldset[disabled] .btn-google:hover,
fieldset[disabled] .btn-google:focus,
fieldset[disabled] .btn-google.focus {
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google .badge {
  color: #dd4b39;
  background-color: #fff;
}

.btn-instagram {
  background-color: #3f729b;
  color: #fff;
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:focus, .btn-instagram.focus {
  color: #fff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:hover {
  color: #fff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:active, .btn-instagram.active,
.open > .btn-instagram.dropdown-toggle {
  color: #fff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:active:hover, .btn-instagram:active:focus, .btn-instagram:active.focus, .btn-instagram.active:hover, .btn-instagram.active:focus, .btn-instagram.active.focus,
.open > .btn-instagram.dropdown-toggle:hover,
.open > .btn-instagram.dropdown-toggle:focus,
.open > .btn-instagram.dropdown-toggle.focus {
  color: #fff;
  background-color: #26455d;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:active, .btn-instagram.active,
.open > .btn-instagram.dropdown-toggle {
  background-image: none;
}

.btn-instagram.disabled:hover, .btn-instagram.disabled:focus, .btn-instagram.disabled.focus, .btn-instagram[disabled]:hover, .btn-instagram[disabled]:focus, .btn-instagram[disabled].focus,
fieldset[disabled] .btn-instagram:hover,
fieldset[disabled] .btn-instagram:focus,
fieldset[disabled] .btn-instagram.focus {
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram .badge {
  color: #3f729b;
  background-color: #fff;
}

.btn-linkedin {
  background-color: #007bb6;
  color: #fff;
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:focus, .btn-linkedin.focus {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:hover {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:active, .btn-linkedin.active,
.open > .btn-linkedin.dropdown-toggle {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:active:hover, .btn-linkedin:active:focus, .btn-linkedin:active.focus, .btn-linkedin.active:hover, .btn-linkedin.active:focus, .btn-linkedin.active.focus,
.open > .btn-linkedin.dropdown-toggle:hover,
.open > .btn-linkedin.dropdown-toggle:focus,
.open > .btn-linkedin.dropdown-toggle.focus {
  color: #fff;
  background-color: #00405f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:active, .btn-linkedin.active,
.open > .btn-linkedin.dropdown-toggle {
  background-image: none;
}

.btn-linkedin.disabled:hover, .btn-linkedin.disabled:focus, .btn-linkedin.disabled.focus, .btn-linkedin[disabled]:hover, .btn-linkedin[disabled]:focus, .btn-linkedin[disabled].focus,
fieldset[disabled] .btn-linkedin:hover,
fieldset[disabled] .btn-linkedin:focus,
fieldset[disabled] .btn-linkedin.focus {
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin .badge {
  color: #007bb6;
  background-color: #fff;
}

.btn-microsoft {
  background-color: #2672ec;
  color: #fff;
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:focus, .btn-microsoft.focus {
  color: #fff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:hover {
  color: #fff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:active, .btn-microsoft.active,
.open > .btn-microsoft.dropdown-toggle {
  color: #fff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:active:hover, .btn-microsoft:active:focus, .btn-microsoft:active.focus, .btn-microsoft.active:hover, .btn-microsoft.active:focus, .btn-microsoft.active.focus,
.open > .btn-microsoft.dropdown-toggle:hover,
.open > .btn-microsoft.dropdown-toggle:focus,
.open > .btn-microsoft.dropdown-toggle.focus {
  color: #fff;
  background-color: #0f4bac;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:active, .btn-microsoft.active,
.open > .btn-microsoft.dropdown-toggle {
  background-image: none;
}

.btn-microsoft.disabled:hover, .btn-microsoft.disabled:focus, .btn-microsoft.disabled.focus, .btn-microsoft[disabled]:hover, .btn-microsoft[disabled]:focus, .btn-microsoft[disabled].focus,
fieldset[disabled] .btn-microsoft:hover,
fieldset[disabled] .btn-microsoft:focus,
fieldset[disabled] .btn-microsoft.focus {
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft .badge {
  color: #2672ec;
  background-color: #fff;
}

.btn-odnoklassniki {
  background-color: #f4731c;
  color: #fff;
  background-color: #f4731c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:focus, .btn-odnoklassniki.focus {
  color: #fff;
  background-color: #d35b0a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:hover {
  color: #fff;
  background-color: #d35b0a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:active, .btn-odnoklassniki.active,
.open > .btn-odnoklassniki.dropdown-toggle {
  color: #fff;
  background-color: #d35b0a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:active:hover, .btn-odnoklassniki:active:focus, .btn-odnoklassniki:active.focus, .btn-odnoklassniki.active:hover, .btn-odnoklassniki.active:focus, .btn-odnoklassniki.active.focus,
.open > .btn-odnoklassniki.dropdown-toggle:hover,
.open > .btn-odnoklassniki.dropdown-toggle:focus,
.open > .btn-odnoklassniki.dropdown-toggle.focus {
  color: #fff;
  background-color: #b14c09;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:active, .btn-odnoklassniki.active,
.open > .btn-odnoklassniki.dropdown-toggle {
  background-image: none;
}

.btn-odnoklassniki.disabled:hover, .btn-odnoklassniki.disabled:focus, .btn-odnoklassniki.disabled.focus, .btn-odnoklassniki[disabled]:hover, .btn-odnoklassniki[disabled]:focus, .btn-odnoklassniki[disabled].focus,
fieldset[disabled] .btn-odnoklassniki:hover,
fieldset[disabled] .btn-odnoklassniki:focus,
fieldset[disabled] .btn-odnoklassniki.focus {
  background-color: #f4731c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki .badge {
  color: #f4731c;
  background-color: #fff;
}

.btn-openid {
  background-color: #f7931e;
  color: #fff;
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:focus, .btn-openid.focus {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:hover {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:active, .btn-openid.active,
.open > .btn-openid.dropdown-toggle {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:active:hover, .btn-openid:active:focus, .btn-openid:active.focus, .btn-openid.active:hover, .btn-openid.active:focus, .btn-openid.active.focus,
.open > .btn-openid.dropdown-toggle:hover,
.open > .btn-openid.dropdown-toggle:focus,
.open > .btn-openid.dropdown-toggle.focus {
  color: #fff;
  background-color: #b86607;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:active, .btn-openid.active,
.open > .btn-openid.dropdown-toggle {
  background-image: none;
}

.btn-openid.disabled:hover, .btn-openid.disabled:focus, .btn-openid.disabled.focus, .btn-openid[disabled]:hover, .btn-openid[disabled]:focus, .btn-openid[disabled].focus,
fieldset[disabled] .btn-openid:hover,
fieldset[disabled] .btn-openid:focus,
fieldset[disabled] .btn-openid.focus {
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid .badge {
  color: #f7931e;
  background-color: #fff;
}

.btn-pinterest {
  background-color: #cb2027;
  color: #fff;
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:focus, .btn-pinterest.focus {
  color: #fff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:hover {
  color: #fff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:active, .btn-pinterest.active,
.open > .btn-pinterest.dropdown-toggle {
  color: #fff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:active:hover, .btn-pinterest:active:focus, .btn-pinterest:active.focus, .btn-pinterest.active:hover, .btn-pinterest.active:focus, .btn-pinterest.active.focus,
.open > .btn-pinterest.dropdown-toggle:hover,
.open > .btn-pinterest.dropdown-toggle:focus,
.open > .btn-pinterest.dropdown-toggle.focus {
  color: #fff;
  background-color: #801419;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:active, .btn-pinterest.active,
.open > .btn-pinterest.dropdown-toggle {
  background-image: none;
}

.btn-pinterest.disabled:hover, .btn-pinterest.disabled:focus, .btn-pinterest.disabled.focus, .btn-pinterest[disabled]:hover, .btn-pinterest[disabled]:focus, .btn-pinterest[disabled].focus,
fieldset[disabled] .btn-pinterest:hover,
fieldset[disabled] .btn-pinterest:focus,
fieldset[disabled] .btn-pinterest.focus {
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest .badge {
  color: #cb2027;
  background-color: #fff;
}

.btn-reddit {
  background-color: #eff7ff;
  color: #000;
  background-color: #eff7ff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:focus, .btn-reddit.focus {
  color: #000;
  background-color: #bcdeff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:hover {
  color: #000;
  background-color: #bcdeff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:active, .btn-reddit.active,
.open > .btn-reddit.dropdown-toggle {
  color: #000;
  background-color: #bcdeff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:active:hover, .btn-reddit:active:focus, .btn-reddit:active.focus, .btn-reddit.active:hover, .btn-reddit.active:focus, .btn-reddit.active.focus,
.open > .btn-reddit.dropdown-toggle:hover,
.open > .btn-reddit.dropdown-toggle:focus,
.open > .btn-reddit.dropdown-toggle.focus {
  color: #000;
  background-color: #98ccff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:active, .btn-reddit.active,
.open > .btn-reddit.dropdown-toggle {
  background-image: none;
}

.btn-reddit.disabled:hover, .btn-reddit.disabled:focus, .btn-reddit.disabled.focus, .btn-reddit[disabled]:hover, .btn-reddit[disabled]:focus, .btn-reddit[disabled].focus,
fieldset[disabled] .btn-reddit:hover,
fieldset[disabled] .btn-reddit:focus,
fieldset[disabled] .btn-reddit.focus {
  background-color: #eff7ff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit .badge {
  color: #eff7ff;
  background-color: #000;
}

.btn-soundcloud {
  background-color: #ff5500;
  color: #fff;
  background-color: #ff5500;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:focus, .btn-soundcloud.focus {
  color: #fff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:hover {
  color: #fff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:active, .btn-soundcloud.active,
.open > .btn-soundcloud.dropdown-toggle {
  color: #fff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:active:hover, .btn-soundcloud:active:focus, .btn-soundcloud:active.focus, .btn-soundcloud.active:hover, .btn-soundcloud.active:focus, .btn-soundcloud.active.focus,
.open > .btn-soundcloud.dropdown-toggle:hover,
.open > .btn-soundcloud.dropdown-toggle:focus,
.open > .btn-soundcloud.dropdown-toggle.focus {
  color: #fff;
  background-color: #a83800;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:active, .btn-soundcloud.active,
.open > .btn-soundcloud.dropdown-toggle {
  background-image: none;
}

.btn-soundcloud.disabled:hover, .btn-soundcloud.disabled:focus, .btn-soundcloud.disabled.focus, .btn-soundcloud[disabled]:hover, .btn-soundcloud[disabled]:focus, .btn-soundcloud[disabled].focus,
fieldset[disabled] .btn-soundcloud:hover,
fieldset[disabled] .btn-soundcloud:focus,
fieldset[disabled] .btn-soundcloud.focus {
  background-color: #ff5500;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud .badge {
  color: #ff5500;
  background-color: #fff;
}

.btn-tumblr {
  background-color: #2c4762;
  color: #fff;
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:focus, .btn-tumblr.focus {
  color: #fff;
  background-color: #1c2e3f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:hover {
  color: #fff;
  background-color: #1c2e3f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:active, .btn-tumblr.active,
.open > .btn-tumblr.dropdown-toggle {
  color: #fff;
  background-color: #1c2e3f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:active:hover, .btn-tumblr:active:focus, .btn-tumblr:active.focus, .btn-tumblr.active:hover, .btn-tumblr.active:focus, .btn-tumblr.active.focus,
.open > .btn-tumblr.dropdown-toggle:hover,
.open > .btn-tumblr.dropdown-toggle:focus,
.open > .btn-tumblr.dropdown-toggle.focus {
  color: #fff;
  background-color: #111c26;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:active, .btn-tumblr.active,
.open > .btn-tumblr.dropdown-toggle {
  background-image: none;
}

.btn-tumblr.disabled:hover, .btn-tumblr.disabled:focus, .btn-tumblr.disabled.focus, .btn-tumblr[disabled]:hover, .btn-tumblr[disabled]:focus, .btn-tumblr[disabled].focus,
fieldset[disabled] .btn-tumblr:hover,
fieldset[disabled] .btn-tumblr:focus,
fieldset[disabled] .btn-tumblr.focus {
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr .badge {
  color: #2c4762;
  background-color: #fff;
}

.btn-twitter {
  background-color: #55acee;
  color: #fff;
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:focus, .btn-twitter.focus {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:hover {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:active, .btn-twitter.active,
.open > .btn-twitter.dropdown-toggle {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:active:hover, .btn-twitter:active:focus, .btn-twitter:active.focus, .btn-twitter.active:hover, .btn-twitter.active:focus, .btn-twitter.active.focus,
.open > .btn-twitter.dropdown-toggle:hover,
.open > .btn-twitter.dropdown-toggle:focus,
.open > .btn-twitter.dropdown-toggle.focus {
  color: #fff;
  background-color: #1583d7;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:active, .btn-twitter.active,
.open > .btn-twitter.dropdown-toggle {
  background-image: none;
}

.btn-twitter.disabled:hover, .btn-twitter.disabled:focus, .btn-twitter.disabled.focus, .btn-twitter[disabled]:hover, .btn-twitter[disabled]:focus, .btn-twitter[disabled].focus,
fieldset[disabled] .btn-twitter:hover,
fieldset[disabled] .btn-twitter:focus,
fieldset[disabled] .btn-twitter.focus {
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter .badge {
  color: #55acee;
  background-color: #fff;
}

.btn-vimeo {
  background-color: #1ab7ea;
  color: #fff;
  background-color: #1ab7ea;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:focus, .btn-vimeo.focus {
  color: #fff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:active, .btn-vimeo.active,
.open > .btn-vimeo.dropdown-toggle {
  color: #fff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:active:hover, .btn-vimeo:active:focus, .btn-vimeo:active.focus, .btn-vimeo.active:hover, .btn-vimeo.active:focus, .btn-vimeo.active.focus,
.open > .btn-vimeo.dropdown-toggle:hover,
.open > .btn-vimeo.dropdown-toggle:focus,
.open > .btn-vimeo.dropdown-toggle.focus {
  color: #fff;
  background-color: #0f7b9f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:active, .btn-vimeo.active,
.open > .btn-vimeo.dropdown-toggle {
  background-image: none;
}

.btn-vimeo.disabled:hover, .btn-vimeo.disabled:focus, .btn-vimeo.disabled.focus, .btn-vimeo[disabled]:hover, .btn-vimeo[disabled]:focus, .btn-vimeo[disabled].focus,
fieldset[disabled] .btn-vimeo:hover,
fieldset[disabled] .btn-vimeo:focus,
fieldset[disabled] .btn-vimeo.focus {
  background-color: #1ab7ea;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo .badge {
  color: #1ab7ea;
  background-color: #fff;
}

.btn-vk {
  background-color: #587ea3;
  color: #fff;
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:focus, .btn-vk.focus {
  color: #fff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:hover {
  color: #fff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:active, .btn-vk.active,
.open > .btn-vk.dropdown-toggle {
  color: #fff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:active:hover, .btn-vk:active:focus, .btn-vk:active.focus, .btn-vk.active:hover, .btn-vk.active:focus, .btn-vk.active.focus,
.open > .btn-vk.dropdown-toggle:hover,
.open > .btn-vk.dropdown-toggle:focus,
.open > .btn-vk.dropdown-toggle.focus {
  color: #fff;
  background-color: #3a526b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:active, .btn-vk.active,
.open > .btn-vk.dropdown-toggle {
  background-image: none;
}

.btn-vk.disabled:hover, .btn-vk.disabled:focus, .btn-vk.disabled.focus, .btn-vk[disabled]:hover, .btn-vk[disabled]:focus, .btn-vk[disabled].focus,
fieldset[disabled] .btn-vk:hover,
fieldset[disabled] .btn-vk:focus,
fieldset[disabled] .btn-vk.focus {
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk .badge {
  color: #587ea3;
  background-color: #fff;
}

.btn-yahoo {
  background-color: #720e9e;
  color: #fff;
  background-color: #720e9e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:focus, .btn-yahoo.focus {
  color: #fff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:active, .btn-yahoo.active,
.open > .btn-yahoo.dropdown-toggle {
  color: #fff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:active:hover, .btn-yahoo:active:focus, .btn-yahoo:active.focus, .btn-yahoo.active:hover, .btn-yahoo.active:focus, .btn-yahoo.active.focus,
.open > .btn-yahoo.dropdown-toggle:hover,
.open > .btn-yahoo.dropdown-toggle:focus,
.open > .btn-yahoo.dropdown-toggle.focus {
  color: #fff;
  background-color: #39074e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:active, .btn-yahoo.active,
.open > .btn-yahoo.dropdown-toggle {
  background-image: none;
}

.btn-yahoo.disabled:hover, .btn-yahoo.disabled:focus, .btn-yahoo.disabled.focus, .btn-yahoo[disabled]:hover, .btn-yahoo[disabled]:focus, .btn-yahoo[disabled].focus,
fieldset[disabled] .btn-yahoo:hover,
fieldset[disabled] .btn-yahoo:focus,
fieldset[disabled] .btn-yahoo.focus {
  background-color: #720e9e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo .badge {
  color: #720e9e;
  background-color: #fff;
}

/**
 * Add in our own custom social colors.
 */
.btn-submit {
  color: #fff;
  //background-color: #3B4A58;
  background-color: #3B4A58;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-submit:focus, .btn-submit.focus {
  color: #fff;
  background-color: #3B4A58;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-submit:hover {
  color: #fff;
  background-color: #2B3A48;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-submit:active, .btn-submit.active,
.open > .btn-submit.dropdown-toggle {
  color: #fff;
  background-color: #56a147;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-submit:active:hover, .btn-submit:active:focus, .btn-submit:active.focus, .btn-submit.active:hover, .btn-submit.active:focus, .btn-submit.active.focus,
.open > .btn-submit.dropdown-toggle:hover,
.open > .btn-submit.dropdown-toggle:focus,
.open > .btn-submit.dropdown-toggle.focus {
  color: #fff;
  background-color: #49893c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-submit:active, .btn-submit.active,
.open > .btn-submit.dropdown-toggle {
  background-image: none;
}

.btn-submit.disabled:hover, .btn-submit.disabled:focus, .btn-submit.disabled.focus, .btn-submit[disabled]:hover, .btn-submit[disabled]:focus, .btn-submit[disabled].focus,
fieldset[disabled] .btn-submit:hover,
fieldset[disabled] .btn-submit:focus,
fieldset[disabled] .btn-submit.focus {
  background-color: #3B4A58;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-submit .badge {
  color: #3B4A58;
  background-color: #fff;
}

.btn-submit {
  border: 0;
  padding: 10px 25px;
  font-weight: normal;
  font-size: 1.75rem;
}

.btn-cas {
  background-color: #153e50;
  color: #fff;
  background-color: #153e50;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-cas:focus, .btn-cas.focus {
  color: #fff;
  background-color: #0a1f28;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-cas:hover {
  color: #fff;
  background-color: #0a1f28;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-cas:active, .btn-cas.active,
.open > .btn-cas.dropdown-toggle {
  color: #fff;
  background-color: #0a1f28;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-cas:active:hover, .btn-cas:active:focus, .btn-cas:active.focus, .btn-cas.active:hover, .btn-cas.active:focus, .btn-cas.active.focus,
.open > .btn-cas.dropdown-toggle:hover,
.open > .btn-cas.dropdown-toggle:focus,
.open > .btn-cas.dropdown-toggle.focus {
  color: #fff;
  background-color: #03090b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-cas:active, .btn-cas.active,
.open > .btn-cas.dropdown-toggle {
  background-image: none;
}

.btn-cas.disabled:hover, .btn-cas.disabled:focus, .btn-cas.disabled.focus, .btn-cas[disabled]:hover, .btn-cas[disabled]:focus, .btn-cas[disabled].focus,
fieldset[disabled] .btn-cas:hover,
fieldset[disabled] .btn-cas:focus,
fieldset[disabled] .btn-cas.focus {
  background-color: #153e50;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-cas .badge {
  color: #153e50;
  background-color: #fff;
}

.btn-saml2 {
  background-color: #cb2027;
  color: #fff;
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-saml2:focus, .btn-saml2.focus {
  color: #fff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-saml2:hover {
  color: #fff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-saml2:active, .btn-saml2.active,
.open > .btn-saml2.dropdown-toggle {
  color: #fff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-saml2:active:hover, .btn-saml2:active:focus, .btn-saml2:active.focus, .btn-saml2.active:hover, .btn-saml2.active:focus, .btn-saml2.active.focus,
.open > .btn-saml2.dropdown-toggle:hover,
.open > .btn-saml2.dropdown-toggle:focus,
.open > .btn-saml2.dropdown-toggle.focus {
  color: #fff;
  background-color: #801419;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-saml2:active, .btn-saml2.active,
.open > .btn-saml2.dropdown-toggle {
  background-image: none;
}

.btn-saml2.disabled:hover, .btn-saml2.disabled:focus, .btn-saml2.disabled.focus, .btn-saml2[disabled]:hover, .btn-saml2[disabled]:focus, .btn-saml2[disabled].focus,
fieldset[disabled] .btn-saml2:hover,
fieldset[disabled] .btn-saml2:focus,
fieldset[disabled] .btn-saml2.focus {
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-saml2 .badge {
  color: #cb2027;
  background-color: #fff;
}

.btn-oidc {
  background-color: #f7931e;
  color: #fff;
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-oidc:focus, .btn-oidc.focus {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-oidc:hover {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-oidc:active, .btn-oidc.active,
.open > .btn-oidc.dropdown-toggle {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-oidc:active:hover, .btn-oidc:active:focus, .btn-oidc:active.focus, .btn-oidc.active:hover, .btn-oidc.active:focus, .btn-oidc.active.focus,
.open > .btn-oidc.dropdown-toggle:hover,
.open > .btn-oidc.dropdown-toggle:focus,
.open > .btn-oidc.dropdown-toggle.focus {
  color: #fff;
  background-color: #b86607;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-oidc:active, .btn-oidc.active,
.open > .btn-oidc.dropdown-toggle {
  background-image: none;
}

.btn-oidc.disabled:hover, .btn-oidc.disabled:focus, .btn-oidc.disabled.focus, .btn-oidc[disabled]:hover, .btn-oidc[disabled]:focus, .btn-oidc[disabled].focus,
fieldset[disabled] .btn-oidc:hover,
fieldset[disabled] .btn-oidc:focus,
fieldset[disabled] .btn-oidc.focus {
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-oidc .badge {
  color: #f7931e;
  background-color: #fff;
}

.btn-restart {
  color: #fff;
  background-color: #2d872d;
  border-color: #277427;
}

.btn-restart:focus, .btn-restart.focus {
  color: #fff;
  background-color: #206120;
  border-color: #071407;
}

.btn-restart:hover {
  color: #fff;
  background-color: #206120;
  border-color: #174617;
}

.btn-restart:active, .btn-restart.active,
.open > .btn-restart.dropdown-toggle {
  color: #fff;
  background-color: #206120;
  border-color: #174617;
}

.btn-restart:active:hover, .btn-restart:active:focus, .btn-restart:active.focus, .btn-restart.active:hover, .btn-restart.active:focus, .btn-restart.active.focus,
.open > .btn-restart.dropdown-toggle:hover,
.open > .btn-restart.dropdown-toggle:focus,
.open > .btn-restart.dropdown-toggle.focus {
  color: #fff;
  background-color: #174617;
  border-color: #071407;
}

.btn-restart:active, .btn-restart.active,
.open > .btn-restart.dropdown-toggle {
  background-image: none;
}

.btn-restart.disabled:hover, .btn-restart.disabled:focus, .btn-restart.disabled.focus, .btn-restart[disabled]:hover, .btn-restart[disabled]:focus, .btn-restart[disabled].focus,
fieldset[disabled] .btn-restart:hover,
fieldset[disabled] .btn-restart:focus,
fieldset[disabled] .btn-restart.focus {
  background-color: #2d872d;
  border-color: #277427;
}

.btn-restart .badge {
  color: #2d872d;
  background-color: #fff;
}

.btn-refresh {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-refresh:focus, .btn-refresh.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.btn-refresh:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-refresh:active, .btn-refresh.active,
.open > .btn-refresh.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-refresh:active:hover, .btn-refresh:active:focus, .btn-refresh:active.focus, .btn-refresh.active:hover, .btn-refresh.active:focus, .btn-refresh.active.focus,
.open > .btn-refresh.dropdown-toggle:hover,
.open > .btn-refresh.dropdown-toggle:focus,
.open > .btn-refresh.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}

.btn-refresh:active, .btn-refresh.active,
.open > .btn-refresh.dropdown-toggle {
  background-image: none;
}

.btn-refresh.disabled:hover, .btn-refresh.disabled:focus, .btn-refresh.disabled.focus, .btn-refresh[disabled]:hover, .btn-refresh[disabled]:focus, .btn-refresh[disabled].focus,
fieldset[disabled] .btn-refresh:hover,
fieldset[disabled] .btn-refresh:focus,
fieldset[disabled] .btn-refresh.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-refresh .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-shutdown {
  color: #fff;
  background-color: #c74b47;
  border-color: #bb3d39;
}

.btn-shutdown:focus, .btn-shutdown.focus {
  color: #fff;
  background-color: #a83733;
  border-color: #5a1d1b;
}

.btn-shutdown:hover {
  color: #fff;
  background-color: #a83733;
  border-color: #8d2e2b;
}

.btn-shutdown:active, .btn-shutdown.active,
.open > .btn-shutdown.dropdown-toggle {
  color: #fff;
  background-color: #a83733;
  border-color: #8d2e2b;
}

.btn-shutdown:active:hover, .btn-shutdown:active:focus, .btn-shutdown:active.focus, .btn-shutdown.active:hover, .btn-shutdown.active:focus, .btn-shutdown.active.focus,
.open > .btn-shutdown.dropdown-toggle:hover,
.open > .btn-shutdown.dropdown-toggle:focus,
.open > .btn-shutdown.dropdown-toggle.focus {
  color: #fff;
  background-color: #8d2e2b;
  border-color: #5a1d1b;
}

.btn-shutdown:active, .btn-shutdown.active,
.open > .btn-shutdown.dropdown-toggle {
  background-image: none;
}

.btn-shutdown.disabled:hover, .btn-shutdown.disabled:focus, .btn-shutdown.disabled.focus, .btn-shutdown[disabled]:hover, .btn-shutdown[disabled]:focus, .btn-shutdown[disabled].focus,
fieldset[disabled] .btn-shutdown:hover,
fieldset[disabled] .btn-shutdown:focus,
fieldset[disabled] .btn-shutdown.focus {
  background-color: #c74b47;
  border-color: #bb3d39;
}

.btn-shutdown .badge {
  color: #c74b47;
  background-color: #fff;
}

/**
 * Items that need a home
 */
.row-eq-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#alertBox {
  display: none;
}

.alert {
  border-radius:16px;
  opacity : 0.85;
}