@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-light-webfont.woff') format('woff');
    font-style: normal;
    font-weight: 300;

}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-style: normal;
    font-weight: 400;


}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-style: normal;
    font-weight: 600;

}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-style: normal;
    font-weight: 700;

}




body, .page-boxed {
    background-color: #F5F5F5!important;
}

.modal-open .modal-scrollable { /*Kein Scrollbalken bei Modal wenn man Sie zum ersten mal geöffnet hat*/
    overflow-y: auto!important;
}

.page-boxed .page-container {
    border-color: #F5F5F5!important;
}

.page-content {
    border-color: #f0f0f0!important;
}

.page-content-iframe {
    margin-left: 0px !important;
    margin-top:0px;
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    min-height: 600px;
    border-color: #f0f0f0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    border-left: 1px solid #f0f0f0 !important;
}

/** Login Logo **/
#login_top
{
	height: 95px;  
	width: 100%;	
}

#login_top_logo
{	
	background-image: url(../../DocumentHandler.ashx?ImageId=2);
    background-position: center top;
    background-repeat: no-repeat;
    border: 0 solid red;
    height: 94px;
    width: 100%;
}


#menu_logo
{	
	background-image: url(../../DocumentHandler.ashx?ImageId=1);
    background-position: center middle;
    background-repeat: no-repeat;
    border: 0 solid red;
    cursor: pointer;
}

.login .content {
    padding-bottom: 0px;
}

.login  {
    background-color:#F5F5F5 !important;
}




.page-container {
   
    overflow-x: hidden!important;
}


.header .brand {
    width: 120px!important;
    height: 25px!important;
}



.caption{
    line-height: 20px!important;
}

iframe{
background-color: white!important;
}



.header .navbar-inner, .header {
    background-color: #002851!important;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: white!important;
}

.header .hor-menu ul.nav li.active, .header .hor-menu ul.nav li.active > a, .header .hor-menu ul.nav li.active > a:hover {
    background-color: #EE7203!important;
    color: white!important;
}

.header .hor-menu ul.nav li.open > a, .header .hor-menu ul.nav li a:hover, .header .hor-menu ul.nav li a:focus {
    background-color: #EE7203!important;
    color: white!important;
}

.header .hor-menu .dropdown-menu,
.header .hor-menu .dropdown-menu li > a {
    background-color: #002851!important;
    color: white!important;
}

.header .hor-menu .dropdown-menu li > a:hover,
.header .hor-menu .dropdown-menu li:hover > a,
.header .hor-menu .dropdown-menu li.active > a {
    background-color: white!important;
    filter:none !important;
    color: #002851!important;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #002851!important;
    color: white!important;
}




.portlet.box.om > .portlet-title {
    background-color: #BABABA;
}
.portlet > .portlet-body.om, .portlet.om {
    background-color: #BABABA !important;
}
.portlet.box.om{
    border: 1px solid #BABABA;
}
.portlet.box.om > .portlet-title > .caption > i{
    color: #FFFFFF;
}




.form-wizard .active .step .number
{
    background-color: #F2AE43;
}

.form-wizard .done .step .number
{
    background-color: #35AA47;
}






@media (min-width: 768px) {
	.dl-horizontal dt {
		width:180px;
	}
	.dl-horizontal dd {
		margin-left: 200px;
	}
}

@media (max-width: 479px){
    .dl-horizontal dt {
        width: 180px;
    }
    .dl-horizontal dd {
        margin-left: 0;
        margin-bottom: 10px;
    }
}






.form-actions-custom {
    margin-bottom: 0;
    padding-left: 200px !important;
}

.formInputs {
    margin-bottom: 0!important;
}



.modalBackground {
    background-color:#333;
    filter:alpha(opacity=70);
    opacity:0.7;
}

@media (max-width: 767px){
    .modal-scrollable {
        bottom:0;
    }

    .modal-body {
        overflow: auto;
        height: 100%;
        
    }

    #iframeAddress {
        height: 100%;
    }
}



#stripeFourth .table-striped tbody > tr:nth-child(4n+3) > td, #stripeFourth .table-striped tbody > tr:nth-child(4n+4) > td {
    background-color: #ffffff;
}

#stripeFourth .table-striped tbody > tr:nth-child(4n+1) > td, #stripeFourth .table-striped tbody > tr:nth-child(4n+2) > td {
    background-color: rgb(249, 249, 249);
}

#stripeFourth .table-hover tbody tr:hover > td, #stripeFourth .table-hover tbody tr:hover > th {
    background-color: rgb(245, 245, 245);
}


#stripeThree .table-striped tbody > tr:nth-child(6n+4) > td, #stripeThree .table-striped tbody > tr:nth-child(6n+5) > td, #stripeThree .table-striped tbody > tr:nth-child(6n+6) > td {
    background-color: #ffffff;
}

#stripeThree .table-striped tbody > tr:nth-child(6n+1) > td, #stripeThree .table-striped tbody > tr:nth-child(6n+2) > td, #stripeThree .table-striped tbody > tr:nth-child(6n+3) > td {
    background-color: rgb(249, 249, 249);
}

#stripeThree .table-striped tbody > tr:nth-child(6n+6) > td, #stripeThree .table-striped tbody > tr:nth-child(6n+5) > td {
    border-top-width:0px;
}

#stripeThree .table-striped tbody > tr:nth-child(6n+3) > td, #stripeThree .table-striped tbody > tr:nth-child(6n+2) > td {
    border-top-width:0px;
}






div.controls label, label.checkbox-inline label{
    display:inline;
    margin-bottom:0px;
}

}


.icn-only [class^="fa-"] {
    line-height: 20px;
}

.btn i[class^="fa-"], .btn span[class^="fa-"]{
    line-height: 20px;
}

.btn > i {
    line-height: 19px;
}



div.mce-fullscreen {
    top: 44px!important;
}


.uneditable-input,
textarea.m-wrap,
input[type="text"].m-wrap,
input[type="password"].m-wrap,
input[type="datetime"].m-wrap,
input[type="datetime-local"].m-wrap,
input[type="date"].m-wrap,
input[type="month"].m-wrap,
input[type="time"].m-wrap,
input[type="week"].m-wrap,
input[type="number"].m-wrap,
input[type="email"].m-wrap,
input[type="url"].m-wrap,
input[type="search"].m-wrap,
input[type="tel"].m-wrap,
input[type="color"].m-wrap {
    background-color: #ffffff !important;
}



.TreeView {
    cursor: default;
}

.SelectedTreeNode{
    background-color: #666;
    color: #fff;
}



@media (max-width: 480px) {
    .form-horizontal .form-actions, .form .form-actions, .form-actions, .form .form-actions-custom {
        padding-right: 10px;
        padding-left: 10px !important;
    }
}


@media (max-width: 767px) {
    .hidden-760, .hidden-768 {
        display: none!important;
    }
}

@media (max-width: 979px) {
    .hidden-980 {
        display: none!important;
    }
}

@media (max-width: 1199px){
    .hidden-1200 {
        display: none!important;
    }
}

@media (max-width: 990px) {
    #divCostCenter{
        height: auto!important;
    }
}


@media (max-width: 994px) {
    .hidden-995 {
        display: none!important;
    }
}


@media only screen and (max-width: 700px) {
  
  /* Force table to not be like tables anymore */
  .no-more-tables700 table, 
  .no-more-tables700 thead, 
  .no-more-tables700 tbody, 
  .no-more-tables700 th, 
  .no-more-tables700 td, 
  .no-more-tables700 tr { 
    display: block; 
  }
 
  /* Hide table headers (but not display: none;, for accessibility) */
  .no-more-tables700 thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .no-more-tables700 tr { 
    border-left: 1px solid #ddd; 
    border-bottom: 1px solid #ddd; 
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
  }

  .no-more-tables700 tr:last-child {
    border-bottom: 0;
  }
 
  .no-more-tables700 td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50% !important; 
    white-space: normal;
    text-align:left;
  }

  .no-more-tables700 td.notitle { 
    /* Behave  like a "row" */
    position: relative;
    padding-left: 0; 
  }
 
  .no-more-tables700 td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }
 
  /*
  Label the data
  */
  .no-more-tables700 td:before { content: attr(data-title); }
}





@media only screen and (max-width: 767px) {
  
  /* Force table to not be like tables anymore */
  .no-more-tables table, 
  .no-more-tables thead, 
  .no-more-tables tbody, 
  .no-more-tables th, 
  .no-more-tables td, 
  .no-more-tables tr { 
    display: block; 
  }
 
  /* Hide table headers (but not display: none;, for accessibility) */
  .no-more-tables thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .no-more-tables tr { 
    border-left: 1px solid #ddd; 
    border-bottom: 1px solid #ddd; 
  }

  .no-more-tables tr:last-child {
    border-bottom: 0;
  }
 
  .no-more-tables td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50% !important; 
    white-space: normal;
    text-align:left;
  }
 
  .no-more-tables td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }
 
  /*
  Label the data
  */
  .no-more-tables td:before { content: attr(data-title); }

   table.no-more-tables {
        border-right: 1px solid #dddddd;
        border-top: 1px solid #dddddd;
   }
}




#basePage {
    overflow-x: hidden;
}




.TreeViewSearchResult {
    background: #efefef;
}

#jsTreeContainer .tree-result, #jsTreeContainer .tree-result.jstree-clicked.jstree-disabled, #jsTreeContainer .tree-result.jstree-clicked {
    background: #ACB5C3;
}



#jsTreeContainer .jstree-disabled.jstree-clicked {
    background: #ffffff;
    box-shadow: none;
}

#CostCenterTree .tree-locked, #jsTreeContainer .tree-locked {
    color: #666666 !important;
}

#CostCenterTree .tree-selected-item {
    background: rgb(238, 238, 238);
}

#CostCenterTree .tree-selected-folder {
    background: rgb(238, 238, 238);
}

#CostCenterTree.tree:before, #CostCenterTree.tree.tree-solid-line:before{
  border-left:none !important;
}

#CostCenterTree.tree .tree-folder {
    border-top:none !important;
}

#CostCenterTree.tree {
    padding-left: 0 !important;
}

#ccFrameLoading{
    position: absolute;
    margin-top: 200px;
    margin-left: 45%;
}


.toast-top-right {
  top: 54px !important;
}


.table-sm > thead > tr > th, .table-sm > tbody > tr > th, .table-sm > tfoot > tr > th, .table-sm > thead > tr > td, .table-sm > tbody > tr > td, .table-sm > tfoot > tr > td {
    padding: 4px !important;
}

.dl-left dt {
    text-align: left !important;
    width: 160px;
}

.dl-left dd {
    margin-left: 180px !important;
}


.stock-noinformation {color: rgb(200, 200, 200);}
.stock-instock {color:rgb(29, 148, 59);}
.stock-ordered {color: rgb(236, 162, 46);}
.stock-notavailable {color: rgb(187, 36, 19);}


.budget-neutral {}
.budget-green {color:rgb(29, 148, 59) !important;}
.budget-red {color: rgb(187, 36, 19) !important;}
.tree-selectable {
    font-weight: bold !important;
}



#searchtags div.tagsinput input, #producttags div.tagsinput input, .tagsinput-keywords div.tagsinput input{
    width: 120px !important;
}

#searchtags div.tagsinput, #producttags div.tagsinput, .tagsinput-keywords div.tagsinput {
    width: 100% !important;
}




.label {
    line-height: 1.42857;
}



.fa-blue {
  color:#0060AE !important;
}

.fa-red {
  color: #d42123 !important;
}

.fa-yellow {
  color: #f1c716 !important;
}

.fa-green {
  color: #35aa47 !important;
}

.fa-purple {
  color: #852b99 !important;
}

.fa-dark {
  color: #555555 !important;
}

.fa-grey {
  color: #d8d8d8 !important;
}


.table_overflow {
table-layout:fixed; 
}
.table_overflow td {
overflow:hidden;
}


.header-top {
    margin-bottom:0;
    height:75px;
    min-height:75px;
    border: 0px;
}

.navbar-white {
    background-color:white;
}

.navbar-danger {
    background-color: #d9534f;;
}


.header-top .navbar-brand {
    height:74px;
    width:255px;
    max-height:74px;
    max-width:255px;
    text-align:left;
    vertical-align:middle;
    margin-left: 0!important;
}

.header-top .navbar-nav > li > a {
    padding-bottom: 23px;
    padding-top: 23px;
    padding-right: 0px;
    padding-left: 5px;
    color: #D3D3D3;
}

.header-top .navbar-nav > li#header-top-help {
    padding-right: 15px;
}

.header-top .nav > li > a:hover,
.header-top .nav > li > a:focus,
.header-top .dropdown.open .dropdown-toggle {
    text-decoration: none;
    color:#d42123;
    background-color: #fcfcfc;
}

.header-top .nav.navbar-nav > li > a:hover,
.header-top .nav.navbar-nav li > a:focus,
.header-top .nav.navbar-nav .dropdown.open .dropdown-toggle {
    color: #002851;
}

@media (max-width: 1200px) {
    .header-top .navbar-brand {
        margin-top: 10px;
        width: 200px;
	    background-size: contain;
    }

    .header-top .nav.navbar-nav {
        margin-top:0px;
        margin-bottom:0px;
    }
}

@media (max-width: 767px) {
    .header-top .navbar-brand {
        padding-left:0px;
        padding-right:0px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-top: 20px;
        margin-bottom: 0px;
        width: 128px;
        height: 27px;
	    background-size: contain;
    }
    .header-top .nav.navbar-nav {
        margin-top:0px;
        margin-bottom:0px;
    }
}


.header-top ul > li.dropdown a .badge {
    position: absolute;
    top: 18px;
    right: 17px;
}

.badge-danger {
    background-color: #d42123 !important;
}

.header-navigation {
    float: left;
    font: 15px "Open Sans",sans-serif;
    margin: 0 10px 0 25px;
    padding: 0;
}

.header-navigation ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.header-navigation > ul > li {
    float: left;
}
.header-navigation > ul > li > a {
    color: #333;
    display: block;
    padding: 24px 12px;
}
.header-navigation ul > li > a {
    border-top: 5px solid transparent;
}

.header-navigation ul > li.active > a, .header-navigation ul > li > a:hover, .header-navigation ul > li > a:focus, .header-navigation ul > li.open > a, .header-navigation ul > li.open > a:hover, .header-navigation ul > li.open > a:focus {
    background: none repeat scroll 0 0 #fcfcfc;
    text-decoration: none;
    border-top: 5px solid #EE7203;
}
.header-navigation ul > li.active > a {
    border-top: 5px solid #EE7203;
}

.header-navigation ul.submenu > li > a, .header-navigation ul.submenu > li.active > a, .header-navigation ul.submenu > li > a:hover, .header-navigation ul.submenu > li > a:focus, .header-navigation ul.submenu > li.open > a, .header-navigation ul.submenu > li.open > a:hover, .header-navigation ul.submenu > li.open > a:focus {
    border-top: 0px solid #EE7203;
}

.header.navbar .search-form {
    height: 32px!important;
    margin-top: 5px!important;
    margin-bottom: 5px!important;
    background: transparent!important;
}

.header.navbar .search-form .form-control {
    height: 32px!important;
    margin-top: 0px!important;
    padding-top: 5px!important;
    background-color: #fff;
    color: #333;
}

.header.navbar .search-form .submit {
    margin-top: -24px!important;
}

.hor-menu {
    margin-left: 2px !important;
}

.page-title {
    font-size: 22px;
    font-weight: 400!important;
    letter-spacing: 0;
}

div#body-top-row {
    min-height:28px;
}

.breadcrumb-position {
    
}

.aboveHead-position {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 2px;
}

.page-header-fixed .page-container {
    margin-top: 117px;
}

.header-bottom .page-title-row {
    margin-top: 10px;
    margin-bottom: 10px;
}

.breadcrumb {
    background-color: transparent;
    margin-top: 5px;    
    margin-bottom: 5px;
}

/* Bootstrap-Tabelle, wo jeweils zwei Zeilen einen grauen/weißen Streifen bilden */
.table-striped2 tbody tr:nth-child(4n-7) td,
.table-striped2 tbody tr:nth-child(4n-7) th {
     background-color: #f9f9f9;
}

.table-striped2 tbody tr:nth-child(4n-6) td,
.table-striped2 tbody tr:nth-child(4n-6) th {
     background-color: #f9f9f9;
     border-top: none;
     padding-top: 0;
}

.table-striped2 tbody tr:nth-child(4n-4) td,
.table-striped2 tbody tr:nth-child(4n-4) th {
    border-top: none;
    padding-top: 0;
}

.table-striped2 tbody tr:nth-child(4n-7):hover td,
.table-striped2 tbody tr:nth-child(4n-7):hover th,
.table-striped2 tbody tr:nth-child(4n-6):hover td,
.table-striped2 tbody tr:nth-child(4n-6):hover th {
    background-color: #f9f9f9;
}

.table-striped2 tbody tr:nth-child(4n-5):hover td,
.table-striped2 tbody tr:nth-child(4n-5):hover th,
.table-striped2 tbody tr:nth-child(4n-4):hover td,
.table-striped2 tbody tr:nth-child(4n-4):hover th {
    background-color: transparent;
}

.table-striped2 > thead > tr > td.success,
.table-striped2 > tbody > tr > td.success,
.table-striped2 > tfoot > tr > td.success,
.table-striped2 > thead > tr > th.success,
.table-striped2 > tbody > tr > th.success,
.table-striped2 > tfoot > tr > th.success,
.table-striped2 > thead > tr.success > td,
.table-striped2 > tbody > tr.success > td,
.table-striped2 > tfoot > tr.success > td,
.table-striped2 > thead > tr.success > th,
.table-striped2 > tbody > tr.success > th,
.table-striped2 > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-striped2 tbody tr td:empty {
   padding-bottom: 0;
}

/* Bootstrap-Tabelle, wo jeweils drei Zeilen einen grauen/weißen Streifen bilden */
.table-striped3 tbody tr:nth-child(6n-5) td,
.table-striped3 tbody tr:nth-child(6n-5) th,
.table-striped3 tbody tr:nth-child(6n-4) td,
.table-striped3 tbody tr:nth-child(6n-4) th,
.table-striped3 tbody tr:nth-child(6n-3) td,
.table-striped3 tbody tr:nth-child(6n-3) th {
     background-color: #f9f9f9;
}

.table-striped3 tbody tr:nth-child(6n-4) td,
.table-striped3 tbody tr:nth-child(6n-4) th,
.table-striped3 tbody tr:nth-child(6n-3) td,
.table-striped3 tbody tr:nth-child(6n-3) th,
.table-striped3 tbody tr:nth-child(6n-1) td,
.table-striped3 tbody tr:nth-child(6n-1) th,
.table-striped3 tbody tr:nth-child(6n-6) td,
.table-striped3 tbody tr:nth-child(6n-6) th {
     border-top: none;
}

.table-striped3 tbody tr:nth-child(6n-6) td,
.table-striped3 tbody tr:nth-child(6n-6) th,
.table-striped3 tbody tr:nth-child(6n-3) td,
.table-striped3 tbody tr:nth-child(6n-3) th {
    padding-top: 0;
}

.table-striped3 tbody tr:nth-child(6n-2) td,
.table-striped3 tbody tr:nth-child(6n-2) th,
.table-striped3 tbody tr:nth-child(6n-5) td,
.table-striped3 tbody tr:nth-child(6n-5) th {
    padding-bottom: 0;
}

.table-striped3 tbody tr:nth-child(6n-5):hover td,
.table-striped3 tbody tr:nth-child(6n-5):hover th,
.table-striped3 tbody tr:nth-child(6n-4):hover td,
.table-striped3 tbody tr:nth-child(6n-4):hover th,
.table-striped3 tbody tr:nth-child(6n-3):hover td,
.table-striped3 tbody tr:nth-child(6n-3):hover th {
    background-color: #f9f9f9;
}

.table-striped3 tbody tr:nth-child(6n-2):hover td,
.table-striped3 tbody tr:nth-child(6n-2):hover th,
.table-striped3 tbody tr:nth-child(6n-1):hover td,
.table-striped3 tbody tr:nth-child(6n-1):hover th,
.table-striped3 tbody tr:nth-child(6n-6):hover td,
.table-striped3 tbody tr:nth-child(6n-6):hover th {
    background-color: transparent;
}

.table-striped3 > thead > tr > td.success,
.table-striped3 > tbody > tr > td.success,
.table-striped3 > tfoot > tr > td.success,
.table-striped3 > thead > tr > th.success,
.table-striped3 > tbody > tr > th.success,
.table-striped3 > tfoot > tr > th.success,
.table-striped3 > thead > tr.success > td,
.table-striped3 > tbody > tr.success > td,
.table-striped3 > tfoot > tr.success > td,
.table-striped3 > thead > tr.success > th,
.table-striped3 > tbody > tr.success > th,
.table-striped3 > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-striped3 tbody tr td:empty {
   padding-bottom: 0;
}

table tr.temporary-row{
    color:#666;
}

/*jstree Zeilenumbruch*/
div#divCategories .jstree-default a { 
    white-space:normal !important; 
    height: auto; 
    max-width: 95%;
}
div#divCategories .jstree-anchor {
    height: auto !important;
    max-width: 95%;
}
div#divCategories .jstree-default li > ins { 
    vertical-align:top; 
}
div#divCategories .jstree-leaf {
    height: auto;
    max-width: 95%;
}
div#divCategories .jstree-leaf a{
    height: auto !important;
    max-width: 95%;
}

div#divCostCenter .jstree-default a { 
    max-width:500px;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow:hidden;
}


.unselectable, .jstree {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

table td.arrival-open  {
    color: orange;
}

table td.arrival-nothing {
    color: #AA1A1C;
}

table td.arrival-completed {
    color: #5A8C15;
}

.ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.dropzone {
width: 100%;
height: 100%;
text-align: center;
border: 1px dashed #ccc;
}

.dropzone.in {
}

.dropzone.hover {
border: 1px solid #ccc;
background: #eee;
}

.dropzone.fade {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 1;
}

.dropzone .btn-file > input { transform: none; }

h1.red{
color:#d42123;
}