@import "/shared/css/leaflet.min.css?v=3";

html, body{ height: 100%;}
body { overflow-x: hidden; font-family: 'Titillium Web', sans-serif; min-height: 100%; color: #333333; background: #FFF;}
.main-content {
  min-height: 100%;
  /* sticky footer =(hoogte van footer)*/
  margin-bottom: -325px;
}
.push{
  height: 325px;
}

input:focus, textarea:focus, select:focus, :focus{ outline: none; }

a,a.blue,.formheader a.link.blue{color:#00AFC3;}
/*a:hover{color:#0192a2;}*/
a:focus, a:active, a:hover{ text-decoration: none; color: inherit;color:#0192a2;}
a:focus {outline: none;}
.mobileonly{ display: none; }

.left { float: left; }
.right { float: right; }
.center { margin: 0 auto;}

.alignCenter{ text-align: center; }
.alignRight{ text-align: right; }

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

.centralize{ display: inline-block; margin: auto;}

.marginB{ margin-bottom: 35px; }
.smallMarginB{ margin-bottom: 25px; }
.miniMarginB{ margin-bottom: 15px; }
.marginT{ margin-top: 35px; }
.smallMarginT{ margin-top: 25px; }
.miniMarginT{ margin-top: 15px; }
.marginR{ margin-right: 35px; }

.wrap{ padding-top: 35px; padding-bottom: 35px;}
.smallWrap{ padding-top: 25px; padding-bottom: 25px;}

.formrow input[type='text'].xxxsmall{width:60px;}
.formrow input[type='text'].xxsmall{width:100px;}
.formrow input[type='text'].xsmall{width:200px;}
.formrow .inline-block{display:inline-block;vertical-align:top;}

.fullWidth, .width-100{ width: 100%; }

h1{
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-size: 32px;
  color: #9C4C94;
  letter-spacing: -0.1px;
  line-height: 56px;
}

h2{
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #9C4C94;
  line-height: 32px;
}
.detail h2{
  font-size: 32px;
  line-height: 56px;
  font-weight: 600;
}
.detail h2 .icon-leaflet{
  display: inline-block;
  width: 29px;
  height: 36px;
  background: url('/images/icons/icon-leaflet.png') left center no-repeat;
  background: url('/images/icons/icon-leaflet.svg') left center no-repeat;
  vertical-align: middle;

  margin-right: 15px;
  float: left;
}
.detail .formheader h2{
  line-height: 34px;
}
.detail .formheader h2.singleLine span{
  line-height: 56px;
  width: calc(100% - 50px);
}
.detail .formheader h2 span{
  float: left;
  width: calc(100% - 44px);
  display: inline-block;
}

h4{
  font-size: 24px;
  color: #333333;
  line-height: 32px;
  font-weight: 400;
}

h5{
  opacity: 0.8;
  font-weight: 400;
  font-size: 16px;
  color: #9C4C94;
  line-height: 24px;
}

.header-icon{
  display: inline-block;
  float: left;
  height: 56px;
  width: 30px;
  margin-right: 10px;
}
.header-icon.leaflets{
  background: url('/images/icons/headericon-leaflets.png') left center no-repeat;
  background: url('/images/icons/headericon-leaflets.svg') left center no-repeat;
}
.header-icon.companies{
  width: 34px;
  background: url('/images/icons/icon-header-company.png') left center no-repeat;
  background: url('/images/icons/icon-header-company.svg') left center no-repeat;
}
.header-icon.users{
  width: 56px;
  background: url('/images/icons/icon-header-users.png') left center no-repeat;
  background: url('/images/icons/icon-header-users.svg') left center no-repeat;
}
.header-icon.products{
  width: 36px;
  background: url('/images/icons/headericon-medicijnen.png') left center no-repeat;
  background: url('/images/icons/headericon-medicijnen.svg') left center no-repeat;
}
.header-icon.manual{
  width: 32px;
  background: url('/images/icons/headericon-manual.png') left center no-repeat;
  background: url('/images/icons/headericon-manual.svg') left center no-repeat;
}

.badge{
  background: #fff;
  color: #9b4d93;
  margin-left: 5px;
  padding: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-top: -3px;
  font-weight: 400;
}
h2 .badge{
  color: #fff;
  background: #9b4d93;
  font-size: 14px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 20px;
  margin-top: -6px;
}
.borderedBox{
  border: 1px solid #e9e9ea;
  padding: 20px 25px;
  border-radius: 2px;
  width: 100%;
}
.borderedBox .detailWrapper{
  margin-top: 10px;
}
.borderedBox .sep{
  display: block;
  width: 100%;
  height: 1px;
  background: #d4d4d4;
  margin: 15px 0;
  margin: 20px 0 15px 0;
}
.borderedBox .formrow{
  margin-bottom: 15px;
}
.borderedBox .tag{
  font-size: 14px;
  padding: 3px 15px;
}

/* =========  HEADER nav  ========= */
#header, #content, #footer{
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
#content > .container > .row:first-child .right{margin-top:7px;}
#content > .container > .row:first-child .right input[type='text']{margin-top:-1px;}
.main-nav{
  display: block;
  height: 80px;
  padding: 20px 0;
  background: #A7519E;
  /*background-image: linear-gradient(-45deg, #BB5BB1 0%, #93408B 100%);*/
  /* Mask: */
  background-image: linear-gradient(45deg, #A7519E 0%, #84397C 100%);
}
.main-nav a{
  color: #fff;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
}
#header .logo{
  display: inline-block;
  height: 80px;
  padding-left: 75px;
  margin-top: -20px;
  background: url('/images/logo/e-compendium-logo2.png') left 12px no-repeat;
  background: url('/images/logo/e-compendium-logo2.svg') left 12px no-repeat;
  background-size:56px 60px;
}
#header .logo h2{
  color: #fff;
  font-size: 24px;
  line-height: 75px;
  color: #FFFFFF;
}
.main-nav ul li, .breadcrumb ul li{
  list-style: none;
  display: inline-block;
  margin-left: 30px;
  line-height: 40px;
  vertical-align: middle;
}
.main-nav ul li.sep span{
  display: block;
  width: 2px;
  height: 32px;
  background: #9C4C94;
  background: rgba(51,51,51,0.20);
}
.main-nav ul li ul.subNav{
  display: none;
  position: absolute;
  margin: 0;
  padding: 0;
  margin-top: 10px;
  z-index: 999;
  background: #fff;
  text-align: right;
  box-shadow: 0 0 4px 0 rgba(156,76,148,0.65);
  border-radius: 2px;
}
.main-nav ul li ul.subNav::before{
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  left: 50%;
  top:-10px;
  margin-left: -5px;
}
.main-nav ul li ul.subNav li{
  margin: 0;
  padding: 0;
  line-height: 1;
  white-space: nowrap;
  width: 100%;
}
.main-nav ul li ul.subNav li a{
  color: #9C4C94;
  line-height: 40px;
  padding: 0 30px;
  display: block;
  width: 100%;
}
.main-nav ul li ul.subNav li a:hover{
  background: #fffafe;
}

.breadcrumb{
  display: block;
  height: 40px;
  padding: 0;
  background: #F0F0F0;
}
.breadcrumb ul li{
  margin-left: 0;
  margin-right: 25px;
}
.breadcrumb ul li a, .breadcrumb ul li span{
  font-size: 14px;
  color: #8E999F;
  line-height: 24px;
}
.breadcrumb ul li.sep span{
  display: block;
  width: 8px;
  height: 40px;
  background: url('/images/icons/icon-chevron.png') left center no-repeat;
  background: url('/images/icons/icon-chevron.svg') left center no-repeat;
}

a.icon-link{
  padding-left: 24px;
  line-height: 40px;
  display: inline-block;
}
a.icon-link.leaflets{
  background: url('/images/icons/icon-bijsluiters.png') left center no-repeat;
  background: url('/images/icons/icon-bijsluiters.svg') left center no-repeat;
}
a.icon-link.resources{
  padding-left: 26px;
  background: url('/images/icons/icon-resources.png') left center no-repeat;
  background: url('/images/icons/icon-resources.svg') left center no-repeat;
}
a.icon-link.logout{
  padding-left: 47px;
  background: url('/images/icons/icon-user.png') left center no-repeat;
  background: url('/images/icons/icon-user.svg') left center no-repeat;
}
a.icon-link.home, span.icon-link.home{
  padding-left: 26px;
  background: url('/images/icons/icon-home.png') left center no-repeat;
  background: url('/images/icons/icon-home.svg') left center no-repeat;
}
a.icon-link.users{
  padding-left: 36px;
  background: url('/images/icons/icon-nav-users.png') left center no-repeat;
  background: url('/images/icons/icon-nav-users.svg') left center no-repeat;
}
a.icon-link.companies{
  padding-left: 36px;
  background: url('/images/icons/icon-nav-company.png') left center no-repeat;
  background: url('/images/icons/icon-nav-company.svg') left center no-repeat;
}
a.icon-link.products{
  padding-left: 36px;
  background: url('/images/icons/icon-nav-medicijnen.png') left center no-repeat;
  background: url('/images/icons/icon-nav-medicijnen.svg') left center no-repeat;
}
a.icon-link.manual{
  padding-left: 34px;
  background: url('/images/icons/icon-nav-manual.png') left center no-repeat;
  background: url('/images/icons/icon-nav-manual.svg') left center no-repeat;
}
a.icon-link.hasSubnav{
  padding-right: 34px;
}
a.icon-link.hasSubnav::after{
  content: '';
  display: inline-block;
  position: absolute;
  width: 34px;
  height: 38px;
  background: url('/images/icons/icon-arrow-white.png') right center no-repeat;
  background: url('/images/icons/icon-arrow-white.svg') right center no-repeat;
}

/* ========= / HEADER nav ========= */

/* =========  FOOTER nav ========= */
.footer-contact{
  background: #FFF;
  padding: 50px 0;
  margin-top: 70px;
  box-shadow: inset 0 1px 0 0 #F0F0F0;
}
#footer a.footer-logo{
  display: block;
  width: 230px;
  height: 60px;
  background: url('/images/logo/pharma-footerlogo.png') left center no-repeat;
  background: url('/images/logo/pharma-footerlogo.svg') left center no-repeat;
  background-size: contain;:
}
#footer h2{
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  font-size: 40px;
  color: #8E999F;
  letter-spacing: -0.12px;
  line-height: 32px;
  margin-bottom: 10px;
}
#footer p{
  font-size: 16px;
  color: #8E999F;
  line-height: 20px;
}
#footer p.icon {
  font-size: 14px;
  padding-left: 45px;
}
#footer p.icon.address{
  background: url('/images/icons/icon-location.png') left top no-repeat;
  background: url('/images/icons/icon-location.svg') left top no-repeat;
  margin-bottom: 25px;
}
#footer p.icon.web{
  background: url('/images/icons/icon-web.png') left top no-repeat;
  background: url('/images/icons/icon-web.svg') left top no-repeat;
}
#footer p.icon.tel{
  background: url('/images/icons/icon-telephone.png') left top no-repeat;
  background: url('/images/icons/icon-telephone.svg') left top no-repeat;
  margin-bottom: 25px;
}
#footer p.icon.mail{
  background: url('/images/icons/icon-mail.png') left top no-repeat;
  background: url('/images/icons/icon-mail.svg') left top no-repeat;
}
#footer p a{
  font-size: 14px;
  color: #00AFC3;
}
.footer-disclaimer{
  background: #e8e8e9;
  padding: 25px 0;
}
/* ========= / FOOTER nav ========= */

/* =========  TABLE  ========= */
.table{
  /*background-image: linear-gradient(-45deg, #BB5BB1 0%, #93408B 100%);*/
  /*background-image: -webkit-linear-gradient(-45deg, #BB5BB1 0%, #93408B 100%);*/
  background: -webkit-linear-gradient(right, #BB5BB1, #93408B);
  background: -o-linear-gradient(left, #BB5BB1, #93408B);
  background: -moz-linear-gradient(left, #BB5BB1, #93408B);
  background: linear-gradient(to left, #BB5BB1, #93408B);
  border-radius: 4px 4px 0 0;
}
.table thead tr{
  width: 100%;
}
.table th{
  font-size: 14px;
  color: #FFFFFF;
  line-height: 24px;
}
.table th:first-child{
  border-radius: 4px 0 0 0;
}
.table th:last-child{
  border-radius: 0 4px 0 0;
}
.table>thead>tr>th, .table>tbody>tr>td {
  vertical-align: middle;
  vertical-align: top;
  border-bottom: none;
  padding: 11px 15px;
  border: none;
}

.table-striped>tbody>tr{
  background: #FFFFFF;
  /*box-shadow: inset 0 -1px 0 0 #D4D4D4;*/
  border-top:1px solid #D4D4D4;
}
.table-striped>tbody>tr:nth-of-type(odd){
  background: #FAFAFA;
}
.table-striped>tbody>tr>td{
  color: #474747;
}
.table-striped>tbody>tr.incomplete{/* Background Row: */
  /*background: rgba(255,167,246,0.1);*/
  background: #fffafe;
  /*box-shadow: inset 0 -1px 0 0 rgba(156,76,148,0.20);*/
  border-top:1px solid #ecd8e9;
}
/* .table-striped>tbody>tr.complete td.tagCell .tagBox{
  display:none;
} */
.table-striped>tbody>tr.complete:hover td.tagCell .tagBox{
  display:block;
}
.table-striped>tbody>tr>td>a{
  color: #333333;
  font-weight: 400;
}
.table-striped>tbody>tr>td>a:hover{
  color: #474747;
}
.table-striped>tbody>tr>td>a.actionLink{
  /*color: #333333;*/
  color:#00AFC3;
  font-weight: 300;
}
.table-striped>tbody>tr>td>a.actionLink:hover{
  text-decoration: underline;
}
.table-striped a.actionIcon i{font-size:10px;color:#AAA;}
.table-striped>tbody>tr>td>.passive{
  font-size: 14px;
  line-height: 14px;
  color: #7F7F7F;
}
.table-striped>tbody>tr>td>ul{
  margin-top: 4px;
}
.table-striped>tbody>tr>td>ul li{
  list-style: none;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 5px;
}
.table-striped>tbody>tr>td>ul li:last-child{
  margin-bottom: 0px;
}

.table.table-version{width:100%;background:none;border-bottom:1px solid #D4D4D4;}
.table.table-version .borderBottom{border-bottom:1px solid #D4D4D4;}
.table.table-version tr.paddedTop th{padding-top:30px!important;}
.table.table-version tr.borderTop th{border-top:1px solid #D4D4D4;}
.table-version tr td:first-child,.table-version tr th:first-child{padding-left:30px;}
.table-version tr td:last-child,.table-version tr th:last-child{padding-right:30px;}
.table.table-version>thead>tr>th,.table.table-version tr.transparent td{background:none;color:#999;}
.table-version>tbody>tr.transparent{background:none;}
.table-version>tbody>tr>td{background:#fff;}
.versionModal{background:#FAFAFA!important;}
.fancybox-inner button.fancybox-close-small{margin:15px 20px 0px 0;}
.versionModal .fancybox-close-small:after{background:transparent;}

th a.sortableHeader{
  color: #fff;
  padding-right: 35px;
}
th a.sortableHeader.text.desc, th a.sortableHeader.text.asc.reverse {
  background: url('/images/icons/icon-sort-AZ-desc.png') right center no-repeat;
  background: url('/images/icons/icon-sort-AZ-desc.svg') right center no-repeat;
}
th a.sortableHeader.text.asc, th a.sortableHeader.text.desc.reverse {
  background: url('/images/icons/icon-sort-AZ-asc.png') right center no-repeat;
  background: url('/images/icons/icon-sort-AZ-asc.svg') right center no-repeat;
}
th a.sortableHeader.numeric.desc, th a.sortableHeader.numeric.asc.reverse {
  background: url('/images/icons/icon-sort-09-desc.png') right center no-repeat;
  background: url('/images/icons/icon-sort-09-desc.svg') right center no-repeat;
}
th a.sortableHeader.numeric.asc, th a.sortableHeader.numeric.desc.reverse {
  background: url('/images/icons/icon-sort-09-asc.png') right center no-repeat;
  background: url('/images/icons/icon-sort-09-asc.svg') right center no-repeat;
}

a.toggleCNKS{
  display: inline-block;
  width: 12px;
  height: 8px;
  vertical-align: top;
  margin-top: 8px;
  margin-right: 8px;
  background: url('/images/icons/icon-arrow-purple.png') left center no-repeat;
  background: url('/images/icons/icon-arrow-purple.svg') left center no-repeat;
  -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
          transition: all 0.5s;
}
a.toggleCNKS.open{
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
          transform: rotate(180deg);
}

.icon-type{
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 18px;
  margin-right: 3px;
}
#sortTable td .icon-type{margin-right:0;}

.list-table .icon-type{
  display: inline-block;
  margin-right: 5px;
}
.list-table td{
  padding-bottom: 5px;
}
.list-table .flaticon-clear-button{
    display: block;
    font-size: 11px;
    text-align: center;
    color: #888;
}

.icon-type.human{
  background: url('/images/icons/icon-type-human.png') center center no-repeat;
  background: url('/images/icons/icon-type-human.svg') center center no-repeat;
}
.icon-type.animal{
  background: url('/images/icons/icon-type-animal.png') center center no-repeat;
  background: url('/images/icons/icon-type-animal.svg') center center no-repeat;
}
.ui-menu-item:hover .icon-type.human,.ui-menu-item.ui-state-focus .icon-type.human{
  background: url('/images/icons/icon-type-human-white.png') center center no-repeat;
  background: url('/images/icons/icon-type-human-white.svg') center center no-repeat;
}
.ui-menu-item:hover .icon-type.animal,.ui-menu-item.ui-state-focus .icon-type.animal{
  background: url('/images/icons/icon-type-animal-white.png') center center no-repeat;
  background: url('/images/icons/icon-type-animal-white.svg') center center no-repeat;
}

.pager{
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  display: block;
  text-align: right;
}
.pager span{
  line-height: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
}
.pager .pagernav{
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  vertical-align: top;
}
.pager .pagernav.disabled{
  cursor: default;
  opacity: 0.25;
}
.pager .pagernav.prev{
  background: url('/images/icons/icon-pager-prev.png') center center no-repeat;
  background: url('/images/icons/icon-pager-prev.svg') center center no-repeat;
}
.pager .pagernav.next{
  background: url('/images/icons/icon-pager-next.png') center center no-repeat;
  background: url('/images/icons/icon-pager-next.svg') center center no-repeat;
}

.emptystate{
  display: block;
  display: none;
  width: 100%;
  text-align: center;
  padding: 50px 0;
}
.emptystate .emptystate-logo{
  display: inline-block;
  width: 51px;
  height: 54px;
  margin-left: 0 auto;
  background: url('/images/logo/e-compendium-logo-gray.png') center top no-repeat;
  background: url('/images/logo/e-compendium-logo-gray.svg') center top no-repeat;
}
.emptystate h3{
  color: #8E999E;
  font-size: 20px;
  font-weight: 200;
  padding: 15px 0;
}
 /* == tags == */
.table .tags{
  display: block;
}
.tagBox{
  margin-bottom: 5px;
}
.tag {
  border-radius: 2px;
  font-size: 12px;
  color: #FFFFFF;
  padding: 2px 13px;
  margin-right: 2px;
}
.tag.published {
  background: #00AFC3;
  color: #FFFFFF;
}
.tag.error {
    background: #ff9966;
/*  background: #CD504E;
*/  color: #FFFFFF;
}
.tag.draft{
  background: #E6A519;
  color: #FFFFFF;
}
.tag.incomplete{
  border: 1px dashed rgba(51,51,51,0.40);
  padding: 1px 12px;
  font-size: 12px;
  color: rgba(51,51,51,0.40);
}
.tagBox a:hover .tag{
  opacity: 0.9;
  box-shadow: 0px 1px 2px rgba(51,51,51,0.20);
}

.tag.archived {
 background: #9aadaf;
 color: #FFFFFF;
}
.tag.offmarket {
  background: #cecece;
  color: #fff;
  padding: 4px 5px;
  border-radius: 2px;
  font-size: 11px;
  margin-left: 5px;
}
/* == status dots == */
.dot{
  display: inline-block;
  border-radius: 4px;
  width: 8px; height: 8px;
  background: #CD504E;
  box-shadow: 1px 0 0 0 rgba(0,0,0,0.20);
  margin-right: -5px;
  z-index: 2;
  position: relative;
}
.dot:first-child{
  z-index: 3;
}
.dot:last-child{
  margin-right: 5px;
  z-index: 1
}
.dot.error{
  background: #CD504E;
}
.dot.draft{
  background: #E6A519;
}
.dot.incomplete{
  background: #D4D4D4;
}
/* =========/ TABLE  ========= */

/* =========  FORM ELEMENTS ========= */

.alert>p, .alert>ul{margin-left:0;padding-left:10px;list-style:none;display:inline-block;vertical-align:top;width:80%;width:calc(100% - 50px);}

input[type="text"], input[type="password"], select{
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  /*color: #8E999F;*/
  color: #333333;
  line-height: 24px;
  margin-right: 10px;
}
input[type="text"]:focus, input[type="password"]:focus{
  background: #FFFFFF;
  border: 1px solid #9C4C94;
  box-shadow: 0 0 4px 0 rgba(156,76,148,0.65);
}
::-webkit-input-placeholder,:-moz-placeholder;::-moz-placeholder;:-ms-input-placeholder;::-ms-input-placeholder {color:#8E999F;}

input[type="text"].search{
  padding-left: 45px;
  background: #FFFFFF url('/images/icons/icon-input-search.png') left 15px center no-repeat;
  background: #FFFFFF url('/images/icons/icon-input-search.svg') left 15px center no-repeat;
}
input.autocomplete,input.autocomplete:focus{background:#fff url('/images/icons/icon-search-gray.png') right 13px center no-repeat;padding-right:30px;}
.human input.autocomplete, .animal input.autocomplete{
  padding-left: 40px;
}

.autocompleteWrap{
  position: relative;
}
.autocompleteWrap i.icon-type{
  position: absolute;
  left: 30px;
  bottom: 10px;
}
.autocompleteWrap.human i.icon-type.human, .autocompleteWrap.animal i.icon-type.animal{
  display: block!important;
}
.autocompleteWrap.human i.icon-type.animal, .autocompleteWrap.animal i.icon-type.human{
  display: none!important;
}

select{
  padding-right: 30px;
  -webkit-appearance: none;
     -moz-appearance: none;
       -o-appearance: none;
          appearance: none;
  background: #FFFFFF url('/images/icons/icon-dropdown.png') right 10px center no-repeat;
  background: #FFFFFF url('/images/icons/icon-dropdown.svg') right 10px center no-repeat;
}
select::-ms-expand {
    display: none;
}

.formbtn{
  display: inline-block;
  border-radius: 2px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  padding: 8px 20px;
  box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.20);
  border-radius: 2px;
  background: #00AFC3;
}
a.formbtn{color:#fff;}
.formbtn:hover{
  color: #fff;
  opacity: 0.95;
}
.formbtn.purple{ background: #9C4C94;}
.formbtn.blue{ background: #00AFC3;}
.formbtn.red{ background: #CD504E;}
.formbtn.yellow{ background: #E6A519;}
.formbtn.white{ background: #FFFFFF;}
.formbtn.disabled{ background: #D4D4D4;}
.formbtn.outline.yellow{
  background: rgba(230,165,25,0.05);
  border: 1px solid #E6A519;
  box-shadow: inset 0 -2px 0 0 #E6A519;
  color: #E6A519;
}
.formbtn.outline.blue{
  background: rgba(0,175,195,0.05);
  border: 1px solid #00AFC3;
  box-shadow: inset 0 -2px 0 0 #00AFC3;
  color:#00AFC3;
}
.formbtn.outline.yellow:hover{
  background: rgba(230,165,25,0.45);
  color: #fff;
}

.formbox{
  background: #FAFAFA;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.20);
  border-radius: 4px;
  margin: 25px 0 50px 0;
}
.formheader, .formbody, .formfooter{
  padding: 20px 30px;
}
.formbody{padding:20px 30px 30px 30px;}
.fancybox-slide .formbox{padding:0;}
.formheader, .formbody{
  border-top: 1px solid #;
  box-shadow: inset 0 -1px 0 0 rgba(156,76,148,0.20);
}
.formheader a.link, .formfooter a.link{
  color: #8E999F;
  line-height: 24px;
}

.formrow, .formrow .marginB{
  margin-bottom: 25px;
}
.formrow:last-child, .formrow.noMargin{
  margin-bottom: 0px;
}
.formrow label{
  display: block;
  font-size: 14px;
  color: #474747;
  line-height: 24px;
  margin-bottom: 3px;
}
.formrow input[type="text"]{
  width: 100%;
}

.formrow h3{
  opacity: 0.8;
  font-size: 18px;
  color: #9C4C94;
  line-height: 24px;
  margin-bottom: 10px;
}

.formErrorlbl {
    display: none;
    font-size: 12px;
    line-height: 22px;
    color: #da2f22;
    margin-left: 2px;
}


label.horizontalradioWrapper{
  display: inline-block;
  margin: 0;
  padding: 0;
  float: left;
  margin-bottom: 3px;
}
label.horizontalradioWrapper .horizontalradio {
  position: absolute;
  height: 40px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  cursor: pointer;
  width: 1px;
}

label.horizontalradioWrapper.disabled .horizontalradio + span{
  color: #b5b4b4;
  background: #eaeaea;
  cursor: not-allowed;
}

label.horizontalradioWrapper.last .horizontalradio + span{
  border-radius: 0 100px 100px 0;
}

label.horizontalradioWrapper.first .horizontalradio + span{
  border-radius: 100px 0 0 100px;
}

label.horizontalradioWrapper .horizontalradio + span {
    display: inline-block;
    float: left;
    line-height: 36px;
    font-size: 14px;
    color: #9C4C94;
    border-radius: 0;
    background: #FAFAFA;
    border: 1px solid #CCCCCC;
    
    text-align: center;
    padding: 2px 20px;
    min-width: 160px;
    _width: 160px;
    font-size: 14px;
    white-space: nowrap;
    margin-right: -1px;
    font-weight: normal;
    cursor: pointer;
}
label.horizontalradioWrapper .horizontalradio:checked + span {
  background: #9C4C94;
  color: #fff;
  border: 1px solid #9C4C94;
}
label.horizontalradioWrapper .horizontalradio + span i{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
label.horizontalradioWrapper .horizontalradio:checked + span i.icon-type.human{
  background: #9C4C94 url('/images/icons/icon-type-human-white.png') center center no-repeat;
  background: #9C4C94 url('/images/icons/icon-type-human-white.svg') center center no-repeat;
}
label.horizontalradioWrapper .horizontalradio:checked + span i.icon-type.animal{
  background: #9C4C94 url('/images/icons/icon-type-animal-white.png') center center no-repeat;
  background: #9C4C94 url('/images/icons/icon-type-animal-white.svg') center center no-repeat;
}


label.formLabel,label.readLabel{font-weight:400;}
label.readLabel, span.passive{color:#999;}
.labelClear{position:relative;padding-right:150px;}
label.checklbl{
  line-height: 24px;
  /*margin: 5px 0 10px;*/
  margin: 5px 0 10px 0;
  /*display: inline-block;*/
  /*float:left;*/
  /*clear:both;*/
} 
.labelClear a.show-leaflet{
    margin-left: 15px;
    /* position: absolute; */
    /* right: 10px; */
    /* top: -1px; */
    font-size: 14px;
    line-height: 1!important;
    /* top: 2px; */
    color: #00AFC3;
    text-decoration: underline;
}
label.checklbl.disabled,label.checklbl.grayedOut{
  color:#c1c1c1;
}
label.checklbl:not(.disabled):hover{
  cursor: pointer;
}
label.checklbl input{
  position: absolute;
  height: 40px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  cursor: pointer;
  width: 1px;
}
label.checklbl.singlecheckbox span:before{
  content:'';
}
label.checklbl span i, label.checklbl.singlecheckbox span:before{
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
  background: url('/images/icons/icon-check-off.png') left center no-repeat;
  background: url('/images/icons/icon-check-off.svg') left center no-repeat;
}
label.checklbl.singlecheckbox span:before{
  margin-left: -27px;
  margin-right: 5px;
  background: url('/images/icons/icon-checkbox-off.png') left center no-repeat;
  background: url('/images/icons/icon-checkbox-off.svg') left center no-repeat;
}
label.checklbl input + span{
  line-height: 18px;
  display: block;
}
label.checklbl.singlecheckbox input + span{
  margin-left: 28px;
}
label.checklbl input:checked + span{
  color: #9C4C94;
}
label.checklbl input:checked + span i{
  background: url('/images/icons/icon-check-on.png') left center no-repeat;
  background: url('/images/icons/icon-check-on.svg') left center no-repeat;
}
label.checklbl.singlecheckbox input:checked + span{
  color: inherit;
}
label.checklbl.singlecheckbox input:checked + span:before{
  background: url('/images/icons/icon-checkbox-on.png') left center no-repeat;
  background: url('/images/icons/icon-checkbox-on.svg') left center no-repeat;
}

.multiselect{
  display: block;
  position: relative;
  width: 100%;
  background: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
}
.multiselect .base{
  position: relative;
  padding: 10px 15px;
}
.multiselect .base a{
  display: none;
  font-size: 14px;
  color: #CD504E;
  text-decoration: underline;
  float: right;
  margin-right: 25px;
}
.multiselect .base.open a{
  display: block;
}
.multiselect .base:hover{
  cursor: pointer;
}

.multiselect .base:after{
  content: '';
  display: block;
  width: 12px;
  height: 8px;
  position: absolute;
  background: #FFFFFF url('/images/icons/icon-dropdown.png') center center no-repeat;
  background: #FFFFFF url('/images/icons/icon-dropdown.svg') center center no-repeat;
  right: 15px;
  top: 50%;
  margin-top: -4px;
  -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}
.multiselect .base.open:after{
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.multiselect .drop{
  display: none;
  position: absolute;
  width: 100%;
  width: calc(100% + 2px);
  background: #FFFFFF;
  margin-top: -1px;
  margin-left: -1px;
  border: 1px solid #CCCCCC;
  border-top: 1px solid #FFFFFF;
  padding: 10px 15px;
  z-index: 10;
}
.multiselect.open .drop{
  display: block;
}

.overflow-box {
  display: inline-block;
  /*height: auto;
  max-height: 200px;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease-in;
     -moz-transition: max-height 0.5s ease-in;
       -o-transition: max-height 0.5s ease-in;
          transition: max-height 0.5s ease-in;*/
}
/*.overflow-box.open {
  max-height: 1200px;
  height: auto;
}*/
.fade-overlay{
  display: block;
  position: relative;
  height: 76px;
  width: 100%;
  margin-top: -56px;
  background-image: linear-gradient(-180deg, rgba(250,250,250,0.00) 0%, #FAFAFA 72%);
}
.fade-overlay a{
  position: absolute;
  bottom: 0px;
  font-size: 14px;
  line-height: 20px;
  color: #00AFC3;
}
a.cancellink{
  font-size: 16px;
  color: #8E999F;
  line-height: 24px;
}
a.cancellink:hover{
  text-decoration: underline;
}

.alert{
  border-radius: 2px;
  font-size: 14px;
  padding: 10px 15px;
  position: relative;
}
.alert-danger{
  color: #fff;
  background-color: #CD504E;
  border-color: #CD504E;

  /*background-color: #ff9966;
  border-color: #ff9966;*/
}
.validationRow .alert-danger{
  background-color: #ff9966;
  border-color: #ff9966;
}
.validationRow .alert-danger span.glyphicon{
  margin-right: 5px;
}
.alert-danger .close{
  color: #fff;
}
.alert .close{
  opacity: 0.8;
  font-weight: 200;
  position: absolute;
  right: 12px;
  top: 5px;
  line-height: normal;
  text-shadow: none;
}
.alert .close:hover{
  opacity: 1;
}

.inlineAlert{
  margin-left: -24px;
  margin-bottom: 15px;
  margin-top: -10px;
}
.detail .inlineAlert{margin-bottom:0;margin-top:0;}
#previewForm .inlineAlert{
  margin-left: -12px;
}
.inlineAlert p{
  display: inline-block;
  color: #ff9966;
  vertical-align: middle;
  margin: 0;
}
.inlineAlert i{
  margin-right: 10px;
  font-size: 20px;
  vertical-align: middle;
}
i.icon-warning{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('/images/icons/icon-warning.png') left center no-repeat;
  background: url('/images/icons/icon-warning.svg') left center no-repeat;
}

#js-product-table .row > div{
  position: relative;
  margin-bottom: 10px;
}
#js-product-table .row > div i.icon-type{
  position: absolute;
  left: 25px;
  top: 10px;
}
#js-product-table .row > div a.js-remove-product{
  position: absolute;
  right: 30px;
  top: 6px;
  color: #CD504E;
  text-decoration: underline;
  font-size: 12px;
  line-height: 20px;
  background:#fff;
  padding:5px 0 5px 5px;
}

#js-product-table input{
  padding-left: 35px;
  display: inline-block;
}
/* ========= / FORM ELEMENTS ========= */


/* =========   FORM MODAL  ========= */
.formbox.modalform:not(.versionModal) {
    position: fixed;
    z-index: 9999;
    left: 50%;
    margin-left: -250px!important;
    top: 50%;
    margin-top: -200px!important;
    margin: auto;
}
.contentoverlay{
  display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(70, 69, 69, 0.58);
    z-index: 8999;
}
/* ========= / FORM MODAL  ========= */

/* customizen van datepicker */
.datepicker{width:125px!important;background-color: white;}
div.right .ui-datepicker-trigger{margin-bottom:-2px;}
.ui-datepicker-month{margin-right:3px!important;}
.ui-datepicker-month,.ui-datepicker-year{background-color:white; font-size: 13px!important;height: 30px!important;}
.ui-datepicker th {font-weight: normal!important;}
.ui-datepicker-calendar .ui-state-default {  background: #9e4d96; font-weight: normal!important;color: #FFF;}
.ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-state-default:hover { font-weight:normal !important; background: #673a62!important;}
.ui-datepicker-trigger:hover{cursor:pointer;}
#ui-datepicker-div{display:none;background-color: white;}
.ui-widget-header {
   border: none;
   background: #9e4d96;
   color: #FFF;
   font-weight: bold;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 0;
}
/* //customizen van datepicker */


/* =========  UPLOAD ELEMENTS ========= */
.dropzone{
  display: block;
  width: 100%;
  background: #fff url('/images/icons/icon-Word-doc.png') center 33.333333% no-repeat;
  background: #fff url('/images/icons/icon-Word-doc.svg') center 33.333333% no-repeat;
  text-align: center;
  /*padding: 50px 30px;*/
  /*border: 2px dashed #CCCCCC;*/
  border-radius: 4px;
  height: 285px;
  min-height: 285px;
  position: relative;
  margin: 20px 0;
}
.dropzone p{
  font-weight: 400;
  font-size: 16px;
  color: #8E999F;
  line-height: 24px;
  /*position: relative;*/
  position: absolute;
  width: 100%;
  top: 50%;
}
.dropzone a{
  font-size: 14px;
  color: #00AFC3;
  text-decoration: underline;
  white-space: nowrap;
}
/* =========  / UPLOAD ELEMENTS ========= */



/* =========   LOGIN PAGE  ========= */
.login #header{
  background: #BB5BB1;
  background-image: linear-gradient(45deg, #A7519E 0%, #84397C 100%);
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  padding: 25px 0;
}
.login #header:before{
  content: '';
  display: block;
  background-image: linear-gradient(45deg, #A7519E 0%, #84397C 100%);
  top: 0px;
  width: 100%;
  height: 300px;
  height: 160%;
  position: absolute;
}
.login #header .logo{
  margin-top: 25px;
}
.login #header .main-nav{
  background: rgba(0,0,0,0.10);
  background: #984A90;
  height: 80px;
  margin-top: -25px;
}
.login .main-nav .fake-dropdown, .main-nav .searchBox {
  top: 24px;
}

.login .fake-dropdown {
  display: inline-block;
  float: right;
  position: relative;
  top: 24px;
}
.fake-dropdown .top {
  width: 60px;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: -0.05px;
  line-height: 24px;
  padding: 2px 5px 2px 10px;
  border: 2px solid #BB8FB7;
  border-radius: 2px;
  text-transform: uppercase;
  text-align: left;
}
.fake-dropdown .top .icon.arrowDown {
  background: url(/images/icons/icon-arrow-white.png) right center no-repeat;
  background: url(/images/icons/icon-arrow-white.svg) right center no-repeat;
  display: inline-block;
  width: 12px;
  height: 24px;
  float: right;
}
.fake-dropdown .drop {
  width: 60px;
  border: 2px solid #BB8FB7;
  border-radius: 0 0 2px 2px;
  border-top: none;
  position: absolute;
  display: none;
  background: #fff;
}
.fake-dropdown .drop li {
  list-style: none;
  margin-left: 0;
  line-height: 24px;
  display: block;
}
.fake-dropdown .drop li a {
  font-size: 16px;
  color: #9C4C94;
  letter-spacing: -0.05px;
  line-height: 24px;
  text-transform: uppercase;
  width: 100%;
  display: block;
  padding: 2px 10px;
  text-align: left;
}
.fake-dropdown .top:hover, .fake-dropdown.open .top {
  cursor: pointer;
  background: #fff;
  color: #9C4C94;
}
.fake-dropdown .top:hover .icon.arrowDown, .fake-dropdown.open .top .icon.arrowDown{
  background: url('/images/icons/icon-arrow-purple.png') right center no-repeat;
  background: url('/images/icons/icon-arrow-purple.svg') right center no-repeat;
}
.fake-dropdown .drop li a:hover{
  color: #fff;
  background: #9C4C94;
}
.fake-dropdown.open .drop {
    display: block;
    z-index: 20;
}
.fake-dropdown.open .top {
    border-bottom: none;
    border-radius: 2px 2px 0 0;

}



.login .formbox{
  background: #fff;
}
.login .formbox .formbody, .formbox.modalform .formbody{
  padding: 30px 30px 40px 30px;
}
.formbox.modalform .formheader{padding:20px 30px;}
.login .formbox .formbody.full, .formbox.modalform .formbody.full{padding-left:0;padding-right:0;}
.login .formrow{
  position: relative;
}
.login input[type='text'], .login input[type='password'], .login select, .user-form select, .user-form input[type='password']{
  width: 100%;
}
a.link, .formrow a.link,.table-striped>tbody>tr>td>a.link{
  font-size: 14px;
  line-height: 24px;
  color: #00AFC3;
  text-decoration: underline;
}
.table-striped>tbody>tr>td>a.link{text-decoration: none;}
.table-striped>tbody>tr>td>a.link:hover{text-decoration: underline;}
a.link:hover, .formrow a.link:hover,.labelClear a.show-leaflet:hover{color:#0292a2;}
a.link.width-100{
  display: block;
  width: 100%;
}
.formrow a.insideInputLink {
  position: absolute;
  right: 25px;
  bottom: 0;
  line-height: 40px;
  white-space: nowrap;
}
.login .checklist li, .user-form .checklist li{
  list-style: none;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
}
.login .checklist li span, .user-form .checklist li span{
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #fff;
  border: 1px solid #D4D4D4;
  border-radius: 5px;
  margin-right: 10px;
}
.login .checklist li span.checked, .user-form .checklist li span.checked{
  background: #00AFC3;
  border: 1px solid #00AFC3;
}
.login .formboxDisclaimer{
  margin-top: -20px;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
}
.login .formboxDisclaimer a{
  color: #00AFC3;
  text-decoration: underline;
}

.user-form .editPassword{
  display: none;
}
/* ========= / LOGIN PAGE  ========= */


/* ========= LEAFLET  ========= */
ul.no-style li{list-style-type: none;margin-bottom:0;/*text-transform: uppercase;*/}
/* ========= / LEAFLET  ========= */

/* =========   MIMIQ editor  ========= */
.meta-footer{border-top:1px solid #D8D8D8;padding: 30px 0 10px;clear:both;}

.mimiqwrapper{
  margin-left: -100px;
  margin-right: -100px;
}
.preview.editable .editLink.placeholder {
    border: 1px dashed #D4D4D4!important;
}
a.dashedbtn,.uploadBox .ajax-upload-dragdrop{
  display: inline-block;
  /*margin: 30px 0 10px 27px;*/
  margin: 30px 0 10px 0px;
  background: #FFFFFF url('/images/icons/icon-upload.png') left 15px center no-repeat;
  background: #FFFFFF url('/images/icons/icon-upload.svg') left 15px center no-repeat;
  border: 2px dashed #CCCCCC;
  border-radius: 2px;
  padding: 10px 25px 10px 45px;
  font-size: 16px;
  color: #8E999F;
  line-height: 24px;
}
a.dashedbtn.download{
  background: #FFFFFF url('/images/icons/icon-download.png') left 15px center no-repeat;
  background: #FFFFFF url('/images/icons/icon-download.svg') left 15px center no-repeat;
}
a.dashedbox{
  display: inline-block;
  border: 2px dashed #CCCCCC;
  border-radius: 2px;
  padding: 10px 25px 10px 45px;
  font-size: 16px;
  color: #8E999F;
  line-height: 24px;
  text-align: center;
  background: url('/images/icons/icon-pdf.png') center top 40px no-repeat;
  background: url('/images/icons/icon-pdf.svg') center top 40px no-repeat;
  height: 215px;
}
a.dashedbox span{
  margin-top: 145px;
  display: block;
  font-size: 18px;
}

a.dashedbox:hover{
  background: #f0f0f0 url('/images/icons/icon-pdf.png') center top 40px no-repeat;
  background: #f0f0f0 url('/images/icons/icon-pdf.svg') center top 40px no-repeat;

}


.uploadBox .ajax-upload-dragdrop .ajax-file-upload{color:#8E999F!important;}
.row .addRow a.btnAddRow, .row .addRow a.btnAddRow.green {
  color: #CCCCCC;
}
.row .addRow a.btnAddRow:hover {
  color: #00AFC3;
}
/* ========= / MIMIQ editor  ========= */


/* =========   Medium editor  ========= */
/*.medium-editor-toolbar{
  background: #00AFC3!important;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50)!important;
  border-radius: 4px!important;
  border: 1px solid #00AFC3!important;
}
.medium-editor-toolbar li button{
  background: #00AFC3!important;
  border: none!important;
  color: rgba(255, 255, 255, 0.5)!important;
}
.medium-editor-toolbar li button:hover{
  color: rgba(255, 255, 255, 1)!important;
}
.medium-editor-toolbar li .medium-editor-button-active{
  color: rgba(255, 255, 255, 1)!important;
}
.medium-toolbar-arrow-under:after {
    border-color: #00AFC3 transparent transparent transparent!important;
}*/

.medium-editor-toolbar{
  background: #f0f0f0!important;
  box-shadow: none!important;
  border-radius: 0!important;
  border: 1px solid #d8d8D8!important;
  /*width:100%;*/
}
.medium-editor-toolbar .medium-editor-toolbar-form{background: #f0f0f0!important;border-radius:0;color:#666!important;height:30px;line-height:30px;}
.medium-editor-toolbar .medium-editor-toolbar-form input.medium-editor-toolbar-input{
  background:transparent;height:20px;line-height:20px;font-size:12px;
  color:#666!important;padding:0;height:30px;line-height:30px;vertical-align: top;
}
.medium-editor-toolbar li button{
  background: #f0f0f0!important;
  border: none!important;
  color: #666!important;
  height:30px!important;
  min-width:30px!important;
  line-height:26px!important;
  padding:2px!important;
  font-size:10px!important;
}
.medium-editor-toolbar-close,.medium-editor-toolbar-save{color:#666!important;font-size:12px!important;vertical-align: top;margin:0 7px!important;}
.medium-editor-toolbar-save{color:#9C4C94!important;}
/*.medium-editor-toolbar li button:hover{
  color: #333!important;
}*/
.medium-editor-action{box-shadow: none!important;}
.medium-editor-toolbar li .medium-editor-button-active,.medium-editor-toolbar li button:hover{
  /*color: #000!important;*/
  /*color:#E6A519!important;*/
  color:#9C4C94!important;
}
.medium-toolbar-arrow-under:after {
    /*border-color: #00AFC3 transparent transparent transparent!important;*/
}
.medium-editor-toolbar li .medium-editor-button-first,.medium-editor-toolbar li .medium-editor-button-last{border-radius:0!important;}

/* ========= / Medium editor  ========= */

/* AUTOCOMPLETE */

.ui-autocomplete {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  position: absolute;
  padding:0;
  /*margin-top:-1px;*/
  border-top:none;
}
.ui-autocomplete li {
  border-bottom: 1px solid #cccccc;
  padding: 5px;
  display: block;
}
.ui-autocomplete li i{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.ui-autocomplete li:last-child {
  border-bottom: none;
}
.ui-autocomplete li.hover {
  background-color: #efefef;
}
.ui-menu .ui-menu-item.ui-state-focus{border:none;}
.ui-menu .ui-menu-item,.ui-menu .ui-menu-item:hover{padding:6px 12px;color:#4D5967;font-size:14px;font-weight:400;background:#fff;font-family:'Open Sans',sans-serif;}
.ui-menu .ui-menu-item:hover,.ui-menu .ui-menu-item.ui-state-focus{background:#B14A98;color:#fff;}


/* \ AUTOCOMPLETE  */



/* FILE UPLOAD */


.ajax-upload-dragdrop {
    width: 100%!important;
   /* width: -moz-calc(100% - 4px)!important;
    width: -webkit-calc(100% - 4px)!important;
    width: calc(100% - 4px)!important;*/
    /*border: 2px dashed transparent;*/
    border: 2px dashed #CCCCCC;
    /*border:none;*/
    color: #ddd;
    /*height: 160px;*/
    height:100%;
    text-align: center;
    position: relative;
    z-index 10;
    padding:0;
}

/*.header .ajax-upload-dragdrop{height:625px;}*/
.dragText{top:20px;}
/*.header .dragText{top:200px;display:none!important;}*/

.ajax-upload-dragdrop.state-hover,
.ajax-upload-dragdrop.busy {
    background: #fafafa;
    background:transparent;
}
.ajax-upload-dragdrop.state-hover .ajax-file-upload {
    /*opacity: 0.3;*/
}
.ajax-file-upload {
    font-weight: normal;
    display: block;
    border: none;
    box-shadow: none!important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /*height: 32px!important;*/
    position: absolute!important;
    /*color:#fff!important;*/
    color:#00AFC3;
    text-decoration: none;

    /*padding:4px 8px;background:rgba(0,0,0,0.5);*/
    /*border-radius:5px;*/
    /*bottom:17px;*/
    /*right:15px;*/
    /*bottom:20px;*/
    /*top:auto;*/
    background:none;
    top:calc(50% + 55px);
    /*left:10px;*/
    width:100%;
    font-size:16px;
    /*right:20px;*/
    z-index:20;
    cursor:pointer;
    line-height:26px!important;
    margin:0 auto!important;
    /*font-family: Calibri, "Helvetica Neue",Helvetica,Arial,sans-serif!important;*/
    /*line-height: 24px;*/
    padding:0;
    /*font-size:10px;*/
}

.ajax-file-upload:hover,
.ajax-upload-dragdrop.busy .ajax-file-upload {
    /*color: #F1A948!important;*/
    /*background:rgba(0,0,0,0.8);*/
    background:none;
    text-decoration: underline;
    border:none!important;
    box-shadow: none!important;
}

/*.ajax-file-upload input[type="file"]{margin:0 auto;}*/
/*.ajax-file-upload:hover,
.ajax-upload-dragdrop.busy .ajax-file-upload {
    box-shadow: none;
    background: #7eb72d;
}*/
.ajax-file-upload-statusbar {
    border: none;
    width: 90%!important;
    padding: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    display:none!important;
}
.ajax-upload-dragdrop {
    position: relative;
    /*background: #F2F2F2;*/
    z-index: 100;
    text-align:center!important;
}
.ajax-upload-dragdrop span {
    display: none;
}
.ajax-file-upload-statusbar {
    margin-top: 20px;
    margin-left: 0px;
}
.ajax-file-upload-bar {
    background-color: #00AEEF;
    border-radius: 0px;
}
.ajax-file-upload-progress {
    padding: 0px;
    border-radius: 0px;
    margin-left: 0px;
}
.ajax-file-upload-red {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #e4685d;
    font-size: 13px;
    text-shadow: none;
    padding: 12px;
    display: inline-block;
}
.ajax-file-upload-red:hover {
    background-color: #E57C73;
}
.ajax-file-upload-filename {
    margin-left: 0px;
    margin-bottom: 15px;
}
.dragText,
.dragImg {
    position: absolute;
    width: 100px;
    display: block;
    text-align: center;
    /*top:10px;*/
    top: 45%;
    top: -moz-calc(50% - 62px)!important;
    top: -webkit-calc(50% - 62px)!important;
    top: calc(50% - 62px)!important;
    left: 50px;
    left: -moz-calc(50% - 90px)!important;
    left: -webkit-calc(50% - 90px)!important;
    left: calc(50% - 90px)!important;
    z-index: 100;
}
.dragText p {
    color: #A3A3A3;
    font-size: 16px!important;
    z-index: 100;
    margin-top: -115px
}
.dragText img {
    width: 120px;
    max-width:100%;
    margin-top: 10px;
}
.fancybox-slide>*{padding:0!important;}
strong.highlight{/*color: #9C4C94;*/font-weight: bold;}
.flex-container{display: -webkit-flex;display:flex;flex-direction:row;}
.langwrap{display: flex;}


.uploadBox .ajax-upload-dragdrop{width:auto;display:inline-block;width:auto!important;}
.uploadBox .ajax-upload-dragdrop .ajax-file-upload{position:relative!important;font-weight:300;font-family:'Roboto',sans-serif;}
.uploadBox .ajax-file-upload:hover, .ajax-upload-dragdrop.busy .ajax-file-upload{text-decoration:none;}

/* \ FILE UPLOAD */

.imageContainer{margin:0;padding:10px 0;}

/*.preloader{
  display: inline-block;
  width: 200px;
  height: 240px;
  position: absolute;
  margin: 0 auto;
  background: url('/images/preload.svg') center center no-repeat;
  left: 50%;
  margin-left: -100px;
}*/
.spinner-container{
  width:100%;
  margin-top:30px;
  margin-bottom:50px;
}

.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #b759ad;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.ui-draggable{cursor: move;cursor: grab;cursor: -webkit-grab; cursor: -moz-grab;}
.ui-draggable:active{cursor: grabbing;cursor: -webkit-grabbing; cursor: -moz-grabbing;}
.ui-draggable:active img{border: 1px dashed #9C4C94;}

/*.fancybox-close-small{display:none;}*/