/*Here I will write css for show horizantal nav menu*/
    /* fixed checkbox in IE 11 */
    md-checkbox.md-checked .md-icon:after, md-checkbox.md-indeterminate .md-icon:after {
        display: inline-block;
        /* Override display: table which breaks the check-mark in IE. This seems to work fine in FF and Chrome also;*/
    }
    /**/

/* for processing */

/* Page load */

  .md-border-radius {
        border-radius: 10px;
    }

   .loading {        
        position: absolute;
        width: 100%;
        height: 100%;      
        top: 0;
        left: 0;
        /*margin: -100px 0 0 -150px;*/
        /*background: #fff; */
        background-color: transparent;
        z-index: 10; 
       
    }
     .loadingtext {    
        position: absolute;  
        z-index: 99;                
        top: 40%;
        left: 45%;
        color:#000;
        text-align:center;
        vertical-align:middle;
        padding-top:10px;
        width:100px;
        height:80px;
        background: #fff;        
        border: 1px solid #000000;
        border-radius: 5px/5px;
    }

      .running {        
        position: absolute;
        width: 100%;
        height: 100%;      
        top: 0;
        left: 0;
        /*margin: -100px 0 0 -150px;*/
        background: #858383;
        background-color: transparent;
        z-index: 10; 
       
    }
     .runningtext {    
        position: absolute;  
        z-index: 99;                
        top: 40%;
        left: 45%;
        color:#000;
        text-align:center;
        vertical-align:middle;
        padding-top:10px;
        width:100px;
        height:80px;
        background: #fff;        
        border: 1px solid #000000;
        border-radius: 5px/5px;
    }
     


 /* ======================*/




.jumbotronex {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: inherit;
  background-color: #eee;  
}

.jumbotronex > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotronex,
.container-fluid .jumbotronex {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
  text-align:center;
}
.jumbotronex .container {
  max-width: 100%;
}

/* end for processing*/
/*Other menu font items*/
@media (max-width: 767px) {
  .navbar.navbar-custom .navbar-collapse,
  .navbar.navbar-custom .navbar-form {
    border-color: rgb(222, 145, 139);
    background-color: whitesmoke ;
    /*rgba(155, 155, 255, 1)*/
  }
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/*
ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #1bc2a2*;
}

ul li {
  display: block;
  position: relative;
  float: left;
  background: #1bc2a2;
}

li ul { display: none; }

ul li a {
  display: block;
  padding: 1em;
  text-decoration: none;
  white-space: nowrap;
  color: #000;
}

ul li a:hover { background: #337ab7; } 
 */  
    /*#2c3e50*/

/*
li:hover > ul {
  display: block;
  position: absolute;
  width:200px;
}
*/

li:hover li { float: none; }

li:hover a  /*{ background: #0094ff; }*/

li:hover li a:hover /*{ background: #0094ff; }*/

.main-navigation li ul li { border-top: 0; }
ul ul ul {
  left: 100%;
  top: 0;
}
ul:before,
ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

ul:after { clear: both; } 

/*YOU Can download this css from the below link (see youtube description)
    */