[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.overlay.loading {
	width: 100%;
	height: 100%;
}
.overlay.loading i {
	position: relative;
	top: 50%;
	margin-top: -13px;
	left: 50%;
	margin-left: -13px;
	font-size: 25px;
	color: #aaa;
}

.social-buttons {
  display: inline-block;
}

.fa-social {
  line-height: 50px;
}

.btn-round {
  margin-left: 5px;
  margin-right: 5px;
}

.btn-sso {
  color: white;
  background-color: #00c7f7;
  border-color: #00c7f7;
}
.btn-sso:hover {
  color: white;
  background-color: #00a6ce;
  border-color: #0096ba;
}

/**
 * Social buttons
 */
.btn-social {
  line-height: 35px;
  color: white; 
  margin: 0 auto;
  display: inline-block;
  border: none;
  position:relative;
  padding-left: 60px;
}
.btn-social > span {
  position: absolute;
  left: 15px;
}

.btn-social i.fa {
  margin-right: 15px;
  margin-top: 5px;
  font-size: 25px;
}

.text-social {
  margin-right: 15px;
}

/* Google Plus */
.btn-social-google-plus {
  background-color: #dd4a38;
  border-color: #dd4a38;
}

.btn-social-google-plus:hover {
  color: white;
  background-color: #ca3522;
  border-color: #b8301f;
}

/* Twitter */
.btn-social-twitter {
  background-color: #00c7f7;
  border-color: #00c7f7;
}

.btn-social-twitter:hover {
  color: white;
  background-color: #00a6ce;
  border-color: #0096ba;
}

/* LinkedIn */
.btn-social-linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.btn-social-linkedin i.fa {
    margin-top: 3px;
}

.btn-social-linkedin:hover {
  color: white;
  background-color: #00a0dc;
  border-color: #00a0dc;
}

/* Facebook */
.btn-social-facebook {
  background-color: #335397;
  border-color: #335397;
}

.btn-social-facebook:hover {
  color: white;
  background-color: #294279;
  border-color: #243a69;
}

/**
 * Old social round buttons 
 */

.btn-twitter-round {
  display: inline-block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  line-height: 35px;
  text-align: center;
  color: white;
  background-color: #00c7f7;
  border-color: #00c7f7;
}
.btn-twitter-round:hover {
  color: white;
  background-color: #00a6ce;
  border-color: #0096ba;
}

.btn-linkedin-round {
  display: inline-block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  line-height: 35px;
  text-align: center;
  color: white;
  background-color: #0077b5;
  border-color: #0077b5;
}
.btn-linkedin-round:hover {
  color: white;
  background-color: #00a0dc;
  border-color: #00a0dc;
}

.btn-facebook-round {
  display: inline-block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
  color: white;
  background-color: #335397;
  border-color: #335397;
}
.btn-facebook-round:hover {
  color: white;
  background-color: #294279;
  border-color: #243a69;
}

.btn-google-plus-round {
  display: inline-block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
  color: white;
  background-color: #dd4a38;
  border-color: #dd4a38;
}
.btn-google-plus-round:hover {
  color: white;
  background-color: #ca3522;
  border-color: #b8301f;
}

.page-login .col-login {
  padding-left: 40px;
  padding-right: 40px;
}

@media (max-width: 991px) {
  .page-login .col-login {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.page-login .line-thru-vertical {
  display: block;
  float: left;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  border-right: 1px solid #f2f2f2;
}
  .page-login .line-thru-vertical span {
    display: block;
    position: absolute;
    top: 50%;
    background: #fff;
    margin-left: -15px;
    margin-top: -15px;
    width: 30px;
    line-height: 30px;
    font-size: .875em;
    font-weight: bold;
  }

.page-login .line-thru {
  display: block;
  float: left;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
}
  .page-login .line-thru span {
    display: block;
    position: absolute;
    left: 50%;
    background: #fff;
    margin-left: -15px;
    margin-top: -15px;
    width: 30px;
    line-height: 30px;
    font-size: .875em;
    font-weight: bold;
  }


.space {
  display: inline;
  padding: 5px;
}

.cxs-alert {
  position: fixed;
  top: 92px;
  z-index: 99;
  width: 100%;
  left: 0px;

  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;     
}


.cxs-alert.ng-hide-add, .cxs-alert.ng-hide-remove {
  display: block !important; 
}

.cxs-alert.ng-hide-remove, .cxs-alert.ng-hide-add.ng-hide-add-active{
  top: 72px;
  opacity: 0;
}

.cxs-alert.ng-hide-remove.ng-hide-remove-active, .cxs-alert.ng-hide-add{
  top: 92px;
  opacity: 1;
}

/* ng-animate, main-view */
.fade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: 1;
}
.fade.ng-enter,
.fade.ng-leave {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.fade.ng-enter {
    opacity: 0;
    left: -50px;
}
.fade.ng-enter-active {
    opacity: 1;
    left: 0px;
}
.fade.ng-leave {
    opacity: 1;
}
.fade.ng-leave-active {
    opacity: 0;
}

.list-group-item-animate {
    opacity: 1;
}
.list-group-item-animate.ng-enter {
    -webkit-transition: all 0.75s ease-out;
    -moz-transition: all 0.75s ease-out;
    -o-transition: all 0.75s ease-out;
    transition: all 0.75s ease-out;
}
.list-group-item-animate.ng-enter {
    opacity: 0;
    left: -26px;
}
.list-group-item-animate.ng-enter-active {
    opacity: 1;
    left: 0px;
}

.list-group-item-animate.ng-enter-stagger,
.list-group-item-animate.ng-leave-stagger,
.list-group-item-animate.ng-move-stagger {
  -webkit-transition-delay:0.07s;
  transition-delay:0.07s;
}

.list-group-item-animate-speed-double.ng-enter {
    -webkit-transition: all 0.375s ease;
    -moz-transition: all 0.375s ease;
    -o-transition: all 0.375s ease;
    transition: all 0.375s ease;
}

.list-group-item-animate-speed-double.ng-enter-stagger,
.list-group-item-animate-speed-double.ng-leave-stagger,
.list-group-item-animate-speed-double.ng-move-stagger {
  -webkit-transition-delay:0.035s;
  transition-delay:0.035s;
}

.navbar-fixed {
  position: fixed;
  top: 0px;
  left:0px;
  width:100%;
  z-index: 100;
}

#head-nav.topbar .navbar-nav > .active > a, #head-nav.topbar .navbar-nav > .active > a:hover, #head-nav.topbar .navbar-nav > .active > a:focus,
#head-nav.topbar .navbar-nav > .open > a, #head-nav.topbar .navbar-nav > .open > a:hover, #head-nav.topbar .navbar-nav > .open > a:focus {
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.dropdown.locale_menu a img {
  margin-right: 8px;
}

validation-error {
  right: 0px;
  margin-top: -15px;
  font-size: 0.9em;
  font-weight: 400;
}
validation-error.absolute {
    position: absolute;
}

.btn {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  filter: alpha(opacity=35);
  opacity: .35;
}

.fa.fa-fw-fix {
  min-width: 15px;
  text-align: center;
}

.jobalerts-widget ul {
  list-style: none;
}


.trajecten-widget ul {
  list-style: none;
}

.taken-widget ul {
  list-style: none;
}

button .fa-working {
  margin-left: -18px
}


div.pagination-pagesize {
  margin-top: 22px;
}

.ui-match {
  background-color : #ffff96;
}

.badge-btn {
  cursor: pointer;
}

.no-wrap {
  white-space: nowrap;
}

.file-upload-output {
  margin-left: 8px;
}

.file-upload-btn-remove {
  margin-left: 8px;
  cursor: pointer;
}

.masonry-container .masonry-brick {
  margin-top: 8px;
  margin-bottom: 8px;
}


.list-group.trajecten .list-group-item {
   padding: 8px 15px 15px 15px;
}

.fd-tile table p.margin {
  margin: 0px 0px 10px;
}

a.download {
  text-decoration: underline !important;
}
div.download {
  margin-bottom: 16px;
}

/* Duration picker classes */
.form-horizontal label.control-label.duration-picker {
  padding-top: 26px;
}

table.duration-picker {
}
  table.duration-picker td {
     border: none;
  }
  table.duration-picker tr.no-padding td {
     padding: 0px !important;
  }
  table.duration-picker tr.no-padding-y td {
     padding-top: 0px !important;
     padding-bottom: 0px !important;
  }
  table.duration-picker td a.btn {
    height: 20px;
    border: none;
    padding: 0px;
  }

  i.required {
    margin-right: 2px;
  }

  .inline-block {
    display: inline-block;
  }

.select2-container .select2-choice {
  border: none;
}

.alert .close i.fa-close {
  display: block;
  margin-top: 5px;
  font-size: 70%;
}

.test-graph-image {
  width : 100%;
  height: auto;
}

.btn-criteria-filter {
  margin-left: -40px;
  margin-right: 5px;
  width: 30px;
}

.criteria-list-container {
  margin-left: 15px;
}

.criteria-fixed-block .criteria-fixed-container {
  min-height: 565px;
  /* border-bottom: 2px solid #f0f0f0; */
  margin-bottom: 20px;
}
.criteria-pagination {
  margin-right: 15px;
}
.dd-handle.top-level {
  cursor: pointer;
}

div.criteria-fixed-container ol i.fa {
  margin-top: 4px;
}

div.criteria-fixed-container ol i.fa-times {
  cursor:pointer;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -6px;
}

.search-clear-button {
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  height: 20px;
  margin: auto;
  font-size: 20px;
  cursor: pointer;
  color: #ccc;
}

.criteria-fixed-block .criteria-item {
  min-height: 680px;
}

.working {
  z-index: 998;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(240,240,240);
    /* RGBa with 0.6 opacity */
  background-color: rgba(240,240,240, 0.6);
    /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f000, endColorstr=#f0f0f000);
    /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f000, endColorstr=#f0f0f000)";
}

.working-profile-print {
  position: relative;
  z-index: 999;
  width: 600px;
  margin: 0 auto;
  height: 300px;
  top: 300px;
  background-color: #ffffff;

}
.working-profile-print i.fa.fa-4x {
  margin-top: 20px;
}

#printable {
  font-size: 16px;
}

#printable.printing {
  position: absolute;
  width: 850px;
}

.btn-close-popup {
  position: absolute;
  right: 5px;
  top: 5px;
  border: none;
  color: #ccc;
}

i.fa.print-element-check {
  margin-top: 4px;
}

.print-tags-input .vertical-alignment {
  padding-top: 10px;
}

.print-tags-input .tags {
  border: none;
  box-shadow: none;
}

.print-tags-input .tags span.input , .print-tags-input .tags input, .print-tags-input .tags .tag-item .remove-button {
  display: none;
}

.print-tags-input tags-input .tags .tag-item {
  background: #eee;
  font-family: "Open Sans", sans-serif;
}

.tags-input tags-input .tags .tag-item {
  background: #eee;
  font-family: "Open Sans", sans-serif;
}

.tags-input, .tags-input tags-input .tags {
  width: 100%;
  box-shadow: none;
}

.dd-handle.top-level.toggle-box-disabled {
  cursor: not-allowed;
  opacity: 0.5;
  filter: alpha(opacity=50); 
}


/* MARGINS & PADDINGS */
.p-xxs      {   padding: 5px !important;    }
.p-xs       {   padding: 10px !important;   }
.p-sm       {   padding: 15px !important;   }
.p-m        {   padding: 20px !important;   }
.p-md       {   padding: 25px !important;   }
.p-lg       {   padding: 30px !important;   }
.p-xl       {   padding: 40px !important;   }
.m-xxs      {   margin: 2px 4px;    }
.m-xs       {   margin: 5px;    }
.m-sm       {   margin: 10px;   }
.m          {   margin: 15px;   }
.m-md       {   margin: 20px;   }
.m-lg       {   margin: 30px;   }
.m-xl       {   margin: 50px;   }
.m-n        {   margin: 0 !important;   }
.m-l-none   {   margin-left: 0; }
.m-l-xs     {   margin-left: 5px;   }
.m-l-sm     {   margin-left: 10px;  }
.m-l        {   margin-left: 15px;  }
.m-l-md     {   margin-left: 20px;  }
.m-l-lg     {   margin-left: 30px;  }
.m-l-xl     {   margin-left: 40px;  }
.m-l-n-xxs  {   margin-left: -1px;  }
.m-l-n-xs   {   margin-left: -5px;  }
.m-l-n-sm   {   margin-left: -10px; }
.m-l-n      {   margin-left: -15px; }
.m-l-n-md   {   margin-left: -20px; }
.m-l-n-lg   {   margin-left: -30px; }
.m-l-n-xl   {   margin-left: -40px; }
.m-t-none   {   margin-top: 0;  }
.m-t-xxs    {   margin-top: 1px;    }
.m-t-xs     {   margin-top: 5px;    }
.m-t-sm     {   margin-top: 10px;   }
.m-t        {   margin-top: 15px;   }
.m-t-md     {   margin-top: 20px;   }
.m-t-lg     {   margin-top: 30px;   }
.m-t-xl     {   margin-top: 40px;   }
.m-t-xxl    {   margin-top: 50px;   }
.m-t-xxxl   {   margin-top: 60px;   }
.m-t-n-xxs  {   margin-top: -1px;   }
.m-t-n-xs   {   margin-top: -5px;   }
.m-t-n-sm   {   margin-top: -10px;  }
.m-t-n      {   margin-top: -15px;  }
.m-t-n-md   {   margin-top: -20px;  }
.m-t-n-lg   {   margin-top: -30px;  }
.m-t-n-xl   {   margin-top: -40px;  }
.m-r-none   {   margin-right: 0;    }
.m-r-xxs    {   margin-right: 1px;  }
.m-r-xs     {   margin-right: 5px;  }
.m-r-sm     {   margin-right: 10px; }
.m-r        {   margin-right: 15px; }
.m-r-md     {   margin-right: 20px; }
.m-r-lg     {   margin-right: 30px; }
.m-r-xl     {   margin-right: 40px; }
.m-r-n-xxs  {   margin-right: -1px; }
.m-r-n-xs   {   margin-right: -5px; }
.m-r-n-sm   {   margin-right: -10px;    }
.m-r-n      {   margin-right: -15px;    }
.m-r-n-md   {   margin-right: -20px;    }
.m-r-n-lg   {   margin-right: -30px;    }
.m-r-n-xl   {   margin-right: -40px;    }
.m-b-none   {   margin-bottom: 0;   }
.m-b-xxs    {   margin-bottom: 1px; }
.m-b-xs     {   margin-bottom: 5px; }
.m-b-sm     {   margin-bottom: 10px;    }
.m-b        {   margin-bottom: 15px;    }
.m-b-md     {   margin-bottom: 20px;    }
.m-b-lg     {   margin-bottom: 30px;    }
.m-b-xl     {   margin-bottom: 40px;    }
.m-b-n-xxs  {   margin-bottom: -1px;    }
.m-b-n-xs   {   margin-bottom: -5px;    }
.m-b-n-sm   {   margin-bottom: -10px;   }
.m-b-n      {   margin-bottom: -15px;   }
.m-b-n-md   {   margin-bottom: -20px;   }
.m-b-n-lg   {   margin-bottom: -30px;   }
.m-b-n-xl   {   margin-bottom: -40px;   }

/* alert icon fix */
.alert-white .icon {
  height: calc(100% + 2px);
}

.profile_menu .dropdown-toggle {
	padding: 22px;
}

.auto-overflow {
	overflow: auto;
}