@font-face {
    font-family: 'Raleway';
    src: url('Fonts/raleway-regular-webfont.eot');
    src: url('Fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/raleway-regular-webfont.woff2') format('woff2'), url('Fonts/raleway-regular-webfont.woff') format('woff'), url('Fonts/raleway-regular-webfont.ttf') format('truetype'), url('Fonts/raleway-regular-webfont.svg#Montserrat') format('svg');
}

@font-face {
    font-family: 'Raleway500';
    src: url('Fonts/raleway-medium-webfont.eot');
    src: url('Fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/raleway-medium-webfont.woff2') format('woff2'), url('Fonts/raleway-medium-webfont.woff') format('woff'), url('Fonts/raleway-medium-webfont.ttf') format('truetype'), url('Fonts/raleway-medium-webfont.svg#Montserrat') format('svg');
}

@font-face {
    font-family: 'Raleway700';
    src: url('Fonts/raleway-semibold-webfont.eot');
    src: url('Fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/raleway-semibold-webfont.woff2') format('woff2'), url('Fonts/raleway-semibold-webfont.woff') format('woff'), url('Fonts/raleway-semibold-webfont.ttf') format('truetype'), url('Fonts/raleway-semibold-webfont.svg#Montserrat') format('svg');
}

@font-face {
    font-family: 'magistralcregular';
    src: url('Fonts/magistralc.woff2') format('woff2'), url('Fonts/magistralc.woff') format('woff'), url('Fonts/magistralc.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'magistralcbold';
    src: url('Fonts/magistralc-bold.woff2') format('woff2'), url('Fonts/magistralc-bold.woff') format('woff'), url('Fonts/magistralc-bold.otf') format('otf'), url('Fonts/magistralc-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'magistralcblack';
    src: url('Fonts/magistralblackc.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'carnaslight';
    src: url('Fonts/carnas-lig-webfont.eot');
    src: url('Fonts/carnas-lig-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/carnas-lig-webfont.woff2') format('woff2'), url('Fonts/carnas-lig-webfont.woff') format('woff'), url('Fonts/carnas-lig-webfont.ttf') format('truetype'), url('Fonts/carnas-lig-webfont.svg#carnaslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../../fonts/glyphicons-halflings-regular.eot");
  src: url("../../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Basic */

html {
    min-height: 100%;
    position: relative;
}

body {
    background: #fff;
    margin: 0;
    margin-bottom: 200px;
}

footer {
    position: absolute;
    bottom: 0px;
    margin-top: -300px;
    height: 130px;
    width: 100%;
    clear: both;
}
#backtop a > i, #backtop a:link > i, #backtop a:active > i, #backtop a:hover > i, #backtop a, #backtop a:link, #backtop a:active, #backtop a:hover {
    margin-left: -10px;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-top: 100px;
    border: 0;
    text-decoration: none;
    outline: none;
    position: absolute;
    bottom: -40px;
    left: 50%;
}
body.is-loading *,
body.is-loading *:before,
body.is-loading *:after {
    -moz-animation: none !important;
    -webkit-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

body,
input,
select,
textarea,
p,
label {
    color: #6c6f70;
    font-family: carnaslight, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    /* line-height: 0.5em; */
}
.label {
  padding: 0.65em 1.2em;
  font-size:100%;
  letter-spacing:0.8pt;
  border-radius: 1.5em;
}
.label-primary {
  background-color: #337ab740;
  border:solid 1px #337ab780; 
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #28609080;
}
.label-success {
  background-color: #5cb85c40;
  border:solid 1px #5cb85c80;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d4480;
}
.label-info {
  background-color: #5bc0de40;
  border:solid 1px #5bc0de80
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d580;
}
.label-warning {
  background-color: #f0ad4e40;
  border:solid 1px #f0ad4e80;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f80;
}
.label-danger {
  background-color: #d9534f40;
  border:solid 1px #d9534f80;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c80;
}
div.label {
	display:inline-block; 
	margin-bottom:4px;
}
.section {
  padding-top: 8px;
  padding-bottom: 8px;
}
a,
a:link,
a:visited,
a.link,
a.visited {
    color: #888;
    text-decoration: none;
    outline: none;
}

a:hover,
a:active,
a:focus,
a.hover,
a.active,
a.focus {
    color: #151515;
    text-decoration: none;
    outline: none;
}

strong,
b {
    font-weight: 700;
}

em,
i {
    font-style: italic;
}

p,
.p {
    margin: 2em 0 2em 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #545454;
    font-family: carnaslight, Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 2em;
    margin: 0 0 0.8em 0;
    text-transform: uppercase;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
    color: inherit;
    text-decoration: none;
}

h2,
.h2 {
    font-size: 1.5em;
    letter-spacing: 1px;
}

h3,
.h3 {
    font-size: 1.2em;
    letter-spacing: 1px;
}

h4,
.h4 {
    font-size: 1em;
    letter-spacing: 1px;
}

h5,
.h5 {
    font-size: 0.9em;
    letter-spacing: 1px;
}

h6,
.h6 {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.57143;
    text-transform: uppercase;
    letter-spacing: .35em;
    color: rgba(55, 59, 70, 0.4);
}

/* redesign */
/* sip 130423  */
h1.h1-customer,
h2.h2-customer,
h3.h3-customer,
h4.h4-customer,
h5.h5-customer,
h6.h6-customer,
.h1-customer,
.h2-customer,
.h3-customer,
.h4-customer,
.h5-customer,
.h6-customer {
    background-color: #4F657B !important;
    color: #fff;
	padding:10px 18px;
}

.downloadLink {
    *background-color: #ceb98c !important;
    border-color: lightgrey;
    border-width: 1px;
    background-color: #75a3a4 !important;
	color: white !important;
	padding: 3px 9px !important;
	border-radius: 3px;
	box-shadow: 1px 1px 0px 0px lightgrey;
	margin: 4px;
	font-size: 13px;
	display: inline-block;
 }

 .downloadAssociatedLink {
    background-color: #f9f2ed !important;
    color: #464646 !important;
    padding: 0px 5px !important;
    height: 20px;
    line-height: 20px;
    border-collapse: separate;
    border-radius: 3px;
    box-shadow: 1px 1px 0px 0px lightgrey;
    margin: 5px;
    font-size: 12px;
    display: inline-block;
}

 /* ------------ */
.bg-generatedEmail {
    background-color: #7587a4 !important;
}

.bg-attached {
    background-color: #1e53a8  !important;
}

@media (min-width: 768px) {
    h6,
    .h6 {
        font-size: 12px;
        letter-spacing: .5em;
    }
}

sub {
    font-size: 0.8em;
    position: relative;
    top: 0.5em;
}

sup {
    font-size: 0.8em;
    position: relative;
    top: -0.5em;
}

/* redesign2 */
hr {
    border: 0;
    border-bottom: solid 1px rgba(144, 144, 144, 0.25);
    margin: 1.5em 0;
}

hr.major {
    margin: 3em 0;
}

hr.small {
    margin: 0.8em 0;
}

hr.custom {
    margin: 0.5em 0 1.5em 0;
}

.fixedElement {
    position: fixed;
    top: 46vh;
    left: 47vw;
}

.clear-both {
    clear: both;
}

.DYF-no-pad {
    height: 500px; 
    overflow-y: auto;
}
/* ----- */
blockquote {
    border-left: solid 4px rgba(144, 144, 144, 0.25);
    font-style: italic;
    margin: 0 0 2em 0;
    padding: 0.5em 0 0.5em 2em;
}

blockquote p {
    font-size: 1.7em;
    line-height: 1.5em;
    margin-bottom: 1em;
}

code {
    background: rgba(144, 144, 144, 0.075);
    border-radius: 4px;
    border: solid 1px rgba(144, 144, 144, 0.25);
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    margin: 0 0.25em;
    padding: 0.25em 0.65em;
}

pre {
    -webkit-overflow-scrolling: touch;
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    margin: 0 0 2em 0;
}

pre code {
    display: block;
    line-height: 1.75em;
    padding: 1em 1.5em;
    overflow-x: auto;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.spacerap {
    white-space: nowrap;
}


/* nav bar */

nav.navbar {
    display: none;
}

#header {
    display: block;
}

.navbar-brand img {
    margin-top: -5px;
}


/* Section/Article */

section.special,
article.special,
header.special {
    text-align: center;
}

header p {
    color: #666;
    position: relative;
    margin: 0 0 1.5em 0;
    font-family: carnaslight, Arial, Helvetica, sans-serif;
}

header h2+p {
    font-size: 1.25em;
    margin-top: -1em;
    line-height: 1.5em;
}

header h3+p {
    font-size: 1.1em;
    margin-top: -0.8em;
    line-height: 1.5em;
}

header h4+p,
header h5+p,
header h6+p {
    font-size: 1em;
    margin-top: -0.6em;
    line-height: 1.5em;
    letter-spacing: 1px;
}

header.major {
    margin: 0 0 6em 0;
}

header.major h2 {
    font-size: 3em;
}

header.major h2,
header.major h3,
header.major h4,
header.major h5,
header.major h6 {
    display: inline-block;
    margin: 0 0 0.8em;
}

header.major p {
    font-size: 2em;
    letter-spacing: 2px;
    margin-bottom: 0;
}
.well {
    padding: 10px 10px;
    margin-bottom: 15px;
}
.circle {
    border-radius: 50% !important;
}

.no-round {
    border-radius: 0px !important;
}

.round,
.round-medium {
    border-radius: 4px !important;
}

.round-large {
    border-radius: 8px !important;
}

.border {
    border: 1px solid #ccc !important;
}


/* Module Login */

/*** Redesign ***/
.modal-body {
    padding: 15px 25px !important;
}

.modal-footer {
    padding-right: 25px;
}
/****/
.modal-login {
    display: block !important;
    z-index: 10000;
}

@media (min-width: 768px) {
    .margin-top-login {
        margin-top: 7%;
    }
}

.well-login-top,
.well-login-bottom {
    min-height: 20px;
    background-color: #3b3b3b;
    /* border-radius: 6px; */
}

.well-login-top {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.well-login-bottom {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.login-brand {
    background-image: url("images/logo_xs.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 120px;
}

.login-back {
    background-attachment: scroll;
    background-image: url("images/overlay00.png"), url("images/carousel03.jpg");
    background-position: center top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -khtml-background-size: cover;
    object-fit: cover;
    margin-left: 0px;
    margin-right: 0px;
}


/* End Module Login */


/* Opacities */

.opacity,
.hover-opacity:hover,
.hover-opacity:active {
    opacity: 0.60;
}

.opacity-min,
.hover-opacity-min:hover,
.hover-opacity-min:active {
    opacity: 0.75;
}

.opacity-xmin,
.hover-opacity-xmin:hover,
.hover-opacity-xmin:active {
    opacity: 0.85;
}

.opacity-off,
.hover-opacity-off:hover,
.hover-opacity-off:active {
    opacity: 1;
}

.animate-opacity {
    animation: opac 0.8s;
}


/* End Opacities */


/* Icons FontAwesome */

.fa,
.far,
.fas {
    font-family: FontAwesome;
}

.afa-md {
    font-size: 1.25em;
}

.fa-centered {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


.fa-lg {
    font-size: 1.5em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}


/* End Icons FontAwesome */


/* Texts */

.text-xs {
    font-size: 10px !important;
}
.medium, .text-sm {
    font-size: 12px !important;
}
.medium, .text-md {
    font-size: 14px !important;
}
.text-lg {
    font-size: 16px !important;
}
.text-xlg {
    font-size: 22px !important;
}
.text-xxlg {
    font-size: 32px !important;
}
.text-xxxlg {
    font-size: 44px !important;
}
/* sip 130423  */
.text-red,
.hover-text-red:hover,
.control-label.text-red {
    color: #f44336 !important;
}

/* redesign2 */
.text-blue-sky,
.hover-text-blue-sky:hover {
    color: #7ab3dc !important;
}
/*--------*/

.text-alizarin-red,
.hover-text-alizarin-red:hover {
    color: #ee5744 !important;
}

.text-dark-red,
.hover-text-dark-red {
    color: #b91d47 !important;
}

.text-pink,
.hover-text-pink:hover {
    color: #e91e63 !important;
}

.text-purple,
.hover-text-purple:hover {
    color: #9c27b0 !important;
}

.text-deep-purple,
.hover-text-deep-purple:hover {
    color: #6852b2 !important;
}

.text-indigo,
.hover-text-indigo:hover {
    color: #3f51b5 !important;
}

.text-deep-blue,
.hover-text-deep-blue:hover {
    color: #002663 !important;
}

.text-blue,
.hover-text-blue:hover {
    color: #2196F3 !important;
}

.text-light-blue,
.hover-text-light-blue:hover {
    color: #87CEEB !important;
}

.text-cyan,
.hover-text-cyan:hover {
    color: #00bcd4 !important;
}

.text-aqua,
.hover-text-aqua:hover {
    color: #00ffff !important;
}

.text-ariel,
.hover-text-ariel:hover {
    color: #11a8bb !important;
}

.text-teal,
.hover-text-teal:hover {
    color: #47d1af !important;
}

.text-green,
.hover-text-green:hover {
    color: #47d178 !important;
}

/**** Redesign *** */
.text-forest-green,
.hover-text-forest-green:hover {
    color: #228b22 !important;
}
/*----------*/
.text-light-green,
.hover-text-light-green:hover {
    color: #8bc34a !important;
}

.text-lime,
.hover-text-lime:hover {
    color: #cddc39 !important;
}

.text-sand,
.hover-text-sand:hover {
    color: #fdf5e6 !important;
}

.text-khaki,
.hover-text-khaki:hover {
    color: #f0e68c !important;
}

.text-yellow,
.hover-text-yellow:hover {
    color: #ffeb3b !important;
}

.text-amber,
.hover-text-amber:hover {
    color: #fdba4b !important;
}

.text-orange,
.hover-text-orange:hover {
    color: #ff9800 !important;
}

.text-deep-orange,
.hover-text-deep-orange:hover {
    color: #ff7444 !important;
}

.text-blue-grey,
.hover-text-blue-grey:hover,
.text-blue-gray,
.hover-text-blue-gray:hover {
    color: #607d8b !important;
}

.text-wet-asphalt,
.hover-text-wet-asphalt:hover {
    color: #34495e !important;
}

.text-midnight-blue,
.hover-text-midnight-blue:hover {
    color: #2c3e50 !important;
}

.text-brown,
.hover-text-brown:hover {
    color: #795548 !important;
}

.text-white,
.hover-text-white:hover,
.text-white,
.hover-text-white:hover {
    color: #fff !important;
}

.text-light-grey,
.hover-text-light-grey:hover,
.text-light-gray,
.hover-text-light-gray:hover {
    color: #f1f1f1 !important;
}

.text-grey,
.hover-text-grey:hover,
.text-gray,
.hover-text-gray:hover {
    color: #9e9e9e !important;
}

.text-dark-grey,
.hover-text-dark-grey:hover,
.text-dark-gray,
.hover-text-dark-gray:hover {
    color: #484848 !important;
}

.text-eli-black,
.hover-text-eli-black:hover {
    color: #161616 !important;
}

.text-black,
.hover-text-black:hover {
    color: #000 !important;
}

.text-old-red,
.hover-text-old-red:hover {
    color: #df7879 !important;
}

.text-pale-red,
.hover-text-pale-red:hover {
    color: #ffdddd !important;
}

.text-pale-yellow,
.hover-text-pale-yellow:hover {
    color: #ffffcc !important;
}

.text-pale-green,
.hover-text-pale-green:hover {
    color: #ddffdd !important;
}

.text-pale-blue,
.hover-text-pale-blue:hover {
    color: #ddffff !important;
}
/* End Texts */
/* Colors */

/* Redesign2 */
.bg-whitesmoke {
    color: #000 !important;
    background-color: #f5f5f5 !important;
}

.bg-aquamarine {
    background-color: #2dc5a7;
}

.bg-antique-white {
    background-color: #f7e8d6;
}

.bg-comment {
    background-color: #fbf9ef !important;
}
/*----------*/
.red,
.hover-red:hover {
    color: #fff !important;
    background-color: #f44336 !important;
    border-color: #f44336 !important;
}

.alizarin-red,
.hover-alizarin-red:hover {
    color: #fff !important;
    background-color: #ee5744 !important;
    border-color: #ee5744 !important;
}

.dark-red,
.hover-dark-red {
    color: #fff !important;
    background-color: #b91d47 !important;
    border-color: #b91d47 !important;
}

.pink,
.hover-pink:hover {
    color: #fff !important;
    background-color: #e91e63 !important;
    border-color: #e91e63 !important;
}

.purple,
.hover-purple:hover {
    color: #fff !important;
    background-color: #9c27b0 !important;
    border-color: #9c27b0 !important;
}

.deep-purple,
.hover-deep-purple:hover {
    color: #fff !important;
    background-color: #6852b2 !important;
    border-color: #6852b2 !important;
}

.indigo,
.hover-indigo:hover {
    color: #fff !important;
    background-color: #3f51b5 !important;
    border-color: #3f51b5 !important;
}

.deep-blue,
.hover-deep-blue:hover {
    color: #fff !important;
    background-color: #002663 !important;
    border-color: #002663 !important;
}

.blue,
.hover-blue:hover {
    color: #fff !important;
    background-color: #2196F3 !important;
    border-color: #2196F3 !important;
}

.light-blue,
.hover-light-blue:hover {
    color: #000 !important;
    background-color: #87CEEB !important;
    border-color: #87CEEB !important;
}

.cyan,
.hover-cyan:hover {
    color: #fff !important;
    background-color: #00bcd4 !important;
    border-color: #00bcd4 !important;
}

.aqua,
.hover-aqua:hover {
    color: #000 !important;
    background-color: #00ffff !important;
    border-color: #00ffff !important;
}

.ariel,
.hover-ariel:hover {
    color: #fff !important;
    background-color: #11a8bb !important;
    border-color: #11a8bb !important;
}

.teal,
.hover-teal:hover {
    color: #fff !important;
    background-color: #47d1af !important;
    border-color: #47d1af !important;
}

.green,
.hover-green:hover {
    color: #fff !important;
    background-color: #47d178 !important;
    border-color: #47d178 !important;
}

.light-green,
.hover-light-green:hover {
    color: #000 !important;
    background-color: #8bc34a !important;
    border-color: #8bc34a !important;
}

.lime,
.hover-lime:hover {
    color: #000 !important;
    background-color: #cddc39 !important;
    border-color: #cddc39 !important;
}

.sand,
.hover-sand:hover {
    color: #111 !important;
    background-color: #fdf5e6 !important;
    border-color: #fdf5e6 !important;
}

.khaki,
.hover-khaki:hover {
    color: #000 !important;
    background-color: #f0e68c !important;
    border-color: #f0e68c !important;
}

.diferent,
.diferent:hover {
    color: #000 !important;
    background-color: #f4eee0 !important;
    border-color: #f4eee0 !important;
}

.yellow,
.hover-yellow:hover {
    color: #000 !important;
    background-color: #ffeb3b !important;
    border-color: #ffeb3b !important;
}

/* Redesign */
.light-yellow {
    color: #000 !important;
    background-color: #ffffed !important;
    border-color: #ffffed !important;
}

.amber,
.hover-amber:hover {
    color: #111 !important;
    background-color: #fdba4b !important;
    border-color: #fdba4b !important;
}

.orange,
.hover-orange:hover {
    color: #fff !important;
    background-color: #ff9800 !important;
    border-color: #ff9800 !important;
}

.deep-orange,
.hover-deep-orange:hover {
    color: #fff !important;
    background-color: #ff7444 !important;
    border-color: #ff7444 !important;
}

.blue-grey,
.hover-blue-grey:hover,
.blue-gray,
.hover-blue-gray:hover {
    color: #fff !important;
    background-color: #607d8b !important;
    border-color: #607d8b !important;
}

.wet-asphalt,
.hover-wet-asphalt:hover {
    color: #fff !important;
    background-color: #34495e !important;
    border-color: #34495e !important;
}

.midnight-blue,
.hover-midnight-blue:hover {
    color: #fff !important;
    background-color: #2c3e50 !important;
    border-color: #2c3e50 !important;
}

.brown,
.hover-brown:hover {
    color: #fff !important;
    background-color: #795548 !important;
    border-color: #795548 !important;
}

.white,
.hover-white:hover {
    color: #111 !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

.light-grey,
.hover-light-grey:hover,
.light-gray,
.hover-light-gray:hover {
    color: #111 !important;
    background-color: #f1f1f1 !important;
    border-color: #f1f1f1 !important;
}

.grey,
.hover-grey:hover,
.gray,
.hover-gray:hover {
    color: #000 !important;
    background-color: #9e9e9e !important;
    border-color: #9e9e9e !important;
}

.dark-grey,
.hover-dark-grey:hover,
.dark-gray,
.hover-dark-gray:hover {
    color: #fff !important;
    background-color: #757575 !important;
    border-color: #757575 !important;
}

.eli-black,
.hover-eli-black:hover {
    color: #fff !important;
    background-color: #161616 !important;
    border-color: #161616 !important;
}

.black,
.hover-black:hover {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;
}

.old-red,
.hover-old-red:hover {
    color: #fff !important;
    background-color: #df7879 !important;
    border-color: #df7879 !important;
}

.pale-red,
.hover-pale-red:hover {
    color: #000 !important;
    background-color: #ffdddd !important;
    border-color: #ffdddd !important;
}

.pale-yellow,
.hover-pale-yellow:hover {
    color: #000 !important;
    background-color: #ffffcc !important;
    border-color: #ffffcc !important;
}

.pale-green,
.hover-pale-green:hover {
    color: #000 !important;
    background-color: #ddffdd !important;
    border-color: #ddffdd !important;
}

.pale-blue,
.hover-pale-blue:hover {
    color: #000 !important;
    background-color: #ddffff !important;
    border-color: #ddffff !important;
}

.egg,
.hover-egg:hover {
    color: #000 !important;
    background-color: #fdfcf8 !important;
    border-color: #fdfcf8 !important;
}

/* End Colors */
/* Button */
/* Button customer */
.btn-customer {
    color: #414042 !important;
    background-color: #ffb240;
    border-color: #ffb240;
}
.btn-customer:focus,
.btn-customer.focus,
.btn-customer:hover,
.btn-customer:active,
.btn-customer.active,
.open>.dropdown-toggle.btn-customer {
    color: #fff !important;
    background-color: #484848;
    border-color: #484848;
}
.btn-customer:active:hover,
.btn-customer.active:hover,
.open>.dropdown-toggle.btn-customer:hover,
.btn-customer:active:focus,
.btn-customer.active:focus,
.open>.dropdown-toggle.btn-customer:focus,
.btn-customer:active.focus,
.btn-customer.active.focus,
.open>.dropdown-toggle.btn-customer.focus {
    color: #fff;
    background-color: #4848484;
    border-color: #4848484;
}
.btn-customer:active,
.btn-customer.active,
.open>.dropdown-toggle.btn-customer {
    background-image: none;
}

.btn-customer.disabled,
fieldset[disabled] .btn-customer,
.btn-customer.disabled:hover,
.btn-customer[disabled]:hover,
fieldset[disabled] .btn-customer:hover,
.btn-customer.disabled:focus,
.btn-customer[disabled]:focus,
fieldset[disabled] .btn-customer:focus,
.btn-customer.disabled.focus,
.btn-customer[disabled].focus,
fieldset[disabled] .btn-customer.focus {
    color: #999;
    background-color: #dedede;
    border-color: #dedede;
}
.btn-customer .badge {
    color: #fff;
    background-color: #ff7444;
}
/* End Button customer */
.btn-warning .badge {
    color: #fff;
    background-color: #607D8B;
}
.btn-info .badge {
    color: #fff;
    background-color: #ff6155;
}
/* GridButtonDisbled */
.GridButtonDisbled {
    background-color: #ececec !important;
    border-color: #e4e4e4 !important;
    cursor: default !important;
}
/* End GridButtonDisbled */
/* Basic Buttons */
input[type="submit"],
input[type="reset"],
input[type="button"],
.button {
    display: inline-block;
    padding: 7px 16px;
	text-transform:uppercase;
	line-height:1.6;
	font-weight:600;
	margin-bottom: 0;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-color: #ccc;
    border-radius: 4px;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
}
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.button:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
input[type="submit"].alt,
input[type="reset"].alt,
input[type="button"].alt,
.button.alt {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);
    color: #484848 !important;
}
input[type="submit"].alt:hover,
input[type="reset"].alt:hover,
input[type="button"].alt:hover,
.button.alt:hover {
    background-color: rgba(144, 144, 144, 0.075);
}
input[type="submit"].alt:active,
input[type="reset"].alt:active,
input[type="button"].alt:active,
.button.alt:active {
    background-color: rgba(144, 144, 144, 0.2);
}
input[type="submit"].alt.icon:before,
input[type="reset"].alt.icon:before,
input[type="button"].alt.icon:before,
.button.alt.icon:before {
    color: #aaa;
}
input[type="submit"].disabled,
input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
.button.disabled,
.button:disabled
{
    background-color: #666 !important;
    box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
    color: #fff !important;
    cursor: default;
    opacity: 0.25;
}
.btn {
	height:38px !important;
	padding: 7px 16px;
	text-transform:uppercase;
	line-height:1.6;
	font-weight:600;
}
.btn.btn-sm {
	height:30px !important;
}
.btn.btn-xs {
	height:22px !important;
}

.btn.btn-xs-square {
	height:22px !important;
    width: 22px !important;
}

.btn.btn-lg {
	height:45px !important;
    padding: 10px 40px;
}

@media screen and (max-width: 480px) {
.btn {
        width: 100%;
    }
    .btn.btn-link {
        min-width: 40px;
    }
    .form-group .control-label,
    .form-group {
        text-align: left;
    }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
    .form-group .control-label,
    .form-group {
        text-align: left;
    }
}
.btn-primary,
.btn-success,
.btn-info,
.btn-warning {
    color: #fff !important;
}

.btn-default {
    color: #6c6f70;
}
.btn.active:active,
.btn.active:hover {
    opacity: .80;
}
/* End Basic Buttons */
/*Boostrap Buttons*/
.btn-primary {
	color: #fff !important;
	background-color: #34495e;
	border-color: #34495e;
	}
.btn-outline-primary {
	color: #34495e !important;
	background-color:transparent;
	border-color: #34495e;
	}
	.btn-primary:focus,
	.btn-primary.focus, 
	.btn-primary:hover,
	.btn-primary:active,
	.btn-primary.active,
	.btn-outline-primary:focus,
	.btn-outline-primary.focus, 
	.btn-outline-primary:hover, 
	.btn-outline-primary:active,
	.btn-outline-primary.active,
	.open > .dropdown-toggle.btn-primary {
		color: #fff !important;
		background-color: #688691;
		border-color: #688691;
		outline:none;
		}
	.btn-primary:active:hover,
	.btn-primary.active:hover,
	.open > .dropdown-toggle.btn-primary:hover,
	.btn-primary:active:focus,
	.btn-primary.active:focus,
	.open > .dropdown-toggle.btn-primary:focus,
	.btn-primary:active.focus,
	.btn-primary.active.focus,
	.open > .dropdown-toggle.btn-primary.focus {
		color: #fff !important;
		background-color: #34495e;
		border-color: #34495e;
		outline:none;
		}
.btn-primary .badge,
.btn-outline-primary .badge {
	color: #fff !important;
	background-color: #34495e;
	}
.btn-success {
	color: #fff !important;
	background-color: #82bfba !important;
	border-color: #82bfba;
	}
.btn-outline-success {
	color: #82bfba !important;
	background-color:transparent;
    border-color: #82bfba;
	}
	.btn-success:focus,
	.btn-success.focus, 
	.btn-success:hover, 
	.btn-success:active,
	.btn-success.active,
	.btn-outline-success:focus,
	.btn-outline-success.focus, 
	.btn-outline-success:hover, 
	.btn-outline-success:active,
	.btn-outline-success.active,
	.open > .dropdown-toggle.btn-success {
		color: #fff !important;
		background-color: #11a8bb;
		border-color: #11a8bb;
		outline:none;
		}
	.btn-success:active:hover,
	.btn-success.active:hover,
	.open > .dropdown-toggle.btn-success:hover,
	.btn-success:active:focus,
	.btn-success.active:focus,
	.open > .dropdown-toggle.btn-success:focus,
	.btn-success:active.focus,
	.btn-success.active.focus,
	.open > .dropdown-toggle.btn-success.focus {
		color: #fff !important;
		background-color: #11a8bb;
		border-color: #11a8bb;
		outline:none;
		}
.btn-success .badge,
.btn-outline-success .badge {
	color: #fff !important;
    background-color: #82bfba;
	}
.btn-info {
	color: #fff !important;
	background-color: #00bcd4 !important;
	border-color: #00bcd4;
	}
.btn-outline-info {
	color: #00bcd4 !important;
	background-color:transparent;
	border-color: #00bcd4;
	}
	.btn-info:focus,
	.btn-info.focus, 
	.btn-info:hover, 
	.btn-info:active,
	.btn-info.active,
	.btn-outline-info:focus,
	.btn-outline-info.focus, 
	.btn-outline-info:hover, 
	.btn-outline-info:active,
	.btn-outline-info.active,
	.open > .dropdown-toggle.btn-info {
		color: #fff !important;
		background-color: #00bcd4;
		border-color: #00bcd4;
		outline:none;
		}
	.btn-info:active:hover,
	.btn-info.active:hover,
	.open > .dropdown-toggle.btn-info:hover,
	.btn-info:active:focus,
	.btn-info.active:focus,
	.open > .dropdown-toggle.btn-info:focus,
	.btn-info:active.focus,
	.btn-info.active.focus,
	.open > .dropdown-toggle.btn-info.focus {
		color: #fff !important;
		background-color: #00bcd4;
		border-color: #00bcd4;
		outline:none;
		}
.btn-info .badge,
.btn-outline-info .badge {
	color: #fff !important;
	background-color: #00bcd4;
	}
.btn-warning {
	color: #fff !important;
	background-color: #e09e84;
	border-color: #e09e84;
	}
.btn-outline-warning {
	color: #e09e84 !important;
	background-color:transparent;
	border-color: #e09e84;
	}
	.btn-warning:focus,
	.btn-warning.focus, 
	.btn-warning:hover, 
	.btn-warning:active,
	.btn-warning.active,
	.btn-outline-warning:focus,
	.btn-outline-warning.focus, 
	.btn-outline-warning:hover, 
	.btn-outline-warning:active,
	.btn-outline-warning.active,
	.open > .dropdown-toggle.btn-warning {
		color: #fff !important;
		background-color: #ff9800;
		border-color: #ff9800;
		outline:none;
		}
	.btn-warning:hover:active,
	.btn-warning.hover:active,
	.btn-warning:active:hover,
	.btn-warning.active:hover,
	.open > .dropdown-toggle.btn-warning:hover,
	.btn-warning:active:focus,
	.btn-warning.active:focus,
	.open > .dropdown-toggle.btn-warning:focus,
	.btn-warning:active.focus,
	.btn-warning.active.focus,
	.open > .dropdown-toggle.btn-warning.focus {
		color: #fff !important;
		background-color: #ff9800;
		border-color: #ff9800;
		}
.btn-warning .badge,
.btn-outline-warning .badge {
	color: #fff !important;
	background-color: #e09e84;
	}
.btn-danger {
    color: #ee5744 !important;
    background-color: #fff;
    border-color: #ee5744 !important;
}
/* Cómo el btn-danger sin background sólido utilizo el outline al como sí */
.btn-outline-danger {
	color: #fff !important;
	background-color:#ee5744;
	border-color: #ee5744;
	}
.btn-outline-danger:focus,
.btn-outline-danger:hover,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger:active:hover,
.btn-outline-danger.active:hover,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus
{
    color: #fff !important;
    background-color: #d9534f;
    border-color: #d9534f;
}	
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger:active:hover,
.btn-danger.active:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.btn-danger:active.focus,
.btn-danger.active.focus {
    color: #d9534f !important;
    background-color: #f1f1f1;
    border-color: #d9534f;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #fff;
    border-color: #d43f3a;
    opacity: 0.25;
}
.btn-danger .badge,
.btn-outline-danger .badge {
	color: #fff !important;
	background-color: #ee5744;
	}
.btn-link {
	color: #688691 !important;
	text-decoration: none;
	}
	.btn-link:hover,
	.btn-link:focus {
		color: #34495e !important;
		text-decoration: none;
		outline: none;
		}
.btn-link .badge {
	color: #688691 !important;
	border-color: #688691;
	}
/* END Boostrap Buttons */
/* End Buttons */
/* Paddings and Displays */
.padding {
    padding: 0px 15px !important;
}
.padding-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.padding-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.padding-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.padding-64 {
    padding-top: 64px!important;
    padding-bottom: 64px!important;
}

.padding-lg {
    padding: 12px 24px!important;
}

.padding-sm {
    padding: 4px 8px!important;
}

.padding-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

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

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.margin-right {
    margin-right: 16px !important;
}
.margin-top-xs {
    margin-top: 5px !important;
}
.tooltip,
.display-container {
    position: relative;
}

.wide {
    letter-spacing: 4px;
}

.display-bottomleft {
    position: absolute;
    left: 0;
    bottom: 0;
}

.display-left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    -ms-transform: translate(-0%, -50%);
}

.display-right {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
}

.display-center {
    position: absolute;
    top: 50%;
    left: 0%;
    right: 0%;
    transform: translate(0%, -50%);
    -ms-transform: translate(-0%, -50%);
}


/* End Paddings and Displays */

/* redesign2 */
.RadUpload.radCustomer {
	width:auto !important;
}
.RadUpload.radCustomer .ruBrowse {
	width:auto !important;
	*color: #688691 !important;
    color: #545454  !important;
    background-color: #86c8bc !important;
    border: none;
	*border:solid 1px !important;
	border-color:#688691;
	text-transform:uppercase !important;
	font-weight:700 !important;
}

.RadUpload.radCustomer .ruBrowse.ruButtonHover {
	color: black !important;
	border-color: #34495e;
	outline:none;
}	

.sectionFileContent {
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
}

.DocumentationAsync .ruBrowse {
    background-position: 0 -46px !important;
    width: 200px !important;
}

.DocumentationAsync .ruUploadProgress, li .ruCancel, li .ruRemove {
    visibility: hidden !important;
}

.DocumentationAsync li.ruUploading {
    display: none !important;
}

.DocumentationAsync .ruUploadSuccess {
    visibility: hidden !important;
}


.DocumentationAsync .rgDataDiv.attachedFiles {
    overflow-x: hidden !important;
}

.DocumentationAsync .ruRemove {
    visibility: hidden !important;
}

.DocumentationAsync .ruUploadProgress {
    visibility: hidden !important;
}

.DocumentationAsync .ruUploadFailure, .DocumentationAsync .ruUploadCancelled {
    display: none !important;
}

div.RadGrid.attachedFiles .rgDataDiv {
    height: 210px !important;
    background-color: white;
}

.attachedFiles .rgSelectedRow td {
    background-color: #d6e7f1 !important;
}

div.RadGrid.GridControlValues.attachedFiles .rgDataDiv {
    height: 150px !important;
}

div.attachedFiles .rgHeader,
div.attachedFiles th.rgResizeCol,
div.attachedFiles .rgFilterRow td {
    border-width: 0 0 1px 0; /*top right bottom left*/
    background-color: white;
}

div.attachedFiles .rgRow td,
div.attachedFiles .rgAltRow td,
div.attachedFiles .rgEditRow td,
div.attachedFiles .rgFooter td {
    background-color: white;
    border-width: 0;
    padding-left: 7px; /*needed for row hovering and selection*/
}

.sendDocumentation {
    /*-webkit-box-shadow: 1px 1px 1px 1px rgba(224,224,224,1);
    -moz-box-shadow: 1px 1px 1px 1px rgba(224,224,224,1);*/
    box-shadow: 0px 0px 3px 1px rgba(224,224,224,1);
    background-color: #f2f3f3;
    padding-top: 10px;
    /*-webkit-transition: opacity 1000ms, visibility 1000ms;
    transition: opacity 1000ms, visibility 1000ms;*/
}
/* ----- */
.RadUpload.radCustomer input[disabled], .RadUpload .ruButtonDisabled {
	cursor:not-allowed;
}

/* Form */
form {
    margin: 0;
}

/* redesign old margin bottom: 0.2*/
.control-label {
    color: #555 !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 0.5em 0;
}
/*
.form-control {
    height: 38px !important;
}
*/
/*
textarea.form-control {
    height:auto !important;
}
*/
.tag-block {
    overflow: auto;
    max-height: 500px;
}

.emails-block {
    overflow-y: auto;
    max-height: 300px; 
    padding: 10px 0 15px 0;
}

.restrictionConditions {
    padding: 10px;
    border: 1px solid lightgrey;
 }
/*--------*/
.form-group .control-label {
    line-height: 1.42857143;
}
.form-group-sm .control-label {
    font-size: 12px;
}
.form-group-lg .control-label {
    font-size: 18px;
}
.form-control.input-sm {
    height: 30px;
}
.form-control.input-lg {
    height: 46px;
}
.form-group .form-control+.form-control-feedback {
    font-size: 14px;
    padding-top: 15px;
}
.form-group-sm .form-control+.form-control-feedback {
    font-size: 12px;
    padding-top: 0px;
}
.form-group-lg .form-control+.form-control-feedback {
    font-size: 18px;
    padding-top: 12px;
}
.form-control.no-round,
.input-group-addon.no-round {
    border-radius: 0px;
}
.input-group-lg >.form-control,
.input-group-lg >.input-group-addon,
.input-group-lg >.input-group-btn>.btn {
    height: 38px !important;
    padding: 9px 12px !important;
}
.has-error .form-control, 
input.has-error, html body .RadInput_cssBase .riTextBox.has-error,
html body .RadInputMgr_cssBase.has-error,
.RadPicker.RadPicker_cssBase.has-error > .riTextBox {
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus, input.has-error:focus, 
html body .RadInput_cssBase .riTextBox.has-error:focus,
html body .RadInputMgr_cssBase.has-error:focus,
.RadPicker.RadPicker_cssBase.has-error > .riTextBox:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.form-control-feedback,
.form-group .form-control+.form-control-feedback {
    position: absolute;
    right: 8px;
    top: 0;
    z-index: 11;
    margin-top: 2px;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0;
    color: #e86557;
    transition: .3s;
    width: auto;
    padding-top: 0;
}
.form-horizontal .control-label {
    line-height: 1.8;
}
.form-inline .form-group {
	margin-bottom:15px;
	margin-right:5px;
	}
.form-inline .form-group .control-label {
	display: block;
	margin-bottom:0.2em;
}
div .checkbox-inline.check-control {
    padding-top: 5px;
    margin-bottom: -8px;
}
div.input-group-btn .checkbox-inline.check-control {
    padding-top: 0;
    margin-bottom: -4px;
    width: 40px;
}
div span.checkbox-inline.check-control label {
    padding-top: -8px;
}
span.checkbox-inline.check-control {
    margin-left: -20px;
}
.check-control input[type=checkbox] {
    display: none;
}
.check-control label  {
    font-size: 14px;
    font-weight: 700;
    color: #555;
    text-transform: uppercase;
    padding-right: 30px;
}
.check-control input[type=checkbox]+label::before {
    content: "\2610";
    font-size: 32px;
    font-weight: 400;
    line-height: 32px;
    color: #666;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.RadButton.RadCheckBox > span.rbText:before {
    display:none;
}
.RadButton.RadCheckBox > span.rbText {
    margin: 5px 10px 0 20px;
}

.check-control input[type=checkbox]:checked+label::before, .RadButton.RadCheckBox > span.rbToggleCheckboxChecked:before  {
    content: "\2611";
    color: #555;
}
.check-control input[type=checkbox]:disabled+span::before {
    opacity: 0.3;
}
input[type="checkbox"], .RadButton.RadCheckBox.rbDisabled > span.rbIcon:before {
    display: none;
}
input[type=checkbox]+label:before, .RadButton.RadCheckBox > span.rbIcon:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-right: 8px;
    background-color: #F5F5F5;
    border: 1px solid #D1D1D1;
    vertical-align: middle;
    border-radius: 3px;
}
input[type=checkbox]:checked+label:before, .RadButton.RadCheckBox > span.rbToggleCheckboxChecked:before  {
    padding: 2px 0px;
    content: "\2713";
    color: #f3f3f3;
    font-size: 18px;
    font-weight: bold;
    background-color: #92cdc2;
    border: none;
    vertical-align: middle;
    text-align: center;
    margin-top: 0px;
}
input[type=checkbox]:disabled+label:before, .RadButton.RadCheckBox.rbDisabled > span.rbIcon:before {
    opacity: 0.4;
}
.radio-control input[type=radio] {
    display: none;
}
.radio-control label {
    font-size: 14px;
    font-weight: 400;
    color: #555;
    text-transform: uppercase;
    padding-right: 10px;
}
.radio-control input[type=radio] + label::before {
    content: "";
    font-size: 48px;
    line-height: 12px;
    width: 15px;
    height: 15px;
    color: #666;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
    border-radius: 8px;
}
.radio-control input[type=radio]:checked + label::before {
    content: "\2022";
    font-size: 48px;
    color: #555;
    line-height: 12px;
    text-align: center;
    vertical-align: middle;
    box-shadow: none;
}
.radio-control input[type=radio]:disabled+label::before {
    opacity: 0.3;
}

.input-group .form-control.form-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
/* End Forms */
/* Images */
.img-thumbnail {
    background-color: transparent;
    border: 0;
}
@media screen and (max-width: 980px) {
    .navbar-brand .img-thumbnail {
        max-height: 50px;
        width: auto;
    }
}
/*End Images */
.select-wrapper {
    text-decoration: none;
    display: block;
    position: relative;
}

.select-wrapper:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
}

.select-wrapper:before {
    color: rgba(144, 144, 144, 0.25);
    display: block;
    height: 2.75em;
    line-height: 2.75em;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 2.75em;
}

.select-wrapper select::-ms-expand {
    display: none;
}


/* Box */

.box {
    border-radius: 4px;
    border: solid 1px rgba(144, 144, 144, 0.25);
    margin-bottom: 2em;
    padding: 1.5em;
}

.box> :last-child,
.box> :last-child> :last-child,
.box> :last-child> :last-child> :last-child {
    margin-bottom: 0;
}

.box.alt,
.boxg {
    border: 0;
    border-radius: 0;
    padding: 0;
}


/* Feature */

.feature-grid {
    position: relative;
}

.feature-grid:after {
    clear: both;
    content: '';
    display: block;
}

.feature-grid .featureright,
.feature-grid .featureleft {
    display: inline-block;
    float: left;
    margin-bottom: 3em;
    width: 50%;
}

.feature-grid .featureright .content,
.feature-grid .featureleft .content {
    width: 60%;
}

.feature-grid .featureright .content header p,
.feature-grid .featureleft .content header p {
    font-size: 20px;
    margin-bottom: 15px;
}

.feature-grid .featureright .content p,
.feature-grid .featureleft .content p {
    font-size: 17px;
}

.feature-grid .featureright .image,
.feature-grid .featureleft .image {
    width: 30%;
}

.feature-grid .featureright .image img,
.feature-grid .featureleft .image img {
    display: inline;
    max-width: 100%;
}

.feature-grid .featureright .content,
.feature-grid .featureright .image {
    float: right;
    margin-right: 5%;
    text-align: right;
}

.feature-grid .featureleft .content,
.feature-grid .featureleft .image {
    float: left;
    margin-left: 5%;
    text-align: left;
}


/* Contents */

.content {
    width: 100%;
    display: inline-block;
}

.content .contenttext,
.content .contentimage {
    width: 50%;
    float: left;
}


/* End Contents */


/* Grid images home */

.grid-images {
    text-align: center;
}

.grid-images ul {
    padding-left: 0;
}

.grid-images ul li {
    float: left;
    height: 210px;
    xmargin-bottom: 1.5%;
    xmargin-left: 0.75%;
    xmargin-right: 0.75%;
    margin-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    list-style: none;
}

.grid-images ul li.big {
    width: 60%;
}

.grid-images ul li.medium {
    width: 40%;
}

.grid-images ul li.half {
    width: 50%;
}

.grid-images ul li.third {
    width: 33.3333333%;
}

.grid-images ul li.full {
    width: 100%;
}

.grid-images ul li a {
    background-position: center top;
    background-size: cover;
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}

.grid-images ul li a .layer {
    background-image: url("Images/overlay.png");
    background-position: left top;
    background-repeat: repeat;
    display: block;
    height: 100%;
    left: 0;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 5px;
    padding-right: 5px;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: background-image;
    transition-timing-function: ease-in-out;
}

.grid-images ul li a .text {
    -x-system-font: none;
    color: rgba(255, 255, 255, 0.75);
    font-family: carnaslight, Arial, Helvetica, sans-serif;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 1.2em;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-weight: normal;
    line-height: 1.6;
    position: relative;
    text-shadow: 2px 2px 6px #000;
    text-transform: uppercase;
    top: 75%;
    transform: translateY(-50%);
}

.grid-images ul li a:hover .layer,
.grid-images ul li a:active .layer {
    background-image: url("Images/overlay50.png");
}

.grid-images ul li a:hover .text,
.grid-images ul li a:active .text {
    color: rgba(255, 255, 255, 1);
    border-bottom-color: orange;
    border-bottom-style: solid;
    border-bottom-width: 3px;
}


/* End grid images home */


/* Icon */

.icon {
    text-decoration: none;
    border-bottom: none;
    position: relative;
}

.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
}

.icon>.label {
    display: none;
}


/* Image */

.image {
    border-radius: 4px;
    border: 0;
    display: inline;
    position: relative;
}

.image img {
    border-radius: 4px;
    display: block;
}

.image.left {
    float: left;
    padding: 0 1.5em 1em 0;
    top: 0.25em;
}

.image.right {
    float: right;
    padding: 0 0 1em 1.5em;
    top: 0.25em;
}

.image.left,
.image.right {
    max-width: 40%;
}

.image.left img,
.image.right img {
    width: 100%;
}

.image.fit {
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.image.fit img {
    width: auto;
    margin-right: 50px;
}

.image.rounded {
    border-radius: 100%;
}

.image.rounded img {
    border: solid 8px rgba(144, 144, 144, 0.25);
    border-radius: 100%;
}

.image.captioned {
    border-radius: 0;
    margin-bottom: 4em;
}

.image.captioned img {
    border-radius: 0;
}

.image.captioned h3 {
    background-color: #fff;
    box-shadow: 0px 0.0375em 0.125em 0px rgba(0, 0, 0, 0.15);
    display: block;
    padding: 2em 1em;
}


/* List */

ol {
    list-style: decimal;
    margin: 0 0 2em 0;
    padding-left: 1.25em;
}

ol li {
    padding-left: 0.25em;
}

ul {
    list-style: square;
    margin: 0 0 2em 0;
    padding-left: 1em;
}

ul li {
    padding-left: 0.5em;
    padding-bottom: 0.3em;
}

ul.alt {
    list-style: none;
    padding-left: 0;
}

ul.alt li {
    border-top: solid 1px rgba(144, 144, 144, 0.25);
    padding: 0.5em 0;
}

ul.alt li:first-child {
    border-top: 0;
    padding-top: 0;
}

ul.icons {
    cursor: default;
    list-style: none;
    padding-left: 0;
    padding-top: 20px;
}

ul.icons li {
    display: inline-block;
    padding: 0 1em 0 0;
}

ul.icons li:last-child {
    padding-right: 0;
}

ul.icons li .icon:before {
    font-size: 2em;
}

ul.actions {
    cursor: default;
    list-style: none;
    padding-left: 0;
}

ul.actions li {
    display: inline-block;
    padding: 1em 1em 0 0;
    vertical-align: middle;
}

ul.actions li:last-child {
    padding-right: 0;
}

ul.actions.small li {
    padding: 0 0.5em 0 0;
}

ul.actions.vertical li {
    display: block;
    padding: 1em 0 0 0;
}

ul.actions.vertical li:first-child {
    padding-top: 0;
}

ul.actions.vertical li>* {
    margin-bottom: 0;
}

ul.actions.vertical.small li {
    padding: 0.5em 0 0 0;
}

ul.actions.vertical.small li:first-child {
    padding-top: 0;
}

ul.actions.fit {
    display: table;
    margin-left: -1em;
    padding: 0;
    table-layout: fixed;
    width: calc(100% + 1em);
}

ul.actions.fit li {
    display: table-cell;
    padding: 0 0 0 1em;
}

ul.actions.fit li>* {
    margin-bottom: 0;
}

ul.actions.fit.small {
    margin-left: -0.5em;
    width: calc(100% + 0.5em);
}

ul.actions.fit.small li {
    padding: 0 0 0 0.5em;
}

dl {
    margin: 0 0 2em 0;
}
/* Table */

.table>tbody>tr>td {
    border: 0;
}

table.table.table-customer>tr.thead-customer>td.th-customer,
table.table.table-customer>tr.tbody-customer>td.th-customer,
table.table.table-customer>tr.tfoot-customer>td.th-customer,
table.table.table-customer>tr.thead-customer>td.td-customer,
table.table.table-customer>tr.tbody-customer>td.td-customer,
table.table.table-customer>tr.tfoot-customer>td.td-customer,
.table>tbody>tr>td.th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table>tbody>tr>td.th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    background-color: #fff;
}

.th.th-customer {
    background-color: #002663 !important;
    color: #fff !important;
    border-color: #002663 !important;
    font-weight: 600;
    letter-spacing: .1em;
}


/* END Table */


/* Header */

#skel-layers-wrapper {
    padding-top: 6em;
}

body.landing #skel-layers-wrapper {
    padding-top: 0 !important;
}

#header {
    background-color: #fff;
    xborder-bottom: solid 1px rgba(144, 144, 144, 0.25);
    xbox-shadow: 0px 0.0375em 0.125em 0px rgba(0, 0, 0, 0.05);
    color: #484848;
    font-family: carnaslight, magistralcregular, magistralcbold, Arial, Helvetica, sans-serif;
    cursor: default;
    font-size: 1.25em;
    height: 3em;
    left: 0;
    line-height: 4.4em;
    position: fixed;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 1000;
}

#header .navbar-right {
    margin-right: 0;
}

#header h1 {
    color: #484848;
    font-family: carnaslight, magistralcregular, magistralcbold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    height: inherit;
    left: 1.25em;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}

#header nav {
    height: inherit;
    font-family: carnaslight, magistralcregular, magistralcbold, Arial, Helvetica, sans-serif;
    line-height: inherit;
    position: absolute;
    right: 1.25em;
    top: 0;
    vertical-align: middle;
}

#header nav>ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

#header nav>ul>li {
    border-radius: 4px;
    display: inline-block;
    margin-left: 2.5em;
    padding-left: 0;
}

#header nav>ul>li a {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    color: #666;
    display: inline-block;
    text-decoration: none;
}

#header nav>ul>li a:hover {
    color: #484848;
}

#header nav>ul>li:first-child {
    margin-left: 0;
}

#header nav>ul>li .button {
    border-color: rgba(144, 144, 144, 0.25);
    box-shadow: none;
    height: 3em;
    line-height: 2.9em;
    margin-bottom: 0;
    padding: 0 1.5em;
    position: relative;
    top: -0.075em;
    vertical-align: middle;
}

#header .container {
    position: relative;
}

#header .container h1 {
    left: 0;
}

#header .container nav {
    right: 0;
}

#header.alt {
    background-color: Transparent;
    border: 0;
    height: 100px;
    line-height: 2.5em;
    position: absolute;
}

#header.alt .fadeout {
    background-color: #82c1b8;
    width: 100%;
    min-height: 34px;
    padding-right: 5px;
}

#header.alt .culture {
    margin-top: 5px;
}

#header.alt .navbar-right {
    margin-right: 0;
}

#header.alt h1 {
    color: #ffffff;
    left: 2.5em;
    top: 30px;
    height: 80px;
    left: 18px;
}

#header.alt h1 a {
    color: #ffffff;
    /* margin-top: 9px; */
    margin-left: -15px;
}

#header.alt .logosm {
    display: none;
}

#header.alt nav {
    right: 0.5em;
    top: 25px;
    height: 80px;
}

#header.alt nav img {
    padding-top: 12px;
    padding-bottom: 12px;
}

#header.alt nav a {
    color: #ddd;
}

#header.alt nav a:active,
#header.alt nav a:hover {
    color: #ffffff;
}

#header.alt .button {
    margin: 0;
    padding: 0;
    height: auto;
    line-height: 0;
    background-color: Transparent;
    color: #ff7444;
}


/* --- Clase que agregaremos cuando el usuario haga scroll --- */

.fixed {
    position: fixed !important;
    background-color: #424242 !important;
    opacity: 0.9;
    box-shadow: 0 0 30px #777 !important;
    height: 4.5em !important;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: ease;
}

#header.alt.fixed .fadeout {
    display: none;
}

#header.alt.fixed h1 {
    top: 0em !important;
}

#header.alt.fixed nav {
    top: -0.5em !important;
}

#header.alt.fixed .logobig {
    display: none;
}

#header.alt.fixed .logosm {
    display: block;
}

#header.alt.fixed .aniversary {
    display: none;
}
/* --- END Clase que agregaremos cuando el usuario haga scroll --- */
/* Footer */
#footer {
    padding: 0;
    background: #efefef;
    color: #aaa;
    text-align: center;
}

#footer a {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    color: #aaa;
    text-decoration: none;
}

#footer a:active,
#footer a:hover {
    color: #666;
}

#footer .icons {
    font-size: 1.5em;
}

#footer .icons li {
    padding-right: 2.5em;
}

#footer .icons li:last-child {
    padding-right: 0;
}

#footer .copyright {
    margin: 1em 0;
    padding: 0;
    text-align: center;
}

#footer .copyright li {
    border-left: solid 1px rgba(144, 144, 144, 0.25);
    display: inline-block;
    list-style: none;
    margin-left: 1.5em;
    padding-left: 1.5em;
}

#footer .copyright li:first-child {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}


/* END Footer */


/* xs 
@media (max-width: 479px)*/

@media screen and (max-width: 479px) {
    /* Basic */
    html,
    body {
        min-width: 320px;
    }
    body,
    input,
    select,
    textarea,
    p {
        font-size: 11pt;
    }
    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-left: 0;
        margin-right: 0;
    }
    .container {
        padding-left: 0;
        padding-right: 0;
    }
    .no_sp {
        padding-left: 0px;
        padding-right: 0px;
    }
    .no_sp img {
        display: none;
    }
    .no_movile {
        display: none;
    }
    .img_xs img {
        width: 200px;
        height: auto;
    }
    h1 {
        font-size: 16pt;
        line-height: 24px;
    }
    h1.logistics {
        font-size: 16pt;
        line-height: 24px;
        margin-bottom: 30px;
    }
    header h2+p,
    h2,
    h3,
    h4,
    h5 {
        font-size: 11pt;
    }
    nav.navbar {
        display: block;
    }
    #header {
        display: none;
    }
    header.major {
        margin-bottom: 2em;
    }
    header.major h2 {
        font-size: 1em;
    }
    header.major p {
        font-size: 12pt;
    }
    #one {
        text-align: center;
    }
    .spacerap {
        white-space: normal;
    }
    blockquote p {
        font-size: 1em;
    }
    /* List */
    ul.actions {
        margin: 0 0 2em 0;
    }
    ul.actions li {
        padding: 1em 0 0 0;
        display: block;
        text-align: center;
        width: 100%;
    }
    ul.actions li:first-child {
        padding-top: 0;
    }
    ul.actions li>* {
        width: 100%;
        margin: 0 !important;
    }
    ul.actions li>*.icon:before {
        margin-left: -2em;
    }
    ul.actions.small li {
        padding: 0.5em 0 0 0;
    }
    ul.actions.small li:first-child {
        padding-top: 0;
    }
    ul.actions.ocio li p {
        text-align: center;
    }
    ul.actions.ocio li p.team-description {
        max-width: 100% !important;
    }
    .imageocio:hover div {
        visibility: hidden;
    }
    /* Button */
    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    .button {
        padding: 0;
    }
    /* Feature */
    .feature-grid .featureright,
    .feature-grid .featureleft {
        margin-bottom: 1em;
        display: block;
        width: 100%;
    }
    .feature-grid .featureright .image,
    .feature-grid .featureleft .image {
        margin-bottom: 1em;
    }
    .feature-grid .featureright .content,
    .feature-grid .featureright .image,
    .feature-grid .featureleft .content,
    .feature-grid .featureleft .image {
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: center !important;
        width: 100%;
    }
    /* Feature logos*/
    .featured_logos #testimonial_pager img {
        max-width: 230px;
    }
    /* Contents */
    .content .contenttext,
    .content .contentimage {
        width: 100%;
        float: none;
        text-align: center;
    }
    .content .contentimage img {
        max-width: 230px;
        height: auto;
        margin-bottom: 20px;
    }
    .content .contenttext h3 {
        font-size: 16px;
    }
    /* Grid images home */
    .grid-images ul li {
        margin-left: 0;
        margin-right: 0;
        height: 160px;
    }
    .grid-images ul li.big,
    .grid-images ul li.medium,
    .grid-images ul li.half,
    .grid-images ul li.third {
        width: 100%;
    }
    .grid-images ul li a .text {
        font-size: 1.2em;
    }
    /* Banner */
    #banner {
        padding: 6em 1em 4em 1em;
    }
    #banner02 {
        padding: 6em 0.5em 4em 0.5em;
    }
    #banner br,
    #banner02 br,
    .banner-images ul li div .text br {
        display: none;
    }
    #banner h2,
    #banner02 h2,
    .banner-images ul li div h2 {
        font-size: 2em;
    }
    #banner p,
    #banner02 p,
    .banner-images ul li div p {
        font-size: 1.25em;
    }
    .banner-images ul li {
        height: 400px;
    }
    /* Wrapper */
    .wrapper {
        padding: 2em 0 0.1em 0;
    }
    .row {
        text-align: center;
    }
    .wrapper.scrum,
    .wrapper.innova {
        margin: 0;
    }
    /* Footer */
    #footer {
        padding: 3em 0 1em 0;
    }
    #footer .copyright li {
        border-left: 0;
        display: block;
        margin: 0;
        padding: 0;
    }
}


/* sm 
@media (min-width: 480px) and (max-width: 736px)*/

@media screen and (min-width: 480px) and (max-width: 767px) {
    /* Basic */
    body,
    input,
    select,
    textarea {
        font-size: 12pt;
    }
    nav.navbar {
        display: block;
    }
    #header {
        display: none;
    }
    header.major {
        margin-bottom: 2em;
    }
    header.major h2 {
        font-size: 2em;
    }
    header.major p {
        font-size: 1.1em;
    }
    #one {
        text-align: center;
    }
    .width1 {
        width: 93%;
    }
    /* Image */
    .image.captioned {
        margin-bottom: 2em;
    }
    .image.captioned h3 {
        padding: 1em;
    }
    /* Feature */
    .feature-grid .featureright,
    .feature-grid .featureleft {
        margin-bottom: 1em;
        display: block;
        width: 100%;
    }
    .feature-grid .featureright .content,
    .feature-grid .featureleft .content {
        width: 65%;
    }
    .feature-grid .featureright .image,
    .feature-grid .featureleft .image {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* Feature logos*/
    .featured_logos #testimonial_pager img {
        max-width: 200px;
        height: auto;
    }
    /* Contents */
    .content .contenttext,
    .content .contentimage {
        width: 100%;
        float: none;
        text-align: center;
    }
    .content .contentimage img {
        max-width: 350px;
        height: auto;
        margin-bottom: 20px;
    }
    .content .contenttext h3 {
        font-size: 18px;
    }
    /* Banner */
    #banner {
        padding: 6em 2em 6em 2em;
    }
    #banner02 {
        padding: 6em 1em 1em 1em;
    }
    #banner br,
    #banner02 br,
    .banner-images ul li div .text br {
        display: none;
    }
    #banner h2,
    #banner02 h2,
    .banner-images ul li div h2 {
        font-size: 2em;
    }
    #banner p,
    #banner02 p,
    .banner-images ul li div p {
        font-size: 1.25em;
    }
    .banner-images ul li {
        height: 400px;
    }
    /* Main */
    #main {
        padding-top: 2em;
    }
    /* Wrapper */
    .wrapper {
        padding: 3em 0 1em 0;
    }
    .row {
        /* text-align: center; */
    }
    /* Footer */
    #footer {
        padding: 3em 0 2em 0;
    }
    #footer .icons {
        font-size: 1em;
    }
}


/* md 
@media (min-width: 737px) and (max-width: 980px)*/

@media screen and (min-width: 768px) and (max-width: 980px) {
    /* Basic */
    body,
    input,
    select,
    textarea {
        font-size: 12pt;
    }
    nav.navbar {
        display: inline-block;
        margin-right: -15px;
    }
    #header {
        display: none;
    }
    .navbar-nav {
        margin-left: -20px;
    }
    header.major {
        margin-bottom: 4em;
    }
    header.major h2 {
        font-size: 2em;
    }
    header.major p {
        font-size: 1.1em;
    }
    .widthtwo {
        width: 93%;
    }
    /* Feature */
    .feature-grid .featureright,
    .feature-grid .featureleft {
        margin-bottom: 2em;
        display: block;
        width: 100%;
    }
    .feature-grid .featureright .content,
    .feature-grid .featureleft .content {
        width: 65%;
    }
    .feature-grid .featureright .image,
    .feature-grid .featureleft .image {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* Feature logos*/
    .featured_logos #testimonial_pager img {
        max-width: 200px;
        height: auto;
    }
    /* Contents */
    .content .contenttext,
    .content .contentimage {
        width: 100%;
        float: none;
        text-align: center;
    }
    .content .contentimage img {
        max-width: 350px;
        height: auto;
        margin-bottom: 20px;
    }
    .content .contenttext h3 {
        font-size: 18px;
    }
    /* Header */
    #skel-layers-wrapper {
        padding-top: 2em;
    }
    #header {
        display: none;
    }
    /* Banner */
    #banner {
        padding: 9em 0 7em 0;
    }
    #banner02 {
        padding: 9em 0 2em 0;
    }
    #banner02 br,
    .banner-images ul li div .text br {
        display: none;
    }
    #banner02 p,
    .banner-images ul li div p {
        font-size: 1.8em;
    }
    /* Wrapper */
    .wrapper {
        padding: 4em 0 2em 0;
    }
    /* One */
    #one {
        text-align: center;
    }
    /* Footer */
    #footer {
        padding: 6em 0 4em 0;
    }
    /* Layers */
    #navButton .toggle {
        text-decoration: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    #navButton .toggle:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-transform: none !important;
    }
    #navButton .toggle:before {
        background: rgba(144, 144, 144, 0.65);
        border-radius: 4px;
        color: #fff;
        display: block;
        font-size: 16px;
        height: 2.25em;
        left: 0.5em;
        line-height: 2.25em;
        position: absolute;
        text-align: center;
        top: 0.5em;
        width: 3.5em;
    }
    #navPanel {
        background: #222;
        color: #fff;
    }
    #navPanel nav {
        padding: 0.5em 1.25em;
        text-transform: uppercase;
    }
    #navPanel nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #navPanel nav ul li {
        padding: 0;
    }
    #navPanel nav ul li:first-child a:not(.button),
    #navPanel nav ul li:first-child span:not(.button) {
        border-top: 0;
    }
    #navPanel nav ul li a:not(.button),
    #navPanel nav ul li span:not(.button) {
        border-top: solid 1px #555;
        color: #fff;
        display: block;
        padding: 0.75em 0;
        text-decoration: none;
    }
    #navPanel nav .button {
        width: 100%;
    }
}

 ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    /* border-radius: 10px; */
    background-color: #eaeaea;
    border: 1px solid #cecece;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    background-color: #c3c3c3;
}

::-webkit-scrollbar-thumb:hover {
    background: #7b7b7b;
}


/* lg 
@media (min-width: 981px) and (max-width: 1280px)*/

@media screen and (min-width: 981px) and (max-width: 1280px) {
    /* Basic */
    body,
    input,
    select,
    textarea {
        font-size: 14px;
    }
    nav.navbar {
        display: none;
    }
    header.major {
        margin-bottom: 4em;
    }
    header.major h2 {
        font-size: 2.5em;
    }
    header.major p {
        font-size: 1.3em;
    }
    /* Feature */
    .feature-grid .featureright,
    .feature-grid .featureleft {
        margin-bottom: 2em;
        display: inline-block;
        float: left;
        width: 50%;
    }
    .feature-grid .featureright .content,
    .feature-grid .featureleft .content {
        width: 65%;
    }
    .feature-grid .featureright .content header p,
    .feature-grid .featureleft .content header p {
        font-size: 18px;
    }
    .feature-grid .featureright .image,
    .feature-grid .featureleft .image {
        width: 25%;
    }
    /* Feature logos*/
    .featured_logos #testimonial_pager li {
        width: 33%;
    }
    .featured_logos #testimonial_pager img {
        max-width: 250px;
        height: auto;
    }
    /* Contents */
    .content .contenttext,
    .content .contentimage {
        width: 50%;
        float: left;
    }
    .content .contentimage img {
        max-width: 400px;
        height: auto;
    }
    /* Banner */
    #banner {
        padding: 14em 0 11em 0;
    }
    #banner02 {
        padding: 9em 0 2em 0;
    }
    #banner h2,
    #banner02 h2,
    .banner-images ul li div h2 {
        font-size: 2.5em;
    }
    #banner02 p,
    .banner-images ul li div p {
        font-size: 1.8em;
    }
    /* Wrapper */
    .wrapper.style3 header.major {
        margin-bottom: 2em;
    }
}

.min-width-DCB {
    min-width: 150px;
}

.min-width-DCB-Value {
    min-width: 200px;
}


.title-header {
    background-color: #86c8bc;
    padding: 13px 10px;
    margin: 0;
}

.title-subheader {
    font-size: 1em;
    font-weight: 700;
    color: #86c8bc;
    display: inline-block;
    margin-bottom: 1em;
	text-transform:uppercase;
}
/*---- redesign ---- */
.title-header-edit {
    font-size: 1.2em;
    font-weight: 700;
    color: #86c8bc;
    display: inline-block;
    padding: 10px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #86c8bc5c;
    margin-bottom: 10px;
    display: block;
}

.searchAdvanced {
    z-index: 4000;
    background-color: #f9f9f9;
    position: absolute;
    height: auto;
    right: 10px;
    box-shadow: 0px 12px 20px 3px grey;
    top: -15px;
    padding-bottom: 30px;
}

.weight-normal {
    font-weight: normal;
}
/* ------------ Margins y Paddings BS4 ---------------- */

.d-block {
    display:block;
}

.d-none {
    display: none !important;
}

.h-auto {
    height: auto !important;
}

.modal-xl {
    width: 1200px;
}

.mt-10px {
    margin-top: 10px;
}
/*-----*/
.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

/* Redesign */
.mt-45 {
    margin-top: 2.5rem !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}
/* */

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

/* -----redesign2 ------------ */
.pt-45,
.py-45 {
  padding-top: 2rem !important;
}

.pb-45,
.py-45 {
  padding-bottom: 2rem !important;
}

.mt-25px {
    margin-top:25px;
}

.mt-6,
.my-6 {
  margin-top: 4rem !important;
}

.mt-7,
.my-7 {
  margin-top: 5rem !important;
}

/* ---- redesign ----- */
.pb-6,
.py-6 {
  padding-bottom: 6rem !important;
}

/* --------- */
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

textarea.height-75px {
    height: 75px !important
}

.d-flex-horizontal {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.d-flex-space-between {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
/* ------------------------------------- */

.RadGrid_cssBase .rgHeaderWrapper {
    background-color: white !important;
}

/* redesign2 */
input[type="checkbox"] + label {
    margin-right: 10px;
}

.spaced input[type="radio"] {
    margin-right: 5px;
}

.spaced label {
    margin-right: 30px;
}

select {
    padding-right: 35px !important;
    border-radius: 4px !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image:
      url('Images/arrow_down.png'),
      linear-gradient(90deg, #ccc 100%, #ccc 100%),
      linear-gradient(to right, #f9f9f9 , #f9f9f9 )  !important;
    background-position:
      calc(100% - 13px) calc(1em + 1px),
      calc(100% - 33px) 0,
      100% 0  !important;
    background-size:
      auto,
      1px 36px,
      2.5em 2.5em  !important;
    background-repeat: no-repeat  !important;
}


select.filterCondition {
    padding-right: 35px !important;
    padding-left: 6px!important;    
}

select.form-control {
    padding-right: 42px !important;
}

/* redesign2 */
.spaced input[type="radio"] {
    margin-right: 5px;
}

.spaced label {
    margin-right: 30px;
}

input[type=radio] {
    margin-right: 5px;
}

input[type=radio] + label {
    margin-left: 6px;
    margin-right: 10px;
}

.ind-panel {
    position: relative;
    border-radius: 4px;
    margin-bottom: 20px;
    width: 30%;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid lightgray;
    background-color: white;
    font-size: 14px;
}

.ind-panel .label {
    color: black !important;
    line-height: 0px;
    font-weight: normal;
    padding-left: 12px;
}
   
.ind-panel .icon {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background-color: rgba(0, 0, 0, 0.2);
    background-color: rgb(244, 248, 251);
    border-left: 1px solid lightgray;
    color: #555 !important;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    padding: 9px;
    position: absolute;
    right: 0;
}
/*------------*/

/* *******************************************************************
******************* Problema Media Query **************************
******************************************************************* */

/* xlg 
@media (min-width: 1281px)*/

@media screen and (min-width: 1281px) {
    /* slideanim */
    .slideanim {
        visibility: hidden;
    }

    .slide {
        animation-name: slide;
        -webkit-animation-name: slide;
        animation-duration: 1s;
        -webkit-animation-duration: 1s;
        visibility: visible;
    }
}

@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}


/* END slideanim */
/* Tabs */
.tabs-custom {
    text-align: left;
}

.tabs-custom .nav-tabs {
    font-size: 0;
    line-height: 0;
    word-spacing: 0;
    border: 0;
}

.tabs-custom .nav-tabs:before,
.tabs-custom .nav-tabs:after {
    display: none;
}

.tabs-custom .nav-item {
    float: none;
    border: 0;
    cursor: pointer;
    transition: .33s all ease;
}

.tabs-custom .nav-link,
.tabs-custom .nav-item .nav-link {
    margin: 0;
    border-radius: 0;
    border: 0;
}

.tabs-custom .nav-link.active,
.tabs-custom .nav-item.active .nav-link {
    cursor: default;
    border: 0;
}

.nav {
    display: block;
}

.tab-content>.tab-pane {
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.tab-content>.active {
    visibility: visible;
    height: auto;
    overflow: visible;
}

*+.tabs-horizontal.tabs-corporate {
    margin-top: 0px;
}

*+.tabs-vertical.tabs-corporate {
    margin-top: 0px;
}

@media (min-width: 768px) {
    *+.tabs-horizontal.tabs-corporate {
        margin-top: 0px;
    }
    *+.tabs-vertical.tabs-corporate {
        margin-top: 0px;
    }
}

@media (min-width: 1200px) {
    *+.tabs-vertical.tabs-corporate {
        margin-top: 30px;
    }
}

.tabs-line .nav-tabs {
    position: relative;
}

.tabs-line .nav-link,
.tabs-line .nav-item {
    font-family: inherit;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    vertical-align: middle;
}

.tabs-line p {
    letter-spacing: .05em;
}

.tabs-line *+.tab-content {
    margin-top: 20px;
}

@media (max-width: 991px) {
    .tabs-line .nav-tabs {
        max-width: 100%;
        border: 1px solid #d7d7d7;
    }
    .tabs-line .nav-item {
        margin: -1px;
    }
    .tabs-line .nav-item:first-child {
        border-top: 1px solid #d7d7d7;
    }
    .tabs-line .nav-link,
    .tabs-line .nav-item .nav-link {
        padding: 7px 10px;
        color: #151515;
        background: transparent;
        border-bottom: 1px solid #d7d7d7;
    }
    .tabs-line .nav-link:hover,
    .tabs-line .nav-link.active,
    .tabs-line .nav-item .nav-link.active {
        color: #fff;
        background: #ff7444;
        border-color: #ff7444;
        border-bottom: 1px solid #d7d7d7;
    }
}

*+.tabs-line {
    margin-top: 30px;
}

.tabs-corporate .nav-tabs {
    position: relative;
    border: 1px solid #e5e7e9;
}

.tabs-corporate .nav-item {
    margin: -1px;
}

.tabs-corporate .nav-link,
.tabs-corporate .nav-item .nav-link {
    padding: 10px 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    color: #151515;
    background: transparent;
    border-bottom: 1px solid #e5e7e9;
    text-align: center;
    vertical-align: middle;
}

.tabs-corporate .nav-link:first-child {
    border-top: 1px solid #e5e7e9;
}

.tabs-corporate .nav-link:hover,
.tabs-corporate .nav-link.active,
.tabs-corporate .nav-item.active .nav-link {
    color: #fff !important;
    background-color: #ff7444 !important;
    border-color: #ff7444 !important;
    text-decoration: none;
    opacity: 1;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease;
}

.tabs-corporate .tab-content {
    padding: 30px 0 0;
}

*+.tabs-light {
    margin-top: 40px;
}

.tabs-light .nav-tabs {
    position: relative;
}

.tabs-light .nav-link {
    font-family: inherit;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    vertical-align: middle;
}

.tabs-light p {
    letter-spacing: .05em;
}

.tabs-light *+.tab-content {
    margin-top: 20px;
}

@media (max-width: 991px) {
    .tabs-light .nav-tabs {
        max-width: 100%;
        border: 1px solid #d7d7d7;
    }
    .tabs-light .nav-item {
        margin: -1px;
    }
    .tabs-light .nav-item:first-child {
        border-top: 1px solid #d7d7d7;
    }
    .tabs-light .nav-link {
        padding: 7px 10px;
        color: #151515;
        background: transparent;
        border-bottom: 1px solid #d7d7d7;
    }
    .tabs-light .nav-link:hover,
    .tabs-light .nav-link.active,
    .tabs-light .nav-item.active .nav-link {
        color: #fff;
        background: #ff7444;
        border-color: #ff7444;
        border-bottom: 1px solid #d7d7d7;
    }
}

@media (min-width: 576px) {
    .tabs-horizontal.tabs-corporate .nav-tabs {
        position: relative;
        width: 100%;
        display: block;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
        margin-bottom: -10px;
        margin-left: -5px;
        margin-right: -5px;
        text-align: center;
        border: 0;
        will-change: transform;
    }
    .tabs-horizontal.tabs-corporate .nav-tabs>* {
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .tabs-horizontal.tabs-corporate .nav-item {
        display: inline-block;
        will-change: transform;
        pointer-events: none;
    }
    .tabs-horizontal.tabs-corporate .nav-link,
    .tabs-horizontal.tabs-corporate .nav-item .nav-link {
        display: block;
        position: relative;
        overflow: hidden;
        z-index: 0;
        min-width: 130px;
        font-size: 14px;
        pointer-events: auto;
        border: 2px solid #e5e7e9;
    }
    .tabs-horizontal.tabs-corporate .nav-link.active,
    .tabs-horizontal.tabs-corporate .nav-link:hover,
    .tabs-horizontal.tabs-corporate .nav-item.active .nav-link {
        color: #fff !important;
        border-color: #ff7444 !important;
        Xborder: 2px solid #ff7444;
        background: #ff7444 !important;
    }
    .tabs-horizontal.tabs-line .nav-tabs {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border: 0;
        border-bottom: 1px solid #d7d7d7;
        text-align: left;
    }
    .tabs-horizontal.tabs-line .nav-item {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 18px;
        vertical-align: middle;
        border: 0;
    }
    .tabs-horizontal.tabs-line .nav-item::after {
        content: '';
        display: inline-block;
        height: 25px;
        width: 1px;
        background: #d7d7d7;
        vertical-align: middle;
        margin: auto;
    }
    .tabs-horizontal.tabs-line .nav-item:last-child::after {
        display: none;
    }
    .tabs-horizontal.tabs-line .nav-link,
    .tabs-horizontal.tabs-line .nav-item .nav-link {
        position: relative;
        padding: 0;
        background-color: transparent;
        color: #151515 !important;
        border: 0;
    }
    .tabs-horizontal.tabs-line .nav-link.active,
    .tabs-horizontal.tabs-line .nav-link:hover,
    .tabs-horizontal.tabs-line .nav-item.active .nav-link {
        color: #ff7444 !important;
        text-decoration: none;
        transition-delay: 0s;
        transition-duration: 0.3s;
        transition-property: all;
        transition-timing-function: ease;
    }
    .tabs-horizontal.tabs-line *+.tab-content {
        margin-top: 30px;
    }
    .tabs-vertical {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .tabs-vertical .nav-tabs {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 50%;
    }
    .tabs-vertical .nav-item {
        border: 0;
        width: 100%;
        text-align: left;
    }
    .tabs-vertical .nav-link.active,
    .tabs-vertical .nav-link:hover,
    .tabs-vertical .nav-item.active .nav-link {
        box-shadow: 2px 2px 20px 0 rgba(30, 30, 30, 0.1);
    }
    .tabs-vertical .tab-content {
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .tabs-vertical.tabs-corporate .nav-tabs {
        width: auto;
        min-width: 260px;
        border: 0;
    }
    .tabs-vertical.tabs-corporate .nav-item {
        margin: 0;
    }
    .tabs-vertical.tabs-corporate .nav-link {
        position: relative;
        padding: 15px 30px;
        border: 0;
        overflow: hidden;
        text-align: left;
    }
    .tabs-vertical.tabs-corporate .nav-item+.nav-item {
        margin-top: 2px;
    }
    .tabs-vertical.tabs-corporate .tab-content {
        padding: 0 0 0 30px;
    }
}

@media (min-width: 768px) {
    .tabs-horizontal.tabs-light .nav-tabs {
        border: 0;
        border-bottom: 6px solid #e5e7e9;
        text-align: center;
    }
    .tabs-horizontal.tabs-light .nav-item {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border: 0;
    }
    .tabs-horizontal.tabs-light .nav-item:last-child::after {
        display: none;
    }
    .tabs-horizontal.tabs-light .nav-link {
        position: relative;
        padding: 0 30px 30px;
        background-color: transparent;
        color: #ff7444 !important;
        text-decoration: none !important;
        border: 0;
        margin-bottom: -6px;
    }
    .tabs-horizontal.tabs-light .nav-link::after,
    .tabs-horizontal.tabs-light .nav-item .nav-link::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 6px;
        background: #ff7444 !important;
        pointer-events: none;
        transition: .22s;
    }
    .tabs-horizontal.tabs-light .nav-link.active::after,
    .tabs-horizontal.tabs-light .nav-link:hover::after,
    .tabs-horizontal.tabs-light .nav-item.active .nav-link::after {
        left: 0;
        right: auto;
        width: 100%;
    }
    .tabs-horizontal.tabs-light *+.tab-content {
        margin-top: 30px;
    }
}

@media (min-width: 992px) {
    .tabs-horizontal.tabs-corporate .tab-content {
        padding: 40px 0 0;
    }
    .tabs-vertical.tabs-corporate .tab-content {
        padding: 0 0 0 45px;
    }
}

@media (min-width: 1200px) {
    .tabs-horizontal.tabs-light .nav-link {
        padding-left: 45px;
        padding-right: 45px;
    }
}


/* END Tabs */
/* Accordion */
.panel-group {
    margin-bottom: 0;
}

.panel-group .panel-heading+.collapse>.panel-body,
.panel-group .panel-heading+.collapse>.list-group {
    border-top: 0;
}

.panel-group .panel+.panel {
    margin-top: 0;
}
.panel-default {
    border-radius: 0;
}
.panel-customer {
	border-color:#ebe7e2;
}
.panel-title {
	font-weight:600;
}
.panel-default.panel-customer > .panel-heading {
	background-color:#ebe7e2;
}

.panel-group.panel-group-corporate .panel+.panel {
    margin-top: 20px;
}
.panel-default .panel-title a {
    display: block;
}
.panel-default .panel-title a.accordion-toggle {
	color: #111;
}
.panel-default .panel-title a.accordion-toggle.collapsed {
	color: grey;
}
/* redesign2 */
.panel-default.panel-customer > .panel-heading.panel-heading-customer {
	background-color:rgba(134, 200, 188, 0.6);
    padding-left: 20px;
}
/*-----*/
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\2212";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #111;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\002b";    /* adjust as needed, taken from bootstrap.css */
	color: grey;
}
.panel-default .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-default.panel-line .panel-heading {
    background-color: transparent !important;
}

/* redesign2 */
.panel-customer .panel-body {
    padding: 15px 20px;
}
/*--- */
*+.panel-group {
    margin-top: 35px;
}

@media (min-width: 768px) {
    *+.panel-group {
        margin-top: 50px;
    }
}

.panel-corporate {
    text-align: left;
    box-shadow: -1px 2px 5px 0px rgba(68, 73, 83, 0.12);
}

.panel-corporate .panel-title {
    margin-bottom: 0;
}

.panel-corporate .panel-title a,
.panel-corporate .panel-body {
    background: #fff;
}

.panel-corporate .panel-title a {
    position: relative;
    z-index: 1;
    padding: 16px 82px 16px 32px;
    font-family: oswalddemibold, 'Arial Narrow', Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0;
    color: #373b46;
    transition: 1.3s all ease;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #dedede;
}

.panel-corporate .panel-title a.collapsed .panel-arrow::before {
    opacity: 1;
}

.panel-corporate .panel-title a.collapsed .panel-arrow::after {
    opacity: 0;
}

.panel-corporate .panel-arrow {
    position: absolute;
    top: 0;
    bottom: -1px;
    right: -1px;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    background: #ff7444;
    border-radius: 0 6px 0 0;
    transition: .33s all ease;
}

.panel-corporate .panel-arrow::before,
.panel-corporate .panel-arrow::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 4;
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #fff;
    transition: .22s;
}

.panel-corporate .panel-arrow::before {
    content: '\f067';
    opacity: 0;
}

.panel-corporate .panel-arrow::after {
    content: '\f068';
    opacity: 1;
}

.panel-corporate .collapse {
    position: relative;
    z-index: 1;
    color: #151515;
    border-radius: 0 0 6px 6px;
}

.panel-corporate .panel-body {
    padding: 25px 44px 25px 32px;
}

@media (max-width: 991px) {
    .panel-corporate .panel-title a,
    .panel-corporate .panel-body {
        padding-left: 25px;
    }
}

@media (min-width: 768px) {
    .panel-corporate .panel-title a {
        font-size: 22px;
    }
}

.panel-group-line {
    counter-reset: card-line;
}

.panel-group-line .panel-line .panel-title a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.panel-group-line .panel-line .panel-title a::before {
    display: block;
    content: counter(card-line, decimal-leading-zero);
    counter-increment: card-line;
    margin-right: 10px;
    font-size: 1.5em;
    color: #ff7444;
}

.panel-group-line .panel-line+.panel-line {
    margin-top: 5px;
}

@media (min-width: 1200px) {
    .panel-group-line .panel-line .panel-title a::before {
        margin-right: 15px;
    }
}

.panel-line {
    text-align: left;
    padding: 0 4px;
}

.panel-line .panel-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.025em;
}

.panel-line .panel-title a {
    position: relative;
    z-index: 1;
    display: block;
    padding: 21px 35px 21px 0;
    color: #373b46 !important;
    background-color: transparent !important;
    border-bottom: 1px solid #dedede !important;
}

.panel-line .panel-title a.collapsed .panel-arrow::before {
    opacity: 1;
}

.panel-line .panel-title a.collapsed .panel-arrow::after {
    opacity: 0;
}

.panel-line .panel-arrow {
    position: absolute;
    top: 0;
    bottom: -1px;
    right: 0;
    width: 22px;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transition: .33s all ease;
}

.panel-line .panel-arrow::before,
.panel-line .panel-arrow::after {
    content: '';
    position: absolute;
    top: 50%;
    z-index: 4;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #ff7444;
    transition: .22s;
}

.panel-line .panel-arrow::before {
    content: '\f067';
    opacity: 0;
}

.panel-line .panel-arrow::after {
    content: '\f068';
    opacity: 1;
    color: #ff744470;
    xcolor: rgba(255, 255, 255, 0.3);
}

.panel-line .collapse {
    position: relative;
    z-index: 1;
    color: #151515;
    border-radius: 0 0 6px 6px;
}

.panel-line .panel-body {
    padding: 25px 0 0 0;
}

.panel-line+.panel-line {
    margin-top: 20px;
}

.context-dark .panel-line .panel-title a,
.bg-gray-700 .panel-line .panel-title a,
.bg-primary .panel-line .panel-title a {
    color: #fff !important;
    border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}

.context-dark .panel-line .panel-arrow::before,
.bg-gray-700 .panel-line .panel-arrow::before,
.bg-primary .panel-line .panel-arrow::before {
    color: #fff !important;
}

.context-dark .panel-line .panel-arrow::after,
.bg-gray-700 .panel-line .panel-arrow::after,
.bg-primary .panel-line .panel-arrow::after {
    color: rgba(255, 255, 255, 0.3) !important;
}

.context-dark .panel-line .panel-body,
.bg-gray-700 .panel-line .panel-body,
.bg-primary .panel-line .panel-body,
.context-dark .panel-line .panel-body p,
.bg-gray-700 .panel-line .panel-body p,
.bg-primary .panel-line .panel-body p {
    color: rgba(255, 255, 255, 0.8) !important;
}

@media (min-width: 768px) {
    .panel-line .panel-title {
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .panel-line .panel-title {
        font-size: 24px;
    }
}


/* END Accordion */


/* Quotes */

.quote-primary-mark {
    position: relative;
    top: 6px;
    display: block;
    font-size: 36px;
    color: #ff7444;
}

.quote-primary-body {
    position: relative;
    padding: 25px 0;
    border-top: 1px solid #ebebeb;
}

.quote-primary-body::before,
.quote-primary-body::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 13px;
    border-style: solid;
    border-color: #ebebeb;
}

.quote-primary-body::before {
    left: 0;
    width: 78px;
    border-width: 1px 1px 0 0;
}

.quote-primary-body::after {
    right: 0;
    width: calc(100% - 78px - 12px);
    border-width: 1px 0 0 1px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
}

.quote-primary-text {
    padding-top: 20px;
}

.quote-primary-text p {
    margin-bottom: 0;
}

.quote-primary-cite {
    font-weight: bold;
}

.quote-primary-footer {
    padding-left: 5px;
}

*+.quote-primary {
    margin-top: 30px;
}

*+.quote-primary-footer {
    margin-top: 8px;
}

@media (min-width: 576px) {
    .quote-primary-body {
        display: -ms-flexbox;
        display: flex;
        padding: 32px 20px 40px 30px;
    }
    .quote-primary-text {
        padding-top: 0;
        padding-left: 20px;
    }
    .quote-primary-footer {
        padding-left: 30px;
    }
}

@media (min-width: 768px) {
    .quote-primary-body {
        padding-right: 40px;
    }
}

.quote-classic {
    border-left: 0;
    text-align: left;
}

.quote-classic-text,
.quote-classic-text p {
    font-family: carnaslight, Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
    letter-spacing: .05em;
}

.quote-classic-meta {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    margin-bottom: -10px;
    margin-left: -15px;
    margin-right: -15px;
    vertical-align: middle;
    font-family: carnaslight, Arial, Helvetica, sans-serif;
    line-height: 1.2;
    font-weight: normal;
}

.quote-classic-meta>* {
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.quote-classic-meta>* {
    display: inline-block;
    position: relative;
}

.quote-classic-meta>*:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    height: 19px;
    width: 1px;
    background: #d7d7d7;
    pointer-events: none;
}

.quote-classic-cite {
    font-size: 17px;
    color: #151515;
    font-style: normal;
    font-weight: normal;
}

.quote-classic-info {
    font-size: 15px;
    color: #ff7444;
    font-style: normal;
    font-weight: normal;
}

*+.quote-classic {
    margin-top: 30px;
}

*+.quote-classic-meta {
    margin-top: 20px;
}

.quote-classic+.quote-primary {
    margin-top: 65px;
}

@media (min-width: 768px) {
    .quote-classic-text,
    .quote-classic-text p {
        font-size: 18px;
        line-height: 1.44444;
    }
    .quote-classic-cite {
        font-size: 20px;
    }
    .quote-classic-info {
        font-size: 17px;
    }
    *+.quote-classic-meta {
        margin-top: 25px;
    }
}

.quote-light {
    display: -ms-flexbox;
    display: flex;
    margin-left: -20px;
    text-align: left;
}

.quote-light>* {
    margin-left: 20px;
}

.quote-light-mark {
    position: relative;
    top: 2px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: #919191;
}

*+.quote-light {
    margin-top: 20px;
}

@media (min-width: 768px) {
    *+.quote-light {
        margin-top: 30px;
    }
}

.quote-line {
    border-left: 0;
    position: relative;
    padding-left: 25px;
}

.quote-line,
.quote-line p {
    font-family: carnaslight, Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 16px;
    font-style: italic;
    line-height: 1.4;
    letter-spacing: .025em;
    text-align: left;
}

.quote-line::before {
    content: '';
    position: absolute;
    left: 5px;
    top: .75em;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 1px;
    background: #ccc;
}

*+.quote-line {
    margin-top: 20px;
}

@media (min-width: 576px) {
    .quote-line {
        padding-left: 55px;
    }
    .quote-line,
    .quote-line p {
        font-size: 18px;
    }
    .quote-line::before {
        top: .65em;
        width: 40px;
    }
}

@media (min-width: 768px) {
    .quote-line,
    .quote-line p {
        font-size: 20px;
        line-height: 1.2;
    }
    .quote-line+.quote-classic {
        margin-top: 65px;
    }
}

@media (min-width: 1200px) {
    .quote-line {
        padding-left: 120px;
    }
    .quote-line,
    .quote-line p {
        margin-top: -.55em;
        font-size: 24px;
    }
    .quote-line::before {
        top: .55em;
        width: 85px;
    }
    *+.quote-line {
        margin-top: 40px;
    }
}


/* END Quotes */


/* Numbers */

.by-the-numbers .overflow-container {
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: center;
}

.by-the-numbers .overflow-container .tile-container {
    display: inline-block;
    margin-bottom: 65px;
    position: relative;
    height: 100%;
    width: 100%;
    transform: translate(0px, 0px);
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}

.by-the-numbers .overflow-container .tile-container .tile {
    display: table-cell;
    float: none;
    height: auto;
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    text-align: center;
    width: 200px;
}


/*.by-the-numbers .overflow-container .tile-container .tile.hover-darkblue{
    background-image: url('Images/tpv_90_hover.png');
    background-repeat: no-repeat;
    background-position: center middle;
}*/

.tile-container a {
    cursor: default !important;
}

.tile-container a.hover-orange:hover {
    background-color: #f4511e;
    color: #ffffff !important;
    cursor: default !important;
}

.tile-container a.hover-darkblue:hover {
    background-color: #002663;
    color: #ffffff !important;
    cursor: default !important;
}

.by-the-numbers .overflow-container .tile-container .tile .desc-container {
    height: 55px;
    vertical-align: top !important;
}

.by-the-numbers .overflow-container .tile-container .tile .desc-container,
.by-the-numbers .overflow-container .tile-container .tile .bottom-container {
    display: table;
    width: 100%;
}

.by-the-numbers .overflow-container .tile-container .tile .count-container,
.by-the-numbers .overflow-container .tile-container .tile .icon-container,
.by-the-numbers .overflow-container .tile-container .tile .desc-container,
.by-the-numbers .overflow-container .tile-container .tile .bottom-container {
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
}

.by-the-numbers .overflow-container .tile-container .tile .desc-container .copytext1 {
    display: table-cell;
    vertical-align: bottom;
}

.by-the-numbers .overflow-container .tile-container .tile .desc-container .copytext1 {
    display: table-cell;
    vertical-align: bottom;
}

.by-the-numbers .copytext1 {
    font-size: 16px !important;
    font-weight: 700;
    line-height: 22px;
}

.by-the-numbers .copytext1,
.by-the-numbers .sub-number,
.by-the-numbers .copytext2 {
    font-family: carnaslight, magistralcregular, Arial, Helvetica, sans-serif;
}

.by-the-numbers .icon-card,
.by-the-numbers .header1,
.by-the-numbers h2 *,
.by-the-numbers h3 *,
.by-the-numbers h4 *,
.by-the-numbers .copytext1,
.by-the-numbers .copytext2,
.by-the-numbers .subheader2,
.by-the-numbers .sub-number {
    color: #333 !important;
}

.copytext1 {
    font-size: 16px;
}

.by-the-numbers .overflow-container .tile-container .tile .count-container {
    height: 92px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.by-the-numbers .overflow-container .tile-container .tile .count-container .header1 {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.by-the-numbers .overflow-container .tile-container .tile .count-container .header1 {
    font-size: 90px;
    line-height: normal;
}

.by-the-numbers .header1 {
    font-family: magistralcbold, carnaslight, magistralcregular, Arial, Helvetica, sans-serif;
}

.by-the-numbers .icon-card,
.by-the-numbers .header1,
.by-the-numbers h2 *,
.by-the-numbers h3 *,
.by-the-numbers h4 *,
.by-the-numbers .copytext1,
.by-the-numbers .copytext2,
.by-the-numbers .subheader2,
.by-the-numbers .sub-number {
    color: #333 !important;
}

.by-the-numbers a .copytext1,
.by-the-numbers a .header1,
.by-the-numbers a .sub-number,
.by-the-numbers a .icon-card {
    color: #333 !important;
}

.by-the-numbers a:hover .copytext1,
.by-the-numbers a:hover .header1,
.by-the-numbers a:hover .sub-number,
.by-the-numbers a:hover .icon-card {
    color: #fff !important;
}

.by-the-numbers .overflow-container .tile-container .tile .bottom-container {
    height: 70px;
}

.by-the-numbers .overflow-container .tile-container .tile .bottom-container .sub-number,
.by-the-numbers .overflow-container .tile-container .tile .bottom-container .copytext2 {
    display: table-cell;
    table-layout: fixed;
    vertical-align: top;
}

.by-the-numbers .sub-number {
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
}

.by-the-numbers .overflow-container .tile-container .tile .count-container,
.by-the-numbers .overflow-container .tile-container .tile .icon-container,
.by-the-numbers .overflow-container .tile-container .tile .desc-container,
.by-the-numbers .overflow-container .tile-container .tile .bottom-container {
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
}


/*Los iconos ponemos los nuestros*/

.by-the-numbers .overflow-container .tile-container .tile .icon-container span.icon-card {
    vertical-align: bottom;
}

.by-the-numbers .overflow-container .tile-container .tile .icon-container span.icon-card {
    font-size: 90px;
    line-height: 1;
}

.by-the-numbers .overflow-container .tile-container .tile.hover-darkblue-icon {
    height: 300px;
    width: 200px;
    background-image: url('Images/atm_90.png');
    background-repeat: no-repeat;
    background-position: center 90%;
    cursor: default !important;
}

.by-the-numbers .overflow-container .tile-container .tile.hover-darkblue-icon:hover {
    height: 300px;
    width: 200px;
    background-image: url('Images/atm_90_hover.png');
    background-repeat: no-repeat;
    background-position: center 90%;
    cursor: default !important;
}

.by-the-numbers .overflow-container .tile-container .tile.hover-orange-icon {
    height: 300px;
    width: 200px;
    background-image: url('Images/tpv_90.png');
    background-repeat: no-repeat;
    background-position: center 90%;
    cursor: default !important;
}

.by-the-numbers .overflow-container .tile-container .tile.hover-orange-icon:hover {
    height: 300px;
    width: 200px;
    background-image: url('Images/tpv_90_hover.png');
    background-repeat: no-repeat;
    background-position: center 90%;
    cursor: default !important;
}


/* xs 
@media (max-width: 479px)*/

@media screen and (max-width: 479px) {
    .by-the-numbers .overflow-container .tile-container .tile {
        display: inline-block;
        float: none;
        border-right: 0 !important;
        border-bottom: solid 1px #ccc !important;
    }
    .by-the-numbers .copytext1 {
        font-size: 12px !important;
    }
    .copytext1 {
        font-size: 12px;
    }
    .by-the-numbers .overflow-container .tile-container .tile .count-container {
        height: 72px;
    }
    .by-the-numbers .overflow-container .tile-container .tile .count-container .header1 {
        font-size: 60px;
    }
    .by-the-numbers .overflow-container .tile-container .tile .bottom-container {
        height: 50px;
    }
    .by-the-numbers .sub-number {
        font-size: 30px;
    }
    .by-the-numbers .overflow-container .tile-container .tile .icon-container span.icon-card {
        font-size: 60px;
    }
    .by-the-numbers .overflow-container .tile-container .tile.hover-darkblue-icon {
        height: 300px;
        width: 200px;
        background-image: url('Images/atm_70.png');
        background-repeat: no-repeat;
        background-position: center 90%;
        cursor: default !important;
    }
    .by-the-numbers .overflow-container .tile-container .tile.hover-darkblue-icon:hover {
        height: 300px;
        width: 200px;
        background-image: url('Images/atm_70_hover.png');
        background-repeat: no-repeat;
        background-position: center 90%;
        cursor: default !important;
    }
    .by-the-numbers .overflow-container .tile-container .tile.hover-orange-icon {
        height: 300px;
        width: 200px;
        background-image: url('Images/tpv_70.png');
        background-repeat: no-repeat;
        background-position: center 90%;
        cursor: default !important;
    }
    .by-the-numbers .overflow-container .tile-container .tile.hover-orange-icon:hover {
        height: 300px;
        width: 200px;
        background-image: url('Images/tpv_70_hover.png');
        background-repeat: no-repeat;
        background-position: center 90%;
        cursor: default !important;
    }
}


/* sm 
@media (min-width: 480px) and (max-width: 736px)*/

@media screen and (min-width: 480px) and (max-width: 736px) {
    .by-the-numbers .overflow-container .tile-container .tile {
        display: inline-block;
        float: none;
        margin-bottom: 20px;
    }
    .by-the-numbers .copytext1 {
        font-size: 12px !important;
    }
    .copytext1 {
        font-size: 12px;
    }
    .by-the-numbers .overflow-container .tile-container .tile .count-container {
        height: 72px;
    }
    .by-the-numbers .overflow-container .tile-container .tile .count-container .header1 {
        font-size: 60px;
    }
    .by-the-numbers .overflow-container .tile-container .tile .bottom-container {
        height: 50px;
    }
    .by-the-numbers .sub-number {
        font-size: 30px;
    }
    .by-the-numbers .overflow-container .tile-container .tile .icon-container span.icon-card {
        font-size: 60px;
    }
    .by-the-numbers .overflow-container .tile-container .tile.hover-darkblue-icon {
        height: 300px;
        width: 200px;
        background-image: url('Images/atm_70.png');
        background-repeat: no-repeat;
        background-position: center 90%;
        cursor: default !important;
    }
    .by-the-numbers .overflow-container .tile-container .tile.hover-darkblue-icon:hover {
        height: 300px;
        width: 200px;
        background-image: url('Images/atm_70_hover.png');
        background-repeat: no-repeat;
        background-position: center 90%;
        cursor: default !important;
    }
    .by-the-numbers .overflow-container .tile-container .tile.hover-orange-icon {
        height: 300px;
        width: 200px;
        background-image: url('Images/tpv_70.png');
        background-repeat: no-repeat;
        background-position: center 90%;
        cursor: default !important;
    }
    .by-the-numbers .overflow-container .tile-container .tile.hover-orange-icon:hover {
        height: 300px;
        width: 200px;
        background-image: url('Images/tpv_70_hover.png');
        background-repeat: no-repeat;
        background-position: center 90%;
        cursor: default !important;
    }
}


/* md 
@media (min-width: 737px) and (max-width: 980px)*/

@media screen and (min-width: 737px) and (max-width: 980px) {
    /* Numbers */
    .by-the-numbers .copytext1 {
        font-size: 12px !important;
    }
    .copytext1 {
        font-size: 12px;
    }
    .by-the-numbers .overflow-container .tile-container .tile .count-container {
        height: 72px;
    }
    .by-the-numbers .overflow-container .tile-container .tile .count-container .header1 {
        font-size: 60px;
    }
    .by-the-numbers .overflow-container .tile-container .tile .bottom-container {
        height: 50px;
    }
    .by-the-numbers .sub-number {
        font-size: 30px;
    }
    .by-the-numbers .overflow-container .tile-container .tile .icon-container span.icon-card {
        font-size: 60px;
    }
    .by-the-numbers .overflow-container .tile-container .tile.hover-darkblue-icon {
        height: 300px;
        width: 200px;
        background-image: url('Images/atm_70.png');
        background-repeat: no-repeat;
        background-position: center 90%;
        cursor: default !important;
    }
    .by-the-numbers .overflow-container .tile-container .tile.hover-darkblue-icon:hover {
        height: 300px;
        width: 200px;
        background-image: url('Images/atm_70_hover.png');
        background-repeat: no-repeat;
        background-position: center 90%;
        cursor: default !important;
    }
    .by-the-numbers .overflow-container .tile-container .tile.hover-orange-icon {
        height: 300px;
        width: 200px;
        background-image: url('Images/tpv_70.png');
        background-repeat: no-repeat;
        background-position: center 90%;
        cursor: default !important;
    }
    .by-the-numbers .overflow-container .tile-container .tile.hover-orange-icon:hover {
        height: 300px;
        width: 200px;
        background-image: url('Images/tpv_70_hover.png');
        background-repeat: no-repeat;
        background-position: center 90%;
        cursor: default !important;
    }
}


/*KPIS*/

/* redesign */
.dashboard-stat {
    background-color: #eee;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 20px;
    margin-bottom: 10px;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

/* -- */

.dashboard-stat,
.dashboard-stat:hover,
.dashboard-stat:active,
.dashboard-stat:focus {
    color: #666;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
    /* text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5); */
}

.dashboard-stat i,
.dashboard-stat:hover i,
.dashboard-stat:active i,
.dashboard-stat:focus i {
    color: #e4e4e4;
}

.dashboard-stat:hover {
    background-color: #e6e6e6;
}

.dashboard-stat:hover i {
    color: #dcdcdc;
}

.dashboard-stat:active {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
}

.dashboard-stat.greenA,
.dashboard-stat.greenA:hover,
.dashboard-stat.greenA:active {
    background-color: #11a8bb;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.greenA i,
.dashboard-stat.greenA:hover i,
.dashboard-stat.greenA:active i {
    color: #009caf;
}

.dashboard-stat.greenA:hover {
    background-color: #009caf;
}

.dashboard-stat.greenA:hover i {
    color: #007e90;
}

.dashboard-stat.greenB,
.dashboard-stat.greenB:hover,
.dashboard-stat.greenB:active {
    background-color: #47d178;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.greenB i,
.dashboard-stat.greenB:hover i,
.dashboard-stat.greenB:active i {
    color: #35be68;
}

.dashboard-stat.greenB:hover {
    background-color: #2cb661;
}

.dashboard-stat.greenB:hover i {
    color: #13a553;
}

.dashboard-stat.greenC,
.dashboard-stat.greenC:hover,
.dashboard-stat.greenC:active {
    background-color: #47d1af;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.greenC i,
.dashboard-stat.greenC:hover i,
.dashboard-stat.greenC:active i {
    color: #3cc6a4;
}

.dashboard-stat.greenC:hover {
    background-color: #39c3a2;
}

.dashboard-stat.greenC:hover i {
    color: #2bb797;
}

.dashboard-stat.orange {
    background-color: #ff9800 !important;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.orange i,
.dashboard-stat.orange:hover i,
.dashboard-stat.orange:active i {
    color: #ea862d;
}

.dashboard-stat.orange:hover,
.dashboard-stat.orange:hover,
.dashboard-stat.orange:active {
    background-color: #ffac1a !important;
}


/*.dashboard-stat.orange:hover i {
    color: #e67e22;
}*/

.dashboard-stat.yellow,
.dashboard-stat.yellow:hover,
.dashboard-stat.yellow:active {
    background-color: #fdba4b !important;
    color: #fff !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.yellow i,
.dashboard-stat.yellow:hover i,
.dashboard-stat.yellow:active i {
    color: #f0ad4e;
}

.dashboard-stat.yellow:hover {
    background-color: #f0ad4e;
}

.dashboard-stat.yellow:hover i {
    color: #e1a042;
}

.dashboard-stat.purple,
.dashboard-stat.purple:hover,
.dashboard-stat.purple:active {
    background-color: #6852b2;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.purple i,
.dashboard-stat.purple:hover i,
.dashboard-stat.purple:active i {
    color: #56429e;
}

.dashboard-stat.purple:hover {
    background-color: #56429e;
}

.dashboard-stat.purple:hover i {
    color: #402e86;
}

.dashboard-stat.red,
.dashboard-stat.red:hover,
.dashboard-stat.red:active {
    background-color: #e5412d;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.red i,
.dashboard-stat.red:hover i,
.dashboard-stat.red:active i {
    color: #d52e21;
}

.dashboard-stat.red:hover {
    background-color: #d21910;
}

.dashboard-stat.red:hover i {
    color: #c20000;
}

.dashboard-stat.primary,
.dashboard-stat.primary:hover,
.dashboard-stat.primary:active {
    background-color: #4ba9ed;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.primary i,
.dashboard-stat.primary:hover i,
.dashboard-stat.primary:active i {
    color: #3598db;
}

.dashboard-stat.primary:hover {
    background-color: #3598db;
}

.dashboard-stat.primary:hover i {
    color: #1987c8;
}

.dashboard-stat.secondary,
.dashboard-stat.secondary:hover,
.dashboard-stat.secondary:active {
    background-color: #888888;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.secondary i,
.dashboard-stat.secondary:hover i,
.dashboard-stat.secondary:active i {
    color: #7b7b7b;
}

.dashboard-stat.secondary:hover {
    background-color: #7b7b7b;
}

.dashboard-stat.secondary:hover i {
    color: #717171;
}

.dashboard-stat.app,
.dashboard-stat.app:hover,
.dashboard-stat.app:active {
    background-color: #3598db;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.app i,
.dashboard-stat.app:hover i,
.dashboard-stat.app:active i {
    color: #1987c8;
}

.dashboard-stat.app:hover {
    background-color: #1987c8;
}

.dashboard-stat.app:hover i {
    color: #0077b6;
}

.dashboard-stat .visual {
    float: right;
    xheight: 100%;
    width: 54px;
    z-index: 10;
}

.dashboard-stat .details {
    float: left;
    margin-top: -10px;
    position: relative;
    text-align: left;
    z-index: 11;
}

.dashboard-stat .value {
    display: block;
    font-size: 32px;
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-weight: 400;
}

.dashboard-stat .content {
    display: block;
    font-size: 16px;
    font-family: "Roboto Medium", Helvetica, sans-serif;
    font-weight: 500;
    margin-bottom: 0;
    /* margin-top: 1em; */
    text-transform: uppercase;
}

.dashboard-stat .visual i {
    bottom: 0;
    display: block;
    font-size: 72px;
    height: 72px;
    left: auto;
    position: absolute;
    right: 0;
    text-shadow: none;
    transform: rotate(-30deg);
}

.dashboard-stat .more {
    color: rgba(0, 0, 0, 0.25) !important;
    font-size: 16px;
    position: absolute;
    right: 10px;
    text-shadow: none;
    top: 10px;
}

.dashboard-stat .title {
    display: block;
    font-size: 16px;
    font-family: "Roboto Medium", Helvetica, sans-serif;
    font-weight: 500;
    /* opacity: 0.8; */
    filter: alpha(opacity=80);
    position: absolute;
    left: 15px;
    top: 10px;
    /* text-transform: uppercase; */
    border-bottom: solid 1px #ccc;
    width: 90%;
}


/* mod-cualities */

.maintop0 {
    padding-top: 30px;
    overflow: hidden;
    padding-bottom: 30px;
}

.maintop1 {
    padding-top: 90px;
    overflow: hidden;
    padding-bottom: 0px;
}

.moduletable.cualities {
    margin-left: -0.75em;
    margin-right: -0.75em;
}

.mod-newsflash.mod-newsflash_cualities .row {
    margin: 0 !important;
}

.mod-newsflash.mod-newsflash_cualities article {
    display: block !important;
}

.mod-newsflash.mod-newsflash_cualities .row .item {
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.mod-newsflash.mod-newsflash_cualities .row .item .item_content .item_img {
    margin-bottom: 0;
}

.mod-newsflash.mod-newsflash_cualities .row .item .item_content .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url('Images/overlay55.png');
}

.mod-newsflash.mod-newsflash_cualities .row .item .item_content .inner {
    position: absolute;
    max-width: 400px;
    left: auto;
    right: 15%;
    top: 50%;
    -moz-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    text-align: right;
}

.mod-newsflash.mod-newsflash_cualities .row .item .item_content .inner h1,
.mod-newsflash.mod-newsflash_cualities .row .item .item_content .inner h2,
.mod-newsflash.mod-newsflash_cualities .row .item .item_content .inner h3,
.mod-newsflash.mod-newsflash_cualities .row .item .item_content .inner h4,
.mod-newsflash.mod-newsflash_cualities .row .item .item_content .inner h5,
.mod-newsflash.mod-newsflash_cualities .row .item .item_content .inner h6,
.mod-newsflash.mod-newsflash_cualities .row .item .item_content .inner p {
    color: #ffffff;
    text-align: right;
}

.mod-newsflash.mod-newsflash_cualities .row .item .item_content .inner p {
    font: 400 17px/36px 'Open Sans', sans-serif;
}

.mod-newsflash.mod-newsflash_cualities .row .item:nth-child(2n) .inner {
    left: 15%;
    right: auto;
    text-align: left;
}

.mod-newsflash.mod-newsflash_cualities .row .item:nth-child(2n) .inner h1,
.mod-newsflash.mod-newsflash_cualities .row .item:nth-child(2n) .inner h2,
.mod-newsflash.mod-newsflash_cualities .row .item:nth-child(2n) .inner h3,
.mod-newsflash.mod-newsflash_cualities .row .item:nth-child(2n) .inner h4,
.mod-newsflash.mod-newsflash_cualities .row .item:nth-child(2n) .inner h5,
.mod-newsflash.mod-newsflash_cualities .row .item:nth-child(2n) .inner h6,
.mod-newsflash.mod-newsflash_cualities .row .item:nth-child(2n) .inner p {
    text-align: left;
}

.mod-newsflash.mod-newsflash_testimonials_2 {
    padding-top: 50px;
}

.mod-newsflash.mod-newsflash_testimonials_2 .item .item_title {
    text-align: left;
}

.mod-newsflash.mod-newsflash_custom-link {
    margin-bottom: 48px;
}

.mod-newsflash.counters {
    text-align: center;
}

.mod-newsflash.counters .item {
    margin-bottom: 10px;
}

.mod-newsflash.counters i {
    font-size: 60px;
    line-height: 70px;
    color: #b9b9b9;
    display: block;
    padding-bottom: 15px;
}

.mod-newsflash.counters .counter {
    font-size: 60px;
    line-height: 60px;
    font-family: 'Montserrat', sans-serif;
    color: #f15a5a;
    margin-bottom: 0;
}

.mod-newsflash.counters .introtext {
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    color: #1c282a;
    font-family: 'Montserrat', sans-serif;
}

.mod-newsflash.counters .introtext p {
    font: 400 13px/24px 'Open Sans', sans-serif;
    color: #6e7879;
    padding-top: 5px;
}

@media screen and (max-width: 991px) {
    .maintop1 {
        padding-top: 40px;
        overflow: hidden;
        padding-bottom: 0px;
    }
    /*.wrapper.style1{
		padding-top: 0px;
		padding-bottom: 0px;
	}*/
    .mod-newsflash.mod-newsflash_cualities .row .item .item_content .content {
        left: 0;
        right: 0;
    }
    .mod-newsflash.mod-newsflash_cualities .row .item .item_content .inner {
        max-width: 100%;
        left: 5%;
        right: 70%;
    }
    .mod-newsflash.mod-newsflash_cualities .row .item .item_content .inner p {
        font-size: 15px;
    }
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card>hr {
    margin-right: 0;
    margin-left: 0;
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link+.card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 1.5rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .card-deck .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-group>.card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .card-group>.card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group>.card:first-child .card-img-top,
    .card-group>.card:first-child .card-header {
        border-top-right-radius: 0;
    }
    .card-group>.card:first-child .card-img-bottom,
    .card-group>.card:first-child .card-footer {
        border-bottom-right-radius: 0;
    }
    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group>.card:last-child .card-img-top,
    .card-group>.card:last-child .card-header {
        border-top-left-radius: 0;
    }
    .card-group>.card:last-child .card-img-bottom,
    .card-group>.card:last-child .card-footer {
        border-bottom-left-radius: 0;
    }
    .card-group>.card:only-child {
        border-radius: 0.25rem;
    }
    .card-group>.card:only-child .card-img-top,
    .card-group>.card:only-child .card-header {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }
    .card-group>.card:only-child .card-img-bottom,
    .card-group>.card:only-child .card-footer {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0;
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
        border-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}


/* Canvas */

.butpro {
    vertical-align: top;
}

.butstyle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f8f8f8;
    background-image: linear-gradient(to bottom, #fff 50%, #f8f8f8 100%);
    border-bottom-color: #c8c8c8;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #c8c8c8;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #c8c8c8;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #dedfe0;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto", Helvetica, sans-serif;
    font-size: 11px;
    margin-bottom: 15px;
    margin-right: 1.8%;
    padding-bottom: 4px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 6px;
    transition-delay: 0s;
    transition-duration: 0.21s;
    transition-property: border-color;
    transition-timing-function: ease-out;
    width: 14.2%;
}

.butstyle.flat {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: -moz-use-text-color;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: none;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 0;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: -moz-use-text-color;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: none;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 0;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: 0;
    color: #464646;
}

.butstyle:first-child {
    margin-left: 0;
}

.butstyle:hover {
    border-bottom-color: #4d90fe;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #4d90fe;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #4d90fe;
    border-top-color: #4d90fe;
}

.butpro .sub h2 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    color: #f4511e;
}

.butpro .sub h3 {
    font-size: 14px;
    font-family: "Roboto", Helvetica, sans-serif;
    font-weight: normal;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
}

.butpro .sub span {
    color: #434d55;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
}

.butpro .stat {
    padding-bottom: 4px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;
    text-align: center;
}

.butpro .stat .equal {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/stat-same.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    font-size: 12px;
    padding-bottom: 0;
    padding-left: 19px;
    padding-right: 0;
    padding-top: 0;
}

.butpro .stat .up {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/stat-up.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    font-size: 12px;
    padding-bottom: 0;
    padding-left: 19px;
    padding-right: 0;
    padding-top: 0;
}

.butpro .stat .down {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/stat-down.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    font-size: 12px;
    padding-bottom: 0;
    padding-left: 19px;
    padding-right: 0;
    padding-top: 0;
}

.butpro .sub {
    padding-top: 4px;
}

.blue-chart .flot-text,
.red-chart .flot-text {
    color: #fff !important;
}

.flot-text {
    font-size: 10px !important;
}

.legend table td {
    font-size: 11px !important;
}

.blue-chart {
    background-color: #3290e2;
    background-image: linear-gradient(to bottom, #52aeff, #2180d3);
    border-bottom-color: #1e73bd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #258fec;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #258fec;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #499de5;
    border-top-style: solid;
    border-top-width: 1px;
}

.block-flat .blue-chart {
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 20px !important;
}

.blue-chart h2 {
    text-shadow: 0 -1px 0 #357fc0;
}

.epie-chart {
    display: inline-block;
    position: relative;
    text-align: center;
}

.epie-chart>span {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
}

.red-chart {
    background-color: #3290e2;
    background-image: linear-gradient(to bottom, #ff8a65 45%, #e26a45 102%);
    border-bottom-color: #d66543;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #f27b56;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #f27b56;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #ee815e;
    border-top-style: solid;
    border-top-width: 1px;
}

.red-box {
    background-color: #ff8a65;
    background-image: linear-gradient(to bottom, #ff8a65 45%, #f07853 102%);
    color: #fff;
}

.red2-box {
    background-color: #ff7877;
    background-image: linear-gradient(to bottom, #ff7877 45%, #ed5554 102%);
    color: #fff;
}

.blue-box {
    background-color: #52aeff;
    background-image: linear-gradient(to bottom, #52aeff 45%, #3d9cef 102%);
    color: #fff;
}

.blue-box.borders {
    border-bottom-color: #1e73bd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #258fec;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #258fec;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #499de5;
    border-top-style: solid;
    border-top-width: 1px;
}

.green-box {
    background-color: #82c261;
    background-image: linear-gradient(to bottom, #82c261 45%, #70be46 102%);
    color: #fff;
}

.violet-box {
    background-color: #82c261;
    background-image: linear-gradient(to bottom, #b450b2 45%, #853685 102%);
    color: #fff;
}

.yellow-box {
    background-color: #82c261;
    background-image: linear-gradient(to bottom, #ffc91c 45%, #fab219 102%);
    color: #fff;
}

.white-box {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}


/* End Canvas */


/* KPIs */
/* redesign */
.dashboard-stat {
    background-color: #f4f8fb;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 20px;
    margin-bottom: 10px;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}
/* ---- */
.dashboard-stat,
.dashboard-stat:hover,
.dashboard-stat:active,
.dashboard-stat:focus {
    color: #777 !important;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
    /* text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5); */
    /* border: 1px solid gainsboro; */
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.dashboard-stat i,
.dashboard-stat:hover i,
.dashboard-stat:active i,
.dashboard-stat:focus i {
    color: #e4e4e4;
}

.dashboard-stat:hover {
    background-color: #e6e6e6;
}

.dashboard-stat:hover i {
    color: #dcdcdc;
}

.dashboard-stat:active {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
}

.dashboard-stat.tabgreenA,
.dashboard-stat.tabgreenA:hover,
.dashboard-stat.tabgreenA:active {
    background-color: #2ec3a6;
    color: #fff;
    /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); */
}

.dashboard-stat.tabgreenA .icon,
.dashboard-stat.tabgreenA:hover .icon,
.dashboard-stat.tabgreenA:active .icon {
    color: #1eab8f;
}

.dashboard-stat.tabgreenA:hover {
    background-color: #009caf;
}

.dashboard-stat.tabgreenA:hover .icon {
    color: #007e90;
}

.dashboard-stat.tabgreenB,
.dashboard-stat.tabgreenB:hover,
.dashboard-stat.tabgreenB:active {
    background-color: #47d178;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.tabgreenB .icon,
.dashboard-stat.tabgreenB:hover .icon,
.dashboard-stat.tabgreenB:active .icon {
    color: #35be68;
}

.dashboard-stat.tabgreenB:hover {
    background-color: #2cb661;
}

.dashboard-stat.tabgreenB:hover .icon {
    color: #13a553;
}

.dashboard-stat.tabgreenC,
.dashboard-stat.tabgreenC:hover,
.dashboard-stat.tabgreenC:active {
    background-color: #47d1af;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.tabgreenC .icon,
.dashboard-stat.tabgreenC:hover .icon,
.dashboard-stat.tabgreenC:active .icon {
    color: #3cc6a4;
}

.dashboard-stat.tabgreenC:hover {
    background-color: #39c3a2;
}

.dashboard-stat.tabgreenC:hover .icon {
    color: #2bb797;
}

.dashboard-stat.taborange,
.dashboard-stat.taborange:hover,
.dashboard-stat.taborange:active {
    background-color: #ff7444;
    color: #fff;
    /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); */
}

.dashboard-stat.taborange .icon,
.dashboard-stat.taborange:hover .icon,
.dashboard-stat.taborange:active .icon {
    color: #f35a2a;
}

.dashboard-stat.taborange:hover {
    background-color: #f4511eba;
}

.dashboard-stat.taborange:hover .icon {
    color: #e4430b87;
}

.dashboard-stat.tabyellow,
.dashboard-stat.tabyellow:hover,
.dashboard-stat.tabyellow:active {
    background-color: #fdba4b;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.tabyellow .icon,
.dashboard-stat.tabyellow:hover .icon,
.dashboard-stat.tabyellow:active .icon {
    color: #f0ad4e;
}

.dashboard-stat.tabyellow:hover {
    background-color: #f0ad4e;
}

.dashboard-stat.tabyellow:hover .icon {
    color: #e1a042;
}

.dashboard-stat.tabpurple,
.dashboard-stat.tabpurple:hover,
.dashboard-stat.tabpurple:active {
    background-color: #8a74d2;
    color: #fff;
    /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); */
}

.dashboard-stat.tabpurple .icon,
.dashboard-stat.tabpurple:hover .icon,
.dashboard-stat.tabpurple:active .icon {
    color: #6f56c5;
}

.dashboard-stat.tabpurple:hover {
    background-color: #56429e;
}

.dashboard-stat.tabpurple:hover .icon {
    color: #402e86;
}

.dashboard-stat.tabred,
.dashboard-stat.tabred:hover,
.dashboard-stat.tabred:active {
    background-color: #e5412d;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.tabred .icon,
.dashboard-stat.tabred:hover .icon,
.dashboard-stat.tabred:active .icon {
    color: #d52e21;
}

.dashboard-stat.tabred:hover {
    background-color: #d21910;
}

.dashboard-stat.tabred:hover .icon {
    color: #c20000;
}

.dashboard-stat.tabprimary,
.dashboard-stat.tabprimary:hover,
.dashboard-stat.tabprimary:active {
    background-color: #4ba9ed;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.tabprimary .icon,
.dashboard-stat.tabprimary:hover .icon,
.dashboard-stat.tabprimary:active .icon {
    color: #3598db;
}

.dashboard-stat.tabprimary:hover {
    background-color: #3598db;
}

.dashboard-stat.tabprimary:hover .icon {
    color: #1987c8;
}

.dashboard-stat.tabsecondary,
.dashboard-stat.tabsecondary:hover,
.dashboard-stat.tabsecondary:active {
    background-color: #888888;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.tabsecondary .icon,
.dashboard-stat.tabsecondary:hover .icon,
.dashboard-stat.tabsecondary:active .icon {
    color: #7b7b7b;
}

.dashboard-stat.tabsecondary:hover {
    background-color: #7b7b7b;
}

.dashboard-stat.tabsecondary:hover i {
    color: #717171;
}

.dashboard-stat.app,
.dashboard-stat.app:hover,
.dashboard-stat.app:active {
    background-color: #3598db;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.dashboard-stat.app .icon,
.dashboard-stat.app:hover .icon,
.dashboard-stat.app:active .icon {
    color: #1987c8;
}

.dashboard-stat.app:hover {
    background-color: #1987c8;
}

.dashboard-stat.app:hover .icon {
    color: #0077b6;
}

.dashboard-stat .visual {
    float: right;
    xheight: 100%;
    width: 54px;
    z-index: 10;
}

.dashboard-stat .details {
    float: left;
    margin-top: -25px;
    position: relative;
    text-align: left;
    z-index: 11;
}

/* redesign */
.dashboard-stat .value {
    display: block;
    font-size: 18px;
    font-family: carnaslight, Arial, Helvetica, sans-serif;
    font-weight: 400;
    padding: 12px 0px;
    border-radius: 50%;
    width: 50px;
    text-align: center;
    height: 50px;
}
/* ------ */
.dashboard-stat .content {
    display: block;
    font-size: 16px;
    font-family: carnaslight, Arial, Helvetica, sans-serif;
    font-weight: 500;
    margin-bottom: 0;
    /* margin-top: 1em; */
    font-weight: bold;
    text-transform: uppercase;
}

.dashboard-stat .visual .icon {
    bottom: 0;
    display: block;
    font-size: 72px;
    height: 72px;
    left: auto;
    position: absolute;
    right: 0;
    text-shadow: none;
    transform: rotate(-30deg);
}

.dashboard-stat .more {
    color: rgba(0, 0, 0, 0.25) !important;
    font-size: 16px;
    position: absolute;
    right: 10px;
    text-shadow: none;
    top: 10px;
}

.dashboard-stat .title {
    display: block;
    font-size: 14px;
    font-family: carnaslight, Arial, Helvetica, sans-serif;
    font-weight: 700;
    /* opacity: 0.8; */
    filter: alpha(opacity=80);
    position: absolute;
    left: 11px;
    padding-bottom: 5px;
    top: 10px;
    /* text-transform: uppercase; */
    border-bottom: solid 1px transparent;
    width: 90%;
    margin-top: 20px;
}


/* KPIs */


/* KPIs info panels*/

.widget-panel {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-left: 75px;
    padding-right: 10px;
    padding-top: 23px;
    height: 59px;
    width: 100%;
    position: relative;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.widget-panel .icon {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    background-color: rgba(255, 255, 255, 0.2);
    bottom: 0;
    font-size: 32px;
    text-align: center;
    line-height: 32px;
    padding: 15px 0px;
    position: absolute;
    left: 0;
    top: 0;
}

/* ---- redesign ----- */
.widget-panel .details {
    color: #555 !important;
    font-size: 14px;
    line-height: 14px;
    padding-left: 12px;
}

.circle-pending-claims {
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 150px;
    height:150px;
    border-radius:50%;
}


.circle-alerts {
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height:50px;
    border-radius:50%;
}

/* ---------- */
@media (max-width: 767px) {
    .widget-panel {
        width: 100%;
    }
    .widget-panel .details {
        font-size: 15px;
    }
}

.widget-style .icon {
    background-color: #dedede !important;
    color: #2a5769;
    font-size: 32px;
    width: 60px;
    height: 60px;
}

.widget-style-app .icon {
    background-color: #3598db !important;
    /*background-image:url('Images/goodplan24.png');
    background-repeat:no-repeat;
    background-position:left top;*/
    color: #fff;
    /*color:#ffe571;*/
    font-size: 26px;
    width: 60px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
}

/* ----- redesign -------- */
.widget-style-1 .icon {
    background-color: #2980b9 !important;
    color: #fff;
    font-size: 24px;
    width: 70px;
    height: 60px;
}

.widget-style-2 .icon {
    background-color: #fdba4b !important;
    color: #fff;
    font-size: 24px;
    width: 70px;
    height: 60px;
}

.widget-style-3 .icon {
    background-color: #e74c3c !important;
    color: #fff;
    font-size: 24px;
    width: 70px;
    height: 60px;
}

.widget-style-4 .icon {
    background-color: #ff7444 !important;
    color: #fff;
    font-size: 24px;
    width: 70px;
    height: 60px;
}

.widget-style-5 .icon {
    background-color: #11a8bb !important;
    color: #fff;
    font-size: 24px;
    width: 70px;
    height: 60px;
}

.widget-style-6 .icon {
    background-color: #1abc9c !important;
    color: #fff;
    font-size: 24px;
    width: 70px;
    height: 60px;
}

.widget-style-7 .icon {
    background-color: #47d1af !important;
    color: #fff;
    font-size: 24px;
    width: 70px;
    height: 60px;
}

.widget-style-8 .icon {
    background-color: #6852b2 !important;
    color: #fff;
    font-size: 24px;
    width: 70px;
    height: 60px;
}
/* ------------- */
.text-primary {
    color: #11a8bb;
}

.text-white {
    color: #ffffff;
}

.bg-white {
    background-color: #fff;
}

.bg-nowhite {
    background-color: rgb(244, 248, 251) !important;
}


/* End KPIs info panels*/


/* Canvas Circle */

.ca-info {
    width: 150px;
    height: 150px;
    /* border: 10px solid; */
    border-color: rgb(244, 248, 251);
    overflow: hidden;
    position: relative;
    display: inline-block;
    background: rgb(244, 248, 251);
    margin-right: 15px;
    /* margin-bottom: 15px; */
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.ired {
    border-color: #ee5744;
    background: #ee5744;
}

.ired-o {
    border-color: #fcddda;
    background: #fcddda;
}

.igreenA {
    border-color: #11a8bb;
    background: #11a8bb;
}

.igreenA-o {
    border-color: #cfeef1;
    background: #cfeef1;
}

.igreenB {
    border-color: #47d178;
    background: #47d178;
}

.igreenB-o {
    border-color: #daf6e4;
    background: #daf6e4;
}

.igreenC {
    border-color: #2dc5a7;
    background: #2dc5a7;
}

.igreenC-o {
    border-color: #daf6ef;
    background: #daf6ef;
}

.iorange {
    border-color: #ff7444;
    background: #ff7444;
}

.iorange-o {
    border-color: #ffe3da;
    background: #ffe3da;
}

.iyellow {
    border-color: #fdba4b;
    background: #fdba4b;
}

.iyellow-o {
    border-color: #fff1db;
    background: #fff1db;
}

.ipurple {
    border-color: #6852b2;
    background: #6852b2;
}

.ipurple-o {
    border-color: #e1dcf0;
    background: #e1dcf0;
}

.iapp {
    border-color: #3598db;
    background: #3598db;
}

.iapp-o {
    border-color: #d7eaf8;
    background: #d7eaf8;
}

.itablet {
    border-color: #2a5769;
    background: #2a5769;
}

.itablet-o {
    border-color: #d4dde1;
    background: #d4dde1;
}

.ca-number,
.ca-number-o {
    font-size: 36px;
    font-weight: 400;
    xline-height: 40px;
    position: absolute;
    width: 100%;
    xheight: 60px;
    left: 0px;
    font-weight: 700;
    top: 35px;
    text-align: center;
}

.ca-text,
.ca-text-o {
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    position: absolute;
    xheight: 80px;
    width: 140px;
    left: 50%;
    line-height: 20px !important;
    margin-left: -70px;
    top: 90px;
}

.ca-number,
.ca-text {
    color: #555;
}

.ca-number-o,
.ca-text-o {
    color: #fff;
}


/* END Canvas Circle */


/* Report buttons */

.ca-menu {
    padding: 0;
    margin: 0px auto 0px auto;
    display: flex;
    justify-content: center;
}

.ca-menu li,
.div-menu {
    width: 165px;
    height: 165px;
    border: 10px solid;
    border-color: #e6e6e6;
    overflow: hidden;
    position: relative;
    display: inline-block;
    background: #fff;
    /* margin-left: 25px; */
    margin-right: 25px;
    margin-bottom: 10px;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

.ca-menu li a,
.div-menu a {
    text-align: center;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}

.ca-content {
    position: absolute;
    height: 140px;
    width: 140px;
    top: 6px;
    left: -12px;
}

.ca-icon {
    font-family: "FontAwesome";
    margin-bottom: 10px;
    xfont-size: 40px;
    font-size: 48px;
    color: #f0f0f0;
    line-height: 98px;
    margin-top: 10px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
    opacity: 0.8;
}

.ca-main {
    font-size: 15px;
    color: #777;
    margin-top: 10px;
    opacity: 0.8;
    text-align: center;
    text-transform: none;
}

.ca-sub {
    text-align: center;
    text-transform: none;
    color: #555;
    font-size: 16px;
    margin-top: 10px;
    opacity: 0;
}

.ca-red {
    color: #ee5744;
}

.ca-greenA {
    color: #11a8bb;
}

.ca-greenB {
    color: #47d178;
}

.ca-greenC {
    color: #2dc5a7;
}

.ca-orange {
    color: #ff7444;
}

.ca-yellow {
    color: #fdba4b;
}

.ca-purple {
    color: #6852b2;
}

.ca-blue {
    color: #2196F3;
}

.ca-deep-blue {
    color: #002663;
}

.ca-pink {
    color: #e91e63;
}

.ca-menu li:hover,
.div-menu:hover,
.ca-menu li:active,
.div-menu:active {
    background: #f7f7f7;
    border-color: #fff;
    /*-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);*/
}

.ca-menu li:hover .ca-icon,
.ca-menu li:active .ca-icon,
.div-menu:hover .ca-icon,
.div-menu:active .ca-icon {
    opacity: 1;
    xfont-size: 64px;
    font-size: 30px;
}

.ca-menu li:hover .ca-main,
.ca-menu li:active .ca-main,
.div-menu:hover .ca-main,
.div-menu:active .ca-main {
    display: none;
}

.ca-menu li:hover .ca-sub,
.ca-menu li:active .ca-sub,
.div-menu:hover .ca-sub,
.div-menu:active .ca-sub {
    opacity: 0.8;
    font-size: 18px;
}

@media screen and (max-width: 1249px) {
    .ca-menu {
        display: inline-block;
    }
}


/* END Report buttons */


/* Progress Bar */

.progress-stat {
    margin-top: 25px;
    display: block;
}

.progress-stat:first-child {
    margin-top: 0;
}

.progress-stat .stat-header {
    display: table;
    margin-bottom: 0.4em;
    width: 100%;
}

.stat-label {
    color: #555;
    display: table-cell;
    font-size: 14px;
    font-weight: 400;
    xtext-transform: uppercase;
    width: 85%;
}

.stat-value {
    color: #333;
    display: table-cell;
    font-size: 15px;
    font-weight: 400;
    margin-top: -1.15em;
    text-align: right;
    text-transform: uppercase;
    width: 17%;
}

.progress-stat .progress {
    margin-bottom: 0;
}

.progress {
    background-color: #f5f5f5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 33px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.progress-bar.active,
.progress.active .progress-bar {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 2s;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-name: progress-bar-stripes;
    animation-play-state: running;
    animation-timing-function: linear;
}

.progress-striped .progress-bar-1,
.progress-striped .progress-bar-2,
.progress-striped .progress-bar-3,
.progress-striped .progress-bar-4,
.progress-striped .progress-bar-5,
.progress-striped .progress-bar-6,
.progress-striped .progress-bar-7,
.progress-striped .progress-bar-8,
.progress-striped .progress-bar-9,
.progress-striped .progress-bar-10 {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-size: 40px 40px;
}

.progress-bar-1 {
    background-color: #11a8bb;
    width: 100%
}

.progress-bar-2 {
    background-color: #428bca;
    width: 90%
}

.progress-bar-3 {
    background-color: #7a62ca;
    width: 80%;
}

.progress-bar-4 {
    background-color: #f0ad4e;
    width: 70%
}

.progress-bar-5 {
    background-color: #ff7444;
    width: 60%
}

.progress-bar-6 {
    background-color: #47d178;
    width: 50%
}

.progress-bar-7 {
    background-color: #47d1af;
    width: 40%
}

.progress-bar-8 {
    background-color: #fdba4b;
    width: 30%
}

.progress-bar-9 {
    background-color: #e5412d;
    width: 20%
}

.progress-bar-10 {
    background-color: #7b7b7b;
    width: 10%
}

.progress-bar {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 13px;
    height: 100%;
    /* font-weight: bold; */
    line-height: 43px;
    text-align: center;
    transition-delay: 0s;
    transition-duration: 0.6s;
    transition-property: width;
    transition-timing-function: ease;
}

.progress-bar-101 {
    background-color: #11a8bb;
    width: 10%
}

.progress-bar-102 {
    background-color: #428bca;
    width: 9%
}

.progress-bar-103 {
    background-color: #6852b2;
    width: 8%
}

.progress-bar-104 {
    background-color: #f0ad4e;
    width: 7%
}

.progress-bar-105 {
    background-color: #ff7444;
    width: 6%
}

.progress-bar-106 {
    background-color: #47d178;
    width: 5%
}

.progress-bar-107 {
    background-color: #47d1af;
    width: 4%
}

.progress-bar-108 {
    background-color: #fdba4b;
    width: 3%
}

.progress-bar-109 {
    background-color: #e5412d;
    width: 2%
}

.progress-bar-110 {
    background-color: #7b7b7b;
    width: 1%
}
/* END Progress Bar */
/* Menu dropdown */

li.dropdown-panel>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

li.dropdown-panel>a:hover,
li.dropdown-panel>a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

li.dropdown-panel>.active>a,
li.dropdown-panel>.active>a:hover,
li.dropdown-panel>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}

li.dropdown-panel,
.dropdown-panel {
    padding-left: 0;
    height: 48px;
    width: 100%;
    position: relative;
}

.dropdown-panel a {
    text-decoration: none !important;
}

.dropdown-panel .dd_icon {
    padding: 10px;
    position: absolute;
    width: 64px;
    height: 48px;
    text-align: center;
    vertical-align: middle;
    bottom: 0;
    left: 0;
    top: 0;
}

.dropdown-panel .dd_details {
    margin-left: 40px;
    color: #555 !important;
    font-size: 15px;
    line-height: 44px;
    text-decoration: none;
}

.custom-card,
.custom-hover-shadow:hover {
    padding: 10px 25px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 15px 0 rgba(0, 0, 0, 0.1);
}

/*-------------------------------*/
/*        Dropdown-menu          */
/*-------------------------------*/
/*   animation   */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes bounceInDown {
	60%, 75%, 90%, 0%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -500px, 0);
		transform: translate3d(0, -500px, 0);
		}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
		}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
		}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
		}
	100% {
		-webkit-transform: none;
		transform: none;
		}
	}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
/*   END animation   */
.dropdown-menu .with-arrow {
    position: absolute;
    height: 10px;
    overflow: hidden;
    width: 40px;
    top: -10px;
}
.dropdown-menu {
    z-index: 10000;
}

.dropdown-menu .with-arrow > span {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    background-color: #fff;
    width: 15px;
    height: 15px;
    top: 3px;
    left: 15px;
    position: absolute;
    content: "";
    -moz-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
.dropdown-menu > ul {
    list-style: none;
	padding: 0px;
	width:300px;	
    }
.dropdown-menu > ul > li.drop-item  {
    padding: 10px;
	border-bottom:solid 1px #f5f5f5;
	}
.dropdown-menu > ul > li:last-child  {
	border-bottom:0px;	
    }
.dropdown-menu ul li .drop-title {
    margin-top:-5px;
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #e9ecef;
    border-radius: 0.25rem 0.25rem 0 0;
    position: relative;
    background: #82c1b8;
 }
 .dropdown-menu > ul li {
	padding: 0px;
    }
	.drop-title .drop-visual {
		float: right;
		width: 54px;
		z-index: 10;
		}
	.drop-title .drop-visual .drop-icon {
		bottom: 0px;
		display: block;
		font-size: 48px;
		height: 48px;
		left: auto;
		position: absolute;
		right: 10px;
		text-shadow: none;
		transform: rotate(-30deg);
		opacity:0.3;
	}
	.drop-title .drop-details {
		width: 100%;
		position: relative;
		z-index: 11;
	}
.dropdown-menu a .drop-item-icon {
	font-size:24pt;
	width:32px;
}
.dropdown-menu a .drop-content {
    display: inline-block;
    width: 75%;
    padding-left: 10px;
    vertical-align: middle;
    height: 50px;
}
.dropdown-menu a .drop-content h6, .dropdown-menu a .drop-content .h6 {
    margin-top:0px;
	margin-bottom:0px;
	color:#6c6f70;
	}
.dropdown-menu a .drop-content label, .dropdown-menu a .drop-content .label {
	color:#adb5bd;
	}

	.dropdown-menu a .drop-content h6, .dropdown-menu a .drop-content .h6 {
    margin-top:0px;
    margin-bottom:0px;
    color:#6c6f70;
    letter-spacing: .2em;
 }
 
.span-tag {
	border: 1px solid #d1d1d1;
	padding: 5px;
	border-radius: 5px;
}

.titleGreen{
	color: #86c8bc;
	text-transform:uppercase;
}
/*redesign*/
.trends {
    border: 2px solid #86c8bc;
    padding: 15px 5px;
    background: #ffffff;
    border-radius: 18px;
}
.secondlabel {
    border-left: solid 1px #ccc;
}
/*-------------*/
.trends-num {
font-size: 28px;
font-weight: 700;
text-align: center;
}
.trends-num span {
font-weight: 700;
}
.trends-text {
text-align: center;
font-size: 14px;
}
.trends-circle{
width: 100px;
height: 100px;
border-radius: 100px;
margin: auto;
position: relative;
background: #bdbdbd;
/* border: 3px solid #a4a4a4; */
}
.trends-circle:after, .trends-circle:before {
top: 98%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}



.trends-circle:after {
border-color: rgba(255, 200, 108, 0);
border-top-color: #2eb6c7;
border-width: 15px;
margin-left: -15px;
}
.trends-circle:before {
border-color: rgba(253, 186, 75, 0);
/* border-top-color: #a4a4a4; */
border-width: 19px;
margin-left: -19px;
}



.circle-1 {
background: #2eb6c7;
/* border: 3px solid #11a8bb; */
}



.circle-1:before {
/* border-top-color: #11a8bb; */
}
.circle-1:after {
border-top-color: #2eb6c7;
}
.circle-2 {
background: #5ed488;
/* border: 3px solid #3cc96e; */
}
.circle-2:before {
/* border-top-color: #3cc96e; */
}
.circle-2:after {
border-top-color: #5ed488;
}
.circle-3 {
background: #ffc86c;
/* border: 3px solid #fdba4b; */
}
.circle-3:before {
/* border-top-color: #fdba4b; */
}
.circle-3:after {
border-top-color: #ffc86c;
}
.circle-4 {
background: #e0708b;
/* border: 3px solid #e05073; */
}
.circle-4:before {
/* border-top-color: #e05073; */
}
.circle-4:after {
border-top-color: #e0708b;
}



.trends-circle-icon{
text-align: center;
position: absolute;
margin: 30px 29px;
width: 42px;
height: 42px;
}