* {
    margin: 0;
    padding: 0;
}

.form1 {
    width: 100%;
    height: 100%;
}

.Main {
    width: 100%;
    height: 100%;
    display: block;
}

.MainTop {
    height: 115px;
}

.MasterPageHeader {
    min-height: 25px;
}

.MainContentContent {
    background-color: #c3c3c3;
    background-image: none;
}

.MainContent {
    height:100%;
    height: calc(100% - 100px);
}

#ContentPlaceHolder1_WebReport1,
#ctl00_ContentPlaceHolder1_WebReport1 {
    background-color: initial !important;
}

html, body {
    height: 100%;
    width: 100%;
}


.bodybackground {
    overflow: visible !important;
    background: -webkit-linear-gradient(-10deg, #123143 15%, #678f9b 91%);
    background: -moz-linear-gradient(-10deg, #123143 15%, #678f9b 91%);
    background: -ms-linear-gradient(-10deg, #123143 15%, #678f9b 91%);
    background: -o-linear-gradient(-10deg, #123143 15%, #678f9b 91%);
    background: radial-gradient( circle farthest-corner at 50% 60%, rgb(178, 232, 250) 0%, rgb(37, 160, 218) 90% );
    background-attachment: fixed;
}

.login {
    background: -webkit-linear-gradient(170deg, #123143 20%, #678f9b 60%);
    background: -moz-linear-gradient(170deg, #123143 20%, #678f9b 60%);
    background: -ms-linear-gradient(170deg, #123143 20%, #678f9b 60%);
    background: -o-linear-gradient(170deg, #123143 20%, #678f9b 60%);
    background: linear-gradient(170deg, #123143 20%, #678f9b 60%);
    border-radius: 10px;
    -webkit-box-shadow: 14px 18px 24px -13px rgba(0,0,0,0.47);
    -moz-box-shadow: 14px 18px 24px -13px rgba(0,0,0,0.47);
    box-shadow: 14px 18px 24px -13px rgba(0,0,0,0.47);
}


#ContentPlaceHolder1_WebReport1 {
background-color: none !important;

}

.RadButton_Hay .rbDecorated:focus {
    background-position: right -110px;
}

.divTabFiltro {
    width: 1150px;
    height: 100px;

}

.excel {
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('/images/excel_32.png');
    background-position-x: 0px;
    background-color: white;
    border-radius: 3px 3px;
    cursor: pointer;
    margin-left: 5px;
}

    .excel:hover {
        background-position-x: 32px;
        transition: all .2s ease-in-out;
    }

.messageGood, .messageAlert, .messageError, .messageInfo {
    text-align: center; vertical-align: middle;
    border-radius: 8px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.messageAlert {
    border-color: #bb570c;
    background-color: #de9e2b;
    color: #943600;
    overflow-y: auto;
}

.messageError {
    border-color: #bb0c0c;
    background-color: #de2b2b;
    color: #5c0505;
    overflow-y: auto;
}

.messageInfo {
    border-color: #0e0ca0;
    background-color: #9db4ff;
    color: #001194;
    overflow-y: auto;
}

.messageGood {
    border-color: #0ca01d;
    background-color: #9dffb4;
    color: #124f17;
    overflow-y: auto;
}

.autobrake {
    display: inline-block;
    width: auto;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

pre {
    outline: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
}

.jsonstring {
    color: green;
}

.jsonnumber {
    color: darkorange;
}

.jsonboolean {
    color: blue;
}

.jsonnull {
    color: magenta;
}

.jsonkey {
    color: red;
}


/*
.RadMenu {
z-index: 1500 !important;

}*/



#RadMainMenu, #ctl00_RadMainMenu, #RadMenu1 {
    z-index: 900 !important;

}

/*.TelerikModalOverlay {
z-index: 9998 !important;
}

.RadWindow {
    z-index: 9999 !important;
     
}*/


.infoGray {
color: #515151;
font-size: 12px;
}

.headerRounded {
border-radius: 10px 10px 0 0;
height: 18px;
padding: 5px;
}

.bottomRounded {
border-radius: 0 0 10px 10px;
height: 18px;
padding: 5px;
}

.form-group .form-control {
    width: 98%;
}

.form-group .line {
    height: 2px;
    width: 98%;
    position: absolute;
    background-color: darkgrey;
    display: inline-block;
    position: relative;
    top: -14px;
}

.form-group .linered {
    background-color: #c71010;
}

.form-group .lineorange {
    background-color: orangered;
}

.form-group .linegreen {
    background-color: #559E58;
}


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

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #333;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: 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 bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

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

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}




 @keyframes ball-loaderright {
  0%   { transform: translateY(-5px);  }
  50%  { transform: translateY(5px);   }
  100% { transform: translateY(-5px);  }
}

@keyframes ball-loaderleft {
  0%   { transform: translateY(5px);   }
  50%  { transform: translateY(-5px);  }
  100% { transform: translateY(5px);   }
}


.ball-loader-container {
  width: 100px;
  height: 20px;
}

.ball-loader {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 7px auto;
  border-radius: 50px;
  background: #169fda;
  }
  .ball-loader:nth-child(1) {
    animation: ball-loaderright .7s infinite ease-in-out;
  }
  
  .ball-loader:nth-child(2) {
    animation: ball-loaderleft 1s infinite ease-in-out;
  }
  
  .ball-loader:nth-child(3) {
    animation: ball-loaderright 1.02s infinite ease-in-out;
  }
  
  .ball-loader:nth-child(4) {
    animation: ball-loaderleft 1.09s infinite ease-in-out;
  }
  
  .ball-loader:nth-child(5) {
    animation: ball-loaderright 1.09s infinite ease-in-out;
  }
  
  .ball-loader:nth-child(6) {
    animation: ball-loaderleft 1s infinite ease-in-out;
  }
  
  .ball-loader:nth-child(7) {
    animation: ball-loaderright .7s infinite ease-in-out;
  }



.slack {
    position: relative;
    z-index: 100;
    margin: 200px auto;
    width: 96px;
    height: 96px;
    /* background: #f5f5f5; */
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.slack-dot {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    mix-blend-mode: multiply;
}

.slack-dot--a {
    top: 0;
    left: 0;
    background-color: #3eb991;
    -webkit-animation: slack-animation--a 1.8s infinite;
    animation: slack-animation--a 1.8s infinite;
    -webkit-transform: translateX(18px);
    transform: translateX(18px);
}

.slack-dot--b {
    top: 0;
    right: 0;
    background-color: #6ecadc;
    -webkit-animation: slack-animation--b 1.8s infinite;
    animation: slack-animation--b 1.8s infinite;
    -webkit-transform: translateY(18px);
    transform: translateY(18px);
}

.slack-dot--c {
    bottom: 0;
    right: 0;
    background-color: #e9a820;
    -webkit-animation: slack-animation--c 1.8s infinite;
    animation: slack-animation--c 1.8s infinite;
    -webkit-transform: translateX(-18px);
    transform: translateX(-18px);
}

.slack-dot--d {
    bottom: 0;
    left: 0;
    background-color: #e01563;
    -webkit-animation: slack-animation--d 1.8s infinite;
    animation: slack-animation--d 1.8s infinite;
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px);
}

@-webkit-keyframes slack-animation--a {
    0% {
        top: 0;
        bottom: auto;
        height: 18px;
    }

    33% {
        top: 0;
        bottom: auto;
        height: 96px;
    }

    34% {
        top: auto;
        bottom: 0;
        height: 96px;
    }

    66% {
        top: auto;
        bottom: 0;
        height: 18px;
    }

    100% {
        top: auto;
        bottom: 78px;
        height: 18px;
    }
}

@keyframes slack-animation--a {
    0% {
        top: 0;
        bottom: auto;
        height: 18px;
    }

    33% {
        top: 0;
        bottom: auto;
        height: 96px;
    }

    34% {
        top: auto;
        bottom: 0;
        height: 96px;
    }

    66% {
        top: auto;
        bottom: 0;
        height: 18px;
    }

    100% {
        top: auto;
        bottom: 78px;
        height: 18px;
    }
}

@-webkit-keyframes slack-animation--b {
    0% {
        right: 0;
        left: auto;
        width: 18px;
    }

    33% {
        right: 0;
        left: auto;
        width: 96px;
    }

    34% {
        right: auto;
        left: 0;
        width: 96px;
    }

    66% {
        right: auto;
        left: 0;
        width: 18px;
    }

    100% {
        right: auto;
        left: 78px;
        width: 18px;
    }
}

@keyframes slack-animation--b {
    0% {
        right: 0;
        left: auto;
        width: 18px;
    }

    33% {
        right: 0;
        left: auto;
        width: 96px;
    }

    34% {
        right: auto;
        left: 0;
        width: 96px;
    }

    66% {
        right: auto;
        left: 0;
        width: 18px;
    }

    100% {
        right: auto;
        left: 78px;
        width: 18px;
    }
}

@-webkit-keyframes slack-animation--c {
    0% {
        bottom: 0;
        top: auto;
        height: 18px;
    }

    33% {
        bottom: 0;
        top: auto;
        height: 96px;
    }

    34% {
        bottom: auto;
        top: 0px;
        height: 96px;
    }

    66% {
        bottom: auto;
        top: 0px;
        height: 18px;
    }

    100% {
        bottom: auto;
        top: 78px;
        height: 18px;
    }
}

@keyframes slack-animation--c {
    0% {
        bottom: 0;
        top: auto;
        height: 18px;
    }

    33% {
        bottom: 0;
        top: auto;
        height: 96px;
    }

    34% {
        bottom: auto;
        top: 0px;
        height: 96px;
    }

    66% {
        bottom: auto;
        top: 0px;
        height: 18px;
    }

    100% {
        bottom: auto;
        top: 78px;
        height: 18px;
    }
}

@-webkit-keyframes slack-animation--d {
    0% {
        left: 0;
        right: auto;
        width: 18px;
    }

    33% {
        left: 0;
        right: auto;
        width: 96px;
    }

    34% {
        left: auto;
        right: 0px;
        width: 96px;
    }

    66% {
        left: auto;
        right: 0px;
        width: 18px;
    }

    100% {
        left: auto;
        right: 78px;
        width: 18px;
    }
}

@keyframes slack-animation--d {
    0% {
        left: 0;
        right: auto;
        width: 18px;
    }

    33% {
        left: 0;
        right: auto;
        width: 96px;
    }

    34% {
        left: auto;
        right: 0px;
        width: 96px;
    }

    66% {
        left: auto;
        right: 0px;
        width: 18px;
    }

    100% {
        left: auto;
        right: 78px;
        width: 18px;
    }
}