/**
 * EGroupware: Stylite Pixelegg template
 *
 * Please do NOT change css-files directly, instead change less-files and compile them!
 *
 * @link http://www.egroupware.org
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @author Hadi Nategh <hn@stylite.de>
 * @package pixelegg
 * @version $Id: $
 */

/* bootstrap-icons as font use with content taken from node_modules/bootstrap-icons/font/bootstrap-icons.css
div::before {
    .bootstrap-icons;
    content: "\f231";	// caret-right-fill
} */
.bootstrap-icons {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@mobile-fontsize-base : 10pt;

.mob-fontsize-xxs {font-size: @mobile-fontsize-base*0.6;}
.mob-fontsize-xs {font-size: @mobile-fontsize-base*0.8;}
.mob-fontsize-s {font-size: @mobile-fontsize-base*0.9;}
.mob-fontsize-n {font-size: @mobile-fontsize-base}
.mob-fontsize-l {font-size: @mobile-fontsize-base*1.2;}
.mob-fontsize-xl {font-size: @mobile-fontsize-base*1.5;}
.mob-fontsize-xxl {font-size: @mobile-fontsize-base*2;}
/*Colors*/
.mob-color-login-message {color:white;}

/*background colors*/
.mob-bg-login {background-color: #486F93;}
.mob-bg-login-logo-area {background-color:white;}
.mob-bg-applist-header {background-color:#486F93;}


/*border colors*/