@import url("fonts.css");
@import url("colors.css");

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body{
	font-family: 'Source Sans Pro',Helvetica Neue,Helvetica,Arial,sans-serif;
	background-color:#ebeff1;
	/*zoom:.9;*/
}

*,:after,:before {
    box-sizing: border-box
}


.app-toolbar{
	background-color:#7986CB;
}

.bmg__toolbar-row{
  height: 40px;
  padding:0 40px 0 10px;
  background-color:#ebeff1;
}

/* Estilos Estructura   */

    html {
      height: 100%;
    }

    /* Stack toolbar and content on top of each other. */
    body {
      display: flex;
      flex-direction: column;
      padding: 0;
      margin: 0;
      box-sizing: border-box;
      height: 100%;
    }

    /* Place drawer and main next to each other. */
    .app-content {
      /*display: flex;*/
      height: 100%;
      box-sizing: border-box;
      background-color:#f2f6fa;
    }
    
    .app_content__padded_view{
      padding:20px;
    }

    /* A quick and simple toolbar, while we're waiting for mdc-toolbar. */
    .app-toolbar {
      display: block;
      width: 100%;
      height: 50px;
      line-height: 50px;
      padding: 0 16px;
      box-sizing: border-box;
      /* Place drawer under toolbar shadow. */
      z-index: 2;
      position:fixed;
      text-align:left;
    }
    
    @media (min-width: 600px) {
      .app-toolbar {
        height: 50px;
        line-height: 50px;
        position:fixed;
        
      }
      
      .bmg__toolbar-row{
			  height: 40px;
			  line-height: 40px;
			  position: fixed;
		    top: 50px;
		    width: 100%;
		    z-index: 99;
		    text-align:left;
		    background-color:#ebeff1;
			}
    }

    .app-main__content {
      /*width:100%;*/
      background-color:#f2f6fa;
      margin-left: 200px;
    	margin-top: 90px;
    }

	.mdc-permanent-drawer{
		width:200px;
		position: fixed;
    top: 50px;
    background-color:#ebeff1;
	}

	.mdc-list-item__start-detail{
		margin-right:20px;
	}
	
	
/** KENDOUI **/

.k-grid-content .grid__cell_tool_menu{
	/*padding-left:5px;*/
	overflow:visible;
}

.k-grid td{
	line-height:1.3em;
}

/* AUI dialog */

.aui-dialog2-header{
	border-bottom:0;
	height:50px;
	padding:0 20px;
	background-color:#edeff3;
}

.aui-dialog2 .aui-dialog2-header{
	margin-top:-50px;
}

.aui-dialog2-footer, .aui-dialog2-header{
	background-color:#fff;
}

.aui-dialog2-footer{
	border-top:0;
	height:48px;
}

.aui-dialog2-header-main{
	
	font-size: 20px;
  line-height: 20px;
  /*padding-top: 10px;*/
}

.aui-dialog2-content{
	overflow:visible;
	background-color:#f2f6fa;
}

.aui-dialog2-header-actions, .aui-dialog2-header-close, .aui-dialog2-header-main, .aui-dialog2-header-secondary{
	vertical-align:none;
}

.aui-blanket{
  background-color:#777676;
  opacity:.35;
}


/* menu */

.ui.vertical.menu{
	width:100%;
}

.ui.vertical.secondary.menu .item:not(.dropdown)>.menu{
	margin:0 -1.2em
}

.ui.vertical.secondary.menu .item:not(.dropdown)>.menu>.item{
	height: 31px;
	padding:.5em 16px;
	color:#000;
}

.ui.vertical.menu .item>i.icon{
	float:left;
	margin:0 10px 0 0;
}

.ui.menu .item{
	line-height: 20px;
}

.ui.secondary.vertical.pointing.menu{
	border-right-width:0;
}

.ui.secondary.vertical.pointing.menu .active.item{
	background-color: #fafafa;
  color: #6772e5;
  font-weight: 600;
  border-color:#6772e5;
}

.ui.modal>.header{
	margin-bottom:0;
}

.ui.modal>.actions{
	margin-top:0px;
	
	
}


/* Dimmer loader */

.ui.active.inverted.dimmer,.app__loader {
  background-color: rgba(255,255,255,0.35);
  z-index:9999;
}

/* sui forms */

.ui.mini.form .field>label,.ui.tiny.form .field>label{
  font-size:1.1em;
}

#contenido{
  margin-top:0;
}

.k-loading-mask{
  display:none!important; 
}


/* toast */

.jq-toast-wrap{
  top:10px!important;
}

.jq-toast-single{
  padding:8px!important;
}


.text-code {
    font-family: Lekton,"Courier New",Courier,monospace;
    letter-spacing: .5px;
}

.text-bold-400{
  font-weight:400;
}

.text-bold-500{
  font-weight:500;
}

.text-bold-600{
  font-weight:600;
}

.text-bold-700{
  font-weight:700;
}

.text-bold-800{
  font-weight:800;
}

.h3{
  font-size: 1.28571429rem;
}