/*Add your custom style sheets on this file*/
html,
body {
margin:0;
padding:0;
height:100%;
}
#u_login_form 
{
    margin-top:40px;
}
#u_sm_wrapper {
	/*
    min-height:100%;
	position:relative;
*/
}
#u_sm_header 
{

}
#u_sm_content 
{
    min-height: calc(100vh - 160px);
    padding-left:12px;
    /*min-height:100%;*/
	padding-bottom:40px;   /* Height of the footer element */
}
#u_sm_footer 
{
    /*display:none;*/
	width:100%;
    margin: 0 auto;
	height:40px;
	/*position:absolute;*/
	/*bottom:0;*/
    text-align:center;
}
#u_span_customer 
{
    display:inline;
}
#u_div_dashboard 
{
    padding-top:12px;
}
#u_tool_bar 
{
    padding-bottom:12px;
}

.dxm-separator 
{
    width:1px;
}
span.icon-stack {
    display:inline-block;
}
a {
    text-decoration:none;
    color:inherit;
    /*display:block;*/
}
.grid-content, .page-content
{
    margin-left:12px;
}
.grid-link
{
    text-decoration:underline;
    font-weight:700;
}
._visible
{
    display:inline;
}
._invisible 
{
    display:none;
}
.error 
{
    color: #FA5858;
    font-size: 1.2em;
    text-align:left;
}

#customer-panel, #location-panel, #post-panel 
{

}
.center 
{
    margin: 0 auto;
}

.fa {
    vertical-align: middle;
}
.center-login 
{
    margin: 0 auto;
}

#bc {
    margin-bottom: 20px;
    line-height: 30px;
    color: #000;
    padding: 1px;
    border: 1px solid #F0F0F0; }
    #bc a {
      display: block;
      float: left;
      background: #F0F0F0;
      padding-right: 10px;
      height: 30px;
      margin-right: 31px;
      position: relative;
      text-decoration: none;
      color: #000; }
      #bc a:last-of-type {
        margin-right: 25px; }
        #bc a:before {
          content: "";
          display: block;
          width: 0;
          height: 0;
          position: absolute;
          top: 0;
          left: -30px;
          border: 15px solid transparent;
          border-color: #F0F0F0;
          border-left-color: transparent; }
          #bc a:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 0;
            right: -30px;
            border: 15px solid transparent;
            border-left-color: #F0F0F0; }
            #bc a:first-of-type {
              padding-left: 15px; }
              #bc a:first-of-type:before {
                display: none; }
      #bc a:hover {
        background: #428bca;
        color: #fff;
        text-decoration: none; }
        #bc a:hover:before {
          border-color: #428bca;
          border-left-color: transparent; }
          #bc a:hover:after {
            border-left-color: #428bca; }


    .blink 
    {
      color: Red;
      animation: blink 1s steps(5, start) 3s;
      -webkit-animation: blink 1s steps(5, start) infinite;
    }
    @keyframes blink {
      to {
        visibility: hidden;
      }
    }
    @-webkit-keyframes blink {
      to {
        visibility: hidden;
      }
    }
    
    .right
    {
        float: right;
    }
    
    .left
    {
        float:left;
    }    
    .schedule_warn
    {
        background-color:#FF0000;
    }
    .schedule_ok
    {
        background-color:Green
    }
    .uh {
        list-style-type: none;
    }
    .lih {
        display: inline;
        float: left;
        margin-left:8px;
    }

    .locked {

   background: url(../images/key-sm.png) no-repeat right;
   padding-right: 16px;
   border:1px solid #ccc;

    }