/**
 * EGroupware: CSS with less preprocessor

 * ADMIN
 *
 * 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 (reference) "../../../pixelegg/less/def_mobile.less";
@import (reference) "../default/app.css";


@media all {

    // ADMIN in SIDEBAR

    div.dhtmlxTree {


        // selected Item
        td.standartTreeRow {

            span.selectedTreeRow { background-color: @egw_color_1_e; color: @gray_90;}

        }



    }


/* #############################################################################
// iframe
// Rahmen + padding**/

/*################## iframe ####################*/
/*#            #                               #*/
/*#            #                               #*/
/*#            #      ADMIN                    #*/
/*#            #                               #*/
/*#            #                               #*/
/*#            #                               #*/
/*##############################################*/


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

iframe#admin-index_iframe{

     background-color: transparent;

    #admin-categories-index{

		#admin-categories-index_add {
			margin-top: -2px;
		}

        padding: 10px;

        table.et2_grid {

            #admin-categories-index_nm {

                div.egwGridView_outer{

                    td.frame {



                    }
                }

            }

        }

    }

    table.egwGridView_grid tr td {color: #000;}

} // iframe

// gray Filter for images
    table.egwGridView_grid img {
            /*filter grey*/
            .img_filter_none;
        }




// #############################################################################
// Dialog ADMIN

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


} // Media
//
//

/* tablets and smartphones  */
@media only screen and (max-device-width:1024px) {
	#admin-index {
		table.egwGridView_outer tbody {
			span[id^="admin-index"][id$='status]']{
				text-align: right;
				.mob-fontsize-s;
			}
			.adminCol2 {
				float: right;
				div {
					text-align: right;
				}
			}
			span[id^="admin-index"][id$='account_lid]']{
				font-weight: bold;
			}
			span[id^="admin-index"][id$='account_lastname]']::after{
				content:",";
			}
		}
	}
}