/*
 *
 * StudioMGM FTP
 * Nicolò Chiellini
 * n.chiellini@4sigma.it
 *
 */

html {
    width: 100%;
    min-height: 100%;
    margin: 0px;
    float: left;
    padding: 0px;
    background-color: #F7F7F7;
    font-family: 'IBM Plex Sans';
}
body {
    border: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    min-height: 100vh;
    float: left;
    -webkit-text-size-adjust: 100%;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #293037;
    position: relative;
}
td {
    border: none;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
div, p, h1, h2, h3, h4, h5, h6, ul,
footer, header, nav, article, main, aside,
section, form {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    -webkit-text-size-adjust: 100%;
}
img {
    text-decoration: none;
    border: none;
    vertical-align: middle;
}
svg {
    border: none;
    border-image-width: 0;
    stroke-width: 0px;
}
iframe {
    margin: 0px;
    padding: 0px;
    border: none;
}
table, td, tr {
    margin: 0px;
    padding: 0px;
    border: none;
}
table {
    float: left;
}
label {
    cursor: pointer;
}
a {
    outline: none;
    text-decoration: none;
    color: #ec8420;
    cursor: pointer;
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
}
li {
    outline: none;
}

i, em, .italic {
    font-style: italic;
}
.underline {
    text-decoration: underline;
}
*:-placeholder
{
    color: #808080;
}
*::-webkit-input-placeholder
{
    color: #808080;
}

*::-moz-placeholder
{
    color: #808080;
}
*:-moz-placeholder
{
    color: #808080;
}

*:-ms-input-placeholder
{
    color: #808080;
}
button::-moz-focus-inner {
  border: 0;
}
a:focus {
    outline: none;
}
input:focus:-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder  { color:transparent; }

input,
textarea,
select,
button {
    outline: none;
    border: none;
    padding: 0px;
    -webkit-border-radius: 0px;
}
select {
    -webkit-appearance: none;
    background-image: url(data:image/png;base64,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czp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDctMjdUMDc6NTY6NDctMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE4LTA3LTI3VDA3OjU5OjA4LTA3OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE4LTA3LTI3VDA3OjU5OjA4LTA3OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9IkRpc3BsYXkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OWVmMTg3ZTUtMWVmNy00NzlhLWE1Y2QtMmVkMTE5NjQ2Y2ZmIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MTRmNTk5YTMtYTc1Zi05NDQxLTk3ZDQtMmY3OTNjNWQ3NTI3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6M2FmYmY3ZWYtNWFiOS00MTk4LWFjODUtNzY2NzE2NDk2ODM1Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozYWZiZjdlZi01YWI5LTQxOTgtYWM4NS03NjY3MTY0OTY4MzUiIHN0RXZ0OndoZW49IjIwMTgtMDctMjdUMDc6NTY6NDctMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ZWYxODdlNS0xZWY3LTQ3OWEtYTVjZC0yZWQxMTk2NDZjZmYiIHN0RXZ0OndoZW49IjIwMTgtMDctMjdUMDc6NTk6MDgtMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr46tjAAAACBSURBVCjPY/j//z8DOgaCVVjFsSgMB2IQIxuvYiBgBuJHUMXfgVgCn+I+qEIYXoxVMRBYoymEYX9sio/hUHz79+/fCMVAUIxDIQy3Q9UxyAPxPwKKQdgEHKZAfI4IvJ8BW+DjwoNFMUkeJCnoSIoUkqOb5IREUhIlOfGTlK0IZVgAkODRpD7i30MAAAAASUVORK5CYII=);
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: 5px 11px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  /* -webkit-appearance: none;  */
  margin: 0;
}
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
button {
    cursor: pointer;
    -webkit-appearance: none;
    background-color: transparent;
    font-family: 'IBM Plex Sans';
}
input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -webkit-border-radius: auto;
    vertical-align: middle;
}
input[type="radio"] {
/*    -webkit-appearance: checkbox;
    -webkit-border-radius: auto;*/
    vertical-align: middle;
}
input[type=submit] {
    -webkit-border-radius:0px;
    -webkit-appearance: none;
}
.vis_hidden {
    visibility: hidden;
}
.hidden {
    display: none;
}
.over_hidden {
    overflow: hidden;
}
.block,
.desktop {
    display: block;
}
.mobile {
    display: none;
}
.opacity_0 {
    opacity: 0;
}
.inline-block {
    display: inline-block;
}
.inline-desktop {
    display: inline;
}
.table {
    display: table;
    float: none;
    table-layout: fixed;
}
.table-cell {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.table-row {
    display: table-row;
    float: none;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.pointer {
    cursor: pointer;
}
.left {
    float: left;
}
.right {
    float: right;
}
.none {
    float: none;
}
.clear {
    clear: both;
}
.v_top {
    vertical-align: top;
}
.text_top {
    vertical-align: text-top;
}
.v_middle {
    vertical-align: middle;
}
.v_bottom {
    vertical-align: bottom;
}
.m_auto {
    margin: 0px auto
}
.w_auto {
    width: auto;
}
.max_w_100pe {
    max-width: 100%;
}
.w_33pe {
    width: 33.333333%;
}
.maxw_100pe {
    max-width: 100%;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.extralight {
    font-weight: 100;
}
.light {
    font-weight: 200;
}
.normal {
    font-weight: 400;
}
.strike {
      text-decoration: line-through;
}
.medium {
    font-weight: 500;
}
.bold,
strong,
b {
    font-weight: bold;
}
.extrabold {
    font-weight: 900;
}
.black,
.nero,
.blacklink,
.blacklink:visited,
.black_white_lnk {
    color: black;
}
.gray {
    color: #ccc;
}
.white, .bianco {
    color: #FFFFFF;
}
.verde {
    color: #62b15f;
}
.green {
    color: green;
}
.red {
    color: red;
}
.orange {
    color: #ec8420;
}
.orange-dark {
    color: #bd6a1a;
}
.cover {
    background-size: 100% 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.uppercase {
    text-transform: uppercase;
}
.two-column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
.font_112 {
    font-size: 112px;
    line-height: 112px;
}
.ritch-cont {
    /* Qua se vogliamo imporre qualcosa */
}
.ritch-cont a {
/*    font-style: normal;*/
    font-weight: bold;
}
.ritch-cont ul {
    width: 100%;
    box-sizing: border-box;
    list-style-type: disc;
    padding-left: 18px;
}
.ritch-cont ol {
    width: 100%;
    box-sizing: border-box;
    list-style-type:decimal;
    padding-left: 18px;
}
.ritch-cont li {
    float: left;
    width: 100%;
}
.ritch-cont img {
    max-width: 100% !important;
    height: auto !important;
}
/* Honey POT anti SPAM */
.hnpt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: transparent;
    height: 100%;
    z-index: 100;
}
#over-box {
    display: none;
    position: fixed;
    z-index: 9995;
    background-color: rgba( 255,255,255, 1);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: pointer;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px 0px;
}
#over-box-loader {
    display: none;
    position: fixed;
    z-index: 9996;
    background-color: rgba( 255,255,255, 1);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: pointer;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}
#over-box-int {
}
#over-box-close-button {
    display: block;
    float: right;
    font-size: 20px;
    line-height: 30px;
    padding: 20px;
    margin: -20px -20px 0px 0px;
}
.modal-box {
    display: none;
    position: fixed;
    padding: 20px 20px;
    background-color: #fff;
    color: #000;
    text-align: center;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    z-index: 100;
    top: -500px;
    opacity: 1;
    box-sizing: border-box;
    width: 800px;
    left: 50%;
    margin-left: -400px;
}
.form-input {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 0px 10px 0px 10px;
    height: 45px;
    box-sizing: border-box;
    line-height: 43px;
    font-size: 12px;
    background-color: #fff;
    border-bottom: 2px solid #d9d9d9;
    color: #363f47;
}
.form-input:focus,
.form-input-textarea:focus {
    border-bottom: 2px solid #ec8420;
}
.form-input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-text-fill-color: #363f47 !important;
}
#password-update .form-input {
    background-color: #f7f7f7;
}
#password-update .form-input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;
    -webkit-text-fill-color: #363f47 !important;
}
.form-select {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 0px 40px 0px 10px;
    height: 45px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    line-height: 40px;
    font-size: 15px;
    background-color: white;
    color: #000;
}
.form-input-textarea {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 10px 10px 10px 10px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    line-height: 20px;
    box-sizing: border-box;
    font-size: 14px;
    color: #000;
    position: relative;
}
.half-input {
    width: calc(50% - 5px);
}
.btn,
.btn-small {
    font-size: 12px;
    font-weight: 400;
    line-height: 43px;
    height: 45px;
    padding: 0px 10px 0px 10px;
    min-width: 150px;
    box-sizing: border-box;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    text-align: center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
/*     border-bottom: 2px solid #bd6a1a; */
    background-color: #ec8420;
    color: #fff;
    position: relative;
}
.btn .relative {
    z-index: 5;
}
.btn .border-bottom {
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    background-color: #bd6a1a;
    transition: height 0.2s;
    -webkit-transition: height 0.2s;
}
#btn-back {
    background-color: #363f47;
    color: #fff;
}
#btn-back .border-bottom {
    background-color: #293037;
}
.btn-small {
    line-height: 40px;
    height: 40px;
    min-width: 100px;
}
/* MAIN */
main {
    /* min-height: calc(100vh - 100px); */
    min-height: calc(100vh - 35px);
    position: relative;
    box-sizing: border-box;
    padding-bottom: 70px;
}
footer {
	z-index: 1;
	position: fixed;
	left: 0;
	bottom: 0;
}

#footer-top {
    background-color: #363f47;
    color: #ccc;
    padding: 25px 0px;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
}
#footer-top a {
    color: #ccc;
}
#footer-bottom {
    background-color: #293037;
    color: #ccc;
    padding: 10px 0px;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
}
#login-logo-cont {
    text-align: center;
    margin-bottom: 20px;
}
#login-logo-cont img {
    height:50px;
}
#login-form {
    width: 300px;
    display: block;
    float: left;
    position: absolute;
    top: calc(50% - 102.5px);
    left: calc( 50% - 150px);
}
#div-404-500 {
    width: 300px;
    display: block;
    float: left;
    position: absolute;
    top: calc(50% - 155px);
    left: calc( 50% - 150px);
}
#registration-form {
    width: 610px;
    display: block;
    float: left;
    position: static;
    float: none;
    margin: 40px auto;
}
#registration-form label {
    display: inline-block;
    cursor: pointer;
    padding: 5px 0px;
    font-size: 15px;
}
header {
    height: 120px;
    padding-top: 20px;
    box-sizing: border-box;
}
.page {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}
#header-top {
    margin-bottom: 20px;
    /*width: auto;
    float: left;*/
}
#logo-cont  {
    display: block;
    float: left;
}
#logo-cont img {
    height: 45px;
}
#top-nav {
    width: auto;
    float: right;
    font-size: 12px;
    line-height: 15px;
}
#top-nav i {
    font-size: 15px;
}

/* DOCUMENTALE */
.search-cont {
    width:800px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: none;
    margin: auto;
}
.main-title {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #ec8420;
}
.search-type {
    margin-left: 20px;
}
.sel {
    background-color: #bd6a1a;
}
/* AGGIUNGI ANAGRAFICA */
.form-row {
    margin-bottom: 10px;
}
#is_business_cont {
    padding-bottom: 5px;
    width: auto;
}
.lbl-is_business {
    margin-right: 20px;
}
.form-row-half {
    width: calc(50% - 10px);
    margin-right: 10px;
    margin-bottom: 10px;
}
.form-row-half:last-child {
    margin-right: 0px;
    width: 50%;
}
/* PARTIAL TABELLE */
.page-big {
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
}
.doc-table {
    width: 100%;
    font-size: 12px;
    line-height: 15px;
}
.doc-table-head {
    box-sizing: border-box;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    height: 40px;
}
.doc-table-head,
.doc-table-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.doc-table-head .doc-table-col {
    font-weight: bold;
}
.doc-table-row {
    border-bottom: 1px solid #e5e5e5;
    min-height: 40px;
}
.doc-table-col {
    padding: 10px 10px 10px 0px;
    box-sizing: border-box;
    line-height: 18px;
    box-sizing: border-box;
}
.doc-table-col-xxs {
    width: 3.333335%;
}
.doc-table-col-xs {
    width: 6.666665%;
}
.doc-table-col-medium {
    width: 15%;
}
.doc-table-col-xxs {
    width: 2.5%;
}
.doc-table-col-xs {
    width: 5%;
}
.doc-table-col-small {
    width: 10%;
}
.doc-table-col-medium {
    width: 15%;
}
.table-col-w5 {
    width: 5%;
}
.table-col-w10 {
    width: 10%;
}
.table-col-w15 {
    width: 15%;
}
.table-col-w20 {
    width: 20%;
}
.table-col-w25 {
    width: 25%;
}
.table-col-w30 {
    width: 30%;
}
.doc-table-col-big {
    width: 21.66665%;
}
.paginator {
    margin-top: 40px;
}
.paginator-item {
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    background-color: #bd6a1a;
    display: inline-block;
    margin: 0px 5px;
    border: 1px solid #bd6a1a;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.paginator-sel {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    color: #bd6a1a;
}

#command-bar {
    height: 0px;
    bottom: -20px;
    background-color: #ec8420;
    position: fixed;
    z-index: 0px;
    bottom: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* display: none; */
    box-sizing: border-box;
}

#command-bar.closed {
    height: 0;
    transition: 0.5s ease height;
}

#command-bar.open {
    height: 65px;
    display: flex;
    transition: 0.5s ease height;
}
#command-bar .alt-btn {
    margin-top: 10px;
}
.alt-btn {
    font-size: 12px;
    font-weight: 400;
    line-height: 43px;
    height: 45px;
    padding: 0px 10px 0px 10px;
    min-width: 150px;
    box-sizing: border-box;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    text-align: center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    /* border-bottom: 2px solid #bd6a1a; */
    color: #ec8420;
    border: 1px solid #ec8420;
    background-color: #fff;
    position: relative;
}
.alt-btn:first-child {
    margin-right: 10px;
}
.alt-btn .relative {
    z-index: 5;
}
.alt-btn .border-bottom {
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    background-color: #bd6a1a;
    transition: height 0.2s;
    -webkit-transition: height 0.2s;
}




.alert {
	padding: 5px 10px;
	color: white;
	margin-bottom: 5px;
	box-sizing: border-box;
	font-size: 13px;
}
.success {background-color: #4CAF50;}
.info {background-color: #2196F3;}
.warning {background-color: #ff9800;}
.danger {background-color: #f44336;}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}
.area-alert {
    max-height: 300px;
    overflow-y: auto;
}







/* -------------------- */
.layout-btn {
    color: #808080;
    display: inline-block;
    margin-right: 10px;
}
.layout-btn span {
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
}
.sel.layout-btn {
    color: #bd6a1a;
}
.sel.layout-btn span {
    color: #000;
}
#type-user-btn a {
    display: inline-block;
    margin-right: 5px;
    color: #808080;
}
#type-user-btn {
    display: inline-block;
    margin-right: 10px;
}
#layout-btn-cont {
    display: inline-block;
    margin-right: 15px;
}
#breadcrump {
    width: calc(100% - 320px);
    font-size: 12px;
    line-height: 15px;
}
.box-cont {
    position: relative;
}
.box-grid {
    width: calc((100% - 30px) / 4);
    margin-right: 10px;
    margin-bottom: 10px;
    height: 120px;
    box-sizing: border-box;
    border-bottom: 2px solid #d9d9d9;
    background-color: #fff;
}

.box-grid:nth-child(4n) {
    margin-right: 0px;
}
.box-grid .box {
    padding: 10px;
    height: 120px;
    box-sizing: border-box;
}
.box-grid .box-icon {
    width: 50px;
    font-size: 40px;
}
.box-grid .box-details {
    font-size: 10px;
    line-height: 15px;
}
.box-grid .box-info {
    width: calc(100% - 60px);
    float: right;
    position: relative;
    height: 70px;
}
.box-grid .box-btn-cont {
    width: calc(100% - 80px);
    position: absolute;
    left: auto;
    right: 10px;
    top: auto;
    bottom: 10px;
    line-height: 15px;
    font-size: 12px;
}
.box-grid .box-title {
    word-wrap: break-word;
    max-height: 30px;
    overflow: hidden;
    padding-right: 30px;
    box-sizing: border-box;
}
.box-list .box {
    padding: 10px 10px;
    box-sizing: border-box;
}
.box-list .hide-list {
    display: none;
}
.box-grid .box-details .ml_10 {
    margin-left: 0px;
}
.box-list:nth-child(odd) {
    background-color: #fff;
}
.box-list:nth-child(even) {
    background-color: transparent;
}
.box-list .box-icon {
    width: 35px;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    left: 10px;
    top: 10px;
}
.box-list .box-title {
    width: 60%;
    padding-left: 35px;
    padding-right: 20px;
    font-size: 12px;
    line-height: 20px;
    box-sizing: border-box;
}
.box-list .box-details {
    width: 40%;
    font-size: 10px;
    line-height: 20px;
    padding-right: 155px;
    box-sizing: border-box;
    text-align: right;
}
.box-list .box-btn-cont {
    width: auto;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.box-num-files {
    font-size: 10px;
    display: inline-block;
    background-color: #bd6a1a;
    color: white;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    margin-left: 10px;
}
.btn-flush {
    font-size: 12px;
    display: inline-block;
    background-color: #bd6a1a;
    color: white;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    margin-left: 10px;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
}
.box-grid .box-num-files {
    position:absolute;
    right: 0px;
    top: 0px;
}
.box-grid .btn-flush {
    position:absolute;
    right: 0px;
    top: 25px;
}
.box-selected + .box-btn-cont a {
    color: white;
}
#element-loop .box-user-deleted .box {
    opacity: 0.35;
}
#element-loop .box-selected {
    background-color: #d9d9d9;
}
#over-box-close-button {
    display: block;
    float: right;
    font-size: 20px;
    line-height: 30px;
    padding: 20px;
    right: 20px;
    top: 12px;
    position: absolute;
}


/* modal consegna multipla */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 15% auto;
    padding: 20px;
    width: 50%;
    height: fit-content;
}

#modal-textArea {
    border: solid 1px gray;
    height: 200px;
    padding: 5px;
    box-sizing: border-box;
}
.modal-btns {
    display: flex;
    justify-content: end;
    gap: 15px;
}
.modal-title{
  font-size: 20px;
}



/* File Uploads Modal */
#files-dropzone {
    position: relative;
    height: 200px;
}
#files-dropzone label {
    display: block;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 200px;
    line-height: 199px;
    text-align: center;
    font-size: 30px;
    color: #b2b2b2;
    cursor: pointer;
    width: 100%;
    background-color: #e5e5e5;
    border-bottom: 2px solid #ccc;
    box-sizing: border-box;
}

#files-upload-top-text {
    width: 100%;
    padding-right: 60px;
    box-sizing: border-box;
}
.file-doppred {
    box-sizing: border-box;
    padding: 0px 0px 30px 0px;
    margin: 0px 10px;
    width: calc(100% - 20px);
}
.uploaded-file-cont,
.uploaded-file-cont-error {
    width: 150px;
    height: 175px;
    margin-right: 10px;
    margin-top: 20px;
    position: relative;
}
.uploaded-file,
.uploaded-file-error {
    width: 150px;
    height: 150px;
    display: block;
    float: left;
    margin-bottom: 5px;
}
.uploaded-file-exist {
    width: 150px;
    height: 150px;
    display: block;
    float: left;
    margin: 0px 10px 10px 0px;
}
.uploaded-file-exist .uploaded-remove {
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    float: right;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.75);
}
.uploaded-file {
    /*background-image:url('/static/sito/img/upload_unknow.png');*/
    text-align: center;
    line-height: 150px;
    font-size: 40px;
    background-color: #f7f7f7;
}
.uploaded-file-error {
    background-image:url('/static/sito/img/formato_errato.png');
}
.uploaded-file-error-txt {
    display: block;
    float: left;
    line-height: 20px;
    width: 90%;
    color: red;
    text-align: left;
    font-size: 12px;
    position: absolute;
    bottom: 0px;
    left: 5%;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}
.uploaded-file-progress {
    display: block;
    float: left;
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #b2b2b2 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition:all 1s ease;
}
.uploaded-file-cont.done .uploaded-file-progress {
    color: #000;
    text-align: left;
    font-size: 12px;
    padding: 0px 5px;
    box-sizing: border-box;
    background-color: #ccc;
    line-height: 20px;
}

#fileuploader-loader {
    display: none;
    position: absolute;
    z-index: 9990;
    background-color: rgba( 255,255,255, 1);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: default;
    box-sizing: border-box;
}
#password-update {
    width: 100%;
    max-width: 610px;
    float: none;
    margin: 0px auto;
}
.form-errors {
    margin-top: 5px;
}
.form-errors ul {
    width: 100%;
    box-sizing: border-box;
    list-style-type: disc;
    padding-left: 18px;
}
.form-errors li {
    color: red;
    font-size: 11px;
    line-height: 15px;
    font-weight: bold;
}
.usertype-sort {
    color: #808080;
    margin-right: 10px;
}
.usertype-sort i {
    font-size: 15px;
}

.usertype-sort.sortsel {
    color: #bd6a1a;
}
.usertype-sort.sortsel span {
    color: black;
    font-weight: bold;
}
/* Over Cage */
@media only screen and (min-width:1025px) and (max-width:10000px) {
    a:hover {
        color: #bd6a1a;
        transition: color 0.2s;
        -webkit-transition: color 0.2s;
    }
    .alt-btn:hover {
        color: #fff;
        transition: color 0.2s;
        -webkit-transition: color 0.2s;
    }
    .alt-btn:hover .border-bottom {
        height: 100%;
        transition: height 0.2s;
        -webkit-transition: height 0.2s;
    }
    .layout-btn:hover span {
        color: #000;
        transition: color 0.2s;
        -webkit-transition: color 0.2s;
    }
    .layout-btn:hover {
        color: #bd6a1a;
        transition: color 0.2s;
        -webkit-transition: color 0.2s;
    }
    #footer-top a:hover {
        color: #fff;
    }
    .btn:hover {
        color: white;
    }
    .btn:hover .border-bottom {
        height: 100%;
        transition: height 0.2s;
        -webkit-transition: height 0.2s;
    }
    #files-dropzone label:hover {
        background-color: #ccc;
        color: #f7f7f7;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    .btn-flush:hover {
        color: #bd6a1a;
        background-color: white;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .box-grid {
        width: calc((100% - 20px) / 3);
    }
    .box-grid:nth-child(4n) {
        margin-right: 10px;
    }
    .box-grid:nth-child(3n) {
        margin-right: 0px;
    }
}
@media only screen and (min-width:320px) and (max-width:1023px) {
}
@media only screen and (min-width:768px) and (max-width:1023px) {
    main {
        min-height: calc(100vh - 115px);
    }
    .box-grid {
        width: calc((100% - 10px) / 2);
    }

    .box-grid:nth-child(4n) {
        margin-right: 10px;
    }
    .box-grid:nth-child(odd) {
        margin-right: 10px;
    }
    .box-grid:nth-child(even) {
        margin-right: 0px;
    }
    .btn,
    .btn-small {
        min-width: 100px;
    }
}
@media only screen and (min-width:320px) and (max-width:767px) {
    #registration-form {
        width: 100%;
        padding: 0px 10px;
        box-sizing: border-box;
    }
    #registration-form .half-input {
        width: 100%;
    }
    #registration-form .right {
        margin-top: 10px;
    }
    main {
        min-height: calc(100vh - 130px);
    }
    .box-grid,
    .box-list {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
        height: 120px;
        box-sizing: border-box;
        border-bottom: 2px solid #d9d9d9;
        background-color: #fff;
    }
    .box-grid:nth-child(4n) {
        margin-right: 0px;
    }
    .box-list .box,
    .box-grid .box {
        padding: 10px;
        height: 120px;
        box-sizing: border-box;
    }
    .box-grid .box-icon,
    .box-list .box-icon {
        width: 50px;
        font-size: 40px;
        line-height: 40px;
        position: static;
        left: 0px;
        top: 0px;
    }
    .box-grid .box-details,
    .box-list .box-details {
        font-size: 10px;
        line-height: 15px;
        width: 100%;
        padding: 0px;
        text-align: left;
    }
    .box-list .box-details {
        padding-right: 0px;
    }
    .box-grid .box-info,
    .box-list .box-info {
        width: calc(100% - 60px);
        float: right;
        position: relative;
        height: 70px;
    }
    .box-grid .box-btn-cont,
    .box-list .box-btn-cont {
        width: calc(100% - 80px);
        position: absolute;
        left: auto;
        right: 10px;
        top: auto;
        bottom: 10px;
        line-height: 15px;
        font-size: 12px;
    }
    .box-grid .box-title,
    .box-list .box-title {
        word-wrap: break-word;
        max-height: 30px;
        overflow: hidden;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        line-height: 15px;
    }
    .box-list .hide-list {
        display: inline;
    }
    .box-grid .box-details .ml_10,
    .box-list .box-details .ml_10 {
        margin-left: 0px;
    }
    .box-list:nth-child(odd) {
        background-color: #fff;
    }
    .box-list:nth-child(even) {
        background-color: #fff;
    }
    header {
        min-height: 120px;
        height: auto;
    }
    #breadcrump {
        width: 100%;
        line-height: 20px;
        margin-bottom: 10px;
    }
    #top-nav {
        width: 100%;
        height: 0px;
    }
    #logo-cont img {
        height: 30px;
    }
    #layout-btn-cont {
        margin-right: 5px;
    }
    #btn-change-password {
        position: absolute;
        top: 29px;
        right: 10px;
    }
    #btn-logout {
        position: absolute;
        top: 29px;
        right: 130px;
    }
    #layout-btn-cont {
        display: none;
    }
    #cmd-cont {
        display: block;
        float: left;
        position: static;
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-top: 0px;
        padding: 0px 5px;
        box-sizing: border-box;
    }
    #cmd-cont .btn {
        margin-left: 0px;
        margin-top: 10px;
        margin-right: 5px;
        margin-left: 5px;
        min-width: 50px;
        width: calc(50% - 10px);
        font-size: 11px;
        line-height: 33px;
        height: 35px;
    }
    .page {
        padding-left: 10px;
        padding-right: 10px;
    }
    #header-top {
        margin-bottom: 10px;
    }
    header {
        min-height: 60px;
    }
    .box-num-files {
        position:absolute;
        right: 0px;
        top: 0px;
    }
    .btn-flush {
        position:absolute;
        right: 0px;
        top: 25px;
    }
    .box-title {
        padding-right: 30px;
        box-sizing: border-box;
    }
}

/* LOADER A PALLINI */
.drawing{
    width: 100vw;
    height: 100vh;
    position: relative;
    display: block;
    background-color: #fff;
}
/* -- Loading thingy --*/
.loading-dot {
    border-radius:100%;
    height:10px;
    width:10px;
    background-color: #fb673b;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:0;
    bottom:0;
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    40px 40px 0px 0px #fb673b,-40px -40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b;
    -webkit-animation: load 3s infinite linear;
    -moz-animation: load 3s infinite linear;
    -o-animation: load 3s infinite linear;
    animation:load 3s infinite linear;
}

@-webkit-keyframes load {
  0%   {
    -webkit-transform: translate(0px,0px),rotate(0deg);
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    40px 40px 0px 0px #fb673b,-40px -40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b;
  }

  25%{
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    -40px -40px 0px 0px #fb673b,40px 40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b;
  }

  50%{
    box-shadow: 0px -40px 0px 0px #fb673b,0px 40px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,
    -40px -40px 0px 0px #fb673b,40px 40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    height:10px;
    width:10px;
  }

  80%{
    -webkit-transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    background-color: #fb673b;
    height:40px;
    width:40px;
  }

  85%{
    -webkit-transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    background-color: #fb673b;
    height:40px;
    width:40px;
  }

  90%{
    -webkit-transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    background-color: #fb673b;
    height:10px;
    width:10px;
  }

  95{
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    40px 40px 0px 0px #fb673b,-40px -40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b;
  }

  100%{
    -webkit-transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    40px 40px 0px 0px #fb673b,-40px -40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b;
  }

}

@-moz-keyframes load {
  0%   {
    -moz-transform: translate(0px,0px),rotate(0deg);
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    40px 40px 0px 0px #fb673b,-40px -40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b;
  }

  25%{
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    -40px -40px 0px 0px #fb673b,40px 40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b;
  }

  50%{
    box-shadow: 0px -40px 0px 0px #fb673b,0px 40px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,
    -40px -40px 0px 0px #fb673b,40px 40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    height:10px;
    width:10px;
  }

  80%{
    -moz-transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    background-color: #fb673b;
    height:40px;
    width:40px;
  }

  85%{
    -moz-transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    background-color: #fb673b;
    height:40px;
    width:40px;
  }

  90%{
    -moz-transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    background-color: #fb673b;
    height:10px;
    width:10px;
  }

  95{
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    40px 40px 0px 0px #fb673b,-40px -40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b;
  }

  100%{
    -moz-transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    40px 40px 0px 0px #fb673b,-40px -40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b;
  }

}

@keyframes load {
  0%   {
    transform: translate(0px,0px),rotate(0deg);
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    40px 40px 0px 0px #fb673b,-40px -40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b;
  }

  25%{
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    -40px -40px 0px 0px #fb673b,40px 40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b;
  }

  50%{
    box-shadow: 0px -40px 0px 0px #fb673b,0px 40px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,
    -40px -40px 0px 0px #fb673b,40px 40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    height:10px;
    width:10px;
  }

  80%{
    transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    background-color: #fb673b;
    height:40px;
    width:40px;
  }

  85%{
    transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    background-color: #fb673b;
    height:40px;
    width:40px;
  }

  90%{
    transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    background-color: #fb673b;
    height:10px;
    width:10px;
  }

  95{
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    40px 40px 0px 0px #fb673b,-40px -40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b;
  }

  100%{
    transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    40px 40px 0px 0px #fb673b,-40px -40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b;
  }

}
@-o-keyframes load {
  0%   {
    -o-transforms: translate(0px,0px),rotate(0deg);
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    40px 40px 0px 0px #fb673b,-40px -40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b;
  }

  25%{
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    -40px -40px 0px 0px #fb673b,40px 40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b;
  }

  50%{
    box-shadow: 0px -40px 0px 0px #fb673b,0px 40px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,
    -40px -40px 0px 0px #fb673b,40px 40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    height:10px;
    width:10px;
  }

  80%{
    -o-transforms: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    background-color: #fb673b;
    height:40px;
    width:40px;
  }

  85%{
    -o-transforms: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    background-color: #fb673b;
    height:40px;
    width:40px;
  }

  90%{
    -o-transforms: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,
    0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b,0px 0px 0px 0px #fb673b;
    background-color: #fb673b;
    height:10px;
    width:10px;
  }

  95{
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    40px 40px 0px 0px #fb673b,-40px -40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b;
  }

  100%{
    -o-transforms: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #fb673b,0px -40px 0px 0px #fb673b,40px 0px 0px 0px #fb673b,-40px 0px 0px 0px #fb673b,
    40px 40px 0px 0px #fb673b,-40px -40px 0px 0px #fb673b,40px -40px 0px 0px #fb673b,-40px 40px 0px 0px #fb673b;
  }

}


.cs-loader {
  position: relative;
  float: left;
  width: 30%;
  height: 20px;
  margin-bottom: 10px;
}
#fileuploader-loader .cs-loader {
    width: 100%;
    margin-top: 200px;
}
.cs-loader-inner {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  width: calc(100% - 200px);
  color: #fb673b;
  padding: 0 100px;
  text-align: center;
}

.cs-loader-inner label {
  font-size: 20px;
  opacity: 0;
  display:inline-block;
}

@keyframes lol {
  0% {
    opacity: 0;
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    transform: translateX(0px);
  }
  66% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(300px);
  }
}

@-webkit-keyframes lol {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }
}

.cs-loader-inner label:nth-child(6) {
  -webkit-animation: lol 3s infinite ease-in-out;
  animation: lol 3s infinite ease-in-out;
}o

.cs-loader-inner label:nth-child(5) {
  -webkit-animation: lol 3s 100ms infinite ease-in-out;
  animation: lol 3s 100ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(4) {
  -webkit-animation: lol 3s 200ms infinite ease-in-out;
  animation: lol 3s 200ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(3) {
  -webkit-animation: lol 3s 300ms infinite ease-in-out;
  animation: lol 3s 300ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(2) {
  -webkit-animation: lol 3s 400ms infinite ease-in-out;
  animation: lol 3s 400ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(1) {
  -webkit-animation: lol 3s 500ms infinite ease-in-out;
  animation: lol 3s 500ms infinite ease-in-out;
}