/* Structure */
    /* Head */
        div#div_row_menubar{
            padding-top: 15px;
            padding-bottom: 15px;
            border-bottom: solid #D2DA27 2px;
            position: fixed;
            width: 100%;
            background-color: #FFF;
            z-index: 3;
        }
        input#txt_main_search{
            margin: 0px;
            width: 150px;
        }
        .img_head_social{
            /*height: 24px;*/
            height: 31px;
            position: relative;
            margin-top: -7px;
        }
        span.span_separator{
            margin-left: 3px;
            margin-right: 3px;
        }
        img#img_menubarlogo {
            position: absolute;
            left: 50px;
            width: 254px;
            margin-top: 25px;
        }
    /* Topbody */
        div#div_row_topbody {
            padding-top: 57px;
        }
    /* Body */
        div#div_row_body{
            min-height: 40%;
        }
    /* Menu Admin */
        div#div_row_logohead img#img_logo{
            width: 153px;
        }
        div#div_col_menuadmin a.menu_nav_item{
            display: block;
            margin: 10px;
            text-transform: uppercase;
            font-weight: bold;
            color: #1B3668;
            margin-left: 20px;
            margin-right: 20px;
        }
        #div_col_menuadmin a.menu_nav_item.menu_active,
        #div_col_menuadmin a.menu_nav_item:hover{
            color: #0E8042;
        }
        div#div_row_submenu_admin a.menu_nav_item{
            display: inline-block;
            margin: 10px;
            color: #1B3668;
        }
        #div_row_submenu_admin a.menu_nav_item.menu_active,
        #div_row_submenu_admin a.menu_nav_item:hover{
            color: #0E8042;
        }
    /* Foot */
        div#div_row_footer{
            margin-top: 50px;
            margin-bottom: 30px;
            padding-top: 25px;
            border-top: solid 1px #1B3668;
            margin-left: 15px;
            margin-right: 15px;
        }
        img.img_foot_logo{
            height: 43px;
            margin-left: 5px;
            margin-right: 5px;
        }
        #img_foot_wha{
            display:inline-block;
            position:absolute;
            right: 5%;
        }
/* Generics */
    /* Buttons */
        .lnkbtn{
            font-size: 13px;
            color: #FFF !important;
            text-align: center;
            display: inline-block;
            width: 130px;
            height: 30px;
            padding-top: 7px;
            border-radius: 5px;
            vertical-align: middle;
        }
        a.lnkbtn:hover{
            -webkit-transition-duration: 1s; /* Safari */
            transition-duration: 1s;
        }
    /* Notify */
        .notifyjs-bootstrap-base{
            font-size: 13px !important;
            font-family: 'Arial' !important;
            font-style: normal !important;
            font-weight: normal !important;
            padding-top: 3px;
            padding-bottom: 3px;
            background-position-y: 3px;
        }
        .notifyjs-bri_confirm-base{
            width: 200px;
            background: #FFF;
            padding: 5px;
            border-radius: 10px;
            font-size: 13px;
            text-align: center;
            border: solid 2px #1B3668;
            color: #1B3668;
        }
        .notifyjs-bri_confirm-base .title{
            text-align: center;
            margin-top: 7px;
        }
        .notifyjs-bri_confirm-base .buttons{
            padding: 5px;
            margin: 2px;
        }
        .notifyjs-bri_confirm-base button{
            font-size: 13px;
            padding: 5px;
            margin: 2px;
            width: 60px;
            background-color: #1B3668;
            color: #FFF;
        }
        .tbl_td .notifyjs-arrow{
            border-top-color: #000;
        }
        div > .notifyjs-wrapper{
            position: relative !important;
        }
    /* Reveal */
        .reveal button span{
            font-size: 40px;
            font-weight: bold;
            color: #1B3668;
        }
    /* Tooltips */
        .bri_tooltip_style {
            border: solid 1px #1B3668 !important;
            border-radius: 5px;
            font-size: 13px !important;
            background-image: none !important;
            background-color: #FFF !important;
            background: #FFF !important;
            padding: 5px;
            color: #1B3668;
        }
    /* Paginator */
        #div_list_paginator{
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .a_paginator{
            display: inline-block;
        }
        .lbl_paginator{
            font-weight: bold;
        }
        .lbl_paginator:hover{
            color: #F16624;
        }
        .lbl_paginator.lbl_pag_actual{
            color: #F16624;
        }
        .img_paginator{
            height: 20px;
            display: block;
        }
        .a_paginator span,
        .a_paginator img{
            cursor: pointer;
        }
        a.a_paginator.a_pag_rows {
            vertical-align: text-bottom;
        }
    /* Carousels */
        div.slick-slide img.img_element_carousel{
            width: 100%;
        }
        .slick-prev{
            left: 30px;
        }
        .slick-next{
            right: 32px;
        }
        .slick-prev,
        .slick-next{
            height: 50px;
            z-index: 1;
        }
        .slick-initialized .slick-slide{
            float: none;
            display: inline-block;
            vertical-align: middle;
        }
        /*.slick-slide{
            position: relative;
        }*/
        .carousel_caption{
            position: absolute;
            bottom: 0;
            padding: 8px;
            height: 100%;
            width: 100%;
            background-color: rgba(0, 169, 180, 0.6);
            text-align: center;
            display: inline-table;
            color: #FFF;
            text-shadow: 1px 2px 1px #000;
            line-height: 19px;
        }
        .slick-slide:hover .carousel_caption{
            opacity: 1;
            cursor: pointer;
            pointer-events: none;
            z-index: 2;
        }
    /* Loader */
        .div_status_loader{
            display: inline-block;
            border: 5px solid #BBBDBF;
            border-top: 5px solid #1B3668;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            animation: spin 1s linear infinite;
            margin-right: 15px;
            margin-top: 5px;
        }
        #div_loading_server{
            margin: auto;
            border: 20px solid #005CA5; /* Light grey */
            border-top: 20px solid #1B3668; /* Blue */
            border-radius: 50%;
            width: 100px;
            height: 100px;
            animation: spin 4s linear infinite;
        }
        #div_row_rev_waiting{
            height: 100%;
        }
        #img_logo_waiting{
            width: 300px;
        }
        @keyframes spin{
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
    /* Dates */
        .div_until_range{
            padding-left: 5px;
        }
        .inp_date_past,
        .inp_date_future,
        .inp_date_range{
            width: 106px;
        }
    /* Tables */
        .tbl_container{
            overflow: auto;
        }
        .tbl_head{
            color: #FFF;
            padding-right: 0px;
            font-weight: bold;
        }
        table thead tr{
            background-color: #1B3668 !important;
        }
        .a_tbl_head i.fi-arrow-up,
        .a_tbl_head i.fi-arrow-down{
            color: #FFF;
        }
        .row_even td,
        .row_odd td{
            padding-top: 0px;
            padding-bottom: 0px;
            padding-right: 0px;
            border: solid 1px #818181;
        }
        .row_even td{
            background-color: #FFF;
        }
        .row_odd td{
            background-color: #C7D1E5;
        }
        /*.tbl_row:hover td{
            background-color: #000;
        }
        .tbl_row:hover td{
            color: #808184;
        }*/
        span.lbl_symb_active{
            font-size: 25px;
            font-weight: bold;
            font-family: Verdana;
        }
        .img_tab_action{
            height: 30px;
            margin-top: 7px;
            margin-bottom: 7px;
            margin-right: 7px;
        }
/* Elements */
    /* Modals */
        #modal_legals{
            height: 70%;
            padding: 35px;
        }
        #modal_policy{
            height: 70%;
            padding: 35px;
        }
        #modal_legals p{
            margin-bottom: 10px;
            margin-top: 10px;
        }
        #modal_policy p{
            margin-bottom: 10px;
            margin-top: 10px;
        }
    /* Form manage*/
        .lbl_form_manage{
            width: 35%;
        }
        .fld_form_manage{
            width: 62%;
        }
        input[type=checkbox].fld_form_manage, 
        input[type=radio].fld_form_manage{
            width: initial;
            margin: 0px;
            vertical-align: middle;
        }
    /* Row actions buttons */
        #div_row_mng_action{
            padding-top: 20px;
        }
    /* Tabs menus */
        ul.tabs{
            border: none;
        }
        ul.tabs img.img_ico_tab{
            height: 40px;
            display: block;
            margin: auto;
            margin-bottom: 7px;
        }
        ul.tabs .tabs-title>a{
            display: block;
            padding: 11px 12px;
            line-height: 1;
            font-size: 18px;
            font-weight: bold;
            background: #1B3668;
            border-right: solid 1px #FFF;
            height: 101px;
        }
        ul.tabs .tabs-title>a:focus,
        ul.tabs .tabs-title>a:hover,
        ul.tabs .tabs-title>a[aria-selected=true]{
            background: #F9BE00;
        }
    /* Plecas */
        img.img_pleca{
            width: 100%;
            height: 62px;
        }
        label.lbl_title_pleca{
            position: absolute;
            margin-left: 150px;
            margin-top: 3px;
        }
    /* Search */
        div#bri_row_search{
            padding-top: 10px;
            padding-bottom: 10px;
        }
        div#bri_row_search a.menu_search{
            border: solid 1px #FFF;
        }
        .dropdown.menu>li.is-dropdown-submenu-parent>a:after {
            border-color: #FFFFFF transparent transparent;
        }
        div#bri_row_search li.li_menu_search{
            margin-right: 10px;
            width: 210px;
        }
        div#bri_row_search ul.bri_grow_menu{
            height: 300px;
            overflow-y: auto;
            width: 300px;
        }
        div#bri_row_search ul.bri_grow_menu.ul_box_submenufilt{
            width: 340px !important;
        }
        img#img_criterial_search {
            width: 20px;
            vertical-align: top;
        }


/* Imagenes */
.div_image_preview{
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.img_preview{
    width: 100%;
}
img.img_delete_img{
    width: 30px;
    display: block;
    margin: auto;
    margin-top: 10px;
}
img.img_delete_file,
img.img_upload{
    width: 40px;
    margin-top: 10px;
    display: inline-block;
}
.lnk_delete_image{
    display: block;
    width: 45px;
    margin: auto;
}


/* Small */
@media only screen and (max-width: 39.9375em){

}

/* Medium */
@media only screen and (min-width: 40em) and (max-width: 63.9375em){

}

/* Small screens and Medium screens */
/* max-width 640px, mobile-only, 641px - 1024px, tablet-only */
@media only screen and (max-width: 39.9375em), only screen and (min-width: 40em) and (max-width: 63.9375em){
    /* Structure */
        /* Foot */
            div#div_col_address{
                margin-top: 20px;
            }
    /* Elements */
        /* Form manage*/
            .dis_inline.lbl_form_manage{
                display: block;
                width: initial;
            }
            .dis_inline.fld_form_manage{
                display: block;
                width: 100%;
            }
            input[type=checkbox].dis_inline.fld_form_manage, 
            input[type=radio].dis_inline.fld_form_manage{
                display: inline-block;
                width: initial;
            }
            .lbl_form_manage.dis_hide{
                display: none;
            }
        /* Modals */
        /* Plecas */
            label.lbl_title_pleca{
                margin-left: 80px;
            }
        /* Search */
            #ul_bri_menu_search{
                display: inline-block;
            }
            div#bri_row_search li.li_menu_search{
                display: inline-block;
                width: 45%;
                margin-bottom: 5px;
                margin-top: 5px;
            }
    
    #img_foot_wha{
        right: 0;
        margin-top: inherit;
        padding-top: 6px;
    }
    input#txt_main_search{
        width: 115px;
    }
    span.span_separator {
        margin-left: 0px;
        margin-right: 0px;
    }
    @media (orientation:portrait){
    }

    @media (orientation:landscape){
    }
}