/* 00 HTML */

@font-face {
    font-family: 'zurich_xcn_btregular';
    src: url('fonts/zurchxc-webfont.eot');
    src: url('fonts/zurchxc-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/zurchxc-webfont.ttf') format('truetype'),
         url('fonts/zurchxc-webfont.svg#zurich_xcn_btregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* RESPONSIVE */

img {
    display: inline-block !important;
    height: auto;
    /*max-width: 100% !important;*/
    vertical-align: middle;
    border:0;
}


#Body {

   
	color:#727171;
    font-size:16px;
}

h1,h2,h3,h4,h5,h6 {
       font-family: 'Ubuntu', sans-serif;
	letter-spacing:1px;
    color:#414141;
}

a {
    color: #4070B8;
}

a:hover {
	text-decoration:underline;
	 color: #4070B8;
}

a:visited {
	color: #4070B8;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0 0 15px 0;
}

p {
    padding: 0;
    margin: 0 0 15px 0;
}

.clear {clear:both;}

.fixed {
    position:fixed;
    top:0;
    width:100%;
    z-index:999 !important;
}

.fixed header {
    z-index:999 !important;
    background:white;
}

.fixed header * {
    z-index:999 !important;
}

.logo img {max-width:100%;}
/* BS */

.navbar-toggle {
    background:#4070B8;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background:#70B840;
}

.navbar.navbar-inverse {margin-bottom:0px;}

.navbar-inverse {
    border:none;
    background-color:#fff;	
    box-shadow: 0 1px 1px 0 rgba(60,64,67,.08), 0 2px 2px 0px rgba(60,64,67,.16);
/*background: #dbdbdb;
background: -moz-linear-gradient(top,  #dbdbdb 0%, #ffffff 2%, #fefefe 20%, #fcfcfc 22%, #fbfbfb 37%, #f9f9f9 39%, #f5f5f5 69%, #f1f1f1 82%, #f0f0f0 98%, #dbdbdb 100%);
background: -webkit-linear-gradient(top,  #dbdbdb 0%,#ffffff 2%,#fefefe 20%,#fcfcfc 22%,#fbfbfb 37%,#f9f9f9 39%,#f5f5f5 69%,#f1f1f1 82%,#f0f0f0 98%,#dbdbdb 100%);
background: linear-gradient(to bottom,  #dbdbdb 0%,#ffffff 2%,#fefefe 20%,#fcfcfc 22%,#fbfbfb 37%,#f9f9f9 39%,#f5f5f5 69%,#f1f1f1 82%,#f0f0f0 98%,#dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#dbdbdb',GradientType=0 );*/


}

.navbar-inverse .navbar-nav > li > a {
    color: #414141;
    font-weight:bold;
       font-family: 'Ubuntu', sans-serif;
	letter-spacing:1px;
    font-size:18px;
    font-weight:bold;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #4070B8;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #4070B8;
    color: #ffffff;
}



.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #4070B8;
  color: #ffffff;
}

.dropdown-menu  {
    border-color:#F6F6F6;
    border-left:4px solid #4070B8;
    background:url(img/submenu_bg.png);
}

.dropdown-menu > li > a {
    border-bottom:1px solid #F6F6F6;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #4070B8;
  background-color: #ffffff;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #ffffff;
      color: #4070B8;
    outline: 0 none;
    text-decoration: none;
}


/* 001 ELEMENTS */
/* blockquote {

  border: 1px solid #F5F5F5;
  color: #424242;
  font-style: italic;
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
  padding: 16px 16px 16px 80px;
  position: relative; }
  blockquote:before {
     color: #4070B8;
    content: '\f10e';
    display: block;
    font-family: 'FontAwesome';
    font-size: 45px;
    left: 16px;
    position: absolute;
    top: 25px; } */

.whatever {

}


header {
    padding:10px 0 10px 0;
}

header a, header a:visited {
    color:#727171;
}

.list-crumb {
    margin-left:0;
	margin-top:10px;
}

.crumb-date {
	margin-top:10px;
}

.list-crumb li:after {
     color: #70b840;
}

footer {
    background:#343434;
    color: #d4d4d4;
    padding:25px 0 25px 0;
}
footer a, footer a:visited {
    color: #d4d4d4;
}

footer .list-inline {
    margin:0;
    padding:0;
}

footer .list-footer {
    list-style:none;
	padding-inline-start:0px;
	text-align:center;
}

footer .list-footer li {
	margin-bottom:10px;
}

footer .certification {
	text-align:center;
}

footer .row-scroll {
    margin-bottom:10px;
}

footer .list-social, footer .list-social li {
    margin:0;
    padding:0;
}

footer .list-social {
	margin-top:5px;
	text-align:center;
}

footer .list-social a, footer .list-social a:visited {
    padding:10px;
    display:block;
    color:white;
}

footer .list-scroll a,footer .list-scroll a:visited {
    display:block;
	padding:5px;

}

footer .list-social img {
	height: 25px;
}

footer .list-social a.icon-twitter {
    background:#00ACED;
}
footer .list-social a.icon-pinterest {
    background:#CB2027;
}

footer .list-social a.icon-facebook {
    background:#3B5998;
}

footer .list-social a.icon-youtube {
    background:#BB0000;
}

footer .list-scroll a.icon-scroll {
    background:#70B840;
    border-radius:5px;

}

.scrollup {
    display:none;
}

.hero {margin-bottom:20px;}

.gradient-overlay {
  display:block;
  height:550px; /*72vh;*/
  width:100vw;
  background: -moz-linear-gradient(top, rgba(64,112,184,0.7) 0%, rgba(112,184,64,0.5) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,112,184,0.5)), color-stop(100%,rgba(112,184,64,0.5))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(64,112,184,0.7) 0%, rgba(112,184,64,0.5) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(64,112,184,0.7) 0%, rgba(112,184,64,0.5) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(64,112,184,0.7) 0%, rgba(112,184,64,0.5) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(64,112,184,0.7) 0%, rgba(112,184,64,0.5) 100%); /* W3C */
}

.HeroPane { /*height:72vh;*/}

.container.home {font-size:16px;}

/* 002 CONTAINERS 
    When making a new container give it the same name in the class container-special.ascx
    <div class="module-container container-special">.....</div>
    **/

.module-title {
   font-family: 'Ubuntu', sans-serif;
	letter-spacing:1px;
}

.module-container {
    margin-bottom:20px;
}

.container-line .module-title {
    display:block;
   background:url(img/title_bg.png) bottom repeat-x;
}

.container-line .module-title span {
    border-bottom:2px solid #70B840;
    display:inline-block;
    padding:0 0 5px 0;
}

.container-gradient {
    padding:15px;
    border-radius:5px;
      background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #fefefe 14%, #ededed 84%, #ececec 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#fefefe 14%,#ededed 84%,#ececec 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#fefefe 14%,#ededed 84%,#ececec 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
border:1px solid #F6F6F6;
}

.container-special {
        border-left:4px solid #4070B8;
    background:url(img/submenu_bg.png);
       padding:15px;
}

.container-special .module-title span {
    border-bottom:2px solid #4070B8;

}

.container-box {
    background:#d3d3d3;
    padding:15px;
    /*color:white;*/
}

.container-box .module-title {
    color:white;
}

.program-callout-wrapper {background-color:#4070b8; color:#fff;}
.Program_CallOut_Pane1 h1 { text-align:center; color:#fff; margin-top:20px; }


.trophy-panel-wrapper {background-color:#f5f5f5;}
.trophy-panel {margin: 40px 0;}

.teacher-panel-wrapper {background-color:#f5f5f5; padding:40px 0;}
.teacher-panel {margin: 40px 0;}
.investing-panel-wrapper {
	min-height:75vh;
	background-color:#f5f5f5; 
	background-image: url('/portals/0/Images/College/StockMarket_new.png'); 
	background-repeat: no-repeat;
	background-size: cover;}

.investing-panel-wrapper .container-line .module-title {color:#fff;}
	
.Investing_Pane1, .Investing_Pane2 {color:#fff; margin: 40px 0;}


.bottom-panel-wrapper {background-color:#f5f5f5; }
.bottom-panel-wrapper .BotOutPane:not(.DNNEmptyPane) { margin:40px 0; }
.CallOutPane:not(.DNNEmptyPane) {background-color:#5e2c7f; color:#fff; padding:40px 0;}
.CallOutPane .module-container {margin-bottom:0;}

.img-thumbnail {box-shadow: 0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16);}

.home-feature-zig {
	/*height:65vh;	
	display:flex;
	flex-direction: row;
	align-items:center;*/
	padding:40px 0;
}

.home-feature-zag {
	/*height:65vh;	
	display:flex;
	flex-direction: row;
	align-items:center;*/
	background:#f5f5f5;
	padding:40px 0;
}

.home-feature-zig img, .home-feature-zag img {max-width:100%;}

/*.home-feature-zig .module-content, 
.home-feature-zag .module-content { width: 1140px; margin:0 auto;}*/

.budgetchallenge .recentposts {font-size:14px;}
.budgetchallenge .recentposts ul { list-style:none;padding-inline-start:0px; margin-left:0px; }
.budgetchallenge .recentposts li {margin-bottom:15px;}
.budgetchallenge a.posttitle {font-weight:bold; font-size:20px;}
.budgetchallenge .recentposts .posttimeago {font-style:italic; font-size:12px;}

.container-box-medium {
    background:#7e7e7e;
     color:white;
}

.container-box-dark {
    background:#3f3f3f;
     color:white;
}

.container-round {
    border-radius:5px;
}

.container-box-blue {
    background:#4070B8;
    color:white;
}

.container-box-blue a.btn, .container-box-blue a.btn:visited {
	color:white;
	text-decoration:none;
}

.container-box-green {
    background:#70B840;
     color:white;
}

.container-box-green a, .container-box-green a:visited {
    color:white;
    text-decoration:underline;
}

.container-box-green a.btn, .container-box-green a.btn:visited {
    color:white;    
	text-decoration:none;
	text-decoration:none;
}

.blue-bar {background-color:#4070b8; color:white; text-align:center; padding:5px;}

/* 003 DNN FORM*/


/* Primary Action  */

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
}

    .dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {
    }

    .dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active {
    }

    .dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active {
    }

    .dnnPrimaryAction:visited {
    }



/* Secondary Action */
.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span {
}

    .dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover,
    .dnnFormItem input[type="reset"]:hover,
    .dnnSecondaryAction:hover,
    a.dnnSecondaryAction:hover,
    ul.dnnAdminTabNav li a:hover,
    .dnnLogin .LoginTabGroup span:hover {
    }

    .dnnFormItem button:active,
    .dnnFormItem input[type="button"]:active,
    .dnnFormItem input[type="reset"]:active,
    .dnnFormItem input[type="reset"]:active,
    .dnnSecondaryAction:active,
    a.dnnSecondaryAction:active,
    ul.dnnAdminTabNav li a:active {
    }

/* 004 dnn search ( custom setup bootstrap based search ) */

ul.searchSkinObjectPreview {
    top:20px !important;
    right:50px !important;
}

.searchInputContainer a.dnnSearchBoxClearText  {
    right:60px !important;
    top:-15px !important;
}

.custom-search-form.input-group {
    border-collapse: separate !important;
}

.custom-search-form.input-group .form-control {
border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.custom-search-form .input-group-btn .btn {
   border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-left:0 !important;
}


/* 005 MEDIAQUERIES */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.home-feature-zig {
		min-height:40vh;	
		/*display:flex;
		flex-direction: row;
		align-items:center;*/
	}

	.home-feature-zag {
		min-height:40vh;	
		/*display:flex;
		flex-direction: row;
		align-items:center;*/
		background:#f5f5f5;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

ul.searchSkinObjectPreview {
    top:20px !important;
    right:50px !important;
}

.searchInputContainer a.dnnSearchBoxClearText  {
    right:60px !important;
    top:-15px !important;
}

.req {color:red;}
.stat-highlight {font-size:42px; color:#4070B8; font-family: 'Ubuntu', sans-serif; font-weight: 500;}
.message {color: blue; font-weight: bold;}
.reading-material .chapter-img {margin-bottom:30px;}
.reading-material .figure {display:block; margin:20px auto;}
.reading-material .figure p {font-style:italic; text-align:center; margin-bottom:5px;}
.reading-material img {max-width:100%; display:block !important; margin:0 auto;}
.reading-material section {margin-bottom:30px;}
.curriculum-content {color: black; font-size: 16px; margin-bottom:30px;}
.curriculum-content h2 {color:#70ad47;}
.curriculum-content h3 {color:#4070b8; text-transform: uppercase;}
.curriculum-content .highlight {font-weight: bold; color:#4070b8;}
.curriculum-content .keypoint {padding-left:40px;}
.curriculum-content .wrap_up {margin-top:30px;}
.curriculum-content .wrap_up h3 { color:#4070b8; text-transform: uppercase; }
.nav.wizard { border: 1px solid #dddddd; border-radius:4px; margin-bottom:25px; }
.workflow-img {max-width:100%;}
.invoice-header {color: #ffffff; margin: 0px 0px 10px; padding: 5px; text-align: center; background-color: #4070b8;}
.invoice-footer {color: #333333; margin: 0px 0px 10px; padding: 5px; text-align: center; background-color: #f5f5f5;}


/* Pie Chart */
.progress-pie-chart {
  width:50px;
  height: 50px;
  border-radius: 50%;
  background-color: #E5E5E5;
  position: relative;
}
.progress-pie-chart.gt-50 {
  background-color: #81CE97;
}

.ppc-progress {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  width: 50px;
  height: 50px;
  clip: rect(0, 50px, 50px, 25px);
}
.ppc-progress .ppc-progress-fill {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  width: 50px;
  height: 50px;
  clip: rect(0, 25px, 50px, 0);
  background: #81CE97;
  transform: rotate(60deg);
}
.gt-50 .ppc-progress {
  clip: rect(0, 25px, 50px, 0);
}
.gt-50 .ppc-progress .ppc-progress-fill {
  clip: rect(0, 50px, 50px, 25px);
  background: #E5E5E5;
}

.ppc-percents {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 40px/2);
  top: calc(50% - 40px/2);
  width: 40px;
  height: 40px;
  background: #fff;
  text-align: center;
  display: table;
}
.ppc-percents span {
  display: block;
  font-size: 1em;
  font-weight: bold;
  color: #81CE97;
}

.pcc-percents-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.progress-pie-chart {
  /*margin: 50px auto 0;*/
}


/*.form-group {margin-bottom: 0px;}*/

.score-block .score{font-size:36px; text-align:center;}
.score-block h4 {text-align:center;}
.score-block .chart {margin:0 auto;}

.card {
    box-shadow: 0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16);
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 20px 20px 0px 20px;
}

.card.call-out {padding: 15px 20px; margin-bottom: 20px;}

.card.card-blue{background-color:#fff; box-shadow: 0 1px 1px 0 rgba(64, 112, 184, .08), 0 1px 3px 1px rgba(64, 112, 184, .16); padding: 15px 20px; margin-bottom: 20px; }
.card.card-green{background-color:#fff; box-shadow: 0 1px 1px 0 rgba(112, 184, 64, .08), 0 1px 3px 1px rgba(112, 184, 64, .16); padding: 15px 20px; margin-bottom: 20px; }

.btn-warning-inverse {
  background-color: #ffffff;
  color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning-inverse:hover,
.btn-warning-inverse:focus,
.btn-warning-inverse.focus,
.btn-warning-inverse:active,
.btn-warning-inverse.active,
.open > .dropdown-toggle.btn-warning-inverse {
  background-color: #ffffff;
  color: #ec971f;
  border-color: #d58512;
}
.btn-warning-inverse:active,
.btn-warning-inverse.active,
.open > .dropdown-toggle.btn-warning-inverse {
  background-image: none;
}
.btn-warning-inverse.disabled,
.btn-warning-inverse[disabled],
fieldset[disabled] .btn-warning-inverse,
.btn-warning-inverse.disabled:hover,
.btn-warning-inverse[disabled]:hover,
fieldset[disabled] .btn-warning-inverse:hover,
.btn-warning-inverse.disabled:focus,
.btn-warning-inverse[disabled]:focus,
fieldset[disabled] .btn-warning-inverse:focus,
.btn-warning-inverse.disabled.focus,
.btn-warning-inverse[disabled].focus,
fieldset[disabled] .btn-warning-inverse.focus,
.btn-warning-inverse.disabled:active,
.btn-warning-inverse[disabled]:active,
fieldset[disabled] .btn-warning-inverse:active,
.btn-warning-inverse.disabled.active,
.btn-warning-inverse[disabled].active,
fieldset[disabled] .btn-warning-inverse.active {
  color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning-inverse .badge {
  background-color: #f0ad4e;
  color: #ffffff;
}


a.roster {
    color: #ec971f;
}

a.roster:hover {
	text-decoration:underline;
	 color: #ec971f;
}

a.roster:visited {
	color: #ec971f;
}

.trend-up {color:green;}
.trend-down {color:red;}

.timespan > li > a { padding: 5px 10px; border-radius: 10px;}

.table tr.expense-row td {background: #B8CCE4 !important; -webkit-print-color-adjust: exact; }
.table tr.deposit-row td {background: #99FF33 !important; -webkit-print-color-adjust: exact; }

@media print {
	.table tr.expense-row td {background: #B8CCE4 !important; -webkit-print-color-adjust: exact; }
	.table tr.deposit-row td {background: #99FF33 !important; -webkit-print-color-adjust: exact; }
}

.table.class-leaderboard > thead {background-color:#4070b8; color:#fff;}
.table.class-leaderboard > thead a, .table.class-leaderboard > thead a:visited { color:#fff;}


.table.comp-leaderboard > thead {background-color:#4070b8; color:#fff;}
.table.comp-leaderboard > thead a, .table.comp-leaderboard > thead a:visited { color:#fff;}


.table.national-leaderboard > thead {background-color:#4070b8; color:#fff;}
.table.national-leaderboard > thead a, .table.national-leaderboard > thead a:visited { color:#fff;}

.btn-primary-inverse, .btn-primary-inverse-2 {
  background-color: #ffffff;
  color: #4070B8;
  border-color: #3964a5;
}
.btn-primary-inverse:hover,
.btn-primary-inverse:focus,
.btn-primary-inverse.focus,
.btn-primary-inverse:active,
.btn-primary-inverse.active,
.open > .dropdown-toggle.btn-primary-inverse {
  background-color: #335992;
  color: #ffffff;
  border-color: #2c4d7f;
}
.btn-primary-inverse:active,
.btn-primary-inverse.active,
.open > .dropdown-toggle.btn-primary-inverse {
  background-image: none;
}
.btn-primary-inverse.disabled,
.btn-primary-inverse[disabled],
fieldset[disabled] .btn-primary-inverse,
.btn-primary-inverse.disabled:hover,
.btn-primary-inverse[disabled]:hover,
fieldset[disabled] .btn-primary-inverse:hover,
.btn-primary-inverse.disabled:focus,
.btn-primary-inverse[disabled]:focus,
fieldset[disabled] .btn-primary-inverse:focus,
.btn-primary-inverse.disabled.focus,
.btn-primary-inverse[disabled].focus,
fieldset[disabled] .btn-primary-inverse.focus,
.btn-primary-inverse.disabled:active,
.btn-primary-inverse[disabled]:active,
fieldset[disabled] .btn-primary-inverse:active,
.btn-primary-inverse.disabled.active,
.btn-primary-inverse[disabled].active,
fieldset[disabled] .btn-primary-inverse.active {
  color: #4070B8;
  border-color: #3964a5;
}
.btn-primary-inverse .badge {
  background-color: #f0ad4e;
  color: #ffffff;
}



.btn-primary-inverse-2:hover,
.btn-primary-inverse-2:focus,
.btn-primary-inverse-2.focus,
.btn-primary-inverse-2:active,
.btn-primary-inverse-2.active,
.open > .dropdown-toggle.btn-primary-inverse-2 {
  background-color: #e6e6e6;
  color: #335992;
  border-color: #2c4d7f;
}
.btn-primary-inverse-2:active,
.btn-primary-inverse-2.active,
.open > .dropdown-toggle.btn-primary-inverse-2 {
  background-image: none;
}
.btn-primary-inverse-2.disabled,
.btn-primary-inverse-2[disabled],
fieldset[disabled] .btn-primary-inverse-2,
.btn-primary-inverse-2.disabled:hover,
.btn-primary-inverse-2[disabled]:hover,
fieldset[disabled] .btn-primary-inverse-2:hover,
.btn-primary-inverse-2.disabled:focus,
.btn-primary-inverse-2[disabled]:focus,
fieldset[disabled] .btn-primary-inverse-2:focus,
.btn-primary-inverse-2.disabled.focus,
.btn-primary-inverse-2[disabled].focus,
fieldset[disabled] .btn-primary-inverse-2.focus,
.btn-primary-inverse-2.disabled:active,
.btn-primary-inverse-2[disabled]:active,
fieldset[disabled] .btn-primary-inverse-2:active,
.btn-primary-inverse-2.disabled.active,
.btn-primary-inverse-2[disabled].active,
fieldset[disabled] .btn-primary-inverse-2.active {
  color: #4070B8;
  border-color: #3964a5;
}
.btn-primary-inverse-2 .badge {
  background-color: #f0ad4e;
  color: #ffffff;
}



label.switch > input[type=checkbox] {
  opacity: 0;
  display: none;
}

label.switch > div.switch-btn {
  position: relative;
  width: 51px;
  height: 31px;
  background: #e5e5e5;
  border-radius: 25.5px;
  box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.15);
}

label.switch > div.switch-btn:before {
  content: "";
  position: absolute;
  height: 28px;
  width: 28px;
  background: linear-gradient(white, #f2f2f2);
  left: 2px;
  top: 50%;
  transition: all 200ms ease-out;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 8px 6px -4px rgba(0, 0, 0, 0.1);
  transform: translateY(-50%);
}

label.switch > input[type=checkbox]:checked + div.switch-btn {
  background: #47CB8F;
}

label.switch > input[type=checkbox]:checked + div.switch-btn:before {
  left: 22px;
}