/* ADMIN MENU 
------------------------------------------------------------------------------*/
html body.admin-menu {
  margin-top: 0 !important;
  padding-top: 40px !important;
} 
 
#admin-menu {
  background: url(../images/midatel-admin.png) no-repeat 5px 50% #003366;
  padding-left: 105px !important;
  z-index: 9999 !important;
}

#admin-menu > div > ul > li:hover {
  background-color: #003366;
}

#admin-menu > div > ul > li:hover > a {
  background-color: #FAA330 !important;
  color: #000000;
}

#admin-menu > div > ul li li {
  background-color: #003366 !important;
}

#admin-menu > div > ul li li:hover {
  background-color: #FAA330 !important;
}

#admin-menu > div > ul li li:hover > a {
  color: #000000 !important;
}

/* user */
#admin-menu li.admin-menu-account > a {
  background: #FAA330 !important;
  color: #000000 !important;
  margin: 0 5px;
}

#admin-menu .dropdown .admin-menu-icon > a span {
/*  background-position: 0 50%;*/
}

/* home */
#admin-menu .dropdown .admin-menu-toolbar-category > a.active-trail {
  background: none !important;
}

#admin-menu .dropdown .admin-menu-toolbar-category > a.active-trail:hover {
  background: #FAA330 !important;
}

/* search */
#admin-menu-search input {
  height: 20px;
}

/* tablet --------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
  html body.admin-menu {
    padding-top: 58px !important;
  }
  
  html body.admin-menu #header {
    top: 15px;
  }

  #admin-menu {
    background-image: none !important;
    padding-left: 0 !important;
  }
  
  #admin-menu .admin-menu-search,
  #admin-menu .admin-menu-users {
    display: none;
  }
  
  #admin-menu > div > .dropdown > li > a {
    padding: 2px 5px 3px;
  }
}
/*-------------------------------------- tablet */

/* phone ---------------------------------*/
@media (max-width: 767px) { 
  html body.admin-menu {
    margin-top: 0 !important;
    padding-top: 0 !important;
  } 
  
  #admin-menu {
    display: none;
  }
}
/*---------------------------------- phone */
/*---------------------------------------------------------------- ADMIN MENU */


/* MENU EDITOR
------------------------------------------------------------------------------*/
#editor-menu {
    background: url("../images/midatel-admin.png") no-repeat scroll 5px 50% #003366;
    padding: 5px 0 5px 105px;
    overflow: hidden;
}

body.admin-menu #editor-menu {
    display: none;
}

#editor-menu a {
  float: right;
  margin-right: 10px;
  padding: 2px 10px 3px;
  font-size: 12px;
  line-height: 20px;
  color: #FFF;
  -webkit-border-radius: 10px 10px 10px 10px;
     -moz-border-radius: 10px 10px 10px 10px;
          border-radius: 10px 10px 10px 10px;
}

#editor-menu a.active,
#editor-menu a:hover {
  background: none repeat scroll 0 0 #FAA330 !important;
  color: #000;
  text-decoration: none;
  -webkit-border-radius: 10px 10px 10px 10px;
     -moz-border-radius: 10px 10px 10px 10px;
          border-radius: 10px 10px 10px 10px;
}

/* LINKS EDICION
------------------------------------------------------------------------------*/
.action-links {
  padding: 0;
}

.action-links li {
  list-style: none outside none;
}

.action-links li a,
a.mida-link {
  border: 1px solid #0066cc;
  color: #ffffff;
  line-height: 1em;
  background-color: #0066cc;
  background: linear-gradient(top,  #269AD7,  #006293);
  background: -ms-linear-gradient(top,  #269AD7,  #006293);
  background: -webkit-gradient(linear, left top, left bottom, from(#269AD7), to(#006293));
  background: -moz-linear-gradient(top,  #269AD7,  #006293);
  padding: 8px 12px;
  margin-bottom: 10px;
  display: inline-block;
  -webkit-border-radius: 4px 4px 4px 4px;
     -moz-border-radius: 4px 4px 4px 4px;
          border-radius: 4px 4px 4px 4px;
}

.action-links li a:hover,
a.mida-link:hover {
  background-color: #FC7315;
  border-color: #cc9900;
  color: #ffffff;
  background: linear-gradient(top,  #FAA330,  #FC7315);
  background: -ms-linear-gradient(top,  #FAA330,  #FC7315);
  background: -webkit-gradient(linear, left top, left bottom, from(#FAA330), to(#FC7315));
  background: -moz-linear-gradient(top,  #FAA330,  #FC7315);
  text-decoration: none;
}

/* TABS
------------------------------------------------------------------------------*/
.nav-tabs {
  background: url(../images/midatel-tabs.png) no-repeat 100% 50%;
  border-bottom: 2px solid #FC7315;
  padding-right: 40px;
  margin-bottom: 10px;
}

.nav-tabs > li > a {
  background-color: #0066cc;
  border: 1px solid #0066cc;
  border-bottom: 1px solid #FC7315;
  color: #ffffff !important;
  line-height: 1em;
  background: linear-gradient(top,  #269AD7,  #006293);
  background: -ms-linear-gradient(top,  #269AD7,  #006293);
  background: -webkit-gradient(linear, left top, left bottom, from(#269AD7), to(#006293));
  background: -moz-linear-gradient(top,  #269AD7,  #006293);
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus,
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  background-color: #FC7315;
  background-color: #0074BD; /*f*/
  border-color: #cc9900;
  border-bottom: 1px solid #FC7315;
  color: #ffffff;
  background: linear-gradient(top,  #FAA330,  #FC7315);
  background: -ms-linear-gradient(top,  #FAA330,  #FC7315);
  background: -webkit-gradient(linear, left top, left bottom, from(#FAA330), to(#FC7315));
  background: -moz-linear-gradient(top,  #FAA330,  #FC7315);
}

/* RESPONSIVE 
------------------------------------------------------------------------------*/
@media (max-width: 767px) {
  .nav-tabs li {
    display: block;
    width: 100%;
  }
}
/*---------------------------------------------------------------------- TABS */


/* CONTEXTUAL LINKS
------------------------------------------------------------------------------*/
.contextual-links-region-active {
  outline: #FAA330 dashed 1px; /*f*/
}

a.contextual-links-trigger {
  background: transparent url(../images/gear-select.png) no-repeat 2px 0;
}
div.contextual-links-active a.contextual-links-trigger {
  background-color: #FAA330;
  border-color: #003366;
  border-bottom: none;
}
div.contextual-links-wrapper ul.contextual-links {
  background-color: #FAA330;
  border: 1px solid #003366;
  width: auto;
}
ul.contextual-links li a {
  color: #003366 !important;
  font-size: 16px;
  line-height: 20px;
}
ul.contextual-links li a:hover {
  background-color: #003366;
  color: #FAA330 !important;;
  color: #ffffff !important;;
}

div.contextual-links-wrapper {
  right: 15px;
  z-index: 99;
}

.node-webform .contextual-links-trigger {
  display: none;
}
/*---------------------------------------------------------- CONTEXTUAL LINKS */