/**
 * EGroupware: CSS with less preprocessor

 * ADDRESSBOOK
 *
 * Please do NOT change app.css directly, instead change app.less and compile it!
 *
 * @link http://www.egroupware.org
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
 * @package addressbook
 * @version $Id$
 */


@import (reference) "../../../pixelegg/less/definitions.less";
@import (less) "../default/app.css";


@media all {


/* #############################################################################

// Rahmen + padding**/

/*##############################################*/
/*#            #                               #*/
/*#   Bild     #                               #*/
/*#            #      Infolog                  #*/
/*#            #                               #*/
/*#            #                               #*/
/*#            #                               #*/
/*#    Sidebar #                               #*/
/*#            #                               #*/
/*#            #                               #*/
/*#            #                               #*/
/*#            #                               #*/
/*#            #                               #*/
/*##############################################*/


// Image + Data

div#addressbook_view_sidebox{

    //img
    img.photo {
                width: 68px;
                padding-right: 3px;
                height: auto;
                vertical-align: top;
                margin-right: 5px;
                }

    // name
    #addressbook-view_n_fn{
                .fontsize_xl;
                font-weight: bold;
                padding: 2px 0 2px 0;
                width: 85%;
                }

    // org
    #addressbook-view_org_name {
                .fontsize_xl;
                padding: 2px 0 2px 0;
                width: 85%;
                }

    // Unit
    #addressbook-view_org_unit {
                .fontsize_m;
                padding: 2px 0 2px 0;
                }

   // Ort
    #addressbook-view_adr_one_locality{
                .fontsize_m;
                padding: 2px 0 2px 0;
                }



}



/**
 * Give space to both contact view & infolog list
 */



#addressbook-index {
  /*height: 99%;*/
}
#addressbook-edit {
  height: auto;
  min-height: 390px;
  overflow:    auto;
}



div#addressbook-index{
//    min-height: 700px;
//    height: auto !important;

    // ###########################
    // linke Box
    // ##########################
    div.et2_hbox_left{

        padding: 0px 17px 0 13px;
        // Org View
        select#addressbook-index_org_view{
            .Complete_Button_select;
            .dimension_height_m;
            margin-top: 0;
            margin-left: 2px;
            .box_shadow_none;
            &:hover{
                .Complete_Button_select_hover;
            }
        }


    }	// linke Box



    // ###########################
    // rechte Box
    // ###########################

    // filter
    div.header_row_right div[id$=favorite_wrapper] {margin-top: 0px; top: 6px;}



    div.et2_hbox_right {
        padding: 0px 11px 0px 0px;

        width: auto;
        margin-right: 0em;
        margin-top: -5px;


        // Typ
        select.et2_selectbox{
            .Complete_Button_select;
            .dimension_height_m;
            margin-left: 5px;

            &:hover{.Complete_Button_select_hover;}
            &:focus{.Complete_Button_select_focus;}
        }

        // erweiterte Suche
        button#addressbook-index_search{
           .Complete_Button_add_only_plus;
            .dimension_height_m;
            margin-right: 0px;
            background-image:url('../../../pixelegg/images/advanced-search.png') !important;
            background-repeat: no-repeat;
            padding-left: 0px;
            font-size: 0px;

            &:hover{
                .Complete_Button_add_only_plus_hover;
                background-image:url('../../../pixelegg/images/advanced-search.png');
                /*.Complete_Button_text_icon_before_hover;*/
                /*.dimension_height_m;*/
            }

            &:focus{
                background-color: @color_positive_action_active !important;
                background-image:url('../../../pixelegg/images/advanced-search.png');
/*                .Complete_Button_text_icon_before_active;
                .dimension_height_m;*/
            }

        }

        // hinzufügen
        button#addressbook-index_add{

            .Complete_Button_add_only_plus;
            .dimension_height_m;
            margin-right: 0px;

            &:hover {.Complete_Button_add_only_plus_hover;}
            &:active {background-color: @color_positive_action_active !important;}

        }




    } // rechte Box



            div.filters {

                // 1 Filter
                select#infolog-index_cat_id {width: 10%; margin-left: 1em;}

                // 2 Filter
                select#infolog-index_filter {width: 10%;}

                // 3 Filter
                select#infolog-index_filter2 {width: 10%;}

                // Suchfeld
                input#infolog-index_search {
                  }


                // Suchen Button
                button.et2_button {}
            }



    // Filter
    .filters{
//        #addressbook-index_cat_id{width: 7%;}
//        #addressbook-index_filter{width:7%;}
//        #addressbook-index_filter2{width: 10%;}


    }// Filter

    table.egwGridView_outer{
        //			border-collapse: inherit;
        width: 99%;
    }


/*#############################################################*/



} // iframe


/*##################################################################*/

/*Infolog*/

.et2_container[id^="infolog-index-addressbook"] {

    /*height: auto;*/
    /*padding: 1em;*/
    /*min-height: 250px;*/


/*ADD Button */
/*        div.et2_hbox,
        div.et2_box_widget*/
        .et2_hbox_right[id*="_infolog-index-header_right"]{


                    div.et2_box_widget{
                        /*border: 1px solid rgba(0, 0, 0, 0.15);*/
                        /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
                        text-shadow: none;
                        .dimension_height_l;
                        margin-top: 5px;
                        background-image: none !important;
                        transition: all 0.5s linear;
                        -webkit-transition: all 0.5s linear; /* Safari */

                         &:before {
                            content: "+";
                            font-size: 2em;
                            color: @egw_color_1;
                            line-height: 0.5em;
                            }

                       /*Text ""hinzufügen" "*/
                       span {display: none;}


                      // IMG
                        img {
                            .Complete_Button_Icon_normal;
                            .dimension_width_height_s;
                            margin-left: 0.5em;
                            padding: 0px;
                            margin-top: 0px;
                            vertical-align: middle;
                            /*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/

                            &:hover{.Complete_Button_Icon_hover ;}

                            &:active { .Complete_Button_Icon_active ;}
                        }

                        img:last-child {margin-right: 5px;};



                /*MouseOver*/
                      &:hover {
                          .box_shadow_standard_light_hover;
                          background-color: @egw_color_2_a !important;
                          .border_radius_button_lefttop;
                          .dimension_height_l;
                          &:before {content: ""; font-size: 1em;padding-left: 5px;}
                          /*Text*/
                          span {visibility: hidden; display: none;};
                         img {.scale; margin: 0.5em; background: @gray_0;}
                      }
                    }




        }

        // Scrollarea in Infolog
        .egwGridView_scrollarea{
            overflow-y: scroll !important;
            overflow-x: hidden !important;
        }
}

//******************************************************************
// CRM View - Tracking System

button#tracker-index-addressbook_add{

    .Complete_Button_add_only_plus;
    .dimension_height_m;

    &:hover {.Complete_Button_add_only_plus_hover;}
    &:active {background-color: @color_positive_action_active !important;}

}








//******************************************************************
// sidebar
//******************************************************************

#egw_fw_sidemenu{

    //Tabelle mit Ansichten des Kalenders

    .egw_fw_ui_category_content{

//        table {margin-left: -14px;}
    }

    // Bilder für Favoriten

    img.sideboxstar {

    }

//    select {margin-top: -5px;}

}

// #############################################################################
// Addressbook edit dialog

/*###########################################
#                                           #
#      dialogHeader                         #
#############################################
#                                           #
#                                           #
#                                           #
#                                           #
#                                           #
#      dialog                               #
#                                           #
#                                           #
#############################################
#                                           #
#    buttons                                #
#                                           #
#                                           #
##############################################*/

div#addressbook-edit.et2_container {
}

// person image
div.addressbook_edit_general_picture img {
    top: -4px;
    width: 70px;
    height: auto;
    left: 7px;
}


// general
#addressbook-edit_addressbook-edit-general{

     .et2_label {margin-right: 6px;}

}


// END DIALOG #############################################################################

} // Ende Media all