:root {
    --color-1: #28989c;
    --color-2: #2FB7BC;
    --color-3: #8ce3e6;
    --color-4: #FFFFFF;
    --color-5: #808080;
    --color-6: #00B047;
    --color-7: #212121;
    --color-8: #4D4D4D;
    --color-9: #F2F2F2;
    --color-10: #FAFAFA;
    --roboto: 'Roboto', sans-serif;
}
html {
	display: none;
}
/* ::selection{
    background: transparent;
} */
.ui-pnotify-title {
    display: none !important;
}
@keyframes fadeIn {
0%    { opacity: 0; }
50%   { opacity: .5; }
100%  { opacity: 1; }
}
@keyframes fadeOut {
0%    { opacity: 1; }
50%   { opacity: .5; }
100%  { opacity: 0; }
}

.ng-enter { animation: fadeIn 0.3s both linear; z-index: 8888;}
.ng-leave { animation: fadeOut 0.3s both linear; z-index: 9999;}


.logo_sidebar{
    width: 120px;
}
.sidebar .logo{
    padding: 7px 15px;
}
.show_mobile{
    display: none;
}
.main-panel{
    position: relative;
    z-index: auto;
}
.loading_view{
    visibility: hidden;
    position: absolute;
    background: white;
    right: 0;
    left: 0;
    top: 61px;
    z-index: 1000;
    bottom: 0;
    display: flex;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.loading_view span{
    margin: auto;
    color: var(--color-1);
}
.cont_btn_line_form{
    height: 92px;
    display: flex;
}
.cont_btn_line_form button{
    margin-top: auto;
    margin-bottom: 15px;
}
.btn-1{
    background: var(--color-1);
    border-color: var(--color-1);
    color: white;
}
.btn-1:hover{
    border-color: var(--color-1);
    background: transparent;
    color: var(--color-1);
}
.btn-1:disabled{
    background: var(--color-1);
    border-color: var(--color-1);
    color: white;
    opacity: 0.7;
    cursor: not-allowed;
}
.btn-1:disabled:hover{
    background: var(--color-1);
    border-color: var(--color-1);
    color: white;
    opacity: 0.7;
    cursor: not-allowed;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert_primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.alert_primary a{
    color: #004085;
    font-weight: bold;
}
.alert_secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.alert_secondary a{
    color: #383d41;
    font-weight: bold;
}
.alert_success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert_success a{
    color: #155724;
    font-weight: bold;
}
.alert_danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert_danger a{
    color: #721c24;
    font-weight: bold;
}
.alert_warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.alert_warning a{
    color: #856404;
    font-weight: bold;
}
.alert_info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert_info a{
    color: #0c5460;
    font-weight: bold;
}

.filter_dropdown{
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    color: #565656;
    padding: 8px 12px;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    cursor: pointer;
    position: relative;
}
.filter_dropdown.open{

}
.filter_dropdown.open i{
    
}
.filter_dropdown i{
    position: absolute;
    right: 5px;
    top: 13px;
}
.cont_list_search{
    width: 100%;
    max-height: 150px;
    overflow: auto;
    position: absolute;
    background: white;
    z-index: 10;
    padding: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.cont_list_search .cont_input{
    position: relative;
}
.cont_list_search .cont_input .btn-input{
    position: absolute;
    right: 8px;
    top: 8px;
    color: white;
    background: var(--color-1);
    border: 1px solid var(--color-1);
    border-radius: 2px;
    outline: 0;
}
.cont_list_search  ._remove{
    text-transform: uppercase;
    background: var(--color-8);
    text-align: center;
    color: white;
    font-weight: bold;
    margin-top: 1px;
}
.cont_list_search ._remove:hover{
    background: var(--color-8) !important;
}
.cont_list_search ._item{
    padding: 5px;
    cursor: pointer;
}
.cont_list_search ._item._two_col{
    display: grid;
    grid-template-columns: 60% 40%;
}
.cont_list_search ._item._two_col div{

}
.cont_list_search ._item._two_col div:last-child{
    text-align: right;
    font-weight: bold;
}
.cont_list_search ._item:hover{
    background: #f3f3f3;
}
.dropdown_custom {
    display: flow-root !important;
}
.dropdown_custom .sidebar .nav li > a{

}
.dropdown_custom .sidebar .nav li > a:hover{
    color: #FFFFFF !important;
}
.dropdown_custom .dropdown-menu{
    transform: inherit;
    color: black;
    position: relative;
    width: 100%;
    background: transparent;
    box-shadow: none;
    border: 0px;
    display: none;
}
.open>.dropdown-menu {
    display: block !important;
}
.single_btn{
    background: white;
    border: 1px solid silver;
    padding: 5px;
    outline: 0;
    color: #989898;
}
.single_btn:hover{
    background: #f9f9f9;
}
.single_btn:disabled{
    cursor: not-allowed;
    opacity: 1;
}
.single_btn i{
    
}
.last_tr{
    background: #f9f9f9;
    border-bottom: 1px solid #ddd;
}
.last_tr:hover{
    background: #f9f9f9 !important;
}
.form-group {
    position: relative;
}
.datepicker-dropdown{
    visibility: visible !important;
    opacity: inherit;
}
.datepicker > div{
    display: block;
}
.floating_button{
    position: fixed;
    display: flex;
    padding: 15px;
    border-radius: 50%;
    background: var(--color-1);
    color: white;
    z-index: 100;
    bottom: 40px;
    right: 10px;
}
.card{
    position: relative;
}
.loading_card{
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,0.9);
    display: flex;
    z-index: 10;
    cursor: wait;
}
.loading_card span{
    color: var(--color-1);
    margin: auto;
}
.results_products{

}
.results_products .card_product{
    margin-bottom: 15px;
    height: 323px;
    position: relative;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.results_products .card_product ._points{
    position: absolute;
    right: 0;
    top: 0px;
    color: white;
    background: var(--color-2);
    width: 40px;
    height: 35px;
    text-align: center;
    line-height: 0.9;
    border-bottom-left-radius: 20px;
    font-size: 14px;
    padding-top: 5px;
    font-weight: bold;
}
.results_products .card_product ._points span{
    display: block;
}
.results_products .card_product a {
    text-decoration: none;
    display: block;
}
.results_products .card_product a img{
    width: 100%;
}
.results_products .card_product a .text{
    padding: 10px;
    border-top: 3px solid var(--color-2);
    height: 83px;
}
.results_products .card_product a .text .title{
    margin-right: auto;
    color: #797474;
    font-weight: bold;
    display: block;
    text-align: center;
}
.results_products .card_product a .text .price{
    margin-left: auto;
    color: #00AE48;
    font-weight: bold;
    display: block;
    text-align: center;
}
.results_products .card_product .action{
    display: flex;
    padding: 5px;
    border-top: 1px solid #ccc8c8;
}
.results_products .card_product .action .button{
    margin-right: auto;
    color: #00AE48;
    font-weight: bold;
    padding: 0px 5px;
    cursor: pointer;
    margin-bottom: auto;
    margin-top: auto;
}
.results_products .card_product .action .numbers{
    margin-left: auto;
    margin-bottom: auto;
    margin-top: auto;
}
.results_products .card_product .action .numbers span{
    color: #737070;
    padding: 5px;
    text-align: center;
    font-size: 20px;
    font-family: sans-serif;
    cursor: pointer;
}
.results_products .card_product .action .numbers span:nth-child(2){
    font-size: 16px;
    cursor: auto;
}
.card .header_2 {
    border-bottom: 1px solid var(--color-1);
    color: #208286;
    display: flex;
    height: 45px;
    margin: 0 15px;
}
.card .header_2  h4{
    margin: 0;
    font-size: 18px;
    margin-bottom: auto;
    margin-top: auto;
}
.card .header_2  button{
    margin-left: auto;
    margin-bottom: auto;
    margin-top: auto;
    border: 1px solid var(--color-1);
    color: white;
    background: var(--color-1);
    height: 32px;
    border-radius: 5px;
    outline: none;
}

.card .__header_3{
    padding: 15px 15px 0;
    display: flex;

}
.card .__header_3 ._inputs{
    display: flex;
}
.card .__header_3 ._inputs .form-group{
    margin-right: 5px;
}

.card .__header_3 ._actions{
    display: flex;
    margin-left: auto;
}
.card .__header_3 ._actions button{
    margin: auto;
}
.card .header .title div._actions{
    float: right;
    display: grid;
    font-size: 17px;
}
.card .header .title div._actions button{
    cursor: pointer;
    color: var(--color-1);
    padding: 0;
    border: 0px;
    background: transparent;
    height: 15px;
    display: flex;
    outline: 0;
}
.card .footer .legend .item-rank{
    display: inherit;
    padding-right: 10px;
    padding: 5px 10px;
    border: 1px solid var(--color-1);
    margin: 0px 5px 5px 0px;
    border-radius: 4px;
}
.modal_lat{
    min-width: 300px;
    position: fixed;
    bottom: 0px;
    top: 0px;
    background: white;
    right: -100%;
    z-index: 100;
    -webkit-box-shadow: -6px 0 12px -6px #333;
    -moz-box-shadow: -6px 0 12px -6px #333;
    box-shadow: -6px 0 12px -6px #333;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.modal_lat ._header_modal{
    height: 60px;
    display: flex;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
.modal_lat ._header_modal ._title{
    display: flex;
    color: var(--color-1);
}
.modal_lat ._header_modal ._title ._close{
    margin: auto 0px;
    cursor: pointer;
    font-size: 22px;
}
.modal_lat ._header_modal ._title h4{
    margin: auto 0px;
    padding-left: 10px;
    font-size: 21px;
}
.modal_lat ._header_modal ._action{
    margin-left: auto;
    margin-bottom: auto;
    margin-top: auto;
}
.modal_lat ._header_modal ._action button{
    width: 32px;
    height: 32px;
    display: flex;
    border: 1px solid var(--color-2);
    background: var(--color-2);
    border-radius: 5px;
    color: white;
    outline: none;
}
.modal_lat ._header_modal ._action button:disabled{
    cursor: not-allowed;
}
.modal_lat ._header_modal ._action button i{
    margin: auto;
}
.modal_lat ._body_modal{
    height: calc(100% - 75px);
    overflow: auto;
}
.btn_table{
    background: var(--color-2);
    color: white;
    border-radius: 3px;
    padding: 2px;
    cursor: pointer;
}
.radiobutton{
    margin-top: 21px;
}
.card_user{
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 5px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
}
.card_user ._item{
    padding-bottom: 5px;
}
.card_user ._item label{
    display: block;
    margin-bottom: 0px;
    color: var(--color-7);
}
.card_user ._item span{
    color: var(--color-5); 
}
.success_label{
    color: white !important;
    background: var(--color-6);
    padding: 2px 10px;
    border-radius: 3px;
    display: block;
    text-align: center;
}
.error_label{
    color: white !important;
    background: #b50101;
    padding: 2px 10px;
    border-radius: 3px;
}
.info_label{
    color: white !important;
    background: var(--color-1);
    padding: 2px 10px;
    border-radius: 3px;
}

.row_checkout{
    
}
.row_checkout .list_products{
    max-height: 300px;
    overflow: auto;
}
.row_checkout .list_products .item{
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-9);
    padding-top: 10px;
}
.row_checkout .list_products .item .img{
    position: relative;
    margin-right: 15px;
    margin-top: auto;
    margin-bottom: auto;
    height: 70px;
}   
.row_checkout .list_products .item .img img{
    width: 70px;
    height: 70px;
}
.row_checkout .list_products .item .img span{
    background: var(--color-6);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    font-size: 13px;
    color: white;
    font-weight: bold;
    position: absolute;
    top: -5px;
    right: -10px;
    padding-top: 4px;
    padding-bottom: 0px;
}
.row_checkout .list_products .item .text{
    color: var(--color-8);
    margin-bottom: auto;
    margin-top: auto;
}
.row_checkout .list_products .item .text .name{
    font-size: 14px;
    display: block;
    font-weight: bold;
}
.row_checkout .list_products .item .text .unit_price{
    font-size: 13px;
    display: block;  
}
.row_checkout .list_products .item .price{
    margin-left: auto;
    margin-bottom: auto;
    margin-top: auto;
    font-size: 15px;
    color: var(--color-6);
    font-weight: bold;
    margin-right: 5px;
}
.back_to_cart{
    color: white;
    background: var(--color-6);
    display: block;
    padding: 7px;
    text-align: center;
    text-decoration: none;
    margin-top: 10px;
    font-size: 13px;
    cursor: pointer;
}
.back_to_cart:hover{
    color: white;
    background: var(--color-6);
}

.row_checkout .amounts {
    padding: 0px 10px;
    color: var(--color-8);
    font-size: 15px;
    border: 1px solid #dedbdb;
    margin-top: 5px;
}
.row_checkout .amounts .item{
    margin: 10px 0px;
    text-align: right;
    font-weight: bold;
}
.row_checkout .amounts .item label{
    float: left;
    font-weight: 300;
}

.row_checkout .amounts .item:last-child label {
    font-weight: bold;
}

.row_checkout .amounts .item:last-child {
    color: #656363;
    font-size: 19px;
}
.button_checkout{
    width: 100%;
    border: 0;
    background: var(--color-2);
    color: white;
    padding: 15px;
    font-size: 18px;
    margin-top: 5px;
    cursor: pointer;
    outline: 0;
}
.button_checkout:disabled {
    cursor: not-allowed;
    background: #f59b3e;
}
.img_rank {
    width: 30px;
    height: 30px;
}
.btn_table_1 {
    background: var(--color-2);
    color: white;
    border-radius: 3px;
    padding: 5px 10px;
    cursor: pointer;
    margin: 1px;
}

.btn-success {
    border-color: var(--color-1);
    color: var(--color-1);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.btn-success:hover{
    border-color: var(--color-1);
    background: var(--color-1);
    color: white;
}
.btn-success:disabled, .btn-success:disabled:hover{
    border-color: var(--color-1);
    color: var(--color-1);
}
.modal-header-2{
    background: var(--color-1);
    color: white;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.modal-header-2 h4{
    font-size: 19px;
    font-weight: bold;
}
.is_disabled{
    cursor: not-allowed;
}
.prev_image{
    width: 350px;
    height: 350px;
    margin: 15px auto;
    background-image: url('https://networstore.com/images/placeholder.png');
    background-color: white;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.cont_map_place{
    width: 100%;
    height: 350px;
    display: flex;
}
.cont_map_place ng-map{
    width: 100%;
    height: 100%;
}
.btn-remove-marker{
    position: absolute;
    top: 32px;
    right: 10px;
    font-size: 18px;
    color: var(--color-1);
    cursor: pointer;
}
textarea{
    resize: none;
}
.t-center {
    text-align: center;
}
.input_span {
    width: 35px;
    background: #e53935;
    color: white !important;
    position: absolute !important;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex !important;
}

.input_span i {
    transform: rotate(270deg);
    font-size: 18px;
    margin: auto;
}

.ouput_span {
    width: 35px;
    background: #43A047;
    color: white !important;
    position: absolute !important;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex !important;
}

.ouput_span i {
    transform: rotate(90deg);
    font-size: 18px;
    margin: auto;
}
.td_kardex {
    position: relative;
}
.btn-full{
    width: 100%;
    padding: 5px 0px;
    background: var(--color-1);
    color: white;
    border-color: var(--color-1);
    outline: none;
}
.btn-full:disabled{
    opacity: 0.7;
    cursor: not-allowed;
}
.card_search{
    width: 100%;
    border: 1px solid var(--color-1);
    margin-top: 10px;
    border-radius: 3px;
}
.card_search .__header{
    background: var(--color-1);
    color: white;
    display: flex;
    padding: 5px;
}
.card_search .__header ._title{
    font-size: 16px;
    font-weight: bold;
}
.card_search .__header ._close{
    margin-left: auto;
    font-size: 16px;
    cursor: pointer;
}
.card_search .__body{
    padding: 10px;
}
._item_module {
    background: rgba(77, 180, 183, 0.81);
    cursor: pointer;
    color: white;
    font-size: 18px;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 4px;
    display: flex;
}
._item_module._item_module_2 {
    background: transparent;
    color: var(--color-5);
    border: 1px solid var(--color-5);
}
._item_module ._icon{
    margin: auto 0px;
    display: flex;
    font-size: 22px;
}
._item_module ._title{
    font-size: 16px;
    margin: auto 0px auto 10px;
}
._item_module span{
    margin-left: auto;
}
._actions-module{
    border: 1px solid rgba(77, 180, 183, 0.81);
    margin-bottom: 10px;
    padding: 15px;
    margin-top: -8px;
    border-top: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
._actions-module h4{
    margin: 0;
    line-height: 1;
    font-size: 16px;
    color: var(--color-5);
    margin-bottom: 10px;
    font-weight: 500;
}
._actions-module ._item-action{
    padding: 5px;
    text-align: center;
    display: flex;
    border: 1px solid var(--color-6);
    margin-bottom: 10px;
    border-radius: 3px;
    height: 45px;
    cursor: pointer;
    color: var(--color-6);
}
._actions-module ._item-action span{
    margin: auto;
    font-size: 13px;
    font-weight: 500;
}
._actions-module ._item-action.active{
   color: white;
   background-color: var(--color-6); 
}
.user_menu{
    margin: auto 0 !important;
}
.user_menu p:first-child{
    color: var(--color-6);
}
.user_menu p:last-child{
    font-size: 13px;
    color: var(--color-1);
}
.cpointer{
    cursor: pointer;
}
.text_labels{
    margin-bottom: 10px;
}
.text_labels label{
    margin-bottom: 0px;
}
.text_labels span{
    display: block;
    line-height: 1;
}
.text_labels a{
    display: table;
    text-decoration: underline;
    color: var(--color-1);
    cursor: pointer;
}
.title_divider{
    margin: 15px 0px 15px 0px;
    padding-bottom: 5px;
    font-size: 22px;
    color: var(--color-1);
    border-bottom: 1px solid var(--color-1);
}
.toastme-list{
    z-index: 10000 !important;
}
.btn-table-icon{
    color: var(--color-6);
    font-size: 18px;
    cursor: pointer;
}
.logo-ticket{
    width: 100px;
}
.box-ticket{
    width: 100%;
    height: 40px;
    border: 1px solid black;
    display: flex;
}
.box-ticket span{
    margin: auto;   
}
.fs-10{
    font-size: 10px !important;
}
.info-td{
    display: block;
    color: var(--color-5);
    font-weight: 600;
    font-size: 13px;
}
.td-actions{
    display: grid;
    grid-template-columns: 1fr 1fr;
}