/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2/jan/2017, 9:48:26
    Author     : pedro
*/

.mainColorBg{background-color: #00987C;}
.darkGreenBg{background-color: #35786E;}
.blueBg{background-color: #1388C9;}

.mainColorGradientBg{background-image: linear-gradient(to right, #35786E, #00987C);}
.blueGradientBg{background-image: linear-gradient(to right, #1388C9, #1C6293);}
.orangeGradientBg{background-image: linear-gradient(to right, #E2803A, #CA7233);}
.yellowGradientBg{background-image: linear-gradient(to right, #D9CE46, #C2B83E);}

html,body {
    height:100%;
}

.grid{            
    width: 100%;
    height: calc(100vh - 50px);
    display: table;
    table-layout: fixed;    
    overflow: hidden;
}

.slick-dots {
    bottom: 3px !important;
}


.grid-1-2{    
    position: relative;
    width:  50%;
    height: 100%;    
    display: table-cell;                    
}

.grid-1-2:nth-child(2n){
    padding-left: 0px;
}

.grid-1-3{
    position: absolute;
    width: 30%;
    height: auto;
    display: table-cell;
    margin-right: 3.3%;
    top:0px;
    transform: translateY(20px);
}

.grid-1-3:nth-child(2n){
    padding-left: 0px;
}

.grid-2-3{
    position: relative;
    width: 66.6%;
    height: auto;
    display: table-cell;
}

.scroll{
    position: relative;
    height: calc(100vh - 70px);
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.content_holder{        
    background-color: #FFFFFF;    
}

.lst_holder_scroll{
    width: 4000px;
}

/*MAIN CONTENT*/

.shadow{
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3); 
}

.mainContentHolder{
    position: relative;          
    margin: 0px;
    top: 50px;    
    z-index: 98;         
    /*background-color: #EFEFEF; */           
}

.table_build {    
    display: table;
    table-layout: fixed;
    width: 100%;    
}

.table_head{
    position: relative;       
    width: 100%;
    /*background-color: #353535;*/
    background-color: #00987C;
    display: table-row-group;    
    color: #ffffff;
    text-align: left
}
.table_cell_img{
    width: 5px;
    background-image: url('../../images/icons/00987C/triang.png');
    background-repeat: repeat-y;
}

.upperCaps{
    text-transform: uppercase;
}

.table_head_darker{
    background-color: #007A63;
}

.table_body{
    position: relative;       
    width: 100%;    
    background-color: #ffffff;
    display: table-row-group;
}

.table_row{
    position: relative;
    display: table-row;         
}

.width_10{width: 10%;}
.width_20{width: 20%;}
.width_30{width: 30%;}
.width_40{width: 40%;}
.width_50{width: 50%;}
.width_60{width: 60%;}
.width_70{width: 70%;}
.width_80{width: 80%;}
.width_90{width: 90%;}
.width_100{width: 100%;}


.table_row2{
    position: relative;
    display: table-row; 
}

.disabled{
    background-color: #f7f7f7 !important;
    cursor: default !important;
}

.table_body .table_row:nth-child(even){
    background-color: #fdfdfd;    
}

.table_body .table_row:hover{
    background-color: #f1f1f1;
    cursor: pointer;
}

.table_cell{
    position: relative;
    display: table-cell;          
    text-indent: 10px;     
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;    
}

.table_vert{
    position: absolute;
    height: auto;    
    width: 100%;
    top:0;
}

.table_vert_cell{
    position: relative;
    /*height: 50%*/
    height: 30px;
}
.table_vert_cell_3{
    position:relative;
    height:15px;
    line-height: 15px;
}
.table_vert_cell_30{
    position: relative;
    /*height: 50%*/
    height: 30px;
}


.table_vert_cell div{
    position: relative;
    height: auto;            
}

.table_vert_cell_1_3{
    position: relative;
    /*height: 33.3%;*/
    line-height: 100%;
    height: 30px;
}

.pub{
    position: relative;
    width: 100%;
    height: 450px;    
}

.ttlpb{
    position:absolute;
    top:10px;
}

.pub:nth-child(2n-1){
    margin-bottom: 20px;
}

.grid-action-btn{
    position: relative;
    float:right;
    width: 220px;
    background-color: #00987C;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    border: 0px solid #fff;
    height: 40px;
    line-height: 40px;
}

.grid-action-btn:hover{
    background-color: #00987C;
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 6px rgba(0,0,0,0.4);    
}

.grid-action-btn:active{
    background-color: #007A63;
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);
    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);    
}

.middle_bottom{
    top: -70%;
}

.middle_top{
    top: -30%;    
}

.table_cell_5{width:5%;}
.table_cell_8{width:8%;}
.table_cell_10{width:10%;}
.table_cell_15{width:15%;}
.table_cell_20{width:20%;}
.table_cell_25{width:25%;}
.table_cell_30{width:30%;}
.table_cell_35{width:35%;}
.table_cell_50{width:50%;}
.table_cell_55{width:55%;}
.table_cell_60{width:60%;}
.table_cell_64{width:64%;}
.table_cell_70{width:70%;}
.table_cell_75{width:75%;}
.table_cell_80{width:80%;}
.table_cell_85{width:85%;}
.table_cell_90{width:90%;}
.table_cell_95{width:95%;}
.table_cell_100{width:100%;}

.height_20{height: 20px;line-height: 20px;}
.height_25{height: 25px;line-height: 25px;}
.height_30{height: 30px;line-height: 30px;}
.height_40{height: 40px;line-height: 40px;}
.height_50{height: 50px;line-height: 50px;}
.height_60{height: 60px;line-height: 60px;}
.height_80{height: 80px;line-height: 80px;}
.height_100{height: 100px;line-height: 100px;}

.font_dark{color:#6D6E70;}
.font_light{color:#ffffff;}

.icon16{background-repeat: no-repeat;background-size: 16px 16px;}
.icon18{background-repeat: no-repeat;background-size: 18px 18px;}
.icon24{background-repeat: no-repeat;background-size: 24px 24px;}
.icon32{background-repeat: no-repeat;background-size: 32px 32px;}
.icon64{background-repeat: no-repeat;background-size: 64px 64px;}
.icon_dark_phone{background-image: url('../../images/icons/others/cell_icon_grey.png');}
.icon_dark_email{background-image: url('../../images/icons/others/mail_icon_grey.png');}
.icon_dark_person{background-image: url('../../images/icons/6D6E70/person.svg');}
.icon_dark_sms{background-image: url('../../images/icons/6D6E70/sms.svg');}
.icon_dark_arrow_right{background-image: url('../../images/icons/6D6E70/arrow_right.svg');}
.icon_light_phone{background-image: url('../../images/icons/others/ic_menu_white_phone.png');}
.icon_light_email{background-image: url('../../images/icons/others/ic_menu_white_envelop.png');}
.icon_light_person{background-image: url('../../images/icons/others/ic_menu_white_user.png');}
.icon_light_sms{background-image: url('../../images/icons/others/sms_icon.png');}
.icon_red_cart{background-image: url('../../images/icons/BE1E2D/cart.svg');}
.icon_green_cart{background-image: url('../../images/icons/00987C/cart.svg');}

.break_line_bottom{border-bottom:1px solid #f1f1f1;}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */                     
}   

.cursordefault{cursor: default;}
.cursorpointer{cursor: pointer;}

.graphHolder{
    position: absolute;
    width: auto;
    height: 100%;    
    vertical-align: middle;   
    float: right;
    right: 10px;
}

.smallbaseGraph{
    position: relative;
}

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

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

.baseGraph2 div{
    display: none;
}

.baseGraph .rlz_holder{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: 'Roboto', sans-serif;
    font-size: 18px;     
    font-weight: 400;    
    color: #00987C;
    -webkit-font-smoothing: antialiased;    
    line-height: 25px;
}

.baseGraph .rlz{
    color: #008BBF
}

.baseGraph .perc{
    text-align: center;
    color: #6D6E70;
    font-size: 12px;
}

.baseGraph .obj_holder{
    position: absolute;
    width: auto;    
    left: -80px;
    bottom: -40px;
}

.baseGraph .obj_txt{
    font-family: 'Roboto', sans-serif;
    font-size: 10px;     
    font-weight: 200;    
}

.baseGraph .obj{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;     
    font-weight: 400;    
    color: #00987C;
}

.baseGraph .prm_holder{
    position: absolute;
    right:0px;
    display: none;
    right: -80px;
    bottom: -40px;
}

.baseGraph .prm_txt{
    font-family: 'Roboto', sans-serif;
    font-size: 10px;     
    font-weight: 200;    
}

.baseGraph .prm{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;     
    font-weight: 400;    
    color: #008BBF;
}

.prm_badge_50{
    position: absolute;
    top:-50px;
    left:175px;
    border: 3px solid #be1e2d;
    width:50px;
    height:50px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    display: none;
}

.prm_badge_50 div{
    position: relative;
    width:100%;
    top: 14px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;     
    font-weight: 400;    
    color: #be1e2d;
}

.graphNmb{
    position: absolute;
    width: 100%;
    height: 100%;    
}

.graphNmb div{
    position: relative;
    width: 100%;
    text-align: center;
    top:50%;
    transform: translateY(-50%);    
    text-indent: 0px;
}

.title{
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;       
    font-family: 'Roboto', sans-serif;
    font-size: 16px;     
}

.graphics{
    position: relative;
    width: 100%;
    height: 400px;        
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    overflow: hidden;
    outline: 0;
}

.graph_month_holder{
    position: relative;
    width: 100%;    
    cursor:pointer;
    outline: 0;
}

.month_holder{
    position: absolute;
    width: auto;
    height: 30px;
    left: 20px;
    top: 20px;
}

.month_holder div{
    text-align: right;
    font-family: 'Roboto', sans-serif;
    line-height: 15px;
    font-size: 12px;    
    height: auto;
}

.lastUpdate_holder{
    position: absolute;
    width: auto;    
    height: 30px;
    right: 20px;
    top: 20px;
}

.lastUpdate_holder div{
    text-align: right;
    font-family: 'Roboto', sans-serif;    
    line-height: 15px;
    font-size: 12px;    
}

.wareHouse_holder{
    position: absolute;
    width: auto;
    height: 30px;
    left: 20px;
    bottom: 20px;
}

.wareHouse_holder div{
    text-align: left;
    font-family: 'Roboto', sans-serif;
    height: auto;
    line-height: 15px;
    font-size: 12px;    
}

.left_arrow{
    position: absolute;
    width: 24px;
    height: 24px;
    left:20px;    
    top: 50%;
    transform: translateY(-50%);

    background-image: url('../../images/icons/6D6E70/arrow_left.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
}

.right_arrow{
    position: absolute; 
    width: 24px;
    height: 24px;
    right:20px;
    top: 50%;
    transform: translateY(-50%);

    background-image: url('../../images/icons/6D6E70/arrow_right.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
}

.hidden{display: none;}

.slick-slider, .slick-list, .slick-track {
    height: 400px;
}

.phr_info{
    position: relative;
    width: 50%;
    height: 200px;     
    float: left;
}

.padding10{padding: 10px;}
.padding20{padding: 20px;}
.padding30{padding: 30px;}

.paddingHorizontal10{padding-left: 10px;padding-right: 10px;}
.paddingHorizontal20{padding-left: 20px;padding-right: 20px;}
.paddingHorizontal30{padding-left: 30px;padding-right: 30px;}

.paddingVertical10{padding-top: 10px;padding-bottom: 10px;}
.paddingVertical20{padding-top: 20px;padding-bottom: 20px;}
.paddingVertical30{padding-top: 30px;padding-bottom: 30px;}

.baseInfo{
    position: relative;
    width: 100%; 
    font-size: 12px;
}

.baseInfo .left{position: absolute;left:0px;line-height:15px;}
.baseInfo .right{position: absolute;right:0px;line-height:15px;}

.dlg_info{
    position: relative;
    width: 100%;
    height: 200px;
    background-color: #00987C;
    color: #FFFFFF;
}

.graph_month_holder .graph{
    position: relative;
    width: 70%;
    height: 70%;    
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}

.graph_month_holder .graph canvas{
    margin: 0 auto;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          not supported by any browser */
}


.text_title{
    position: relative;
    height: 40px;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;  
    font-weight: 500;
    font-size: 22px;
}

.text_title_small{
    position: relative;
    height: 15px;
    line-height: 15px;
    font-family: 'Roboto', sans-serif;  
    font-weight: 200;
    font-size: 12px;
}

.text{
    position: relative;
    height: 22px;
    line-height: 22px;
    font-family: 'Roboto', sans-serif;  
    font-weight: 400;
    font-size: 14px;
}

.text_icon{
    position: relative;
    height: 20px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;  
    font-weight: 400;
    font-size: 12px;
    text-indent: 24px;
}

.title_center{text-align: center;}

.checkboxWrapper{
    position: absolute;
    width: 24px;
    height: 24px;    
    top: 28px;    
    left: 40px;
}

.class_checkbox {    
    cursor: pointer;
    width: 24px;  
    height: 24px;
    background: url('../../images/icons/00987C/checkbox_outline.svg') center center  no-repeat ;    
}
.class_checkbox.checked {
    cursor: pointer;
    background: url('../../images/icons/00987C/checkbox.svg') center center no-repeat ;
}

.class_checkbox_cmp.checkedError{
    background: url('../../images/icons/00987C/checkbox_error.svg') center center no-repeat !important;
}

.class_checkbox_cmp.checkedErrorOutline{
    background: url('../../images/icons/00987C/checkbox_error_outline.svg') center center  no-repeat !important ; 
}

.class_checkbox_cmp {    
    cursor: pointer;
    width: 24px;  
    height: 24px;
    background: url('../../images/icons/00987C/checkbox_outline.svg') center center  no-repeat ;    
}
.class_checkbox_cmp.checked {
    cursor: pointer;
    background: url('../../images/icons/00987C/checkbox.svg') center center no-repeat ;
}

.center_image{
    position: relative;    
    width: 100%;
    height: 100%;
    background-origin: center center;
    background-position: center center;    
}

.right{right: 20px;float:right;}

.icon_cmp_dtl{
    position: absolute;
    width: 100%;    
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;    
}

.pub_btn{
    position: relative;
    width: 60%;
    max-width: 150px;
    min-width: 70px;
    height: 35px;    
    line-height: 35px;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 2px rgba(0,0,0,0.4);    
    margin: 0 auto;
    cursor: pointer;
}

.pub_slider_holder{
    margin-bottom: 0px !important;
}
.pub_btn:hover{
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);  
}

.pub_img{
    position: relative;
    width:100%;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.pub_typ_cont{

}

.transparent-circle {    
    font-size: 2px;
    background-color: #000;  
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    list-style-type: circle;  
}

li.slick-active {
    background-color:#FFF;
}

.timer{background-image: url('../../images/icons/FFFFFF/timer.svg');}
.check{background-image: url('../../images/icons/FFFFFF/check.svg');}
.error{background-image: url('../../images/icons/FFFFFF/error.svg');}

#searchIntro{
    position:relative;
    height: auto;
    width: 100%;
    align-content: center;
}

.searchText{
    font-family: 'Roboto', sans-serif;
    text-align:center;
    color: #808285;
    font-size: 12px;
}

#dialogCmpBuyTable{
    position:relative;
    height:auto;
}
.buy_table{
    position:relative;
    width: 100%;
    height: 30px;
}
.buy_fn{
    position:relative;
    height:100%;
    font-family: 'Roboto', sans-serif;
    width: 68%;
    font-size: 14px;
    color: #808285;
    font-weight:400;
    line-height: 30px;
    float:left;
    padding-left: 4px;
}
.buy_pvf{
    position:relative;
    width:30%;
    font-family: 'Roboto', sans-serif;
    text-align: right;
    font-size: 12px;
    color: #ffffff;
    float:left;
    height: 100%;
    line-height: 30px;
}
.pvf_t{
    position:relative;
    width:100%;
    font-family: 'Roboto', sans-serif;
    text-align: right;
    padding-right: 4px;
    font-size: 14px;
    background-color: #00987C;
    color: #FFFFFF;
    height: 30px;
    line-height: 30px;
}
.rnt_t{
    position:relative;
    width:100%;
    font-family: 'Roboto', sans-serif;
    text-align: right;
    padding-right: 4px;
    font-size: 14px;
    background-color: #007A63;
    color: #FFFFFF;
    height: 30px;
    line-height: 30px;
}
.buy_title{
    position:relative;
    height:30px;
    width:100%;
    background-color: #00987C;   
}
.buy_tf{
    position:relative;
    height:100%;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    width: 68%;
    float:left;
    color: #FFFFFF;
    padding-left: 4px;
}
.buy_pvfv{
    position:relative;
    width:30%;
    font-family: 'Roboto', sans-serif;
    text-align: right;
    font-size: 12px;
    color: #808285;
    float:left;
    height: 100%;
    line-height: 30px;
}
.slick-prev {
    left: 10px !important;
    background-image: url('../../images/icons/6D6E70/arrow_left.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 24px 24px !important;
    z-index: 1001 !important;

}
.slick-next {
    right: 10px !important;
    background-image: url('../../images/icons/6D6E70/arrow_right.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 24px 24px !important;
    z-index: 1001 !important;

}
.slick-next:before {
    content: '' !important;
}
.divsizeT{
    height: 22px !important;
    line-height: 22px;
    padding-top:10px;
}
.divsizeS{
    height: 19px !important;
    line-height: 19px;
}
.divsizeN{
    height:30px !important;
    line-height: 30px;
    padding-top: 10px;
}
.divsizeNB{
    height: 30px !important;
    line-height: 30px;
}
.divWithoutSellout{
    line-height: 80px;
}
.divWithSellout{
    line-height: 30px;
    padding-top: 10px;
}

.sellout_tree_txt{
    position:relative;
    line-height: 30px;
    color: #808285;
    font-size: 12px;
    float:left;
    height: 30px !important;
}

.sellout_tree_img{
    position:relative !important;
    width: 15px;
    height: 30px !important;
    background-image: url('../../images/icons/others/warning2.svg');
    background-position: center center;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    float:left;
    margin-left: 10px;
}
.sellout_phrlist_img{
    position:relative !important;
    width: 15px;
    background-image: url('../../images/icons/others/warning2.svg');
    background-position: center center;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    float:left;
    margin-left: 10px;
    height: 19px !important;
}
.sellout_phrlist_txt{
    position:relative;
    color: #808285;
    font-size: 12px;
    float:left;
}

.selloutListImg{
    position:relative;
    width: 90%;
    height: 80px;
    background-image: url('../../images/icons/00987C/shopping_cart_black.svg');
    background-position: right center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
}
.selloutListTxt{
    position:relative;
    width: 100%;
    height: 40px;
    line-height: 60px;
    float:left;
    text-align: right;
    font-size: 12px;
}
.selloutListRlz{
    position:relative;
    width:100%;
    height: 40px;
    line-height: 20px;
    float:left;
    text-align: right;
    font-size: 12px;
}

.sell_outB{
    position:absolute !important;
    right: 20px !important;
    bottom: 20px !important;
    top: initial !important;
}

.sellout_inactive{
    background-color: #E4E4E4 !important;
}
.sell_outV{
    position:absolute;
    right: 20px !important;
    bottom:20px !important;
    top: initial !important;
}
.sellout_txt{
    text-align: right;
    font-family: 'Roboto', sans-serif;
    line-height: 15px;
    font-size: 12px;
}
.sellout_qnt{
    text-align: right;
    font-family: 'Roboto', sans-serif;
    line-height: 15px;
    font-size: 12px;
}
#dialogSellOut{
    position:relative;
    width: 500px;
    height: 200px;
}
.dialogSelloutTitle{
    position:relative;
    width:100%;
    height:30px;
    margin-bottom: 10px;
}

.dialogSelloutTitleImg{
    position:relative;
    float:left;
    background-image: url("../../images/icons/00987C/warning.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}
.dialogSelloutTitleText{
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
    width: 75%;
    font-weight: bold;
    font-size: 18px;
    line-height: 35px;
    color: #6C6D6F;
    padding-left: 10px;
}
.dialogSelloutSubTitle{
    position:relative;
    font-family: 'Roboto', sans-serif;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    font-color: #6C6D6F;
    margin-bottom: 10px;
    height:20px;
}
.dialogSelloutInput{
    position:relative;
    width:100%;
    height: 30px;
    margin-bottom: 10px;
}
.dialogSelloutInputInp{
    position:relative;
    float:left;
    width:85%;
    height: 90%;
    line-height: 20px;
    text-align: right;
    padding-right: 5px;
}
.dialogSelloutInputImg{
    position:relative;
    width:10%;
    height:110%;
    background-color: #00987C;
    float:left;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    text-align: center;
    line-height: 33px;
}
#dialogSOS{
    position:relative;
    font-family: 'Roboto', sans-serif;
    background-color: #fff;
    text-align: justify;
    height: auto;
    width: 100%;
    align-content: center;
    display: none;
}
.dialogSOS{
    text-align: justify;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding: 4px 4px;
    line-height: 12px;
    vertical-align: middle;
    position:relative;
    height:100%;
    margin-right: 10%;
    margin-left: 10%;
    padding-top:10%;
    color: #6C6D6F;
}
.dialogSOE{
    text-align: justify;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding: 4px 4px;
    line-height: 12px;
    vertical-align: middle;
    position:relative;
    height:100%;
    margin-right: 10%;
    margin-left: 10%;
    padding-top:10%;
    color: #6C6D6F;
}
#dialogSOE{
    position:relative;
    font-family: 'Roboto', sans-serif;
    background-color: #fff;
    text-align: justify;
    height: auto;
    width: 100%;
    align-content: center;
}
.quantProd{
    position:relative;    
    height:40px;    
    width:20px;    
}
.qpp{
    position:relative;
    height:20px;
    width:20px;
    background-image: url("../../images/icons/00987C/arrow_up.svg");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    cursor: pointer;
}
.qpm{
    position:relative;
    height:20px;
    float:right;
    width:20px;
    background-image: url("../../images/icons/00987C/arrow_down.svg");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    cursor: pointer;
}
.marquee{
    overflow:hidden;
    position:relative !important;
    width: 100% !important;
    height: 40px !important;
    left: 0px !important;
    line-height: 40px !important;
    top:0px !important;
}
.infoProd{    
    position:relative;
}
.iprod{
    position:relative;
    width:100%;
    height: 100%;
    background-image: url("../../images/icons/00987C/info.svg");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;   
    cursor: pointer;
}
.iprod_white{
    position:relative;
    width:100%;
    height: 100%;
    background-image: url("../../images/icons/FFFFFF/info.svg");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;   
    cursor: pointer;
}
.cmpDesc{
    position:relative;
    width:100%;    
}
.setInfoProd{
    position:relative;
    width: 100%;
    height:40px;
    font-family: 'Roboto', sans-serif;
    background-color: #fff;
    text-align: justify;
    line-height: 30px;
    color: #6C6D6F;
}
.setInfoCmp{
    position:relative;
    width: 100%;
    height:40px;
    font-family: 'Roboto', sans-serif;
    background-color: #fff;
    text-align: justify;
    line-height: 30px;
    color: #6C6D6F;
}
.SetInfoProdVal{
    position:relative;
    width:10%;
    height:20px;
    line-height: 20px;
    font-size: 16px;
    float:left;
    margin-top:10px;
    margin-bottom: 10px;
    text-align: center;
    font-family: 'Roboto', sans-serif;

}
.setInfoProdText{
    position:relative;
    width:100%;
    line-height: 16px;
    height:auto;
    font-family: 'Roboto', sans-serif;
    text-align: justify;
    background-color: #fff;
    color: #6C6D6F;
    font-size: 14px;
    margin-top:10px;
    margin-bottom: 8px;
}
.setInfoCmpVal{
    position:relative;
    width:16%;
    height:20px;
    line-height: 20px;
    font-size: 16px;
    float:left;
    margin-top:10px;
    margin-bottom: 10px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}
.imagemqnt{
    position:relative;
    width:10%;
    height:30px;
    float:left;
    background-image: url("../../images/icons/others/quantidade.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top:5px;
    margin-bottom: 5px;
}
.imagemcst{
    position:relative;
    width:16%;
    height:30px;
    float:left;
    background-image: url("../../images/icons/others/custo.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top:5px;
    margin-bottom: 5px;
}
.lessequals{
    position:relative;
    width:10%;
    height:20px;
    float:left;
    background-image: url("../../images/icons/others/left.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top:10px;
    margin-bottom: 10px; 
}
#dialogCmpInfoProd{
    position:relative;
    height:auto;
}
.qnt_prod{
    position:relative;
    height: 20px;
    width: 100%;
    font-size: 12px;
    line-height:35px;
}
.qnt_prod_2{
    position:relative;
    height: 24px;   
    font-size: 10px;
    float:left;
    margin-right: 0px;
}
.qnt_prod_var{
    position:relative;
    height:100%;
    width: 76%;
    float:left;
    text-indent: 1px;
    margin-left: 5px;
}
.qnt_txt{
    position:relative;
    height:40px;
    float:left;
}
.qnt_txt2{
    position:relative;
    float:left;
    height: 24px;
}
.qnt_max{
    position:relative;
    height:100%;
    float:left;
    text-indent: 1px;
}
.qnt_min{
    position:relative;
    height:100%;
    float:left;
    text-indent: 1px;
}

.jspHorizontalBar{
    display:none;
}
.warning_img{
    position:relative;
    width: 15px;
    height: 15px;
    background-image: url("../../images/icons/others/warning.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    float:left;
    margin-left: 5px;
    margin-top:9px;    
    cursor: pointer;
}
.warning_img:hover .warning_img_alt{display:block;}
.warning_img_alt{
    position:absolute;
    display:none;
    top:-10px;
    color: #FFFFFF;
    left:20px;
    font-size:10px;
}
.hst_top{
    top:15px;
}

/****************************/

.bar_graph_legend{
    position: relative;
    width: 100%;
    height: auto;    
}

.bar_graph_legend .item{
    position: relative;
    width: 40px;    
}
.rlz_graph_label{
    display:none;
}
.red_graph_label{
    display:none;
}
.obj_label{
    display:none;
}

.version_holder_menu{
    position:absolute;
    height:20px;
    width:100px;
    bottom:10px;
    float:right;
    z-index: 1000;
}
.version_left_menu{
    position:relative;
    height: 100%;
    width: 50%;
    text-align: right;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;     
    font-weight: 400;
    color: #dadada;
    float:left;
}
.version_rigth_menu{
    position:relative;
    height: 100%;
    width: 50%;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;     
    font-weight: 400;
    color: #dadada;
    float:left;
}

.selloutListDiv{
    width: 100%;
    height: 52%;
    background-color: #FFFFFF;
    position: relative;
    margin-top:3%;
    display:none;
}

.selloutList{
    position:relative;
    overflow:auto;
    height: 90%;
    width: 100%;
}

.sellTitle{
    position:relative;
    height: 10%;
    width: 100%;
    font-size: 20px;
}

.new_quest_dialog_list{
    position:relative;
    width:100%;
    height:auto;
    max-height: 60px;
    margin-bottom: 20px;
    overflow:auto;

}

.qst_lst_row{
    position:relative;
    width: 100%;
    height:30px;
    cursor: pointer;
}

.qst_lst_nme{
    position: relative;
    width: 50%;
    height:30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 14px;
    float:left;
    color:#6D6E70; 
}

.qst_lst_nqst{
    position: relative;
    width: 40%;
    height:30px;  
    font-size: 12px;
    line-height: 30px;
    float:left;
    text-align: right;
}

.qst_lst_arrow{
    position:relative;
    width: 10%;
    height: 30px;
    line-height: 30px;
    background-image: url("../../images/icons/6D6E70/arrow_right.svg");
    background-position: center center;
    background-size: 20px;
    background-repeat: no-repeat;
    float:left;
}

.pll_title{
    background-image: url("../../images/icons/6D6E70/arrow_left.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-position-x: 15px;
}

.pll_progress_bar{
    position:relative;
    width:100%;
    height: 5px;
    background-color: #FFF;
    float:left;
}

.pll_current_progress{
    position:relative;
    height:100%;
    background-color: #00987C;
    float:left;
}

.pll_before_progress{
    position:relative;
    height:100%;
    float:left;
}

.pll_next_holder{
    position:relative;
    height: 40px;
    width: 100%;
    background-color: #00987C;
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;     
    font-weight: 400;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    bottom: 0px;
}

#bot_pll{
    position: relative;
    width: 100%;
    height: calc(100% - 85px);
    overflow: auto;
}

.input_pll_single_div{
    position:relative;
    width: 100%;
    height: 80px;
}

.input_pll_single{
    position:relative;
    width: 100%;
    height: 80px;
    background-image: url("../../images/icons/others/radio_button_unchecked.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.input_pll_multi_div{
    position:relative;
    width: 100%;
    height: 80px;
}

.input_pll_multi{
    position:relative;
    width: 100%;
    height: 80px;
    background-image: url("../../images/icons/00987C/checkbox_outline.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.pll_checked{
    background-image: url("../../images/icons/others/radio_button_checked.svg") !important; 
}

.pll_checked_multi{
    background-image: url("../../images/icons/00987C/checkbox.svg") !important ;
}

.pll_range_output{
    position:absolute;
    left: -15.5px;
    top: -60px;
    width: 50px;
    height:50px;
    text-align: center;
}

    .input_range{
    position:relative;
    width: 80%;
    height: 100px;
    margin: auto auto;
}

.pll_eval_lbl_holder{
    position:relative;
    width: 100%;
    margin:auto auto;
    height: 80px;
}

.pll_lbl_min{
    position:relative;
    float:left;
    width: 13%;
    text-align: center;
    color: #ccc;
}

.pll_lbl_max{
    position:relative;
    float:right;
    width: 13%;
    text-align: center;
    color: #ccc;
}

.range_handler{
    background: #00987C;
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: -9px;
    position: absolute;
    background-image: url("../../images/icons/others/radio_button_checked.svg");
    background-size: 100%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.rangeslider__fill{
    background: #00987C !important;
}

.rangeslider--horizontal {
    height: 3px !important;
    width: 90% !important;
    margin: auto auto;
}

@-webkit-keyframes progress {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@-webkit-keyframes progress_back {
    0% {
        width: 100%;
    }
    100% {
        width: 0%;
    }
}

.progress_bar_pll {
    position:relative;
    height:100%;
    width:100%;
    -webkit-animation: progress 1s 1 linear;
}

.progress_bar_pll_back{
    position:relative;
    height:100%;
    width:0%;
    -webkit-animation: progress_back 1s 1 linear;
}

.pll_end_title{
    position:relative;
    width: 95%;
    height:80px;
    font-size: 14px;
    color: #808285;
    line-height: 80px;
    margin: auto auto;
}

.pll_end_txt{
    position:relative;
    color: #808285;
    width: 95%;
    height: 40px;
    margin: auto auto;
    font-size: 12px;
    text-align: center;
}

.pll_end_obs{
    position:relative;
    width: 95%;
    height:400px;
    margin: auto auto;
    font-size: 12px;
}

.pll_end_inp{
    position:relative;
    width: 100%;
    height: 90%;
    line-height: 20px;
}

.qst_title{
    font-size: 20px;
    padding-left: 15px;
    font-weight: 400;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #f1f1f1;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.pll_ans{
    color:#808285;
    font-size: 14px;
}

.pos_label{
    position:relative;
    width: 5%;
    float:left;
    height: 40px;
}

.pll_back_holder{
    width:5%;
    float:left;
    position:relative;
    height:40px;
    color: #00987C;
}

.row_div{
    width: 100%;
}

.cmp_aim{
    float:left;
    margin-left: 10px;
}

.cmp_nme{
    float:left;
    overflow:hidden;
    line-height: 40px;
    position:relative;
}

.cmp_pvp{
    float:left;
}

.cmp_qnt{
    float:left;
}

.cmp_dsc{
    float:left;
}

.cmp_inf{
    float:left;
    width: calc(5% - 10px);
}

.cmp_search{
    position:relative;
    width: 100%;
    height: 30px;
    background-color: #00987C;
    display: none;
}

.cmp_search_input{
    position:relative;
    width: 100%;
    height: 100%;
    float: left;
    line-height: 31px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #F6F7F7;
    border: 0px solid #fff;
    background-color: transparent;
    outline: 0;
    text-indent: 33px;
    background-image: url(../../images/icons/FFFFFF/search.svg);
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 20px;
}

.cmp_search_input::-webkit-input-placeholder{
    color: #F6F7F7;      
}

.hst_icon{
    position:relative;
    width: 300px;
    height: 50px;
    color: #808285;
    margin: auto auto;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    text-decoration: underline;
    cursor:pointer;
    display: none;
}

.selloutEditable{
    color: #00987C;
}

.txtPrimary{
    color: #00987C;
}

.groups_left{
    width: 90%;
    position:relative;
    float:left;
}

.groups_right{
    position:relative;
    width: 10%;
    float:left;
}

.cmp_group_separator{
    position:relative;
    width: 100%;
    height: 1px;
    background-color: #000;
    float:left;
}

.grp_dsc{
    position:relative;
    width: 50%;
    text-align: center;
    float:left;
}

.grp_inf{
    position:relative;
    width: 50%;
    float:left;
}

.groups_right_row{
    position:relative;
    width:100%;
    float:left;
}

.groupBackground{
    background-color: #f0f0f0;
}

.cmp_grp_aim{
    position:relative;
    width: 11.1%;
    float:left;
    text-indent: 10px;
}

.cmp_grp_nme{
    position:relative;
    width: 71.1%;
    float:left;
    text-indent: 10px;
}

.cmp_grp_pvp{
    position:relative;
    width: 8.9%;
    float:left;
    text-indent: 10px;
}

.cmp_grp_qnt{
    position:relative;
    width: 8.9%;
    float:left;
}

.cmp_phr_holder{
    position:relative;
    width: 100%;
    height: 80px;
    text-indent: 10px;
}

.cmp_phr_nme{
    position:relative;
    padding-top:10px;
    width: 100%;
    height: 20px;
    line-height: 20px;
}

.cmp_phr_lcl{
    position:relative;
    width: 100%;
    height: 20px;
    line-height: 20px;
}

.row_suggestion2{
    position: absolute;
    height: 50px;
    width: 310px;
    top: 20px;
    left: calc(50% - 155px);
    background-color: #1388C9;
    border-radius: 30px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.cmp_suggestion_text2{
    position:relative;
    width: 100%;
    height: 100%;
}

.cmp_suggestion_text5{
    position: relative;
    width: 245px;
    height: 25px;
    text-align: left;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 1);
    opacity: 1;
    text-indent: 25px;
    line-height: 18px;
    top: 10px;
}

.cmp_suggestion_text6{
    position:relative;
    width: 239px;
    height: 20px;
    text-align: left;
    font-size: 11px;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 1);
    opacity: 1;
    text-indent: 25px;
    line-height: 11px;
    font-weight: 100;
    top:4px;
}

.cmp_suggestion_icon4{
    position:absolute;
    width: 50px;
    height: 50px;
    background-image: url('../../images/icons/others/icon_sug_encom_blue.svg');
    background-repeat: no-repeat;
    background-size: 50px;
    right: 0px;
    top: 4px;
}

.darkBG{
    position:absolute;
    width:100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    top: 0px;
    left: 0px;
    z-index: 1002;
}

.sug_loading_holder{
    position:relative;
    height: 400px;
    width: 500px;
    margin: 0 auto;
    top: calc(50vh - 200px);
    background-color: #fff;
    border-radius: 10px;
}

.sug_loading_icon{
    position:relative;
    width: 190px;
    height: 190px;
    margin: 0 auto;
    background-image: url('../../images/icons/others/icon_sug_encom_green_dashboard.svg');
    background-repeat: no-repeat;
    background-size: 190px;
    top: 50px;
}

.sug_loading_text{
    position:relative;
    width: 350px;
    margin: 0 auto;
    color: rgba(0, 152, 124, 1);
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    top: 70px;
    font-weight: bold;
}

.cmp_phr_wrh{
    position:relative;
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmp_phr_left_holder{
    position:relative;
    height: 100%;
    width: 80%;
    float:left;
    padding-left: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cmp_phr_right{
    position:relative;
    height: 100%;
    width: 20%;
    float:left;
}

.cmp_more_phr{
    position:relative;
    width: 100%;
    text-align: center;
    background-color: #B2B4B7;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #fff;
    height:35px;
    line-height: 35px;
    cursor: pointer;   
}

.qnt_prod2{
    position:relative;
    float:left;
}

.empty_search{
    position:relative;
    height: 80px;
    line-height: 80px;
    width: 100%;
    text-align: center;
}

.pll_ans_edt{
    border: 0px;
    width: 90%;
    height: 40px;
    font-style: italic;
    text-indent: 10px;
}

.video_container_holder{
    position:relative;
    width: 50%;
    height: 410px;
    min-width: 500px;
    float:left;    
}

.video_container{
    position:relative;
    width: 500px;
    height: 390px;
    margin: 0 auto;
    background-color: #FFFFFF;
}

.video_title{
    position:relative;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    color:black;
    text-indent: 10px;
    margin-top: 10px;
}

.video_description{
    height:20px;
    line-height: 20px;
    position:relative;
    width: 100%;
    font-size: 12px;
    color:#6D6E70;
    text-indent: 10px;
    font-weight: 300;
}

.video-js{
    width: 500px !important;
    height: 300px !important;
}

.video-js .vjs-control{
    background-color: rgba(0, 152, 124, 0.5);
}

.holder_videos{
    position:relative;
    margin: 0 auto;
}
.dim_img{
    position:relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: block;
    border: 2px solid #808285;
    margin: 0 auto;
    top:23px;
    object-fit: cover;
}

.dim_img_holder{
    position:relative;
    width: 200px;
    height: 200px;
    float:left;
}

.phr_dtl_dim_info{
    position:relative;
    width: calc(100% - 240px);
    float: left;
    height: 160px;
    padding-top: 20px;
    padding-bottom: 20px;    
}

.phr_dtl_info{
    position:relative;
    width: 100%;
    height: 200px;
    border-bottom: 1px solid #ccc;
}

.dim_info{
    position:relative;
    background-color: #00987C;
    width: 50%;
    height: 200px;
    float:left;
}

.users_info{
    position: relative;
    width: 100%;
    background-color: #F6F7F7;
    max-height: 202px;
    overflow: auto;
    height: 202px;
}

.user_list_holder{
    position:relative;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #ccc;
    cursor:pointer;
}

.user_list_img_holder{
    position:relative;
    width: 100px;
    height: 100px;
    float:left;
}

.user_list_img{
    position:relative;
    width: 70px;
    height:70px;
    display: block;
    border-radius: 50%;
    border: 2px solid #808285;
    margin: 0 auto;
    top:12px;
}

.user_list_info{
    position:relative;
    width: calc(100% - 130px);
    height: 100px;
    float:left;
    background-image: url(../../images/icons/6D6E70/arrow_right.svg);
    background-size: 30px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 20px;
}

.user_list_info_name{
    position:relative;
    line-height: 100px;
    height: 100px;
    width: 100%;
    font-size: 14px;
    color: #6C6D6F;
}

.vst_ord_holder{
    position:relative;
    height: 80px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    cursor: pointer;
    display: flex;
}

.vst_ord_holder:hover{
    background-color: #f1f1f1;
}

.vst_ord_info_holder{
    position:relative;
    height: 100%;
    width: 60%;
    float:left;
}

.vst_ord_dates_holder{
    position:relative;
    height: 100%;
    width: calc(30% - 50px);
    float:left;
    background-image: url(../../images/icons/6D6E70/arrow_right.svg);
    background-size: 30px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 40px;
    margin-right: 10px;
}

.vst_ord_status_holder{
    position:relative;
    height: 100%;
    width: 10%;
    float:left;
}

.vst_ord_status{
    position:relative;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
}

.vst_ord_info_username{
    position:relative;
    height: 100%;
    width: 100%;
    line-height: 80px;
}

#searchNewVstOrd{
    width: 100%;
    height: 100%;
}

.status_confirmed{background-image: url(../../images/icons/others/status_confirmed.svg);}
.status_waiting{background-image: url(../../images/icons/others/status_waiting.svg);}
.status_rejected{background-image: url(../../images/icons/others/status_rejected.svg);}
.status_waiting_response{background-image: url(../../images/icons/others/status_waiting_response.svg);}
.status_missed{background-image: url(../../images/icons/others/status_missed.svg);}
.status_accomplished{background-image: url(../../images/icons/others/status_accomplished.svg);}

#pedidos_lst_holder{
    position:relative;
    height: auto;
    overflow: auto;
    width: 100%;
    background-color: #fff;
    max-height: calc(100vh - 130px);
}

.baseinfo_vst_ord{
    position: absolute;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 10px;    
    overflow-x: hidden;
    overflow-y: auto;
    top: 0px;
    width: calc(100% - 30px);
    max-height: calc(100vh - 90px);
}

.baseinfo_vst_ord2{
    position: absolute;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 20px;
    margin-right: 20px;        
    width: calc(100% - 30px);
    height: calc(100vh - 90px);
    overflow-x: hidden;
    overflow-y: auto;    
}

.pedidos_lst_title{
    position:relative;
    height: 40px;
    text-align: center;
    background-color: #00987C;
    color: #fff;
    line-height: 40px;
    font-size: 16px;    
}

.vst_ord_info_phr_nme{
    position:relative;
    height: 45px;
    width: 100%;
    line-height: 60px;
    font-size: 14px;
    font-weight: 500;
    color: #6C6D6F;
}

.vst_ord_info_user{
    position:relative;
    height: 35px;
    width: 100%;
    font-size: 12px;
    color: #A5A2A0;
    font-weight: 300;
}

.vst_ord_date{
    position:relative;
    height: 40px;
    width: 100%;
    line-height: 60px;
    color: #88898A;
    font-size: 14px;
    text-align: right;
    font-weight: 300;
}

.vst_ord_hour{
    position:relative;
    height: 40px;
    width: 100%;
    line-height: 20px;
    color: #88898A;
    font-size: 14px;
    text-align: right;
    font-weight: 300;
}



.novo_pedido{
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../../images/icons/FFFFFF/add.svg);
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.novo_pedido:hover{
    background-color: #007A63;
}

.nova_negociacao{
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../../images/icons/FFFFFF/add.svg);
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.nova_negociacao:hover{
    background-color: #007A63;
}

.pedidos_vst_send_preview_no_selection{
    position:relative;
    width: 100%;
    height: 20px;
    text-align: center;
    font-size: 14px;
    color: #808285;
    font-weight: 300;
    top: calc(50% - 10px);
}

.pedidos_vst_send_preview_selected{
    position:relative;
    width: 100%;
    height: auto;
}

.pedidos_vst_send_preview{
    position: relative;  
    height:100%;
}

.vst_ord_preview_100_perc{
    position: relative;
    width: 100%;
    height: 80px;
}

.vst_ord_preview_50_perc{
    position: relative;
    width: 50%;
}

.vst_ord_preview_title{
    position:relative;
    height: 40px;
    text-align: center;
    background-color: #00987C;
    color: #fff;
    line-height: 40px;
    font-size: 16px;
}

.vst_ord_preview_phr_nme{
    position:relative;
    height: 40px;
    width: 100%;
    text-align: left;
    color: #000;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    text-indent: 20px;
}

.vst_ord_preview_adr{
    position:relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #A5A2A0;
    font-size: 14px;
    text-indent: 20px;
}

.vst_ord_preview_phone{
    position:relative;
    width: 100%;
    height: 30px;
    background-image: url(../../images/icons/00987C/phone.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    text-indent: 46px;
    line-height: 30px;
    color: #A5A2A0;
    background-position-y: center;
    background-position-x: 20px;
}

.vst_ord_preview_mail{
    position:relative;
    width: 100%;
    height: 30px;
    background-image: url(../../images/icons/00987C/email.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    text-indent: 46px;
    background-position-x: 20px;
    color: #A5A2A0;    
    font-size: 14px;
}

.vst_ord_preview_date_info_holder{
    position: relative;
    height: 40px;
    width: 80%;
    text-align: center;
    margin: 0% 20%;
}

.vst_ord_preview_date_holder{
    position:relative;
    height: 40px;
    width: 50%;
    float:left;
}

.vst_ord_preview_hour_holder{
    position:relative;
    height: 40px;
    width: 50%;
    float:left;
}

.input_vst_ord_date{
    top: 12px;
    position:relative;
    width: 110px;
    text-align: center;
    border: 0px;
    font-size: 18px;
    color: #6C6D6F;
    font-weight: 400;
    cursor: pointer;
    border-bottom: 0px solid #d1d1d1;
    outline: 0;
}

.input_vst_ord_date:disabled{
    background-color: #FFF;
    cursor:initial;
}

.input_vst_ord_hour{
    top: 12px;
    position:relative;
    width: 50px;
    text-align: center;
    border: 0px;
    font-size: 18px;
    color: #6C6D6F;
    font-weight: 400;
    cursor: pointer;
    border-bottom: 0px solid #d1d1d1;
    outline: 0;
}

.input_vst_ord_hour:disabled{
    background-color: #FFF;
    cursor:initial;
}



.vst_ord_preview_date_title{
    position: relative;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(../../images/icons/6D6E70/calendar.svg);
    background-position: 10px 12px;
    background-size: 20px 20px;
    display: table-cell;
}

.vst_ord_preview_hour_title{
    position: relative;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(../../images/icons/6D6E70/hour.svg);
    background-position: 10px 12px;
    background-size: 20px 20px;
    display: table-cell;
}

.vst_ord_preview_date_value{
    position: relative;
    width: calc(100% - 40px);
    height: 40px;    
    display: table-cell;
}

.vst_ord_preview_message{
    position:relative;
    width: 100%;
    height: 140px;
}

.vst_ord_preview_message_input{
    position:relative;
    width: calc(100% - 45px);
    height: 100px;
    border: 1px solid #e1e1e1;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    font-size: 12px;
    line-height: 20px;
    resize: none;
    text-indent: 5px;
}

.vst_ord_preview_message_input:focus{
    background-color: #fefefe;
    border: 1px solid #eceaea;
    outline: 0;
}

.vst_ord_preview_message_input::placeholder{
    color: #A5A2A0;
}

.vst_ord_preview_btns{
    position:relative;
    height: calc(100vh - 770px);
    width: 100%;
}

.vst_ord_preview_btns_after{
    position:relative;
    height: 120px;
    width: 100%;
}

.vst_ord_preview_btn_cancel{
    position:relative;
    width: calc(50% - 30px);
    height: 80px;
    float:left;
    background-color: #be1e2d;
    margin-left: 20px;
    margin-right: 10px;
    cursor: pointer;
}

.vst_ord_preview_btn_missed{
    position:relative;
    width: calc(50% - 30px);
    height: 80px;
    float:left;
    background-color: #be1e2d;
    margin-left: 20px;
    margin-right: 10px;
    cursor: pointer;  
}

.vst_ord_preview_btn_postpone{
    position:relative;
    width: calc(50% - 30px);
    height: 80px;
    margin-left: 10px;
    margin-right: 20px;
    float:right;
    background-color: #B2B4B7;
    cursor: pointer;
}

.vst_ord_preview_btn_confirm{
    position:relative;
    width: calc(100% - 40px);
    height: 80px;        
    background-color: #00987C;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    cursor: pointer;    
}

.vst_ord_preview_btn_confirm:hover{
    background-color: #028E73;
}

.vst_ord_preview_phr_holder{
    position:relative;
    height: 200px;
    width: 100%;    
}

.vst_ord_preview_btn_sec_holder{
    position: relative;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.vst_ord_preview_btn_cancel_text{
    position:relative;
    width: 100%;
    height: 40px;
    color:#fff;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    font-weight: 300;
}

.vst_ord_preview_btn_cancel_icon{
    position:relative;
    width: 100%;
    height: 40px;
    background-image: url(../../images/icons/FFFFFF/status_rejected.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
    background-position-y: bottom;
}

.vst_ord_preview_btn_postpone_icon{
    position:relative;
    width: 100%;
    height: 40px;
    background-image: url(../../images/icons/FFFFFF/status_waiting.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;

    background-position-y: bottom;
}

.vst_ord_preview_btn_confirm_icon{
    position:relative;
    width: 100%;
    height: 40px;
    background-image: url(../../images/icons/FFFFFF/status_accepted.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: bottom;
    background-size: 26px;
}

.new_vst_ord_holder{
    position:relative;
    height: 80px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    cursor: pointer;
    background-image: url(../../images/icons/6D6E70/arrow_right.svg);
    background-repeat: no-repeat;
    background-position: 98% center;
}

.new_vst_ord_holder:hover{
    background-color: #f1f1f1;
}

.new_vst_ord_first_title{
    position:relative;
    height: 30px;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    /*color: #6C6D6F;*/
    color:#007A63;
    text-indent: 20px;
}

.new_vst_ord_first_subtitle{
    position: relative;
    height: 20px;
    width: 100%;
    font-size: 12px;
    color: #A5A2A0;
    text-indent: 20px;
    font-weight: 300;
}

.new_vst_ord_user_img_holder{
    position:relative;
    height: 80px;
    width: 80px;
    float:left;
}

.new_vst_ord_img{
    position:relative;
    display: block;
    height: 50px;
    width: 50px;
    margin: 0 auto;
    border-radius: 50%;
    border: 2px solid #808285;
    top:13px;
}

.new_vst_ord_user_info_holder{
    position:relative;
    height: 100%;
    width: calc(100% - 80px);
    float:left;
}

.vst_ord_preview_btn_made{
    position: relative;
    width: calc(50% - 30px);
    height: 80px;
    float: left;
    background-color: #00987C;
    margin-left: 20px;
    margin-right: 10px;
    cursor: pointer;

}

.new_vst_ord{
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../../images/icons/00987C/visit_order.svg);
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.new_vst_ord:hover{
    background-color: #F6F7F7;
}

.new_ngc{
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../../images/icons/00A7D9/cart.svg);
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    right: 40px;
    cursor: pointer;
}

.new_ngc_ini{
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../../images/icons/00A7D9/cart.svg);
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    right: 40px;
    cursor: pointer;
}

.vst_ord_preview_info_holder{
    position:relative;    
    width: 100%;
    height: 200px;
    background-color: #00987C;
    margin: 0 auto;
    /*border-radius: 2%;
    border: #FFF 5px inset; */
}

.vst_ord_empty_holder{
    position: relative;
    height: 80px;
    width: 100%;
    /*border-bottom: 1px solid #808285;*/
    text-align: center;
    line-height: 80px;
    color: #808285;
    font-size: 12px;
    font-weight: 300;
}

.new_vst_ord_user_name{
    position:relative;
    height: 40px;
    width: 100%;
    line-height: 50px;
    color: #808285;
    font-weight: 600;
    text-indent: 0px;
    font-size: 14px;
    font-weight: 500;
}

.new_vst_ord_user_mail{
    position:relative;
    height: 40px;
    width: 100%;
    line-height: 20px;
    color: #A5A2A0;
    text-indent: 0px;
    font-size: 12px;
    font-weight: 300;
}

.new_vst_ord_search{
    position:relative;
    width: 100%;
    height: 30px;
    background-color: #00987C;
    display:none;
}

/* Remover todas as scrollbars

::-webkit-scrollbar {
    width: 0px;  
    background: transparent;  
}

*/

.ui-widget-header{
    background-color: #fff;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background-color: #fff;
}

.ui-datepicker .ui-datepicker-next span{
    top: 8px;
    background-image: url(../../images/icons/6D6E70/arrow_right.svg);
    background-size: 18px 18px;
    margin-top: 0px; 
}

.ui-datepicker .ui-datepicker-prev span{
    top: 8px;
    margin-top: 0px; 
    background-image: url(../../images/icons/6D6E70/arrow_left.svg);
    background-size: 18px 18px;
}

.ui-icon-circle-triangle-e{
    background-position: 0px 0px;
}

.ui-icon-circle-triangle-w{
    background-position: 0px 0px;    
}

.ui-state-default .ui-state-active{
    background-color: #00987C;
    color: #fff;
}

.ui-datepicker {
    -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 12px rgba(0,0,0,0.25);
}

.ui-datepicker-month select{
    outline: 0;
    border: 1px solid #6C6D6F;
}

.ui-datepicker-year select{
    outline: 0;
    border: 1px solid #6C6D6F;
}

.new_vst_ord_user{
    position:absolute;
    right: 20px;
    top:20px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/icons/00987C/visit_order.svg);
    cursor: pointer;
}

.new_vst_ord_for_all{
    position:relative;
    width: 100%;
    height: 100%;
    background-color: #007A63;
    line-height: 80px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-indent: 16px;
    background-image: url(../../images/icons/FFFFFF/arrow_right.svg);
    background-repeat: no-repeat;
    background-position: 98% center;
}

.ranking_holder{
    position:relative;
    height:80px;
    line-height:80px;
    width: 100%;
}

#gamification_right{
    position:relative;
    height: 100%;
    width: 100%;
}

#gamification_right_top{
    position:relative;
    height: 50%;
    width: 100%;
    overflow: auto;
}

#gamification_right_bottom{
    position:relative;
    height: 50%;
    width: 100%;
    background-color: #008BBF;
}

#gamification_right_left{
    position:relative;
    height: 100%;
    width: 50%;
    float:left;
    overflow: auto;
}

#gamification_right_right{
    position:relative;
    height: 100%;
    width: 50%;
    float:left;
    background-color: #028E73;
    overflow: auto;
}

.ranking_position{
    position:relative;
    width: 10%;
    height: 100%;
    float:left;
}

.ranking_name{
    position:relative;
    width:70%;
    height:100%;
    float:left;
}

.ranking_score{
    position:relative;
    width: calc(20% - 20px);
    height:100%;
    float:left;
    text-align: right;
    color: #FF8300;
    font-weight: 800;
    margin-right: 20px;
}

.ranking_position_bg{
    position:relative;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-top:20px;
    border-radius: 50%;
    background-color: #007A63;
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.baseinfo_gamification_left{
    position: absolute;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 20px;
    margin-right: 20px;
    width: calc(100% - 30px);
    height: calc(100vh - 90px);
}

#gamification_title{
    position:relative;
    height: 40px;
    text-align: center;
    background-color: #FB3449;
    color: #fff;
    line-height: 40px;
    font-size: 16px;
}

#gamification_left{
    position:relative;
    height: calc(100% - 40px);
    width: 100%;
}

.gamification_pharmacies{
    position:relative;
    height: calc(50% - 40px);
    width: 100%;
    background-color: #fff;
}

.gamification_pharmacies_separator{
    position:relative;
    height: 40px;
    width: 100%;
    background-color: #FFF;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}

.gamification_news{
    position:relative;
    height: calc(30% - 40px);
    width: 100%;
    background-color: #69B93D;
}

.gamification_news_separator{
    position:relative;
    height: 30px;
    width: 100%;
    background-color: #69B93D;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    padding-bottom: 10px;
}

.gamification_play{
    position:relative;
    height: 20%;
    width: 100%;
    background-color: #204E77;
    float:left;
}

#play_btn{
    position:relative;
    background-color: #FB3449;
    height: 60px;
    width: 200px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
    box-shadow: 1px 6px 24px -5px black;
    margin-top: 60px;
}

.play_text_holder{
    width: 50%;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
}

.play_icon{
    position:relative;
    width: 30px;
    height: 60px;
    background-image: url(../../images/icons/FFFFFF/arrow_right.svg);
    background-repeat: no-repeat;
    float:left;
    background-position-y: center;
}

.play_text{
    position:relative;
    float:left;
}

.gamification_pharmacies_separator_holder{
    position:relative;
    height: 40px;
    width: 100%;
    background-color: #69B93D;
}

.gamification_news_separator_holder{
    position:relative;
    height: 40px;
    width: 100%;
    background-color: #204E77;
}

.pharmacies_slider_holder{
    position:relative;
    height: 100%;
    width: 100%;
}

.pharmacies_title{
    position:relative;
    width: 100%;
    height: 10%;
    text-align: center;
    font-size: 24px;
    margin-top: 10px;
}

.pharmacies_info_holder{
    position:relative;
    width: 100%;
    height: 20%;   
}

.pharmacies_tickets_holder{
    position:relative;
    width: 40%;
    height: 100%;
    float:left;
    margin-left: 10%;
}

.pharmacies_tickets_title{
    position:relative;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    width: 100%;
}

.pharmacies_tickets_icon{
    background-image: url(../../images/icons/others/blue_ticket.png);
    background-size: 30px;
    background-repeat: no-repeat;
    height: 40px;
    font-size: 26px;
    font-weight: 800;
    text-indent: 40px;
    line-height: 40px;
}

.pharmacies_score_holder{
    position:relative;
    width: 40%;
    height: 100%;
    float:left;
    margin-right: 10%;
}

.pharmacies_score_title{
    position:relative;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    text-align: right;
}

.pharmacies_score_value{
    font-size: 26px;
    font-weight: 800;
    text-align: right;
    line-height: 40px;
}

.pharmacies_medals_holder{
    position:relative;
    width: 80%;
    height: 65%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 20px;
}

.pharmacies_medal_holder{
    position:relative;
    width: 25%;
    height: 100%;
    float:left;
}

.pharmacies_medal{
    position:relative;
    width: 100%;
    height: 100px;
    background-position: center;
    background-size: 100px;
    background-repeat: no-repeat;
}

.medal_bronze{
    background-image: url(../../images/icons/others/medal_bronze.png);
}

.medal_silver{
    background-image: url(../../images/icons/others/medal_silver.png); 
}

.medal_gold{
    background-image: url(../../images/icons/others/medal_gold.png);
}

.medal_diamond{
    background-image: url(../../images/icons/others/medal_diamond.png);
}

.pharmacies_medal_value{
    font-weight: 800;
    text-align: center;
    font-size: 36px;
}

.news_slider_holder{
    position:relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.news_image{
    position:relative;
    float:left;
    width:100px;
    height: 100px;
}

.news_info_holder{
    position:relative;
    float:left;
    width: calc(100% - 100px);
    height: 100%;
}

.news_title{
    position:relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
}

.news_body{
    position:relative;
    width: 100%;
    height: calc(100% - 50px);
    line-height: 50px;
    color: #fff;
    font-size: 16px;
}

.grey_bg{
    background-color: #f0f0f0;
}

.baseinfo_options_left{
    position:relative;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 20px;
    margin-right: 20px;
    width: calc(100% - 50px);
    height: calc(100vh - 90px);
    overflow: auto;
}

.options_rgpd_title{
    position:relative;
    width: 100%;
    height:40px;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    margin-top: 20px;
}

.options_rgpd_body{
    position:relative;
    width: calc(100% - 40px);
    height: calc(100% - 140px); 
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
}

.options_rgpd_check_div{
    position:relative;
    width: 100%;
    height: 20px;
    margin-bottom: 20px;
}

.options_rgpd_check_text{
    position:relative;
    height: 100%;
    width: calc(70% - 20px);
    float: left;
    font-weight: 800;
    line-height: 20px;
    text-align: right
}

.options_rgpd_check_input{
    position:relative;
    height: 100%;
    width: 18px;
    left: 20px;
    float:left;
}

.options_rgpd_button{
    position:relative;
    width: 100%;
    height: 40px;
    background-color: #00987C;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
}

.topGrid{
    position:relative;
    width: calc(100% - 40px);
    height: calc(30% - 50px);   
}

.bottomGrid{
    position:relative;
    width: calc(100% - 40px);
    height: calc(70vh - 80px);
}

.cmp_phr_bought_info_holder{
    position:relative;
    width: 40%;
    float:left;
    line-height: 80px;
    text-align: right;
    right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmp_phr_bought_info{
    position:relative;
    width: fit-content;
    text-align: right;
    float: right;
    cursor: pointer;
    overflow: hidden;
    height: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dialogCmpCheck_text{
    position:relative;
    width: 100%;
    height: auto;
    line-height: 20px;
    font-size: 14px;
}

.pharmacyError{
    color: #FB3449 !important;
    font-weight: 500 !important;
}

.oos_products_search_holder{
    position:relative;
    height: calc(100vh - 90px);
    width: 100%;
    background-color: #e8e9e9;
}

.oos_products_search_input{
    position:relative;
    height: 40px;
    width: calc(100% - 40px);
    margin-left: 20px;
    padding-top:calc(50% - 40px);
    overflow: hidden;
}

#oos_product_search_input{
    width: 100%;
    height: 100%;
    text-indent: 10px;
}

.oos_products_search_button{
    position:relative;
    background-color: #00987C;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    width: 200px;
    text-align: center;
    margin-left: calc(50% - 100px);
    margin-top: 20px;
    cursor:pointer;
}

.oos_products_search_no_results{
    position:relative;
    width: 100%;
    height: 20px;
    text-align: center;
    margin-top: 50%;
    margin-bottom: 50%;
    font-size: 14px;
    color: #808285;
    font-weight: 300;
}

.oos_products_search_result{
    position:relative;
    height: 100%;
    width:100%;
    overflow:hidden;
}

.oos_product_tab_holder{
    position:relative;
    height: 80px;
    line-height: 80px;
    background-color: #00987C;
    color: #FFF;
    width: 100%;
    text-align: center;
}

.oos_product_left_tab{
    position:relative;
    height: 100%;
    width: 50%;
    float:left;
    cursor:pointer;
}

.oos_product_left_tab.selected{
    background-color: #F6F7F7;
    color:#00987C;
    cursor:initial;
    border-bottom: 1px solid #FFF;
}

.oos_product_right_tab.selected{
    background-color: #F6F7F7;
    color:#00987C;
    cursor:initial;
    border-bottom: 1px solid #FFF;
}

.oos_product_right_tab{
    position:relative;
    height: 100%;
    width: 50%;
    float:left;
    cursor:pointer;
}

.oos_product_left_holder{
    position:relative;
    height: calc(100% - 80px);
    width: 100%;
    overflow: auto;
    display: block;
}

.oos_product_right_holder{
    position:relative;
    height: calc(100% - 80px);
    width: 100%;
    display: none;
    overflow: auto;
}

.oos_product_single_row{
    position:relative;
    height: 60px;
    line-height: 60px;
    padding-left: 10px;
    background-image: url(../../images/icons/6D6E70/arrow_right.svg);
    background-repeat: no-repeat;
    background-position: right center;
    border-bottom: 1px solid #FFF;
    font-size: 16px;
    color: #6C6D6F;
    cursor:pointer;
    text-align: left;
}

.oos_product_double_row{
    position:relative;
    height: 60px;
    line-height: 30px;
    background-image: url(../../images/icons/6D6E70/arrow_right.svg);
    padding-left: 10px;
    background-repeat: no-repeat;
    background-position: right center;
    border-bottom: 1px solid #FFF;
    cursor:pointer;
}

.oos_product_double_row_top{
    position:relative;
    height: 30px;
    font-size: 14px;
    color: #6C6D6F;
}

.oos_product_double_row_bottom{
    position:relative;
    height:30px;
    color: #028E73;
    font-size: 10px;
}

.oos_products_title_holder{
    position:relative;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #00987C;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

.oos_products_title_back{
    position:absolute;
    height: 100%;
    width:40px;
    background-image: url(../../images/icons/FFFFFF/arrow_left.svg);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    cursor:pointer;
}

.oos_products_subtitle{
    position:relative;
    height: 20px;
    line-height: 10px;
    width: 100%;
    background-color: #00987C;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.oos_products_resume{
    position:relative;
    height: 120px;
    background-color: #00987C;
    width: 100%;
}

.oos_products_form_holder{
    position:relative;
    width: 33%;
    height: 100%;
    float:left;
}

.oos_products_dosage_holder{
    position:relative;
    width: 33%;
    height: 100%;
    float:left;
}

.oos_products_package_holder{
    position:relative;
    width: 34%;
    height: 100%;
    float:left;
}

.oos_products_resume_title{
    position:relative;
    color: #B2B4B7;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.oos_products_resume_text{
    position:relative;
    color:#fff;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    width: 60%;
    margin: 0 auto;
}

.oos_products_info{
    position:relative;
    height: 120px;
    width: 100%;
}

.oos_products_double_end_row{
    position:relative;
    height: 80px;
    line-height: 40px;
    padding-left: 10px;
}

.oos_product_double_row_end_top{
    position:relative;
    height: 40px;
    line-height: 50px;
    font-size: 20px;
    color: #000;
}

.oos_product_double_row_end_bottom{
    position:relative;
    height:40px;
    line-height: 30px;
    color: #028E73;
    font-size: 16px;
}

.oos_products_info_title{
    position:relative;
    height: 30px;
    line-height: 30px;
    color: #B2B4B7;
    padding-left: 10px;
}

.oos_products_info_text{
    position:relative;
    height: 60px;
    line-height: 20px;
    color: #000;
    padding-left: 10px;
    width: 100%;
}

.oos_products_price_holder{
    position:relative;
    height: 30px;
    width: 100%;
    line-height: 30px;
}

.oos_products_price_title{
    position:relative;
    height: 100%;
    width: 50%;
    float:left;
    padding-left: 10px;
    color: #6D6E70;
}

.oos_products_prive_text{
    position:relative;
    height: 100%;
    width: calc(50% - 20px);
    float:left;
    text-align: right;
}

.oos_products_details_holder{
    position:absolute;
    bottom: 10px;
    width: calc(100% - 40px);
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.oos_products_date_holder{
    position:relative;
    float:left;
    width: 50%;
    height: 100%;
}

.oos_products_date_title{
    position:relative;
    font-size: 12px;
    color: #A5A2A0;
    width: auto;
    float:left;
}

.oos_products_date_text{
    position:relative;
    font-size: 12px;
    color: #808285;
    text-indent: 10px;
    width: auto;
}

.oos_products_source_title{
    position:relative;
    font-size: 12px;
    color: #A5A2A0;
    width: auto;
    float:left;
    text-align: right;
}

.oos_products_source_text{
    position:relative;
    font-size: 12px;
    color: #808285;
    text-indent: 10px;
    width: auto;
    float:left;
    text-align: right;
}

.oos_products_source_holder{
    position:relative;
    width: auto;
    float:right;
    text-align: right;
}

#ngc_lst_holder{
    position:relative;
    height: auto;
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    background-color: #fff;
    max-height: calc(100vh - 130px);
}

#ngc_lst_holder_ini{
    position: relative;
    height: auto;
    overflow-x: hidden;
    width: 100%;
    background-color: #fff;   
    height: calc(100% - 40px);
    /*max-height: calc(100vh - 130px);*/
}

.ngc_frm_header_div{
    position:relative;
    width:100%;
    float:left;
    height:40px;
}

.ngc_sellout_header{
    height: 40px;
    line-height: 40px;
    background-color:#007A63;
}

.ngc_sellout_subheader{
    height: 30px;
    line-height: 30px;
    background-color: #00987C;
}

.ngc_frm_header_cln1_no_background{
    position:relative;
    width:10px;
    float:left;   
    height:40px;
    background-color:orange;
}

.ngc_frm_header_cln1_no_background_launch{
    position:relative;
    width:10px;
    float:left;   
    height:40px;
    background-color:greenyellow;
}

.ngc_frm_header_cln1_no_background_launch_2{
    position:relative;
    width:10px;
    float:left;   
    height:40px;
    background-color:green;
}

.hidden{
    display: none;
}
.ngc_frm_header_cln1_background{
    position:relative;
    width:10px;
    float:left;   
}

.ngc_frm_header_cln2_header{
    position:relative;
    width:calc(5% - 10px);
    float:left;     
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
}

.ngc_frm_header_cln2{
    position:relative;
    width:calc(5% - 10px);
    float:left;     

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
}

.ngc_frm_header_cln2_white{
    position:relative;
    width:calc(5% - 10px);
    float:left;     
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #008BBF;
}

.ngc_frm_header_cln_dsc{
    position:relative;
    width:5%;
    float:left;         
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
    
}

.ngc_frm_header_cln_dsc_white{
    position:relative;
    width:5%;
    float:left;         
    height:40px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 40px;
}

.ngc_frm_header_cln_prd_header{
    position:relative;
    width:35%;
    float:left;     

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;   
}

.ngc_frm_header_cln_prd{
    position:relative;
    width:35%;
    float:left;     

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;

}

.ngc_frm_header_cln_prd_white{
    position:relative;
    width:35%;
    float:left;     
    height:40px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 40px;    
}

.ngc_frm_header_cln_sllout{
    position:relative;
    width:20%;
    float:left;     
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
}

.ngc_frm_header_cln_encomenda{
    position:relative;
    width:20%;
    float:left;     
    background-color:#007A63;
    height:40px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 40px;    
}

.ngc_frm_header_cln_price{
    position:relative;
    width:15%;
    float:left;     
    background-color:#007A63;
    height:40px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 40px;    
}

.ngc_frm_header_cln_marca{
    position:relative;
    width:5%;
    float:left;     
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;       
}

.ngc_frm_header_cln_marca_white{
    position:relative;
    width:5%;
    float:left;     
    height:40px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 40px;         
}

.ngc_input{
    border: 1px solid #ccc;  
}

.ngc_ini_phr{
    position:relative;
    width:100%;
    float:left;     
    background-color:#fff;
    height:30px;

    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 30px;
    text-align: center;
}

.ngc_dtl_ttl{
    position: relative;
    height: 40px;
    width: 100%;
    line-height: 40px;
    font-size: 16px;
    color: #6C6D6F;
    text-align: center;
    color: #FFF;
    background-color: #00987C;
}

.ngc_dtl_left{
    position: relative;
    height: 40px;
    width: 40%;
    font-size: 12px;
    color: #A5A2A0;
    text-indent: 20px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
}

.ngc_dtl_right{
    position: relative;
    height: 40px;
    width: calc(60% - 20px);
    font-size: 12px;
    color: #A5A2A0;
    font-weight: 300;
    line-height: 40px;
    text-align: right;
    float:right;
    padding-right: 20px;
}

.ngc_dtl_input_right{
    position: relative;
    height: 40px;
    width: calc(30% - 20px);
    font-size: 12px;
    color: #A5A2A0;
    font-weight: 300;
    line-height: 40px;
    text-align: right;
    float:right;
    padding-right: 20px;    
}

.ngc_dtl_header_prd{
    position: relative;
    height: 40px;
    width: 70%;
    font-size: 12px;
    color: #fff;
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
    background-color:#007A63;
}
.ngc_dtl_row_prd_holder{
    position: relative;
    max-height: calc(100% - 90px);
    width: 100%;
    overflow: auto;
}
.ngc_dtl_header_other{
    position: relative;
    height: 40px;
    width: 10%;
    font-size: 12px;
    color: #fff;
    text-indent: 20px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
    background-color:#007A63;
}

.ngc_dtl_row_prd{
    position: relative;
    height: 40px;
    width: 70%;
    font-size: 12px;
    color: #A5A2A0;
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
}

.ngc_dtl_row_other{
    position: relative;
    height: 40px;
    width: 10%;
    font-size: 12px;
    color: #A5A2A0;
    text-indent: 20px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
}

.btns_ngc{
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    width: 180px;
}

.red_btn {background-color: #f44336;} /* Red */ 
.blue_btn {background-color: #008CBA !important;} /* Blue */ 

.height_preview{
    height: 100%;
}

.firstLetter{
    background-color: #3399FF;
    color: #FFF;    
    font-size: 20px;
    margin-right: 2px;
    margin-top: 2px;
    padding: 2px;
    border-radius: 5px;
    box-shadow: 0 0 10px -2px #999999;
}

/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
    z-index: 90000;
}

/* Inner */
.popup-inner {
    max-width:900px;
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
}

.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}

.areatexto {
    width: 100%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    resize: none;
}

.ngc_frm_header_btns{
    position:relative;
    width:20%;
    float:left;
    height:40px;
    top: 45px;    
}

.ngc_frm_header{
    position:relative;
    height: 180px;
    width: 100%;
}

.ngc_frm_header_graph_holder{
    position:relative;
    width: 60%;
    margin: 0 auto;
    height: 100%;
    float: left;
    
    background-color: #f6f6f6;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ngc_frm_header_graph_value{
    position:relative;
    text-align: center;
    font-size: 12px;
    width: calc(100% / 7 - 0.01px);
    height: 20px;
    float:left;
    font-weight: 600;
}

.ngc_frm_header_graph_labels{
    position:relative;
    text-align: center;
    font-size: 10px;
    width: calc(100% / 7 - 0.01px);
    height: 10px;
    float:left;
    font-weight: 400;
}

.ngc_frm_header_graph{
    position: relative;
    width: 100%;
    height: 120px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 5px;
}

.ngc_frm_header_graph_labels_PV_holder{
    position: relative;
    width: 100%;
    height: 20px;
    top: -10px;
}

.ngc_frm_header_graph_labels_PV_text{
    line-height: 20px;
    font-size: 10px;
    color: #fff;
    display: inline-block;
    text-align: center;
}

.ngc_frm_header_graph_labels_holder{
    position:relative;
    width: 100%;
    height: 10px;
    line-height: 10px;
    margin: 0 auto;
}

.ngc_frm_header_graph_value_holder{
    position:relative;
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
}

.ngc_frm_header_right{
    position:relative;
    width:calc(20% - 20px);
    float:right;
    height: 180px;
    bottom: 0px;
    line-height: 40px;
    text-align: right;
    margin-right: 20px;
}

.ngc_frm_header_right_titulo{
     position:relative;
     width: 100%;
     text-align: right;
     font-size: 10px;
     height: 30px;
     margin-top: 70px;
}
.ngc_frm_header_right_value{
    position:relative;
    width: 100%;
    text-align: right;
    font-size: 30px;
    height: 50px;
    font-weight: bold;
    top: -10px;
}

.az_btn {background-color: #FF8300;margin-bottom: 5px;margin-top: 5px;float:left} /* orange */ 

.ngc_frm_bottom_btns{
   position:relative;
   width:100%;
   float:left;
   height:40px;
   text-align: center;
   margin-top: 10px;
   margin-bottom: 15px;
}

.input_dropdown {
    position: relative;
    width: auto; 
    background-color: #fff;  
    box-shadow: 0 0 2px rgb(204, 204, 204);
    transition: all .5s ease;    
    font-size: 12px;
    color: #474747;
    height: 30px;
    line-height: 30px;
    outline: 0;   
    text-align: start;
}

.chosen-container-single .chosen-single{
    width: 100%;
}

.input_dropdown .select {
    cursor: pointer;
    position: relative;
    background-color: #fff;  
    width: 100%;
    outline: 0;
    text-indent: 10px;

    background-image: url('icon/grey/arrow_down.svg');
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: 98% 50%;

    z-index: 810;
}

.input_dropdown .select > i {
    font-size: 13px;
    color: #888;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 20px;    
}
.input_dropdown:hover {
    box-shadow: 0 0 4px rgb(204, 204, 204);
}
.input_dropdown:active {
    background-color: #f8f8f8;    
}
.input_dropdown.active:hover,
.input_dropdown.active {
    box-shadow: 0 0 4px rgb(204, 204, 204);
    background-color: #f8f8f8;    
}
.input_dropdown.active .select > i {
    transform: rotate(-90deg)
}
.input_dropdown .input_dropdown-menu {
    position: relative;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 30px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 5px 5px;    
    display: none;
    max-height: 200px;
    overflow-y: auto;
    text-indent: 10px;
    z-index: 820;
}
.input_dropdown .input_dropdown-menu li {
    transition: all .2s ease-in-out;
    cursor: pointer
} 
.input_dropdown .input_dropdown-menu {
    padding: 0;
    list-style: none;    
}
.input_dropdown .input_dropdown-menu li:hover {
    background-color: #f2f2f2
}
.input_dropdown .input_dropdown-menu li:active {
    background-color: #e2e2e2
}

input[type=radio], input[type=checkbox] {
    display:none;
}

input[type=radio] + label, input[type=checkbox] + label {
    display:inline-block;
    margin:-2px;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

input[type=radio]:checked + label, input[type=checkbox]:checked + label{
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    background-color:#e0e0e0;
}

input[type=radio]:disabled + label{
    opacity: 0.5;
}


.ngc_hst_holder{
    position:relative;
    width: calc(100% / 3 - 0.01px);
    float:left;
    height: 80px;
}

.ngc_hst_cycle{
    position:relative;
    width: 100%;
    height: 40px;
    text-align: center;
    font-weight: 800;
    line-height: 40px;
}

.ngc_hst_cls{
    position:relative;
    width: 100%;
    height: 40px;
    text-align: center;
    font-weight: 400;
    line-height: 40px;
}

.ngc_cnf{
    position: relative;
    width: calc(100% - 40px);
    height: 60px;
    background-color: #00987C;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

.ngc_rmv{
    position: relative;
    width: calc(50% - 30px);
    height: 60px;
    float: left;
    background-color: #be1e2d;
    margin-left: 20px;
    margin-right: 10px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

.ngc_chg{
    position: relative;
    width: calc(50% - 30px);
    height: 60px;
    margin-left: 10px;
    margin-right: 20px;
    float: right;
    background-color: #B2B4B7;
    cursor: pointer;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

.ngc_rmv_2{
    position:relative;
    width: calc(50% - 30px);
    height: 60px;
    float:left;
    background-color: #be1e2d;
    margin-left: 10px;
    margin-right: 20px;
    cursor: pointer;  
    line-height: 60px;
    color: #fff;
    text-align: center;
}

.ngc_cnf_2{
    position: relative;
    width: calc(50% - 30px);
    height: 60px;
    line-height: 60px;
    float: left;
    background-color: #00987C;
    margin-left: 20px;
    margin-right: 10px;
    cursor: pointer;
    color: #fff;
    text-align: center;
}

.btn_scnd_holder{
    position: relative;
    height: 60px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.ngc_dtl_products_holder{
    position:relative;
    overflow: hidden;
    width: 100%;
}

.ngc_dtl_info{
    position:relative;    
    width: 100%;
}

.ngc_dtl_btns{
    position:relative;
    width: 100%;
}

#planos_lst_holder{
    position:relative;
    max-height: calc(100vh - 130px);
    height: auto;
    overflow: auto;
    width: 100%;
}

#searchNewNgc{
    position:relative;
    height: 100%;
    width: 100%;
}

.ngc_row_left_holder{
    position:relative;
    width: 70%;
    height: 100%;
    float:left;
}

.ngc_row_right_holder{
    position:relative;
    width: 30%;
    height: 100%;
    float:left;
}

.ngc_row_right_text{
    position:relative;
    width: calc(100% - 20px);
    height: 100%;
    line-height: 80px;
    text-align: right;
    padding-right: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #57595B;
    white-space: nowrap;
    overflow: hidden;
}

#ngc_condicoes{
    position:absolute;
    height: 40px;
    width: 40px;
    right:0px;
    top:0px;
    background-image: url(../../images/icons/FFFFFF/error.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
    background-color: #00987C;
}

#ngc_condicoes:hover{
    background-color: #007A63;
    cursor: pointer;
}

.pedidos_lst_title_1{
    position:relative;
    float:left;
    height: 40px;
    text-align: center;
    background-color: #00987C;
    color: #fff;
    line-height: 40px;
    font-size: 16px;
    width:100%;
}

.error_div_main{
    position:relative;
    float:left;
    width:100%;    
}

.error_msg_ok{
    position: relative;
    float:left;
    height: 30px;
    width: 100%;
    font-size: 12px;
    color: #00987C;
    text-indent: 20px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;    
}

.error_msg_ko{
    position: relative;
    float:left;
    height: 30px;
    width: 100%;
    font-size: 12px;
    color: #FF361F;
    text-indent: 20px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;    
}

.ngc_frm_header_sllout{
    position:relative;
    width:100%;
    float:left;
    height:40px;
    text-align: center;    
    color: #000;
    line-height: 40px;
}

.error_div_btn{
    position:relative;
    float:left;
    width:100%; 
    text-align: center;
    margin-top:20px;
}

.ngc_frm_header_cln_prd_grp{
    position:relative;
    width:25%;
    float:left;     
    background-color:#007A63;
    height:20px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 20px;    
}

.ngc_frm_header_cln_sllout_grp{
    position:relative;
    width:400px;
    float:left;     
    background-color:#007A63;
    height:20px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 20px;    
}

.ngc_frm_header_cln_marca_grp{
    position:relative;
    width:100px;
    float:left;     
    background-color:#007A63;
    height:20px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 20px;         
}

.ngc_frm_header_cln_prd_white_grp{
    position:relative;
    width:25%;
    float:left;     
    height:25px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 25px;    
}

.outter_grp{
    display: flex;
    overflow-x: auto
}

.inner_grp{
    flex: 0 0 25%;
    height: 1em;
    background: #007A63;
    
    height:20px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 20px; 
}

.inner_grp_sllout{
    flex: 0 0 20%;
    height: 1em;
    background: #007A63;
    
    height:20px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 20px; 
}

.inner_grp_sllout_brd{
    flex: 0 0 5%;
    height: 1em;
    background: #007A63;
    
    height:20px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 20px; 
}


.outer_v2{
  width:35%;
  height:90px;
  white-space: nowrap;
  position: relative;
  overflow-x:hidden;
  overflow-y:hidden;  
}

.div_prd{
  width: 25%;
  background-color: #eee;
  float: none;  
  display: inline-block; 
    line-height: 20px;  
}

.div_sll{
    width: 160px;  
    float: none;  
    display: inline-block;  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color:#fff;
}

.div_brd{
    width: 40px;
    color:#fff;
    float: none;
    display: inline-block;  
  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.ngc_frm_header_div_grp{
    position:relative;
    width:100%;
    float:left;
    height:70px;
}

.outer_v2_2{
  width:100%;
  height:calc(100vh - 320px);
  white-space: nowrap;
  position: relative;
  overflow-x:auto;
  overflow-y:auto;
}

.div_prd_linha{
  width: 100%;
  float: left;  
  display: inline-block;  
  
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: #000;
  line-height: 40px; 
  height: 40px;
}

.div_brd_linha{
  width: 40px;  
  float: none;
  display: inline-block; 
  
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  
  line-height: 40px;
}

.sllout_inputs{
    width:35px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.ngc_grp_prd_cln_ord{
    position:relative;
    float:left;
    width:calc(70% - 160px);        
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.ngc_grp_prd_cln_prd_typ{
    position:relative;
    float:left;
    width:10px;
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.ngc_grp_prd_cln_ord_linha{
    position:relative;
    float:left;
    width:calc(70% - 160px);
    height:40px;
    color:#000;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.ngc_grp_prd_cln_prd_typ_sll{
    position:relative;
    float:left;
    width:10px;
    height:20px;    
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
}

.ngc_grp_prd_cln_prd_typ_az{
    position:relative;
    float:left;
    width:10px;
    height:20px;    
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    background-color:orange;
}

.ngc_grp_prd_cln_prd_typ_launch{
    position:relative;
    float:left;
    width:10px;
    height:20px;    
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    background-color:greenyellow;
}

.div_sll_ord{
    width: 120px;  
    float: none;  
    display: inline-block;  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 20px;
    background-color: #007A63;
    color:#fff;
}

.ngc_grp_dsc_cln_ord{
    position:relative;
    float:left;
    width:5%;
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.ngc_grp_dsc_cln_ord_linha{
    position:relative;
    float:left;
    width:5%;
    height:40px;    
    color:#000;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.div_brd1{
    width: 40px;
    background-color: #53A6CB;
    color:#fff;
    float: none;
    display: inline-block;  
  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    
    line-height: 20px;
}

.div_sll_ord1{
    width: 120px;  
    float: none;  
    display: inline-block;  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 20px;
    background-color: #53A6CB;
    color:#fff;
}

.div_brd_tot{
    width: 40px;
    color:#fff;
    float: left;
    postion:relative;  
  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.div_brd_tot_linha{
    width: 40px;    
    color:#000;
    float: left;
    postion:relative;  
  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    
    line-height: 40px;
}

.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;
 
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

.header_line{
    position: relative;    
}
.encomenda_header{
    width: 200px;  
    float: none;  
    display: inline-block;  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color:#fff;
}

.encomenda_header_0{
    width: 160px;  
    float: none;  
    display: inline-block;  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color:#fff;
}

.outer_v2_2_1{
  width:100%;
  height:calc(100vh - 430px);
  white-space: nowrap;
  position: relative;
  overflow-x:auto;
  overflow-y:auto;
}

.ngc_see{
    position: relative;
    width: calc(50% - 30px);
    height: 60px;
    margin-left: 10px;
    margin-right: 20px;
    float: right;
    background-color: orange;
    cursor: pointer;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

.ngc_see_2{
    position: relative;
    width: calc(100% - 60px);
    height: 60px;
    margin-left: 10px;
    margin-right: 20px;
    float: right;
    background-color: orange;
    cursor: pointer;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

.pedidos_lst_title_resumo{
    position:relative;
    float:left;
    height: 40px;
    text-align: center;
    background-color: #00987C;
    color: #fff;
    line-height: 40px;
    font-size: 16px;
    width:100%;
}

.ngc_alt{
    position: relative;
    width: calc(100% - 40px);
    height: 60px;
    background-color: #B2B4B7;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

.ngc_see_100{
    position: relative;
    width: calc(100% - 40px);
    height: 60px;
    background-color: orange;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

.ngc_see_50{
    position: relative;
    width: calc(50% - 30px);
    height: 60px;
    float: left;
    background-color: orange;
    margin-left: 20px;
    margin-right: 10px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

.ngc_see_pdf{
    position: relative;
    width: calc(50% - 30px);
    height: 60px;
    margin-left: 10px;
    margin-right: 20px;
    float: right;
    background-color: #3399FF;
    cursor: pointer;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

.ngc_prd_line:nth-child(odd) {
    background: #f0f0f0;
}

.rgpd_check_read{
    display:block !important;
}

.rgpd_check_reg{
    display:block !important;
}

.rgpd_check_img{
    display:block !important;
}

.rgpd_check_marketing{
    display:block !important;
}

.background_blue{
    background-color: #BDF4FF;
}

.ngc_resume_title{
    position:relative;
    float:left;
    width:calc(33% - 40px);
    height:auto;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.ngc_resume_side_title{
    position:relative;
    float:left;
    width:20%;
    height: 40px;
    line-height: 40px;
    color:#fff;
    text-align:center;
}

.ngc_resume_text_line{
    position:relative;
    float:left;
    width:100%;
    height:40px;
    line-height:40px;
    text-align:left;
    font-size: 12px;
}

.ngc_resume_text_holder{
    position:relative;
    float:left;
    height:auto;
    width: calc(60% - 10px);
    padding-left: 10px;
}

.ngc_resume_price_holder{
    position:relative;
    float:left;
    width:calc(20% - 10px);
    height:auto;
    padding-right: 10px;
}

.ngc_list_filter_icon{
    position: relative;
    width: 40px;
    height: 40px;
    background-image: url(../../images/icons/FFFFFF/filter.svg);
    background-repeat: no-repeat;
    background-position: center;
    float:left;
    cursor: pointer;
    background-size: 22px;
}

.ngc_list_filter_icon:hover{
    background-color: #007A63;
}

.ngc_list_filter{
    position:relative;
    width: 100%;
    height: 40px;
    background-color: #007A63;
}

.ngc_list_filter_status{
    position:relative;
    float:left;
    width: 200px;
    background-color:#007A63;
    padding-top: 5px;
    height: 30px;
}

.ngc_list_filter_users{
    position:relative;
    float:left;
    width: calc(100% - 550px);
    background-color:#007A63;
    padding-top: 5px;
    height: 30px;
}
.ngc_list_filter_users .chosen-choices{
    max-height: 30px !important;
    overflow-y: auto !important;
}
.baseinfo_ngc_list{
    position: absolute;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0px;
    height: calc(100vh - 90px);
    width: calc(100% - 30px);
    max-height: calc(100vh - 90px);
}

.ngc_frm_header_clean_btn{
    position: absolute;
    width: 40px;
    height: 40px;    
    right: 0px;
    background-image: url('../../images/icons/FFFFFF/delete.svg');    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px 18px;
    cursor: pointer;
}

.ngc_frm_header_clean_btn:active { 
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);
    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);
}

.side_extra_info{
    position:relative;
    width: 100%;
    height: 100px;
}

.aim_header_0{
    width: 10%;  
    float: none;  
    display: inline-block;  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color:#fff;
}

.aim_header{
    width: 30%;  
    float: none;  
    display: inline-block;  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color:#fff;
}

.ngc_sellout_subheader_grp{
    height: 30px;
    line-height: 30px;
    background-color: #007A63;
}

.div_brd_aim_linha{
    width: 10%;    
    color:#000;
    float: left;
    postion:relative;  
  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
}

.sll_base_prd:nth-child(odd) {
    background: #f0f0f0;
}

.teste:nth-child(odd) {
    background: #f0f0f0;
}

.ngc_grp_prd_cln_ord_grp{
    position:relative;
    float:left;
    width:calc(90% - 370px);        
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.encomenda_header_grp{
    width: 200px;  
    float: none;  
    display: inline-block;  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color:#fff;
}

.outer_v2_grp{
  width:50%;
  height:70px;
  white-space: nowrap;
  position: relative;
  overflow-x:hidden;
  overflow-y:hidden;  
}

.div_brd_tot_ord{
    width: 40px;
    color:#fff;
    float: left;
    postion:relative;  
  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.encomenda_header_grp_so{
    width: 160px;  
    float: none;  
    display: inline-block;  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color:#fff;
}

.div_sll_ord_grp{
    width: 180px;  
    float: none;  
    display: inline-block;  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    background-color: #007A63;
    color:#fff;
}

.div_sll_ord_grp_nme{
    width: 180px;  
    float: none;  
    display: inline-block;  
    font-family: 'Roboto', sans-serif;
    font-size: 8px;
    line-height: 20px;
    height: 20px;
    background-color: #007A63;
    color:#fff;
}

.div_brd_tot_grp{
    width: 60px;
    color:#fff;
    float: none;  
    display: inline-block; 
    postion:relative;  
  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.ngc_grp_prd_cln_ord_linha_grp{
    position:relative;
    float:left;
    width:calc(90% - 370px);
    height:40px;
    color:#000;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.vld_plans{
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../../images/icons/FFFFFF/file-check_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75% 75%;
    top: 0px;
    right: 80px;
    cursor: pointer;
}

.vld_plans:hover{
    background-color: #007A63;
}

.info_ngcs{
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../../images/icons/FFFFFF/info.svg);
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    right: 40px;
    cursor: pointer;
}

.info_ngcs:hover{
    background-color: #007A63;
}

.container_lbl {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_lbl input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container_lbl:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a green background */
.container_lbl input:checked ~ .checkmark {
  background-color: #00987C;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_lbl input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_lbl .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mlplnrow{
    color:#000;
    float: left;  
    postion:relative;  
  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
}

.mlplnrow_header{
    color:#fff;
    float: left;  
    postion:relative;  
  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    background-color:#007A63;
}

.ngc_frm_bottom_btns_modal_vld{
   position:relative;
   width:100%;
   float:left;
   height:40px;
   text-align: center;
   margin-top: 10px;
   margin-bottom: 15px;
}

.grey_btn {background-color: #B2B4B7;} /* grey */ 

.div_brd_tot_linha_red{
    width: 40px;    
    color:#ff0000;
    float: left;
    postion:relative;  
  
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
}

.div_brd_linha_grp{
  width: 60px;  
  float: none;
  display: inline-block; 
  
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  
  line-height: 40px;
}

.ngc_sellout_header_20px{
    height: 20px;
    line-height: 20px;
    background-color:#007A63;
}

.ngc_frm_header_div_grp_so{
    position:relative;
    width:100%;
    float:left;
    height:90px;
}

.ngc_dtl_left_grp{
    position: relative;
    height: 40px;
    width: 30%;
    font-size: 12px;
    color: #A5A2A0;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
}

.ngc_dtl_right_grp{
    position: relative;
    height: 40px;
    width: 15%;
    font-size: 12px;
    color: #A5A2A0;
    font-weight: 300;
    line-height: 40px;      
    float:left;
}

.ngc_dtl_other{
    position: relative;
    height: 40px;
    width: calc(40% - 20px);
    font-size: 12px;
    color: #A5A2A0;
    font-weight: 300;
    line-height: 40px;
    text-align: right;
    float:left;
}

.ngc_dtl_left_grp_title{
    position: relative;
    height: 40px;
    width: 30%;
    font-size: 13px;
    color: #A5A2A0;    
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
    font-weight: bold;
}

.ngc_dtl_right_grp_title{
    position: relative;
    height: 40px;
    width: 15%;
    font-size: 13px;
    color: #A5A2A0;
    font-weight: 300;
    line-height: 40px;
    text-align: left;        
    float:left;
    font-weight: bold;
}

.ngc_dtl_empty_grp{
    position: relative;
    height: 40px;
    width: 20px;
    line-height: 40px;
    float:left;
}

.ngc_dtl_so_btn{
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 10px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    cursor: pointer;
    width: 90%;
}

.div_prd_linha_9{
  width: 100%;
  float: left;  
  display: inline-block;  
  
  font-family: 'Roboto', sans-serif;
  font-size: 9px;
  color: #000;
  line-height: 40px; 
  height: 40px;
}

.div_sll_ord_grp_nme_so{
    width: 160px;  
    float: none;  
    display: inline-block;  
    font-family: 'Roboto', sans-serif;
    font-size: 8px;
    line-height: 30px;
    height: 30px;
    background-color: #007A63;
    color:#fff;
}

.ngc_sellout_subheader_grp_brd{
    height: 30px;
    line-height: 30px;
    background-color: #00987C;
}

.ngc_sellout_header_first_so{
    height: 30px;
    line-height: 30px;
    background-color:#007A63;
}

.ngc_dtl_header_ord_nmb{
    position: relative;
    height: 40px;
    width: 60%;
    font-size: 12px;
    color: #fff;
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
    background-color:#007A63;
}

.ngc_dtl_header_other_dtl_vld{
    position: relative;
    height: 40px;
    width: 20%;
    font-size: 12px;
    color: #fff;
    text-indent: 0px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
    background-color:#007A63;
}

.ngc_dtl_row_ord_nmb{
    position: relative;
    height: 40px;
    width: 60%;
    font-size: 12px;
    color: #A5A2A0;
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
}

.ngc_dtl_row_other_nmb{
    position: relative;
    height: 40px;
    width: 20%;
    font-size: 12px;
    color: #A5A2A0;
    text-indent: 20px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
}

.edit_highlight{        
    background-image: url('../../images/icons/000000/edit.svg');   
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
    cursor: pointer;
}

.ngc_frm_header_right_titulo_edt{
    position:relative;
    width: 50%;
    text-align: right;
    font-size: 10px;
    height: 30px;   
    float:left;
}

.ngc_frm_header_right_dlvdte_lbl{
    height: 35px;
    line-height: 35px;    
    text-align: center;
    font-size:12px;
    font-weight:bold;
}

.ngc_frm_header_right_dlvdte_btn{
    height: 30px;
    line-height: 30px;    
}

.ngc_frm_header_right_dlvdte_edt{
    position:relative;
    width: 100%;        
    float:left;
}

.ngc_frm_header_right_value_edt{
    position:relative;
    width: 50%;
    text-align: right;
    font-size: 30px;
    height: 50px;
    font-weight: bold;
    top: -10px;
    float:left;
}

.edit_highlight_off{        
    background-image: url('../../images/icons/000000/lock.svg');   
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

.ngc_frm_header_cln1_not_grp_by_aim{
    position:relative;
    width:10%;
    float:left;  
    
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
}

.ngc_frm_header_not_grp_by_prd{
    position:relative;
    width:60%;
    float:left;     

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
}

.ngc_frm_header_cln1_not_grp_by_marca{
    position:relative;
    width:20%;
    float:left;  
    
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
}

.ngc_frm_header_cln1_not_grp_by_so{
    position:relative;
    width:10%;
    float:left;  
    
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
}

.ngc_frm_header_cln_not_grp_by_aim{
    position:relative;
    width:10%;
    float:left;     
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;       
}

.ngc_frm_header_cln_prd_white_not_grp_by{
    position:relative;
    width:60%;
    float:left;     
    height:40px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 40px;    
}

.ngc_frm_header_cln_aim_white_not_grp_by{
    position:relative;
    width:10%;
    float:left;     
    height:40px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 40px;    
}

.ngc_frm_header_cln_marca_white_not_grp_by{
    position:relative;
    width:20%;
    float:left;     
    height:40px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 40px;    
}

.ngc_frm_header_cln_SO_white_not_grp_by{
    position:relative;
    width:10%;
    float:left;     
    height:40px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 40px;    
}

.font_not_grp_by{   
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.ngc_frm_header_cln_prd_header_not_grp_by_frm{
    position:relative;
    width:51%;
    float:left;     

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;  
}

.ngc_frm_header_cln_dsc_not_grp_by_frm{
    position:relative;
    width:7%;
    float:left;         
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;    
}

.ngc_frm_header_cln2_header_not_grp_by_frm{
    position:relative;
    width:calc(7% - 10px);
    float:left;     
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
}

.ngc_frm_header_cln2_white_not_grp_by_frm{
    position:relative;
    width:calc(7% - 10px);
    float:left;     
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #008BBF;
}

.ngc_frm_header_cln_dsc_white_not_grp_by_frm{
    position:relative;
    width:7%;
    float:left;         
    height:40px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 40px;
}

.ngc_frm_header_cln_prd_white_not_grp_by_frm{
    position:relative;
    width:51%;
    float:left;     
    height:40px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 40px;    
}

.ngc_list_filter_title{
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #00987C;
    display: flex;
    justify-content: center;
    
}

.ngc_list_filter_ngc{
    position: relative;
    float: right;
    width: 150px;
    background-color: #00987C;
    padding-top: 5px;
    height: 30px;
    left: 10px;
}

.ngc_list_filter_ngc .chosen-choices{
    max-height: 30px !important;
    overflow-y: auto !important;
}
.ngc_list_filter_title_text{
    position: relative;
    color: #fff;
    line-height: 40px;
    font-size: 16px;
    height: 40px;
    width: auto;
    float: left;
    text-indent: 10px;
    right:10px;
}

.ngc_prd_fml {
    background-color: #00987C;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
}

.ngc_alert_title{
    background-color: #00987C;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    height: 40px;
    text-indent: 10px;
    line-height: 40px;
    color: #fff;
}

.ngc_alert_content{
    text-indent: 20px;
    height: 300px;
    padding-top: 20px;
}
    
.btns_ngc_alert{
    background-color: #008CBA; /* Blue */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    width: 180px;
}

.ngc_alert_button_wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%
}

.ngc_grp_prd_cln_ord_not_grp_by{
    position:relative;
    float:left;
    width:calc(80% - 160px);        
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.ngc_grp_prd_cln_ord_linha_not_grp_by{
    position:relative;
    float:left;
    width:calc(80% - 160px);
    height:40px;
    color:#000;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.aim_header_not_grp_by{
    width: 10%;  
    position:relative;
    float:left; 
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color:#fff;
}

.outer_v2_2_not_grp_by{
  width:100%;
  height:calc(100vh - 290px);
  white-space: nowrap;
  position: relative;
  overflow-x:auto;
  overflow-y:auto;
}

.ngc_frm_header_div_grp_so_not_grp_by{
    position:relative;
    width:100%;
    float:left;
    height:60px;
}

.outer_v2_not_grp_by{
  width:35%;
  height:60px;
  white-space: nowrap;
  position: relative;
  overflow-x:hidden;
  overflow-y:hidden;  
}

.div_brd_linha_not_grp_by{
  width: 160px;  
  float: none;
  display: inline-block; 
  
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  
  line-height: 40px;
}

.ngc_sellout_subheader_grp_not_grp_by{
    height: 30px;
    line-height: 30px;
    background-color: #00987C;
}

.div_sll_ord_grp_nme_so_not_grp_by{
    width: 160px;  
    float: none;  
    display: inline-block;  
    font-family: 'Roboto', sans-serif;
    font-size: 8px;
    line-height: 30px;
    height: 30px;
    background-color: #00987C;
    color:#fff;
}

.outer_v2_grp_not_grp_by{
  width:30%;
  height:40px;
  white-space: nowrap;
  position: relative;
  overflow-x:hidden;
  overflow-y:hidden;  
}

.ngc_grp_dsc_cln_ord_aim_not_grp_by{
    position:relative;
    float:left;
    width:10%;
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.encomenda_header_grp_so_not_grp_by{
    position:relative;
    float:left;
    width:5%;
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.encomenda_header_grp_ord_not_grp_by{
    position:relative;
    float:left;
    width:10%;
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.ngc_grp_prd_cln_ord_grp_not_grp_by{
    position:relative;
    float:left;
    width:calc(55% - 10px);        
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.ngc_grp_prd_cln_ord_linha_grp_not_grp_by{
    position:relative;
    float:left;
    width:calc(55% - 10px); 
    height:40px;
    color:#000;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.div_brd_tot_linha_grp_not_grp_by{
    width: 5%;    
    color:#000;
    float: left;
    postion:relative;  
  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    
    line-height: 40px;
}

.div_brd_tot_linha_not_grp_by{
    width: 5%;    
    color:#000;
    float: left;
    postion:relative;  
  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    
    line-height: 40px;
}

.outer_v2_grp_not_grp_by{
  width:30%;
  height:40px;
  white-space: nowrap;
  position: relative;
  overflow-x:hidden;
  overflow-y:hidden;  
}

.ngc_frm_header_div_grp_not_grp_by{
    position:relative;
    width:100%;
    float:left;
    height:40px;
}

.ngc_grp_dsc_cln_ord_aim_linha_not_grp_by{
    position:relative;
    float:left;
    width:10%;
    color:#000;
    font-family: 'Roboto', sans-serif;
    line-height: 40px;
    font-size: 12px;
}

.div_brd_linha_grp_not_grp_by{
  width: 180px;  
  float: none;
  display: inline-block; 
  
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  
  line-height: 40px;
}

.outer_v2_2_1_not_grp_by{
  width:100%;
  height:calc(100vh - 440px);
  white-space: nowrap;
  position: relative;
  overflow-x:auto;
  overflow-y:auto;
}

#ngc_launch2{
    position:absolute;
    height: 40px;
    width: 40px;
    right:40px;
    top:0px;
    background-image: url(../../images/icons/FFFFFF/info.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
    background-color: #00987C;
}

#ngc_launch2:hover{
    background-color: #007A63;
    cursor: pointer;
}

.info_launch_header1{
    width: 40%;  
    float: left;
    position:relative;
  
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #007A63;
}

.info_launch_header2{
    width: 20%;  
    float: left;
    position:relative;
  
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #007A63;
}

.info_launch_tot1{
    width: 40%;  
    float: left;
    position:relative;
  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #00987C;
}

.info_launch_tot2{
    width: 20%;  
    float: left;
    position:relative;
  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #00987C;
}

.info_launch1{
    width: 40%;  
    float: left;
    position:relative;
  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.info_launch2{
    width: calc(100% / 3);  
    float: left;
    position:relative;
  
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.wrap_info{
    width: 60%;  
    float: left;
    position:relative;
}

.firstLetter_p20{
    background-color: #FF0000;
    color: #FFF;    
    font-size: 20px;
    margin-right: 2px;
    margin-top: 2px;
    padding: 2px;
    border-radius: 5px;
    box-shadow: 0 0 10px -2px #999999;
}

.lst_doc_header{
    position: relative;
    height: 40px;
    width: 22%;
    font-size: 12px;
    color: #fff;
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
    background-color:#007A63;
}

.lst_doc_header_icon{
    position: relative;
    height: 40px;
    width: 6%;
    font-size: 12px;
    color: #fff;
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
    background-color:#007A63;
}

.lst_doc_row{
    position: relative;
    height: 40px;
    width: 22%;
    font-size: 12px;
    color: #A5A2A0;
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
}

.lst_doc_row_icon{
    position: relative;
    height: 40px;
    width: 6%;
    font-size: 12px;
    color: #A5A2A0;
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
    align-items: center;
    display: flex;
    justify-content: center;
}

.lst_doc_row_download_icon{
    position: relative;
    cursor: pointer;
    height: 16px;
    width: 16px;
    background: url('../../images/icons/others/file-download.svg') center center no-repeat ;
}

.lst_doc_row_remove_icon{
    position: relative;
    cursor: pointer;
    height: 16px;
    width: 16px;
    background: url('../../images/icons/others/file-remove.svg') center center no-repeat ;
}


.ngc_dtl_doc{
    position: relative;    
    width: 100%;
    font-size: 16px;
    color: #6C6D6F;
    text-align: center;
    color: #FFF;
    background-color: #00987C;
    display: flex;
    justify-content: center;
    height: 40px;
    align-items: center;
}

.ngc_dtl_no_doc{
    position: relative;
    height: 40px;
    width: 100%;
    font-size: 12px;
    color: #A5A2A0;
    text-indent: 20px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;    
}

.doc_modal_title{
    background-color: #00987C;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    height: 40px;
    text-indent: 10px;
    line-height: 40px;
    color: #fff;
}

.doc_modal_content{
    text-indent: 20px;
    height: 300px;
    padding-top: 20px;
}

.btn_upload_doc{    
    border: none;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    width: 220px;
    background: #B2B4B7 url('../../images/icons/others/file-upload.svg') center center no-repeat ;
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

#ngc_add_doc{
    position:absolute;
    height: 40px;
    width: 40px;
    right:80px;
    top:0px;
    background-image: url(../../images/icons/others/file-upload.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
    background-color: #00987C;
}

#ngc_add_doc:hover{
    background-color: #007A63;
    cursor: pointer;
}

.lst_doc_header_description{
    position: relative;
    height: 40px;
    width: 44%;
    font-size: 12px;
    color: #fff;
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
    background-color:#007A63;
}

.lst_doc_row_description{
    position: relative;
    height: 40px;
    width: 44%;
    font-size: 12px;
    color: #A5A2A0;
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
}

#ngc_add_doc_ini{
    position:absolute;
    height: 40px;
    width: 40px;
    right:0px;
    top:0px;
    background-image: url(../../images/icons/others/file-upload.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
    background-color: #00987C;
}

#ngc_add_doc_ini:hover{
    background-color: #007A63;
    cursor: pointer;
}

.exp_template_header_wrapper{    
    width:100%;
    background-color: #007A63;
    height: 24px;
}
.exp_template_header{
    position:relative;
    float:left;
    background-color: #007A63;
    color: #fff;
}
.exp_template_small_w{    
    width:20%;
}
.exp_template_large_w{    
    width:60%;
}
.exp_template_row{ 
    position:relative;
    float:left;
    height: 24px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #6C6D6F;
}
.exp_template_row_wrapper{    
    width:100%;
    height: 42px;
    display: inline-block;
}
.exp_template_row_wrapper:hover{
   background-color:#D3D3D3;
}
.ngc_frm_header_ref_wrapper{
    height:20px;
    width:180px;
    display: inline-block;
}
.ngc_frm_header_grp_clean_btn {
    width: 20px;
    height: 20px;
    right: 0px;
    background-image: url(../../images/icons/FFFFFF/delete.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px 18px;
    cursor: pointer;
    float: left;
}
.div_sll_ord_grp2 {
    width: 40px;
    float: left;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    background-color: #007A63;
    color: #fff;
}

.imp_template_small_w{
    width:20%;
}
.imp_template_large_w{
    width:40%;
}

.ngc_loading_content{
    height: 50px;
    padding-top: 20px;
    font-family: 'Roboto', sans-serif;
    color: #A5A2A0;
}

.ngc_loading_title{
    background-color: #00987C;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    height: 40px;
    text-indent: 10px;
    line-height: 40px;
    color: #fff;
}

.firstLetter_frm{
    background-color: #6C6D6F;
    color: #FFF;    
    font-size: 20px;
    margin-right: 2px;
    margin-top: 2px;
    padding: 2px;
    border-radius: 5px;
    box-shadow: 0 0 10px -2px #999999;
    height: 40px;
    line-height: 40px;
}

#ngc_req_plt{
    position:absolute;
    height: 40px;
    width: 40px;
    right:120px;
    top:0px;
    background-color: #00987C;
}

#ngc_req_plt:hover{
    background-color: #007A63;
    cursor: pointer;
}

.ngc_dtl_so_btn_individual{
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 10px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    cursor: pointer;
    width: 50%;
}

.info_goal_header1{
    width: 15%;  
    float: left;
    position:relative;
  
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #007A63;
    color:#fff;
}

.info_goal_header2{
    width: 70%;  
    float: left;
    position:relative;
  
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #007A63;
    color:#fff;
}

.info_goal1{
    width: 15%;  
    float: left;
    position:relative;
  
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    
    height: 30px;
    line-height: 30px;
}

.goal_align_r{
    text-align: right;
}

.info_goal2{
    width: 70%;  
    float: left;
    position:relative;
  
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    
    height: 30px;
    line-height: 30px;
}

.info_goal_bottom1{
    width: 85%;  
    float: left;
    position:relative;
  
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #69B93D;
    color:#000;
}

.info_goal_bottom2{
    width: 15%;  
    float: left;
    position:relative;
  
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #69B93D;
    text-align: right;
    color:#000;
}

.ngc_frm_header_edt_ord{
    position:relative;
    height: 60px;
    width: 100%;
}

.ngc_frm_header_edt_ord_2020{
    position:relative;
    height: 100px;
    width: 100%;
    margin-top:5px;
    margin-bottom:5px;
}

.ngc_frm_header_btns_edt_ord{
    position:relative;
    width:40%;
    float:left;
    height:44px;
    top: 8px;
    left: 8px;    
}

.ngc_frm_header_dlvdte_edt_ord_2020{
    position: relative;
    width: 200px;
    float: left;
    height: 100px;
    bottom: 0px;
    line-height: 100px;
    text-align: right;
    margin-right: 10px; 
}

.ngc_frm_header_btns_edt_ord_2020{
    position:relative;
    width:calc(100% - 620px);
    float:left;
    height:100px;  
}

.ngc_frm_header_right_edt_ord{
    position:relative;
    width:calc(30% - 20px);
    float:right;
    height: 60px;
    bottom: 0px;
    line-height: 40px;
    text-align: right;
    margin-right: 20px;
}

.ngc_frm_header_right_edt_ord_2020{
    position: relative;
    width: 400px;
    float: left;
    height: 100px;
    bottom: 0px;
    line-height: 100px;
    text-align: right;
    margin-right: 10px;
}


.ngc_frm_header_cln1_background_edt_ord{
    position:relative;
    width:10px;
    float:left;   
}

.ngc_frm_header_cln2_header_edt_ord{
    position:relative;
    width:calc(5% - 10px);
    float:left;     
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
}

.ngc_frm_header_cln_dsc_edt_ord{
    position:relative;
    width:10%;
    float:left;         
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;    
}

.ngc_frm_header_cln_prd_edt_ord{
    position:relative;
    width:45%;
    float:left;   
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
}

.ngc_frm_header_cln2_white_edt_ord{
    position:relative;
    width:calc(5% - 10px);
    float:left;     
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #008BBF;
    text-align: center;
}

.ngc_frm_header_cln_dsc_white_edt_ord{
    position:relative;
    width:10%;
    float:left;         
    height:40px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 40px;
}

.ngc_frm_header_cln_prd_white_edt_ord{
    position:relative;
    width:45%;
    float:left;     
    height:40px;

    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 40px;    
}

.btns_ngc_edt{
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    width: 250px;
}

#ngc_lst_holder_edt{
    position:relative;
    height: calc(100vh - 130px);
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    background-color: #fff;
    max-height: calc(100vh - 130px);
}

.outer_v2_2_1_not_grp_by_edt{
  width:100%;
  height:calc(100vh - 300px);
  white-space: nowrap;
  position: relative;
  overflow-x:auto;
  overflow-y:auto;
}

.file_highlight{        
    background-image: url('../../images/icons/FFFFFF/file.svg');   
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
    cursor: pointer;
}

.log_highlight{
    background-image: url('../../images/icons/000000/log.svg');   
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
    cursor: pointer;
}

.phr_lst_h{
    position:relative;
    float:left;
    width:100%;  
    line-height:50px;
}

.phr_lst_h:hover{
    background-color: #D3D3D3;
}

.phr_lst_id{
    position:relative;
    float:left;
    width:10%;
    height:50px;
    line-height:50px;
    text-align:left;
    color: #6C6D6F;
}

.phr_lst_nme{
    position:relative;
    float:left;
    width:50%;
    height:50px;
    line-height:50px;
    text-align:left;
    color: #6C6D6F;
}

.phr_lst_icon{
    position:relative;
    float:left;
    width:40%;
    height:50px;
    line-height:50px;
    text-align:right;
    color: #6C6D6F;
}

.ngc_dtl_header_other_dtl_vld_center{
    position: relative;
    height: 40px;
    width: 20%;
    font-size: 12px;
    color: #fff;
    text-indent: 0px;
    font-weight: 300;
    line-height: 40px;
    text-align: center;
    float:left;
    background-color:#007A63;
}

.ngc_dtl_row_other_nmb_center{
    position: relative;
    height: 40px;
    width: 20%;
    font-size: 12px;
    color: #A5A2A0;
    text-indent: 20px;
    font-weight: 300;
    line-height: 40px;
    text-align: center;
    float:left;
}

.w10{
    width:10%;
}

.w25{
    width:25%;
}

.w45{
    width:45%;
}

.w50{
    width:50%;
}

.w55{
    width:55%;
}

.w100{
    width:100%;
}

.log_row_wrapper{    
    width:100%;
    height: 30px;
    position: relative;
    float: left;
}
.log_row_wrapper:hover{
   background-color:#D3D3D3;
}

.log_row_cell{
    position: relative;
    height: 30px;
    font-size: 14px;
    color: #6C6D6F;
    text-indent: 20px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
}

.w35{
    width:35%;
}

.cancel_ord{
    background-image: url('../../images/icons/000000/cancel.svg');   
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
    cursor: pointer;
}

.ok_ord{
    background-image: url('../../images/icons/000000/ok.svg');   
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
    cursor: pointer;
}
.suggestion_lst_title{
    position: relative;
    height: 40px;
    text-align: center;
    background-color: #00987C;
    color: #fff;
    line-height: 40px;
    font-size: 16px;
}

.suggestion_left_holder{
    position:relative;
    text-align: left;
    height: 50px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 20px;
    float:left;
    width: calc(50% - 20px);
}

.suggestion_right_holder{
    position:relative;
    height: 40px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    text-align: right;
    float:left;
    width: calc(50% - 20px);
}

.suggestion_title{
    color: #57595B;
    font-weight: 800;
    font-size: 14px;
}

.suggestion_subtitle{
    color: #808285;
    font-size: 12px;
}

.suggestion_pharmacy{
    color: #00987C;
    font-size: 14px;
    font-weight: bold;
}

.suggestion_detail_line_holder{
    position:relative;
    width: 100%;
    float:left;
}

.suggestion_detail_title{
    color: #57595B;
    font-weight: 800;
    font-size: 14px;
    line-height: 20px; 
    height: 20px;
}

.suggestion_detail_subtitle{
    color: #808285;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}

.suggestion_detail_right{
    position:relative;
    width: 50%;
    float:left;
    text-align: right;
}

.suggestion_detail_left{
    position:relative;
    width: 50%;
    float:left;
    text-align: left;
}

.suggestion_detail_description{
    position: relative;
    border: 1px #000 solid;
    padding: 10px;
    height: calc(100% - 260px);
    width: calc(100% - 22px);
    float: left;
    font-size: 14px;
}

.suggestion_archive{
    position:relative;
    width: 100%;
    background-color: #00987C;
    float:left;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
}

.suggestion_archive_list{
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../../images/icons/FFFFFF/box.svg);
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.suggestion_back{
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../../images/icons/FFFFFF/arrow_left.svg);
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    left: 0px;
    cursor: pointer;
    z-index: 1;
}

.suggestion_detail_margin{
    margin-bottom: 20px;
}

.suggestion_detail_holder{
    position: relative;
    margin: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 80px);
}

#new_suggestion_holder{
    position: relative;
    margin: 20px;
    height: calc(100% - 80px);
    width: calc(100% - 40px);
}

.new_suggestion_icon{
    position:relative;
    background-image: url(../../images/icons/00987C/box.svg);
    height: 150px;
    width: 100%;
    background-repeat: no-repeat;
    background-position:center;
    background-size: 90px;
}

.new_suggestion_title{
    position:relative;
    width: 100%;
    text-align: center;
    color: #57595B;
    font-weight: 800;
    font-size: 26px;
    height: 30px;
}

.new_suggestion_subtitle{
    position:relative;
    width: 100%;
    text-align: center;
    color: #808285;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 20px;
    height:30px;
}

.new_suggestion_description_holder{
    position:relative;
    width: 100%;
    height: calc(100% - 410px);
}

.new_suggestion_description{
    position: relative;
    width: calc(100% - 17px);
    height: calc(100% - 10px);
    resize: none;
    padding: 7px;
}

.new_suggestion_description_remaining{
    position: relative;
    width: 100%;
    text-align: right;
    color: #808285;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 13px;
    height: 20px;
    padding-top: 7px;
}

.new_suggestion_send_button{
    position:relative;
    width: 100%;
    background-color: #00987C;
    float:left;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
}

.new_suggestion_typs{
    position:relative;
    height: 40px;
    width: 100%;
    margin-bottom: 10px;
}

.video_title_text{
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    color:black;
    text-indent: 10px;
    margin-top: 10px;
}

.video_download{
    position:absolute;
    height: 30px;
    width: 30px;
    top:0px;
    background-color: #00987C;
    right: 0px;
    cursor: pointer;
    border-bottom-left-radius: 25%;
}

.video_download_icon{
    background-image: url(../../images/icons/FFFFFF/video_download.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    width: 30px;
    border-bottom-left-radius: 25%;
}

.market_data_grey{
    color: #6C6D6F;
}

.holder_market_data{
    position: relative;
    width:auto;
    height: 100%;
}

.month_data_holder{
    position:relative;
    height: calc(100% - 20px);
    outline: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.month_data_total_holder{
    position: relative;
    width: calc(100% - 40px);
    height: 50%;
    background-color: #fff;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px 0px rgba(0,0,0,0.3);
}

.month_data_total_info{
    height: calc(100% - 30px);
    width: 100%;
}

.month_data_total_info2{
    height: calc(100% - 70px);
    width: calc(100% - 40px);
    margin: 20px;
}

.month_data_total_info_left{
    position:relative;
    width: calc(50% - 40px);
    height: calc(100% - 50px);
    float:left;
    padding: 20px;
    padding-top: 30px;
}

.month_data_text{
    position:relative;
    height: auto;
    line-height: 20px;
    color: #999999;
    font-weight: 400;
    font-size: 14px;
}

.month_data_value{
    position:relative;
    height: 50px;
    font-size: 18px;
    font-weight: 600;
}

.month_data_total_title{
    position:relative;
    height:40px;
    width: 100%;
    line-height: 40px;
    color: #FFF;
    background-color: #6D6E70;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.month_data_graph{
    position:relative;
    height: 100px;
    width: 100px;
    margin: 25% auto;
}

.month_data_graph_value{
    position:absolute;
    width: 100%;
    text-align: center;
    top: calc(50% - 9px);
    font-size: 18px;
    font-weight: 600;
    color: #888;
    
}

.month_data_subinfo_holder{
    position: relative;
    width: calc(50% - 30px);
    height: calc(50% - 60px);
    margin: 20px;
    margin-right: 10px;
    float: left;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0 0 20px 0px rgba(0,0,0,0.3);
}

.month_data_subinfo2_holder{
    position:relative;
    width: calc(50% - 30px);
    margin: 20px;
    margin-left: 10px;
    float:left;
    background-color: #FFF;
    height: calc(50% - 60px);
    border-radius: 10px;
    box-shadow: 0 0 20px 0px rgba(0,0,0,0.3);
}

.month_data_precedente_holder{
    position: relative;
}

.month_data_prec_text_holder{
    position: relative;
}

.month_data_icon{
    position:absolute;
    height: 30px;
    width: 30px;
    right: 0px;
    top:0px;
}

.market_data_down_arrow{
    background-image: url(../../images/icons/others/Down.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.market_data_up_arrow{
    background-image: url(../../images/icons/others/Up.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.month_data_last_update{
    position:absolute;
    bottom:10px;
    right: 20px;
    color: #999999;
    font-size: 12px;
}

.market_data_slick{
    position:relative;
    width: 100%;
    height: 100%;
}

.market_data_darkGreen{
    background-color: #269E75;
}

.market_data_blue{
    background-color: #1388C9;
}

.market_data_darkBlue{
    color: #204E77;
}

.mainColor{
    color: #00987C;
}

.ngc_frm_header_btns_v2{
    position:relative;
    width:20%;
    float:left;
    height:100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.launch_btn {background-color: #69B93D;margin-bottom: 5px;margin-top: 5px;float:left} /* greenyellow */
.launch_new {background-color: #008CBA;margin-bottom: 5px;margin-top: 5px;float:left} /* greenyellow */

.ngc_frm_header_cln1_no_background_launch_new{
    position:relative;
    width:10px;
    float:left;   
    height:40px;
    background-color:#008CBA;
}

.baseinfo_ini{
    position: absolute;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 10px;    
    overflow-x: hidden;
    overflow-y: auto;
    top: 0px;
    width: calc(100% - 30px);
    height: calc(100vh - 90px);
}

.btns_ngc_edt1{
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    width: 120px;
}

.az_btn_edt_ord {
    background-color: #FF8300;
    float:left
} /* orange */ 
.launch_btn_edt_ord {background-color: #69B93D; float:left} 
.launch_new_edt_ord {background-color: #008CBA; float:left}

.market_data_right_arrow{
    position: absolute; 
    width: 24px;
    height: 24px;
    right:0px;
    top: 51.5%;

    background-image: url('../../images/icons/6D6E70/arrow_right.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    cursor: pointer;
}

.market_data_left_arrow{
    position: absolute;
    width: 24px;
    height: 24px;
    left:0px;    
    top: 51.5%;

    background-image: url('../../images/icons/6D6E70/arrow_left.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    cursor: pointer;
}

.row_suggestion{
    position: relative;       
    background-color: #00987C;
    cursor: pointer;
    width: 100%;
    height: 70px;
    margin-bottom: 20px;
    border-radius: 40px;
}

.cmp_suggestion_back{
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../../images/icons/FFFFFF/arrow_left.svg);
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    left: 0px;
    cursor: pointer;
    z-index: 1;
}

.cmp_suggestion_text{
    position:relative;
    width: 100%;
    height: 70px;
    padding-top: 10px;
    padding-left: 30px;
    font-family: 'Open Sans' !important;
}

.cmp_suggestion_text1{
    color: #FFF;
    font-weight: bold;
    font-size: 24px;
    position:relative;
}

.cmp_suggestion_text2{
    color: #FFF;
    position: relative;
    height: 18px;
    font-size: 11px;
    position: relative;
    font-weight: 100;
    line-height: 20px;
}

.cmp_suggestion_icon{
    position:absolute;
    top: 5px;
    right: 5px;
    background-size: 60px;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url('../../images/icons/others/icon_sug_encom_green.svg');
    width: 100%;
    height: 70px;
}

.cmp_create_sug{
    position:absolute;
    background-color: #FFF;
    right: 8px;
    height: 24px;
    width: 140px;
    top: 8px;
    border-radius: 12px;
    color: rgba(19, 136, 201, 1);
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    cursor:pointer;
}

.cmp_suggestion_icon3{
    position:absolute;
    top: 5px;
    right: 5px;
    background-size: 60px;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url('../../images/icons/others/icon_sug_encom_blue.svg');
    width: 100%;
    height: 70px;
}

.cmp_suggestion_checkbox{
    cursor: pointer;
    width: 24px;
    height: 24px;
    padding-top: 56px;
    padding-right: 32px;
    background: url(../../images/icons/00987C/checkbox_outline.svg) center center no-repeat;
}

.cmp_suggestion_checkbox.checked{
        background: url(../../images/icons/00987C/checkbox.svg) center center no-repeat;
}

.cmp_new_sugestion_phr_holder{
    position:relative;
    width: 100%;
    padding-left: 20px;
}

.cmp_suggestion_text4{
    color: #FFF;
    font-weight: bold;
}

.cmp_suggestion_icon2{
    background-size: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../../images/icons/FFFFFF/archery.svg);
    width: 100%;
    height: 80px;
}

.darkGreenBG{
    background-color: #007A63;
}

.cmp_suggestion_info{
    padding-left: 20px;
    position: relative;
    width: 60%;
    height: 100%;
    font-size: 16px; 
    flex: 3;
}

.cmp_suggestion_values{
    position: relative;
    width: 50%;
    height: 100%;
    text-align: right;
    line-height: 80px;
    font-size: 14px;
    padding-right: 12.5px;
}

.cmp_suggestion_title{
    position: relative;
    height: 40px;
    line-height: 60px;
    font-weight: bold;
}

.cmp_suggestion{
    position: relative;
    height: 40px;
    line-height: 30px;
    font-size: 14px;
}

.cmp_suggestion_icon_holder{
    position: relative;
    width: 50px;
    height: 100%;
}

.cmp_suggestion_pharmacy_icon{
    background-size: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 80px;
}

.icon_archery_green{
    background-image: url('../../images/icons/00987C/archery.svg');
}

.btn_select_warehouse{
    background-image: url('../../images/icons/00987C/warehouse.svg');
    background-repeat: no-repeat;
    background-position: 189px;
     background-position-y: 11px;
    background-size: 14px;
    margin-left: 20px;
    text-align: left;
    text-indent: 22px;
}

.warehouse_header{
    position:relative;
    background-color: #00987C;
    width: 100%;
    height: 150px;
    text-indent: 50px;
    color: #fff;
    font-weight: bold;
}

.warehouse_close{
    position:absolute;
    background-image: url('../../images/icons/FFFFFF/close.svg');
    width: 40px;
    height: 40px;
    top: 0px;
    right: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    cursor: pointer;
}

.warehouse_top_title{
    position:relative;
    padding-top: 43px;
    font-size: 24px;
    line-height: 33px;
}

.warehouse_top_subtitle{
    position:relative;
    line-height: 19px;
    font-size: 14px;
    padding-top: 9px;
}

.warehouse_list{
    position: relative;
    width: 100%;
    height: 447px;
    overflow: auto;
    margin-top: 42px;
    margin-bottom: 27px;
}

.wrh_holder{
    position:relative;
    height: 50px;
    width: 100%;
    display: flex;
}

.wrh_checkbox_holder{
    position:relative;
    width: 100px;
    height: 100%;
}

.wrh_checkbox{
    cursor: pointer;
    width: 25px;
    height: 25px;
    background: url(../../images/icons/00987C/checkbox_outline.svg) center center no-repeat;
    margin: 0 auto;
    padding-top: 12.5px;
}

.wrh_checkbox.checked{
    background: url(../../images/icons/00987C/checkbox.svg) center center no-repeat;
}

.wrh_text_holder{
    position:relative;
    width: calc(100% - 100px);
    height: 50px;
    font-size: 14px;
    line-height: 19px;
    color: #6C6D6F;
}

.wrh_text_title{
    font-weight: bold;
}

.wrh_text_subtitle{
    
}

.warehouse_buttons{
    position:relative;
    height: 102px;
    width: 100%;
    background-color: #FFF;
    display: flex;
    color:#fff;
}

.warehouse_btn_holder{
    position:relative;
    flex-grow: 1;
    flex-basis: 33%;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-top: 15px;
}

.warehouse_last_button{
    background-color: #00987C;
    width: 100px;
    height: 45px;
    margin-left: 42px;
    cursor: pointer;
}

.warehouse_select_all_button{
    background-color: #00987C;
    width: 145px;
    height: 45px;
    margin: 0 auto;
    cursor: pointer;
}

.warehouse_next_button{
    background-color: #00987C;
    width: 100px;
    height: 45px;
    margin-right: 42px;
    float: right;
    cursor: pointer;
}

#dialogWrh{
    padding: 0px;
}

.cmp_btn_holders{
    position:relative;
    width: 100%;
    margin-top: 20px;
}

.ngc_dtl_postos{
    position: relative;    
    width: 100%;
    font-size: 16px;
    color: #6C6D6F;
    text-align: center;
    color: #FFF;
    background-color: #00987C;
    display: flex;
    justify-content: center;
    height: 40px;
    align-items: center;
}

.ngc_dtl_info_postos{
    position:relative;    
    width: 100%;
}

.btn_add_posto{    
    border: none;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    width: 220px;
    background: #B2B4B7 url('../../images/icons/FFFFFF/add.svg') center center no-repeat ;
    background-position: 4px 4px;
    background-repeat: no-repeat;
}


.lst_header_add_posto{
    position: relative;
    height: 40px;
    font-size: 12px;
    color: #fff;
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
    background-color:#007A63;
}

.lst_posto_add_row{
    position: relative;
    height: 40px;
    font-size: 12px;    
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
    cursor:pointer;
}

.ngc_alert_content_posto{
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    float:left;
    width: 100%;
}

.addrowphr{
    position: relative;
    float:left;
    width: 100%;
    height:40px;
    color: #A5A2A0;
}

.addrowphr:nth-child(odd){
    background-color: #f0f0f0 !important;    
}

.addrowphr:hover{
    color:#FFF !important;    
    background-color: #00987C !important;    
}

.lst_posto_header_ref{
    position: relative;
    height: 40px;
    width: 10%;
    font-size: 12px;
    color: #fff;
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
    background-color:#007A63;
}

.lst_posto_header_nme{
    position: relative;
    height: 40px;
    width: 60%;
    font-size: 12px;
    color: #fff;
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
    background-color:#007A63;
}

.lst_posto_row_ref{
    position: relative;
    height: 40px;
    width: 10%;
    font-size: 12px;
    color: #A5A2A0;
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
}

.lst_posto_row_nme{
    position: relative;
    height: 40px;
    width: 60%;
    font-size: 12px;
    color: #A5A2A0;
    text-indent: 10px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    float:left;
}

.lst_posto_row_remove_icon{
    position: relative;
    cursor: pointer;
    height: 16px;
    width: 16px;
    background: url('../../images/icons/others/file-remove.svg') center center no-repeat ;
    margin-top: 12px;
    margin-left: 12px;
}

.ngc_alert_posto{
    height: 390px;
    position: relative;
    float:left;
    width: 100%;
}

.firstLetter_posto{
    background-color: #0EAECC;
    color: #FFF;    
    font-size: 20px;
    margin-right: 2px;
    margin-top: 2px;
    padding: 2px;
    border-radius: 5px;
    box-shadow: 0 0 10px -2px #999999;
}

.pharmacy_contract{
    position: absolute;
    left: 20px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    width: 200px;
    top: 22px;
}

.top_performance_holder{
    position: relative;
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    display: flex;
    font-family: 'Open Sans', sans-serif;
}

.top_performance_left_holder{
    position: relative;
    height: 80px;
    width: calc(55% - 40px);
    background-image: linear-gradient(to right, #35786E, #00987C);
    display: flex;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: 100;
    justify-content: space-between;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.top_performance_left_first_holder{
    position: relative;
    height: 100%;
}

.top_performance_left_first_text{
    position: relative;
    width: 100%;
    height: 12px;
    line-height: 12px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: normal;
    opacity: 0.6;
}

.top_performance_left_first_title{
    font-weight: 600;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: normal;
}

.top_performance_left_first_subtext{
    position: relative;
    width: 100%;
    height: 12px;
    line-height: 12px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: normal;
    opacity: 0.6;
}

.top_performance_right_holder{
    position: relative;
    height: 80px;
    width: calc(45% - 40px);
    background-image: linear-gradient(to right, #1388C9, #1C6293);
    display: flex;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: 100;
    justify-content: space-between;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.top_performance_right_first_holder{
    
}

.top_performance_right_second_holder{
    
}

.top_performance_right_third_holder{
    
}

.top_performance_second_holder{
    position: absolute;
    top: 0px; 
    left: 0px;
    width: 100%;
    height: 100px;
    display: flex;
    cursor: pointer;
}

.top_performance_second_left_holder{
    height: 80px;
    width: calc(55% - 40px);
    display: flex;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: 100;
    justify-content: space-between;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.top_performance_second_first_holder{
    position: relative;
    height: calc(100% - 10px);
    padding-top: 10px;
    opacity: 0;
}

.top_performance_second_title{
    font-weight: 600;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: normal;
}

.top_performance_second_subtitle{
    position: relative;
    width: 100%;
    height: 12px;
    line-height: 12px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: normal;
    opacity: 0.6;
}

.top_performance_second_left_graph_holder{
    position: relative;
    background-image: url(../../images/icons/others/performance_left.svg);
    padding-right: 10px;
    width: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 15px;
    height: 55px;
    overflow: hidden;
}

.top_performance_second_right_holder{
    position: relative;
    height: 80px;
    width: calc(45% - 40px);
    display: flex;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: 100;
    justify-content: space-between;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.top_performance_second_right_graph_holder{
    position:relative;
    background-image: url('../../images/icons/others/performance_right.svg');
    height: 60px;
    padding-right: 20px;
    width: 150px;
    background-repeat: no-repeat;
    background-size: 150px;
    top: 15px;
}

.top_performance_second_right_first_holder{
    position: relative;
    height: calc(100% - 10px);
    padding-top: 10px;
    opacity: 0;
}

.flex_row_ngc2020 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

.column {
  flex: calc(50% - 8px);
  max-width: 50%;
  padding: 0 4px;
}

.opts_top{
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;    
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color:#fff;
    text-align: center;
    cursor:pointer;
}

.opts_bottom{
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #00987C;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color:#fff;
    text-align: center
}

.opt_text {
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #999999;
    font-weight: 400;
    font-size: 14px;
    float: left;
    width: calc(25% - 10px); 
}

.opt_value {
    position: relative;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #6C6D6F;
    float: left;
    width: calc(25% - 10px); 
    text-align:right;
}

.opt_wrh_top{
    position:relative;
    float:left;
    width: calc(50% - 10px); 
    height:30px;
    line-height:30px;
    font-weight: 600;
    font-size: 14px;
    color: #6C6D6F;
}

.opt_dtls{
    position:relative;
    float:left;width:100%;
}

.whtsmk{
    background-color:whitesmoke;
}

.opt_disabled{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  pointer-events: none;
}

.opt_disabled_top{
    background-color:#ccc !important;
}

.opt_selected_top{
    background-color:#00987C;
}

.ngc_frm_header_cln1_background_simples{
    position:relative;
    width:10px;
    float:left;   
    height:40px;    
}

.slloutedt{
    color: orange;
    font-weight: 1000;
    font-size: 16px;
}

.opts_header{
    position:relative;
    float:left;
    width:50%;
    height:30px;
    line-height:30px;
    text-align: center;
}

.btns_ngc_200px{
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    width: 200px;
}

.background_red{
    background-color: #FF4D4D;
}

.container_radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container_radio:hover input ~ .checkmark1 {
  background-color: #ccc;
}

/* When the radio button is checked, add a green background */
.container_radio input:checked ~ .checkmark1 {
  background-color: #00987C;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark1:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container_radio input:checked ~ .checkmark1:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container_radio .checkmark1:after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.info_obj{
    position:relative;
    height:40px;
    width: 120px;
    line-height: 40px;
    color: #FFF;    
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    float:left;
}

.info_obj_val{
    position:relative;
    height:40px;
    width: 120px;
    line-height: 40px;    
    text-align: center;
    float:left;
}

.espaco_obj{
    position:relative;
    height:40px;
    float:left;
}

.mudar_opt_btn{
    background-color: #007A63;
    border: none;
    color: white;
    font-size: 12px;
    cursor: pointer;
    width: 100%;
    padding: 8px 8px;
}

.mudar_opt_btn:hover{    
    background-color: #4CAF50;
}

.ngc_frm_header_right_titulo_mb{
    position:relative;
    width: 100%;
    text-align: right;
    font-size: 10px;
    height: 30px;
    margin-top: 10px;
}

.ngc_dtl_left_v2{
    position: relative;
    height: 30px;
    width: 40%;
    font-size: 12px;
    color: #A5A2A0;
    text-indent: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    float:left;   
}

.ngc_dtl_obj{
    position: relative;
    height: 30px;
    width: 150px;
    font-size: 12px;
    color: #A5A2A0;
    text-indent: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    float:left;   
}

.ngc_dtl_right_v2{
    position: relative;
    height: 30px;
    width: calc(60% - 20px);
    font-size: 12px;
    color: #A5A2A0;
    font-weight: 300;
    line-height: 30px;
    text-align: right;
    float:right;
    padding-right: 20px;    
}

.dados_summary_tot{
    position: relative;
    width: 200px;
    height: 75px;
    float: left;
    padding: 5px;
}

.dados_summary_tot_txt{
    position: relative;
    height: 20px;
    line-height: 20px;
    color: #999999;
    font-weight: 400;
    font-size: 12px;
}

.dados_summary_tot_values{
    position: relative;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    font-weight: 600;
}

.dados_summary_dtl_header{
    position: relative;
    height: 20px;
    line-height: 20px;
    float: left;
    padding: 5px;
}

.dados_summary_dtl_lst{
    position: relative;
    height: 20px;
    line-height: 20px;
    float: left;
    font-size: 12px;
    font-weight: 200;    
    padding: 5px;
}

.dados_summary_w50{
    width:50px;
}

.dados_summary_w350{
    width:350px;
}

.dados_summary_w150{
    width:150px;
}

.dados_summary_w100{
    width:100px;
}

.dados_summary_w80{
    width:80px;
}

.dados_summary_w600{
    width:600px;
}

#ngc_dtl_summary:nth-child(even){
    background-color: #BAFFE8;    
}

.ngc_frm_edt_2020_header_edt_opt{
    position:relative;
    float:left;
    width:calc(100% - 210px);
    font-size: 12px;
    line-height:20px;
    height:20px;
    margin-left:5px;
}

.ngc_frm_edt_2020_header_edt_opt_dlv{
    position:relative;
    float:left;
    width:200px;
    font-size: 12px;
    line-height:20px;
    height:20px;
    margin-left:5px;
}

.ngc_frm_edt_2020_header_edt_opt_val{
    position:relative;
    float:left;
    width:calc(50% - 5px);
    font-size: 12px;
    line-height:30px;
    height:30px;
    margin-left:5px;
}

.dados_ord_dtl_tot{
    position: relative;
    width: 160px;
    height: 75px;
    float: left;
    padding: 5px;
}

.dtl_highlight{        
    background-image: url('../../images/icons/000000/info.svg');   
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
    cursor: pointer;
}

.error_msg_aviso{
    position: relative;
    float:left;
    height: 30px;
    width: 100%;
    font-size: 12px;
    color: orange;
    text-indent: 20px;
    font-weight: 300;
    line-height: 40px;
    text-align: left;    
}

.sellOutBtn {
    position: relative;
    font-size: 11px;
    text-align: center;
    width: 60px;
    white-space: pre-wrap;
    line-height: 15px;
    top: 22px;
    background-color: #00987C;
    color: #fff;
    right: 0px;
    height: 32px;
    padding-top: 3px;
    border-radius: 5px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    text-indent: 0px;
    padding-left: 7px;
    padding-right: 7px;
}

.sellOutBtnTxtAux{
    font-size: 13px;
    font-weight: bold;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}

@media (max-height: 800px) {
    .btns_ngc{
        padding: 10px 26px;
        width:140px;
    }  
    .ngc_list_filter_status{
        width:140px;
    }
    .ngc_list_filter_users{
        width:calc(100% - 410px);
    }
}