@import url(_cdn/ns_icons/ns_icon.css); /* Icones NS */

/*RESET*/
img{max-width: 100%;}

/*BASE*/
.ns__loadincontent{display: flex; text-align: center; width: 100%; padding: 30px; opacity: .2; height: 100%;}
.ns__loadincontent *{margin: auto}
.ns__noresult{text-align: center; width: 100% !important;}
.ns__noresult .ns-icon{font-size: 3em}


/*FUNCTIONS*/
/*LOAD*/
.ns__base_load{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 200; vertical-align: middle; display: flex;}
.ns__base_load_bar{display: block; width: 100%; text-align: center; vertical-align: middle; margin: auto;}
.ns__base_load_bar p{display: block; margin: 0; font-size: 0.8em; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 0px #555;}

/*Alert*/
.trigger_notify_box{ position: fixed;  top: 0;  right: 0; width: 380px; max-width: 90%;  padding-top: 15px;  padding-right: 15px; z-index: 9999;}
.trigger_notify_timer{position: absolute; left: 0;  bottom: 0;  height: 6%; background: rgba(0,0,0,.3);}

.trigger_notify{position: relative; padding: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; font-size: 0.8em;  overflow: hidden; margin-bottom: 15px;}
.trigger_notify_seticon{display: inline-block; vertical-align: middle; width: 8%; font-size: 2.5em; line-height: 1; color: #fff; opacity: 0.5; text-align: center;}
.trigger_notify_content{display: inline-block; vertical-align: middle; width: 84%; padding: 0 20px;}
.trigger_notify_content_title{font-weight: bold; text-transform: uppercase; margin-bottom: 5px; line-height: 1;}
.trigger_notify_content_desc{font-size: 0.875em; font-weight: 300;}

.trigger_notify_blue {background-color: #008EC0; color: #FFF;}
.trigger_notify_green {background-color: #008068; color: #FFF;}
.trigger_notify_yellow{background: #E7A049; color: #FFF;}
.trigger_notify_red{background: #C54550; color: #FFF;}


.icon-hover {
    color: hsla(0, 0%, 100%, .8);
    font-family: Proxima Nova Soft, sans-serif;
    font-size: 10px;
    padding: 2px;
    position: relative;
    top: 25px;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    cursor: pointer
}

.icon-hover,
.icon-hover:before {
    background-color: var(--empresas);
    font-weight: 400;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.icon-hover:before {
    display: inline-block;
    font-family: Material Icons!important;
    font-size: 24px;
    font-style: normal;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    display: -ms-flexbox;
    display: flex;
    content: "check";
    vertical-align: middle;
    width: 20px;
    height: 20px;
    top: -26px;
    left: calc(50% - 11px);
    right: calc(50% - 11px);
    border-radius: 50%;
    padding: 0;
    font-size: 16px;
    visibility: visible
}

.icon-hover:after,
.icon-hover:before {
    direction: ltr;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    position: absolute
}

.icon-hover:after {
    font-family: Material Icons;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    content: "arrow_drop_up";
    color: var(--empresas);
    top: -13px;
    text-align: center;
    visibility: hidden
}

.icon-hover:hover,
.icon-hover:hover:after {
    visibility: visible
}