body {font-family: 'Source Code Pro', monospace; font-weight:400; background-color: #240046;}


:root {
    --pumpkin: #ff6d00ff;
    --heat-wave: #ff7900ff;
    --dark-orange: #ff8500ff;
    --yellow-orange-color-wheel: #ff9100ff;
    --orange-peel: #ff9e00ff;
    --russian-violet: #240046ff;
    --persian-indigo: #3c096cff;
    --purple: #5a189aff;
    --french-violet: #7b2cbfff;
    --dark-orchid: #9d4eddff;
}
  

b {font-weight:700;}
.small, small {font-size:60%; font-weight:300;}
a {color:#FF6D00;}

#header {background-color: #3C096C; border-bottom: 1px solid #FF6D00; height:64px; display: flex; justify-content: space-between; align-items: center; padding:0 26px;}
.headerBlock {display: flex; justify-content: space-between; align-items: center;}
/* #headerLeft {} */
#headerLeft .hl_title {font-size:14px; color:#FF6D00; }
#headerLeft .hl_cta {margin-right:18px; display:none;}

#rsidebarOverlay {display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 998; opacity: 0; transition: all 0.5s; z-index:198; top: 0;}
#rsidebarOverlay.RSBactive {display: block; opacity: 1; }

#rsidebar {position:fixed; width:700px; right:-700px; top:0; bottom:0; background-color: #fff; z-index:199; transition: right 0.4s; }
#rsidebar.RSBactive {right:0;}


#rsidebar_close {position:absolute; top:10px; right:10px; }
#rsidebar_close button {cursor:pointer; font-size:18px; background-color: #fff; border:1px solid #333333; border-radius: 50%; padding:1px 10px;}

#rsidebar_container {padding:42px 32px;}

.rsbi_tit {font-size:16px; font-weight:300; border-bottom:1px dotted #333;}


#cogButton {background-color:transparent; border:0; font-size:18px; padding:4px; color:#9D4EDD; margin-left:12px;}
#refButton {background-color:transparent; border:0; font-size:18px; padding:4px; color:#FF6D00;}

.parametros_table {font-size:12px;}


.dataOff {display:none; padding:10px; background-color:#fff;}

.bg-dark {background-color: #3C096C!important;}

#loading {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0, 0, 0, 0.8); color:#fff; font-size:64px; z-index:99999; display:flex; align-items: center; justify-content: center; display:none;}


.card-module-row {display:flex; }
.card-module {background-color: #240046ff; display:flex; padding:3px; flex: 0 0 50%; align-items: center; margin-bottom: 10px;}
.cm-icon {color:#fff; background-color: #3C096C; padding:6px; font-size:60px; width: 102px;}
.cm-info {margin:0 auto; padding:0 6px; }
.cm-info span {font-size:60px;}
.cm-info b {font-size:20px; vertical-align: 24px; font-weight: 400;}
.cm-info small {display:block; font-size:10px;}

.card-text-small {font-size:10px;}

@media (max-width: 768px) {

    #rsidebar {width:100%;}

}

@media (max-width: 500px) {

    .cm-icon {font-size:40px; width: 70px;}
    .cm-info span {font-size:40px;}
    .cm-info b {vertical-align: 19px;}

}

@media (max-width: 390px) {
    .card-module-row {flex-direction: column;}
}


#showAlert {display: none;}

/*LOGIN*/

.login-body {
    /* background:#264653; */
}

.form-signin {
    max-width: 330px;
    margin: 30px auto 0;
    background: rgba(255,255,255,.4);
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.form-signin h2.form-signin-heading {
    margin: 0;
    padding:20px 15px;
    text-align: center;
    background: #3C096C;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}

.form-signin .checkbox {
    margin-bottom: 14px;
}
.form-signin .checkbox {
    font-weight: normal;
    color: #f1f1f1;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}

#remember {    margin-left: 0;
    position: static;}

.form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="text"], .form-signin input[type="password"] {
    margin-bottom: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #eaeaea;
    box-shadow: none;
    font-size: 12px;
}

.form-signin .btn-login {
    background: #7B2CBF;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    box-shadow: 0 4px #3C096C;
    margin-bottom: 0px;
}

#registroBtn {
    background: #58D0FC;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    box-shadow: 0 4px #3C096C;
    margin-bottom: 0px;
    margin-top: 20px;
}

.form-signin p {
    text-align: center;
    color: #b6b6b6;
    font-size: 16px;
    font-weight: 300;
}

.form-signin a {
    color: #fff;
}

.form-signin a:hover {
    color: #fff;
}

.login-wrap {
    padding: 20px;
}

.login-social-link  {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 15px;
}

.login-social-link a {
    color: #fff;
    padding: 15px 28px;
    border-radius: 4px;
}

.login-social-link a:hover {
    color: #fff;
}

.login-social-link a i {
    font-size: 20px;
    padding-right: 10px;
}

.login-social-link a.facebook {
    background: #3C096C;
    margin-right: 22px;
    box-shadow: 0 4px #2775e2;
    float:left;
}

.login-social-link a.twitter {
    background: #3C096C;
    box-shadow: 0 4px #2bb4e8;
    float:left;
}