.input_wrapper{position:relative}
.plastic_select, input[type=url], input[type=text], input[type=tel], input[type=number], input[type=email], input[type=password], select, textarea {
    font-size: 1.25rem;
    line-height: normal;
    padding: .75rem;
    border: 1px solid #C5C5C5;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    color: #555459;
    width: 100%;
    max-width: 100%;
    font-family: Slack-Lato,appleLogo,sans-serif;
    margin: 0 0 .5rem;
    -webkit-transition: box-shadow 70ms ease-out,border-color 70ms ease-out;
    -moz-transition: box-shadow 70ms ease-out,border-color 70ms ease-out;
    transition: box-shadow 70ms ease-out,border-color 70ms ease-out;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: none;
    height: auto;
}
.no_touch .plastic_select:hover,.no_touch input:hover,.no_touch select:hover,.no_touch textarea:hover{border-color:#2780f8}
.focus,.plastic_select:active,.plastic_select:focus,input[type=url]:active,input[type=url]:focus,input[type=text]:active,input[type=text]:focus,input[type=number]:active,input[type=number]:focus,input[type=email]:active,input[type=email]:focus,input[type=password]:active,input[type=password]:focus,select:active,select:focus,textarea:active,textarea:focus{border-color:#2780f8;box-shadow:0 0 7px rgba(39,128,248,.15);outline-offset:0;outline:0}

.large_bottom_margin {
    margin-bottom: 2rem!important;
}
.split_input{display:table;border-spacing:0}
.split_input_item{display:table-cell;border:1px solid #9e9ea6}
.split_input_item:not(:first-child){border-left:none}
.split_input_item:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}
.split_input_item:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}
.split_input_item.focused{border:1px double #2780f8;box-shadow:0 0 7px rgba(39,128,248,.3)}
.split_input_item input{height:5rem;text-align:center;font-size:2.5rem;border:none;background:0 0;box-shadow:none}
.split_input_item input:active,.split_input_item input:focus,.split_input_item input:hover{box-shadow:none}


.fs_split{position:absolute;overflow:hidden;width:100%;top:0;bottom:0;left:0;right:0;background-color:#e8e8e8;-webkit-transition:background-color .2s ease-out 0s;-moz-transition:background-color .2s ease-out 0s;transition:background-color .2s ease-out 0s}
.fs_split h1{font-size:2.625rem;line-height:3rem;font-weight:300;margin-bottom:2rem}
.fs_split label{margin-bottom:.5rem}
.fs_split .desc{font-size:1.25rem;color:#9e9ea6;margin-bottom:2rem}
.fs_split .email{color:#555459;font-weight:700}
.fs_split .header_error_message{margin:0 11%;padding:1rem 2rem;background:#fff1e1;border:none;border-left:.5rem solid #ffa940;border-radius:.25rem}
.fs_split .header_error_message h3{margin:0}
.fs_split .error_message{display:none;font-weight:700;color:#ffa940}
.fs_split .error input,.fs_split .error textarea{border:1px solid #ffa940;background:#fff1e1}
.fs_split .error input:focus,.fs_split .error textarea:focus{border-color:#fff1e1;box-shadow:0 0 7px rgba(255,185,100,.15)}
.fs_split .error .error_message{display:inline}
.confirmation_code_span_cell{display:table-cell;font-weight:700;font-size:2rem;text-align:center;padding:0 .5rem;width:2rem}
.confirmation_code_state_message{position:absolute;width:100%;opacity:0;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}
.confirmation_code_state_message.error,.confirmation_code_state_message.processing,.confirmation_code_state_message.ratelimited{font-size:1.25rem;font-weight:700;line-height:2rem}
.confirmation_code_state_message.processing{color:#3aa3e3}
.confirmation_code_state_message.error,.confirmation_code_state_message.ratelimited{color:#ffa940}
.confirmation_code_state_message ts-icon:before{font-size:2.5rem}
.confirmation_code_state_message svg.ts_icon_spinner{height:2rem;width:2rem}
.confirmation_code_checker{position:relative;height:12rem;text-align:center}
.confirmation_code_checker[data-state=unchecked] .confirmation_code_state_message.unchecked,.confirmation_code_checker[data-state=error] .confirmation_code_state_message.error,.confirmation_code_checker[data-state=processing] .confirmation_code_state_message.processing,.confirmation_code_checker[data-state=ratelimited] .confirmation_code_state_message.ratelimited{opacity:1}
.large_bottom_margin {
    margin-bottom: 2rem !important;
}




/* MENSAJES  */
.msg {
    background: #fefefe;
    color: #666666;
    font-weight: bold;
    font-size: small;
    padding: 12px;
    padding-left: 16px;
    border-top: solid 3px #CCCCCC;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
       -moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
            box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
}
.msg-clear {
    border-color: #fefefe;
    -webkit-box-shadow: 0 7px 10px -5px rgba(0,0,0,.15);
       -moz-box-shadow: 0 7px 10px -5px rgba(0,0,0,.15);
            box-shadow: 0 7px 10px -5px rgba(0,0,0,.15);
}
.msg-info {
    border-color: #b8dbf2;
}
.msg-success {
    border-color: #cef2b8;
}
.msg-warning {
    border-color: rgba(255,165,0,.5);
}
.msg-danger {
    border-color: #ec8282;
}
.msg-primary {
    border-color: #9ca6f1;
}
.msg-magick {
    border-color: #e0b8f2;
}
.msg-info-text {
    color: #39b3d7;
}
.msg-success-text {
    color: #80d651;
}
.msg-warning-text {
    color: #db9e34;
}
.msg-danger-text {
    color: #c9302c;
}
.msg-primary-text {
    color: rgba(47,106,215,.9);
}
.msg-magick-text {
    color: #bb39d7;
}
/*

 */

.pre_code {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}
.well_code {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid; 
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}

td.highlight {
    background-color: whitesmoke !important;
}
/*


LOADING 

https://loading.io/css/
 */

.actualizandoRefresh {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.actualizandoRefresh:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  box-sizing: border-box;
  border: 26px solid #674eec;
  border-color: #674eec transparent #674eec transparent;
  animation: actualizandoRefresh 1.2s infinite;
}
@keyframes actualizandoRefresh {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}


/*


LOADING 


 */



.blink_me {animation:blinker 2s linear infinite;}
@keyframes blinker {50% { opacity:0; }}


.blink_me_5 {animation:blinker 5s linear infinite;}
@keyframes blinker {10% { opacity:0.80; }}

.bolder {font-weight:700;}

.on_hover:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

.pre_code {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}
.well_code {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid; 
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}


.btn.btn-white:not([disabled]):not(.disabled).active-salmon.active,
.btn.btn-white:not([disabled]):not(.disabled).active-salmon:active {
    background-color: #ff4169;
    border-color: #ff4169;
    color: #fff
}

.btn.btn-white:not([disabled]):not(.disabled).active-salmon.active+.btn,
.btn.btn-white:not([disabled]):not(.disabled).active-salmon:active+.btn {
    border-left: 1px solid red
}

.btn.btn-white:not([disabled]):not(.disabled).active-royal-blue.active,
.btn.btn-white:not([disabled]):not(.disabled).active-royal-blue:active {
    background-color: #674eec;
    border-color: #674eec;
    color: #fff
}

.btn.btn-white:not([disabled]):not(.disabled).active-royal-blue.active+.btn,
.btn.btn-white:not([disabled]):not(.disabled).active-royal-blue:active+.btn {
    border-left: 1px solid red
}

.btn.btn-white:not([disabled]):not(.disabled).active-java.active,
.btn.btn-white:not([disabled]):not(.disabled).active-java:active {
    background-color: #1adba2;
    border-color: #1adba2;
    color: #212529
}

.btn.btn-white:not([disabled]):not(.disabled).active-java.active+.btn,
.btn.btn-white:not([disabled]):not(.disabled).active-java:active+.btn {
    border-left: 1px solid red
}

.btn-red-alert {
    color: #fff;
    border-color: #ff0e41;
    background-color:#FF4136;
    box-shadow: none
}

.btn-salmon {
    color: #fff;
    border-color: #ff4169;
    background-color: #ff4169;
    box-shadow: none
}

.btn-salmon:hover {
    color: #fff;
    background-color: #ff2855;
    border-color: #ff2855;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .05), 0 4px 10px rgba(255, 65, 105, .25)
}

.btn-salmon.focus,
.btn-salmon:focus {
    box-shadow: 0 0 0 3px rgba(255, 65, 105, .15), 0 3px 15px rgba(255, 65, 105, .2), 0 2px 5px rgba(0, 0, 0, .1)
}

.btn-salmon.disabled,
.btn-salmon:disabled {
    background-color: #ff4169;
    border-color: #ff4169;
    box-shadow: none;
    cursor: not-allowed
}

.btn-salmon:not(:disabled):not(.disabled).active,
.btn-salmon:not(:disabled):not(.disabled):active,
.show>.btn-salmon.dropdown-toggle {
    color: #fff;
    background-color: #ff2855;
    border-color: #ff0e41;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)!important
}

.btn-royal-blue {
    color: #fff;
    border-color: #674eec;
    background-color: #674eec;
    box-shadow: none
}

.btn-royal-blue:hover {
    color: #fff;
    background-color: #5337ea;
    border-color: #5337ea;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .05), 0 4px 10px rgba(103, 78, 236, .25)
}

.btn-royal-blue.focus,
.btn-royal-blue:focus {
    box-shadow: 0 0 0 3px rgba(103, 78, 236, .15), 0 3px 15px rgba(103, 78, 236, .2), 0 2px 5px rgba(0, 0, 0, .1)
}

.btn-royal-blue.disabled,
.btn-royal-blue:disabled {
    background-color: #674eec;
    border-color: #674eec;
    box-shadow: none;
    cursor: not-allowed
}

.btn-royal-blue:not(:disabled):not(.disabled).active,
.btn-royal-blue:not(:disabled):not(.disabled):active,
.show>.btn-royal-blue.dropdown-toggle {
    color: #fff;
    background-color: #5337ea;
    border-color: #3f20e7;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)!important
}

.btn-java {
    color: #212529;
    border-color: #1adba2;
    background-color: #1adba2;
    box-shadow: none
}

.btn-java:hover {
    color: #fff;
    background-color: #17c491;
    border-color: #17c491;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .05), 0 4px 10px rgba(26, 219, 162, .25)
}

.btn-java.focus,
.btn-java:focus {
    box-shadow: 0 0 0 3px rgba(26, 219, 162, .15), 0 3px 15px rgba(26, 219, 162, .2), 0 2px 5px rgba(0, 0, 0, .1)
}

.btn-java.disabled,
.btn-java:disabled {
    background-color: #1adba2;
    border-color: #1adba2;
    box-shadow: none;
    cursor: not-allowed
}

.btn-java:not(:disabled):not(.disabled).active,
.btn-java:not(:disabled):not(.disabled):active,
.show>.btn-java.dropdown-toggle {
    color: #fff;
    background-color: #17c491;
    border-color: #15ad80;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)!important
}



btn-outline-salmon {
    background-color: transparent;
    background-image: none;
    border-color: #ff4169;
    color: #ff4169
}

.btn-outline-salmon:hover {
    color: #fff;
    background-color: #ff4169;
    border-color: #ff4169;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .05), 0 4px 10px rgba(255, 65, 105, .25)
}

.btn-outline-salmon.focus,
.btn-outline-salmon:focus {
    box-shadow: 0 0 0 3px rgba(255, 65, 105, .15), 0 3px 15px rgba(255, 65, 105, .2), 0 2px 5px rgba(0, 0, 0, .1)!important
}

.btn-outline-salmon.disabled,
.btn-outline-salmon:disabled {
    color: #ff4169;
    background-color: transparent;
    box-shadow: none
}

.btn-outline-salmon:not(:disabled):not(.disabled).active,
.btn-outline-salmon:not(:disabled):not(.disabled):active,
.show>.btn-outline-salmon.dropdown-toggle {
    color: #fff;
    background-color: #ff4169;
    border-color: #ff4169
}

.btn-outline-salmon:not(:disabled):not(.disabled).active:focus,
.btn-outline-salmon:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-salmon.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)!important
}

.btn-outline-royal-blue {
    background-color: transparent;
    background-image: none;
    border-color: #674eec;
    color: #674eec
}

.btn-outline-royal-blue:hover {
    color: #fff;
    background-color: #674eec;
    border-color: #674eec;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .05), 0 4px 10px rgba(103, 78, 236, .25)
}

.btn-outline-royal-blue.focus,
.btn-outline-royal-blue:focus {
    box-shadow: 0 0 0 3px rgba(103, 78, 236, .15), 0 3px 15px rgba(103, 78, 236, .2), 0 2px 5px rgba(0, 0, 0, .1)!important
}

.btn-outline-royal-blue.disabled,
.btn-outline-royal-blue:disabled {
    color: #674eec;
    background-color: transparent;
    box-shadow: none
}

.btn-outline-royal-blue:not(:disabled):not(.disabled).active,
.btn-outline-royal-blue:not(:disabled):not(.disabled):active,
.show>.btn-outline-royal-blue.dropdown-toggle {
    color: #fff;
    background-color: #674eec;
    border-color: #674eec
}

.btn-outline-royal-blue:not(:disabled):not(.disabled).active:focus,
.btn-outline-royal-blue:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-royal-blue.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)!important
}

.btn-outline-java {
    background-color: transparent;
    background-image: none;
    border-color: #1adba2;
    color: #1adba2
}

.btn-outline-java:hover {
    color: #212529;
    background-color: #1adba2;
    border-color: #1adba2;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .05), 0 4px 10px rgba(26, 219, 162, .25)
}

.btn-outline-java.focus,
.btn-outline-java:focus {
    box-shadow: 0 0 0 3px rgba(26, 219, 162, .15), 0 3px 15px rgba(26, 219, 162, .2), 0 2px 5px rgba(0, 0, 0, .1)!important
}

.btn-outline-java.disabled,
.btn-outline-java:disabled {
    color: #1adba2;
    background-color: transparent;
    box-shadow: none
}

.btn-outline-java:not(:disabled):not(.disabled).active,
.btn-outline-java:not(:disabled):not(.disabled):active,
.show>.btn-outline-java.dropdown-toggle {
    color: #212529;
    background-color: #1adba2;
    border-color: #1adba2
}

.btn-outline-java:not(:disabled):not(.disabled).active:focus,
.btn-outline-java:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-java.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)!important
}



.badge-salmon {
    color: #fff;
    background-color: #ff4169
}

.badge-salmon[href]:focus,
.badge-salmon[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ff0e41
}

.badge-outline-salmon {
    background: 0 0;
    border: 1px solid #ff4169;
    color: #ff4169
}

.badge-royal-blue {
    color: #fff;
    background-color: #674eec
}

.badge-royal-blue[href]:focus,
.badge-royal-blue[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #3f20e7
}

.badge-outline-royal-blue {
    background: 0 0;
    border: 1px solid #674eec;
    color: #674eec
}

.badge-java {
    color: #212529;
    background-color: #1adba2
}

.badge-java[href]:focus,
.badge-java[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #15ad80
}

.badge-outline-java {
    background: 0 0;
    border: 1px solid #1adba2;
    color: #1adba2
}

.alert-salmon {
    color: #fff;
    background-color: #ff4169
}

.alert-salmon .alert-link {
    color: #fff
}

.alert-royal-blue {
    color: #fff;
    background-color: #674eec
}

.alert-royal-blue .alert-link {
    color: #fff
}

.alert-java {
    color: #edfdf8;
    background-color: #1adba2
}

.alert-java .alert-link {
    color: #edfdf8
}


.bg-salmon {
    background-color: #ff4169!important
}

.bg-salmon.card .card-body,
.bg-salmon.card .card-footer,
.bg-salmon.card .card-header,
.bg-salmon.card .card-title {
    background-color: #ff0e41!important
}

.bg-salmon.card .card-footer,
.bg-salmon.card .card-header {
    background: #ff325d
}

a.bg-salmon:focus,
a.bg-salmon:hover {
    background-color: #ff0e41!important
}

.bg-royal-blue {
    background-color: #674eec!important
}

.bg-royal-blue.card .card-body,
.bg-royal-blue.card .card-footer,
.bg-royal-blue.card .card-header,
.bg-royal-blue.card .card-title {
    background-color: #3f20e7!important
}

.bg-royal-blue.card .card-footer,
.bg-royal-blue.card .card-header {
    background: #5b40eb
}

a.bg-royal-blue:focus,
a.bg-royal-blue:hover {
    background-color: #3f20e7!important
}

.bg-java {
    background-color: #1adba2!important
}

.bg-java.card .card-body,
.bg-java.card .card-footer,
.bg-java.card .card-header,
.bg-java.card .card-title {
    background-color: #15ad80!important
}

.bg-java.card .card-footer,
.bg-java.card .card-header {
    background: #18cd98
}

a.bg-java:focus,
a.bg-java:hover {
    background-color: #15ad80!important
}

.text-salmon {
    color: #ff4169!important
}

a.text-salmon:focus,
a.text-salmon:hover {
    color: #ff0e41!important
}

.text-royal-blue {
    color: #674eec!important
}

a.text-royal-blue:focus,
a.text-royal-blue:hover {
    color: #3f20e7!important
}

.text-java {
    color: #1adba2!important
}

a.text-java:focus,
a.text-java:hover {
    color: #15ad80!important
}


.border-salmon {
    border-color: #ff4169!important
}

.border-royal-blue {
    border-color: #674eec!important
}

.border-java {
    border-color: #1adba2!important
}



/*




 */


/* BACKGROUND COLORS */
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, bg-gray, bg-black, .bg-red a, .bg-yellow a, .bg-aqua a, .bg-blue a, .bg-light-blue a, .bg-green a, .bg-navy a, .bg-teal a, .bg-olive a, .bg-lime a, .bg-orange a, .bg-fuchsia a, .bg-purple a, .bg-maroon a, bg-gray a, .bg-black a {
    color: #f9f9f9 !important;
}
.bg-white, .bg-white a {
  color: #999999 !important;
}
.bg-red {
  background-color: #f56954 !important;
}
.bg-yellow {
  background-color: #f39c12 !important;
}
.bg-aqua {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue {
  background-color: #3c8dbc !important;
}
.bg-green {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}

.bg-light-row {
   background: rgb(224,255,224);
  /*background-color: #ec7f37 !important;*/
}
.bg-light-row2 {
   /*background: rgb(224,255,224);*/
    background: rgb(255,224,224);
}.bg-light-log {
   /*background: rgb(224,255,224);*/
    /*background-color: #62c2e4;*/
    background: #BFFDFF;
}
.bg-light-warning {
   /*background: rgb(224,255,224);*/
    /*background-color: #62c2e4;*/
    background: #ffb749;
}


.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #932ab6 !important;
}
.bg-maroon {
  background-color: #85144b !important;
}
.bg-gray {
  background-color: #eaeaec !important;
}
.bg-black {
  background-color: #222222 !important;
}       
 /*
 
  */

.card-header .block-handle {
    position: absolute;
     background-position: center center;
    background-size: 95%;
    width: 1.125rem;
    height: .5rem;
    top: 50%;
    right: .9375rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .15
}

.card-header .block-handle:hover {
    cursor: -webkit-grab
}


.header-navbar i {
    font-size: .875rem;
    margin-right: .125rem
}

.header-navbar .nav-item.dropdown .nav-link {
    padding-right: 1.25rem
}

.header-navbar .nav-item.dropdown .nav-link:after {
    content: '';
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTcuNDEgNy44NEwxMiAxMi40Mmw0LjU5LTQuNThMMTggOS4yNWwtNiA2LTYtNnoiLz4gICAgPHBhdGggZD0iTTAtLjc1aDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
    background-position: center center;
    width: .875rem;
    height: .5625rem;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    border: none;
    position: absolute;
    top: 45%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .2;
    will-change: transform;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.header-navbar .nav-link {
    color: #3d5170;
    border: none;
    padding: 1.125rem 0;
    margin-right: 1.25rem;
    line-height: 1;
    border-radius: 0;
    font-size: .8125rem;
    background: 0 0;
    border-bottom: 1px solid transparent
}

.header-navbar .nav-link i {
    color: #cacedb;
    transition: color .2s ease
}

.header-navbar .nav-item.dropdown.show .nav-link,
.header-navbar .nav-link.active,
.header-navbar .nav-link:hover {
    border-bottom: 1px solid #007bff;
    color: #007bff;
    cursor: pointer
}

.header-navbar .nav-item.dropdown.show .nav-link i,
.header-navbar .nav-link.active i,
.header-navbar .nav-link:hover i {
    color: #007bff
}

.country-stats .table td {
    padding: .5rem 1rem;
    font-size: .75rem
}

.country-stats .table tbody tr td {
    font-weight: 400
}

.country-stats .table tbody tr td:nth-child(1),
.country-stats .table tbody tr td:nth-child(2) {
    color: #3d5170
}

.country-stats .table tbody tr td:nth-child(3) {
    color: #818ea3
}

.country-stats .country-flag {
    max-width: 1.25rem
}










/* BY MKE  */


.header-navbar-menu i {
    font-size: .875rem;
    margin-right: .125rem
}

.header-navbar-menu .nav-item.dropdown .nav-link {
    padding-right: 1.25rem
}

.header-navbar-menu .nav-item.dropdown .nav-link:after {
    content: '';
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTcuNDEgNy44NEwxMiAxMi40Mmw0LjU5LTQuNThMMTggOS4yNWwtNiA2LTYtNnoiLz4gICAgPHBhdGggZD0iTTAtLjc1aDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
    background-position: center center;
    width: .875rem;
    height: .5625rem;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    border: none;
    position: absolute;
    top: 45%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .2;
    will-change: transform;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.header-navbar-menu .nav-link {
    color: #3d5170;
    border: none;
    padding: 1.125rem 0;
    margin-right: 1.25rem;
    line-height: 1;
    border-radius: 0;
    font-size: .8125rem;
    background: 0 0;
    border-bottom: 1px solid transparent
}

.header-navbar-menu .nav-link i {
    color: #cacedb;
    transition: color .2s ease
}

.header-navbar-menu .nav-item.dropdown.show .nav-link,
.header-navbar-menu .nav-link.active,
.header-navbar-menu .nav-link:hover {
    border-bottom: 1px solid #007bff;
    color: #007bff;
    cursor: pointer
}

.header-navbar-menu .nav-item.dropdown.show .nav-link i,
.header-navbar-menu .nav-link.active i,
.header-navbar-menu .nav-link:hover i {
    color: #007bff
}
/* BY MKE  */


.user-details .card-header {
    overflow: hidden
}

.user-details .card-body {
    
    z-index: 1
}

.user-details .card-body h4 {
    font-weight: 500
}

.user-details__bg {
    width: 100%;
    position: relative;
    max-height: 7.1875rem
}

.user-details__bg img {
    width: 100%
}

.user-details__bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(90, 97, 105, .3)
}

.user-details__avatar {
    border-radius: 50%;
    overflow: hidden;
    max-width: 6.25rem;
    box-shadow: 0 2px 0 rgba(90, 97, 105, .11), 0 4px 8px rgba(90, 97, 105, .12), 0 10px 10px rgba(90, 97, 105, .06), 0 7px 70px rgba(90, 97, 105, .1)
}

.user-details__avatar img {
    width: 100%
}

.user-details__social {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.user-details__social li {
    display: inline-block
}

.user-details__social a {
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    width: 1.875rem;
    height: 1.875rem;
    line-height: 1.875rem;
    background: #e9ecef;
    color: #818ea3
}

.user-details__user-data .col span {
    display: block
}

.user-details__user-data .col span:first-child {
    font-weight: 400;
    color: #3d5170
}

.user-details__user-data .col span:last-child {
    color: #818ea3
}

.user-details__tags .badge {
    font-weight: 300
}

.user-stats h4 {
    font-weight: 600
}

.user-stats span {
    font-size: .6875rem
}

.user-teams__image {
    max-width: 3.125rem
}

.user-teams__image img {
    width: 100%;
    max-width: 3.125rem
}

.user-teams__info span:first-child {
    font-weight: 400
}

.user-teams__info span:last-child {
    font-size: 80%
}

.user-teams .card-body {
    position: relative;
    overflow-y: auto;
    min-height: 14.0625rem
}

.user-teams .container-fluid {
    position: absolute;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.user-teams .container-fluid .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px solid #e1e5eb;
    min-height: 4.6875rem
}

.user-teams .container-fluid .row:last-of-type {
    border-bottom: 0
}

.user-teams .container-fluid .row>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
}

.user-activity__item {
    display: -ms-flexbox;
    display: flex;
    margin-left: 1.875rem;
    border-left: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    font-weight: 400
}

.user-activity__item:last-child {
    border-bottom: 0
}

.user-activity__item::after {
    display: block;
    clear: both;
    content: ""
}

.user-activity__item__icon {
    text-align: center;
    border-radius: 50%;
    float: left;
    width: 1.875rem;
    height: 1.875rem;
    min-width: 1.875rem;
    background: #f5f6f8;
    margin-left: -.9375rem;
    margin-right: .9375rem;
    box-shadow: 0 0 0 2px #fff, inset 0 0 3px rgba(0, 0, 0, .2)
}

.user-activity__item__icon i {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #aeb9c4
}

.user-activity__item__content {
    float: left
}

.user-activity__item__content p {
    margin: 0
}

.user-activity__item__content a {
    font-weight: 400
}

.user-activity__item__content span {
    font-size: 80%
}

.user-activity__item__action {
    float: right
}

.user-activity__item__task-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.user-activity__item__task-list .custom-control {
    line-height: 1.5rem
}

.edit-user-details .card-header {
    overflow: hidden
}

.edit-user-details .card-body {
    z-index: 1
}

.edit-user-details__bg {
    width: 100%;
    position: relative;
    max-height: 7.1875rem
}

.edit-user-details__bg img {
    width: 100%
}

.edit-user-details__bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(90, 97, 105, .5);
    will-change: background-color;
    transition: background-color 250ms ease-in-out
}

.edit-user-details__bg .edit-user-details__change-background {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, .06);
    border: 1px dashed rgba(233, 236, 239, .3);
    padding: .4375rem .9375rem;
    color: #fff;
    border-radius: .375rem;
    box-shadow: .375rem;
    font-size: .75rem;
    will-change: opacity;
    transition: opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: opacity 250ms ease-in-out, transform 250ms ease-in-out;
    transition: opacity 250ms ease-in-out, transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out
}

.edit-user-details__bg .edit-user-details__change-background:hover {
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05)
}

.edit-user-details__bg .edit-user-details__change-background i {
    font-size: .9375rem;
    top: .125rem
}

.edit-user-details__avatar {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    max-width: 7.5rem;
    box-shadow: 0 2px 0 rgba(90, 97, 105, .11), 0 4px 8px rgba(90, 97, 105, .12), 0 10px 10px rgba(90, 97, 105, .06), 0 7px 70px rgba(90, 97, 105, .1)
}

.edit-user-details__avatar img {
    width: 100%
}

.edit-user-details__avatar__change {
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    border-radius: 50%;
    font-size: 1.875rem;
    background: rgba(255, 255, 255, .95);
    transition: all 250ms cubic-bezier(.27, .01, .38, 1.06)
}

.edit-user-details__avatar__change i {
    color: #9ea8b9;
    line-height: 7.5rem
}

.edit-user-details__avatar:hover .edit-user-details__avatar__change {
    opacity: 1;
    cursor: pointer
}

.auth-form {
    min-width: 19.375rem;
    max-width: 350px
}

.auth-form .card-body {
    overflow: hidden;
    box-shadow: inset 0 4px 0 0 #007bff;
    border-radius: .625rem
}

.auth-form__logo {
    max-width: 2.5rem
}

.auth-form__title {
    font-size: 1.125rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

.auth-form__social-icons {
    margin: 0;
    padding: 0
}

.auth-form__social-icons li {
    list-style: none;
    display: inline-block
}

.auth-form__social-icons li a {
    padding: 0 .75rem;
    font-size: 1.25rem;
    color: #cacedb;
    transition: color 250ms cubic-bezier(.27, .01, .38, 1.06)
}

.auth-form__social-icons li a:hover {
    color: #007bff
}

.auth-form__meta a {
    font-weight: 400;
    color: #818ea3
}

.auth-form__meta a:hover {
    color: #3d5170
}



/*

lo stats

 */


.lo-stats {
    /*font-size: .8125rem*/
}

.lo-stats .container-fluid {
    /*overflow-x: auto*/
}

.lo-stats table {
   /*# min-width: 600px*/
}

.lo-stats thead th {
    font-size: .75rem;
    font-weight: 400;
    border-width: 1px;
    border-top: none;
    padding: .5rem .75rem
}

.lo-stats td {
    vertical-align: middle
}

.lo-stats__image {
    width: 70px
}

.lo-stats__image img {
    width: 3.125rem;
    height: 3.125rem
}

.lo-stats__items,
.lo-stats__total {
    font-weight: 400
}

.lo-stats__order-details span {
    display: block
}

.lo-stats__order-details span:first-child {
    font-weight: 500;
    font-size: 1rem
}

.lo-stats__order-details span:last-child {
    font-size: .625rem;
    color: #818ea3
}

.lo-stats .card-body {
    position: relative;
    overflow-x: auto;
    min-height: 21rem
}

.lo-stats .container-fluid {
/*    position: absolute;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 41rem*/
}

.lo-stats .container-fluid .row:not(.lo-stats__header) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px solid #e1e5eb;
    min-height: 3.75rem
}

.lo-stats .container-fluid .row:not(.lo-stats__header):last-of-type {
    border-bottom: 0
}

.lo-stats .container-fluid .row:not(.lo-stats__header)>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}