/*----------------------------------------------------------------------------------------------------------
base
----------------------------------------------------------------------------------------------------------*/
a:hover {
    text-decoration: none;
}

@media (min-width: 576px) {
	.container, .container-sm {
		 max-width: 100%;
	}
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1300px;
    }
}


/*----------------------------------------------------------------------------------------------------------
fonts
----------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Publica Sans';
    src: url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/PublicaSans-Regular.eot?_=fd43399129dc83fac46362578a2ff19e);
    src: url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/PublicaSans-Regular.svg?_=3e33da7f108e5b36450734a3138e94e2#PublicaSans-Regular) format("svg"), url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/PublicaSans-Regular.eot?_=fd43399129dc83fac46362578a2ff19e?#iefix) format("embedded-opentype"), url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/PublicaSans-Regular.woff?_=4601779d16347fb18c11921d36eda39e) format("woff"), url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/PublicaSans-Regular.ttf?_=695de66dbec25f095ca3644886f31df7) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: 'Publica Sans';
    src: url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/PublicaSans-Medium.eot?_=6afff343748d22cd6c6f1e303bdfeed4);
    src: url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/PublicaSans-Medium.svg?_=9a3b232266e4beab2f91a6612c88000c#PublicaSans-Medium) format("svg"), url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/PublicaSans-Medium.eot?_=6afff343748d22cd6c6f1e303bdfeed4?#iefix) format("embedded-opentype"), url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/PublicaSans-Medium.woff?_=026506ee755668b04026a9327539c64c) format("woff"), url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/PublicaSans-Medium.ttf?_=25598d99a65b4d7372bef4905d932c39) format("truetype");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: 'Publica Sans';
    src: url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/PublicaSans-Bold.eot?_=2f5be828efcf0f347d26906d4acee515);
    src: url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/PublicaSans-Bold.svg?_=105c542863dd9352a8ec203583d95b88#PublicaSans-Bold) format("svg"), url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/PublicaSans-Bold.eot?_=2f5be828efcf0f347d26906d4acee515?#iefix) format("embedded-opentype"), url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/PublicaSans-Bold.woff?_=1d4113a388ccca7d0ab89479117c5b8d) format("woff"), url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/PublicaSans-Bold.ttf?_=393accb54f05343c4066aa083263e89b) format("truetype");
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: actiefwerkt;
    src: url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/actiefwerkt.eot?_=cd78e315674a979314b88dd891d25719?t=20170907);
    src: url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/actiefwerkt.eot?_=cd78e315674a979314b88dd891d25719?#iefix) format("embedded-opentype"), url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/actiefwerkt.woff?_=d9dc9778062de3f9889ba98c62a6f711) format("woff"), url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/actiefwerkt.ttf?_=a458c5bd47e5aee6663d01adb05e161d?t=20170907) format("truetype"), url(//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/actiefwerkt.svg?_=2848af3b2f5c75bc78bdabcfe6b3a3e0#actiefwerkt) format("svg");
    font-weight: 400;
    font-style: normal
}

body, p, a, h1, h2, h3, h4, h5, li, b, i, u, button {
    font-family: 'Publica Sans';
}
body, p, a, li, td, u, button {
    font-weight: 200;
	 font-size: 15px;
    line-height: 1.75em;
}
h1, h2, h3, h4, h5, b {
    font-weight: 500!important;
}
h1 .badge, h2 .badge, h3 .badge {
    font-weight: 500!important;
    font-size: .8rem;
}

/*----------------------------------------------------------------------------------------------------------
colors
----------------------------------------------------------------------------------------------------------*/
body {
    background-color: #ecf1f1;
}

p, td {
    color: #737373;
}

.text-primary {
	color: #003770!important;
}
.text-disabled {
	color: #AAAFB4;
}
.badge-primary {
    color: #fff;background-color: #003770;
}
.badge-secondary {
    color: #003770;background-color: #ffeb00;
}
.badge-default {
    color: #fff;background-color: #b5c0ca;
}

.dropdown-menu .dropdown-item {
    color: #003770;
}

.bg-primary {
    background-color: #003770!important;
    color: #ffffff;
}

.bg-secondary {
    background-color: #D9E0E6!important;
    color: #003770;
}

.bg-white {
    background-color: #FFFFFF!important;
    color: #003770;
}

.bg-gradient {
    background: #003770;
    background: -moz-linear-gradient(-45deg, #003770 50%, #0068a9 90%);
    background: -webkit-linear-gradient(-45deg, #003770 50%, #0068a9 90%);
    background: linear-gradient(135deg, #003770 50%, #0068a9 90%);
    color: #ffffff;
}
.bg-gradient a {
    color: #ffffff; 
}

/*----------------------------------------------------------------------------------------------------------
modal
----------------------------------------------------------------------------------------------------------*/
.modal .modal-header h5 {
  color: #003770;
}
.modal .modal-body img {
	max-width: 100%;
}


/*----------------------------------------------------------------------------------------------------------
buttons
----------------------------------------------------------------------------------------------------------*/
.btn {
    font-weight: 200;
    border-radius: 0px;
    display: inline-block;
    cursor: pointer;
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
}
.btn.arrow {
    /* padding-right:1.5rem; */
    padding-right:0px;
    padding-left:10px;
}
.btn.arrow:after {
    content: '\e002';
    font-family: actiefwerkt;
    float: right;
    /* position: absolute;
    right: 15px; */
    line-height: 1;
    margin-top: .25em;
    margin-right: .4rem;
    margin-left: .4rem;
}
.btn-base {
    color: #003770;
    background-color: #ffffff;
    border-bottom: 2px solid #ffffff;
    box-shadow: inset 0 0 0 0 #003770;
	padding-left: 0px;
}
.btn-base:hover,
.btn-base:active,
.btn-base:focus {
    box-shadow: inset 800px 0 0 0 #ffeb00;
    border-bottom: 2px solid #003770;
	 padding-left: 0.375rem;
	 padding-right: 0.375rem;
}

.btn-white {
    color: #003770;
    background-color: transparent;
    border: 2px solid #003770;
    box-shadow: inset 0 0 0 0 #003770;
}
.btn-white:hover,
.btn-white:active,
.btn-white:focus {
	color: #ffffff;
    box-shadow: inset 800px 0 0 0 #003770;
    border: 2px solid #003770;
}

.btn-primary {
    color: #FFFFFF;
    background-color: #003770;
    border: 2px solid #003770;
    box-shadow: inset 0 0 0 0 #FFFFFF;
}
.btn-primary.arrow:after,
.btn-primary .far,
.btn-primary .fas{
    color: #ffeb00;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    color: #003770;
	 background-color: #003770;
    box-shadow: inset 800px 0 0 0 #FFFFFF;
    border: 2px solid #003770;
}
.btn-primary:hover.arrow:after,
.btn-primary:active.arrow:after,
.btn-primary:focus.arrow:after,
.btn-primary:hover .far,
.btn-primary:active .far,
.btn-primary:focus .fas {
    color: #003770;
}
.btn-primary.disabled, .btn-primary:disabled {
	background-color: #aab8c1;
	border-color: #aab8c1;
}
.btn-secondary {
    color: #003770;
    background-color: #ffeb00;
    border: 2px solid #ffeb00;
    box-shadow: inset 0 0 0 0 #ffffff;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    color: #003770;
    background-color: transparent;
    border: 2px solid #003770;
    box-shadow: inset 800px 0 0 0 #ffffff;
}
.btn-default {
    color: #003770;
    background-color: transparent;
    border: 2px solid #003770;
    box-shadow: inset 0 0 0 0 #003770;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
    color: #ffffff;
    box-shadow: inset 800px 0 0 0 #003770;
    border: 2px solid #003770;
}

/* rounded buttons  */
.btn-round-primary {
    color: #003770;
    background-color: transparent;
    border: 1px solid #003770;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}
.btn-round-primary:hover,
.btn-round-primary:active,
.btn-round-primary:focus {
    color: #ffffff;
    background-color: #003770;
    border: 1px solid #003770;
}
.btn-round-white {
    color: #ffffff;
    background-color: transparent;
    line-height: 1.5;
    padding: 5px 10px;
    font-size:14px;
    border: 1px solid #ffffff;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}
.btn-round-white:hover,
.btn-round-white:active,
.btn-round-white:focus {
    color: #003770;
    background-color: #ffffff;
    border: 1px solid #003770;
}
.btn-info {
	float: right; 
  	border-radius: 50%; 
  	line-height: 1;
  	color: #003770;
    border: 1px solid #003770;
}

.btn-transparent {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

@media (max-width: 991px) {
    .btn-sidebar-collapse {
        width: 100%;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
}
@media (min-width: 992px) {
        .btn-sidebar-collapse {
            display: none!important;
        }
}


/*----------------------------------------------------------------------------------------------------------
navbar
----------------------------------------------------------------------------------------------------------*/
.nav-link, .animate {
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
}

.navbar-light .navbar-brand {
    width: 130px!important;
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-light .nav-item {
    margin-left: 1rem;
}

.navbar-light .navbar-nav .nav-link {
    background-color: transparent;
    color: #003770;
    padding: 1px 10px;
    border-bottom: 2px solid transparent;
}

.navbar-light .nav-link:hover, .navbar-light .nav-link:focus, .navbar-light .nav-link:active, .navbar-light .nav-item.active .nav-link {
	 color: #003770;
    background-color: #ffeb00;
    border-bottom: 2px solid #003770;
}
.navbar-light .navbar-nav .active > .nav-link {
	color: #003770;	
}

.navbar.navbar-light .dropdown-menu {
    background-color: #ecf1f1;
	    border: none;
}
.navbar.navbar-light .dropdown-menu .dropdown-item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.navbar.navbar-light .dropdown-menu .dropdown-item:last {
	margin-bottom: 0px!important;
}

@media (min-width: 992px) {
    .navbar-collapse .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    .navbar-light .navbar-toggler {
        border: 1px solid #003770;
        color: #003770;
        font-size: 14px;
        padding:10px;
    }
    .navbar-collapse {
        padding-bottom: 4rem;
    }
    .navbar-collapse .navbar-nav .nav-item {
        border-bottom: 1px solid #eee;
    }
	
    .navbar-collapse .navbar-nav .nav-item .nav-link,
    .navbar-collapse .navbar-nav .btn-primary,
    .navbar-collapse .navbar-nav .btn-secondary
    {
        padding: 5px 20px;
        font-size: large;
        display: inline-block!important;
        margin-bottom: 0rem;
    }      
    .btn-primary:hover,.btn-primary:active,.btn-primary:focus,
    .btn-secondary:hover,.btn-secondary:active,.btn-secondary:focus,
    .btn-default:hover,.btn-default:active,.btn-default:focus
     {
        box-shadow: inset 0px 0 0 0 #FFFFFF;
        background-color: #ffffff;
        color: #003770;
    }
}



/*----------------------------------------------------------------------------------------------------------
header
----------------------------------------------------------------------------------------------------------*/
header {
    padding-top: 5rem;
	padding-bottom: .6rem;
}
header.bg-gradient h1, header.bg-gradient h2, header.bg-gradient h3 {
    font-weight: 500;
    background: #ffeb00;
    color: #003770;
    font-size: 1.8rem;
    padding: 5px 10px;
    margin-bottom: 0px;
}
@media (max-width: 991px) {
    header.bg-gradient h1, header.bg-gradient h2, header.bg-gradient h3{
        font-size: 1.4rem;
    }
}
@media (min-width: 992px) {
    header.bg-gradient h1, header.bg-gradient h2, header.bg-gradient h3{
        font-size: 1.8rem;
    }
}

/*----------------------------------------------------------------------------------------------------------
sidebars
----------------------------------------------------------------------------------------------------------*/
.sidebar {
    border: none;
}

.sidebar .\-header {
    background-color: transparent;
    border-bottom: none;
}

.sidebar .card-header h3 {
    font-size: 20px;
    font-weight: 700;
}

.sidebar .card-body p{
    font-size: 14px;
}

.sidebar .card-body .list-group-item {
    padding: 0.75rem 0rem;
}

.sidebar .list-group-item.disabled, .sidebar .list-group-item {
    background-color: transparent;
}

/*----------------------------------------------------------------------------------------------------------
home
----------------------------------------------------------------------------------------------------------*/
.bg-home {
    background-image: url('//assets.bettyblocks.com/a83856f8e5f446fda6eb93e94aee7e9a_assets/files/image_d4ad1e3b2a1actiefwerkt_jordy_1x.jpg?_=9664d2ab79738d419831d488d53b2180');
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: block;
    position: relative;
}


.vw-small .bg-home {
	z-index: 999;
	height:auto;
	background-image: none;
	background-color: #003770;
}
.vw-small .bg-home .tile-wrapper {
	background-color: #003770;
}

.bg-home .overlay {
    position: absolute;
    bottom: 0;
    top: 0;
    /* height: 100%; */
    width: 100%;
    background-color: #003770;
    opacity: .5;
}

.vw-small .home-tile {
	min-height: 100px;
	height: auto;
}
.home-tile {
    background-color: #FFFFFF;
    height: 160px;
    border-radius: 0px;
    border-color: 1px solid transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    padding: 1.2rem;
    margin-bottom: 1.6rem;
    cursor: pointer;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}

.home-tile:hover {
    background-color: #003770;
    color: #ffffff;
}
.home-tile h2 { 
    font-size: 1.4rem; 
    color: #003770;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out; 
}
.home-tile:hover h2 { color: #ffeb00; margin-left: 8px; }
.home-tile p{ color: #737373; }
.home-tile:hover p{ color: #FFFFFF; }

/*----------------------------------------------------------------------------------------------------------
main content
----------------------------------------------------------------------------------------------------------*/
@media (max-width: 991px) {
    #main-content h1, #main-content h2, #main-content h3{
        font-size: 1.2rem;
    }
}
@media (min-width: 992px) {
	main {
		min-height: 600px;
	}
    #main-content h1, #main-content h2, #main-content h3{
        font-size: 1.4rem;
    }
		
}

/*----------------------------------------------------------------------------------------------------------
footer
----------------------------------------------------------------------------------------------------------*/
.footer,.footer p {
	color: #ffffff;
}
footer a.markering {
    display: inline;
    padding: 2px;
    background-color: #fff000!important;
    color: #003670;
    position: relative;
    box-shadow: 0.25em 0 0 #fff000, -0.25em 0 0 #fff000;
}
/* @media (min-width: 992px) {
	footer {	
		bottom:0; 
		left:0; 
		right:0; 
		position:fixed;
	}
} */

/*----------------------------------------------------------------------------------------------------------
datatables
----------------------------------------------------------------------------------------------------------*/
.table-hover tbody tr:hover {
    cursor: pointer;
}

table td {
    font-size: 14px;
    font-size: 200;
}
table th {
    color: #003770;
    font-weight:400;
}
.pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #b5c0ca;
    border-color: #b5c0ca;
}

table .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(217, 224, 230, 0.25);
}

table#documents .first-cel {
	cursor: default;
}

/*----------------------------------------------------------------------------------------------------------
Fiatteren
----------------------------------------------------------------------------------------------------------*/
.persoon-meta , .persoon-meta i, .persoon-meta b {
	font-size: .9rem;
}
.persoonoverzicht .weekoverzicht:nth-of-type(odd) {
	background-color: #f5f5f5;
}
.persoonoverzicht .weekoverzicht:nth-of-type(even) {
	background-color: #ffffff;
}
.weekoverzicht .weektabel table td{
	padding: .3rem .75rem;
}


/*----------------------------------------------------------------------------------------------------------
Plugin styles
----------------------------------------------------------------------------------------------------------*/
.tata.info {
    background: #003770;
}
.tata.info .tata-icon, .tata.info .tata-title {
    color: #ffeb00;
}
.tata .tata-text {
    color: #ffffff;
}
.tata:hover {
    cursor: pointer;
}

.swal2-container .swal2-title {
  color: #003770;
}
.swal2-container button.swal2-styled {
	 border-radius: 0%;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -ms-border-radius: 0%;
    -o-border-radius: 0%;
}

/*----------------------------------------------------------------------------------------------------------
Preselect styles
----------------------------------------------------------------------------------------------------------*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #003770;
	border: none;
}
.select2-container--default .select2-selection--single {
	border-color: #ced4db;
	 padding: 8px 5px;
    height: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 12px;
	right: 8px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	background-color: #f5f5f5;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #0068a9;
}
.select2-results__option{
	color: #7d838d;
}
.select2-container--open .select2-dropdown {
	box-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
}
.select2-container--default .select2-search--dropdown .select2-search__field::placeholder{
  color: #aaa;
}
.btn-week-select.active, .btn-week-select.active .text-muted {
	background-color: #003770;
	color: #fff!important;
}

/*----------------------------------------------------------------------------------------------------------
Recruit Now styles
----------------------------------------------------------------------------------------------------------*/
.is-primary {
    color: #FFFFFF;
    background-color: #003770;
    border: 2px solid #003770;
    box-shadow: inset 0 0 0 0 #FFFFFF;
}
.is-primary.arrow:after,
.is-primary .far,
.is-primary .fas{
    color: #ffeb00;
}

.is-primary:hover,
.is-primary:active,
.is-primary:focus {
    color: #003770;
	 background-color: #003770;
    box-shadow: inset 800px 0 0 0 #FFFFFF;
    border: 2px solid #003770;
}
.is-primary:hover.arrow:after,
.is-primary:active.arrow:after,
.is-primary:focus.arrow:after,
.is-primary:hover .far,
.is-primary:active .far,
.is-primary:focus .fas {
    color: #003770;
}

/*----------------------------------------------------------------------------------------------------------
Uren invoer Preselect
---------------------------------------------------------------------------------------------------- */
.dropdown-week .dropdown-menu.show{
	z-index: 999;
}

/*----------------------------------------------------------------------------------------------------------
Backoffice overflow kan op scroll of auto hoogte 100% 100vh Goed is scroll 800px
---------------------------------------------------------------------------------------------------- */

.scroll_container {
  	border: none;
  	overflow-y: scroll;
	width: 100%;
	height: 80vh;
}

.pbm-card-header {
  padding: 0.0rem 0rem;
  margin-bottom: 1rem;
  color: #003770;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.bo-home-tile {
    background-color: #FFFFFF;
    height: 160px;
    border-radius: 0px;
    border-color: 1px solid transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    padding: 1.2rem;
    margin-bottom: 1.6rem;
    cursor: pointer;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}
.bo-home-tile:hover {
    background-color: #003770;
    color: #ffffff;
}
.bo-home-tile h2 { 
    font-size: 1.4rem; 
    color: #003770;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out; 
}
.bo-home-tile:hover h2 { color: #ffeb00; margin-left: 8px; }
.bo-home-tile p{ color: #737373; }
.bo-home-tile:hover p{ color: #FFFFFF; }

.error{
  color: #ff3333;
  }

.error_hidden
{
   display: none;
  }

.error_show
{
 	color: #ff3333;
	display: block;
  }