/*****************************************************
*** TOP MENU BAR
*****************************************************/
#top-menu-container {
  background-color:#5295b0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5BC0DE), to(#2BABD2));
  background-image: -webkit-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: linear-gradient(to bottom, #57BEDD 0%, #2BABD2 100%);
  background-image: -moz-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: -ms-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: -o-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-repeat: repeat-x;
  height:auto;
  left: 0px;  /* left:139px; -- WITH LEFT MENU */
  margin:0;
  overflow:hidden;
  padding:0;
  position:absolute;
  right:0px;
  top:0px;
  width:auto;
}
#top-menu-title {
  color:#fff;
  float:left;
  font-size:14px;
  font-weight:bold;
  line-height:26px;
  margin-left:20px;
  text-shadow:0 -1 #121212;
}
.top-menu-ul {
  color:white;
  display:inline-block;
  float:right;
  line-height:26px;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  position: fixed;
  right: 0px;
  text-shadow:0 -1 #121212;
  top: 0px;
  z-index: 100;
}
#li-top-logout {
  margin-right: 20px;
}
.top-menu-ul li {
  background-image: -moz-linear-gradient(top, #5BC0DE 0%, #2AABD2 100%);
  background-image: -ms-linear-gradient(top, #5BC0DE 0%, #2AABD2 100%);
  background-image: -o-linear-gradient(top, #5BC0DE 0%, #2AABD2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5BC0DE), to(#2AABD2));
  background-image: -webkit-linear-gradient(top, #5BC0DE 0%, #2AABD2 100%);
  background-image: linear-gradient(to bottom, #5BC0DE 0%, #2AABD2 100%);
  background-repeat: repeat-x;
  border-color: #28a4c9;
  display: inline;
  float: left;
  font-size: 12px;
}
.top-menu-ul li a:focus, .top-menu-ul li:hover {
  outline: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#289ABE), to(#289ABE));
  background-image: -webkit-linear-gradient(top, #289ABE 0%, #289ABE 100%);
  background-image: linear-gradient(to bottom, #289ABE 0%, #289ABE 100%);
  background-image: -moz-linear-gradient(top, #289ABE 0%, #289ABE 100%);
  background-image: -ms-linear-gradient(top, #289ABE 0%, #289ABE 100%);
  background-image: -o-linear-gradient(top, #289ABE 0%, #289ABE 100%);
  background-repeat: repeat-x;
}
.top-menu-ul li a {
  color: white;
  clear: both;
  display: block;
  padding-left: 10px;
  padding-right: 12px;
  text-decoration: none;
}
.top-menu-ul li a .glyphicon, .top-menu-ul li ul li a .glyphicon {
  font-size: 15px;
  top: 3px;
}
#li-top-bcc, #li-top-crc {
  display: inline-block;
  width: 140px;
}
#li-bcc img, #li-crc img {
  margin-bottom:3px;
}
#li-crc span {
  padding-right: 16px;
}
.top-menu-ul li ul {
  display: none;
  font-weight: normal;
  list-style-type: none;
  margin: 0px;
  overflow: auto;
  padding: 0px;
  position: absolute;
  width: 140px;
}
.top-menu-ul li ul li {
  background-color: #2dacd3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2DACD3), to(#2DACD3));
  background-image: -webkit-linear-gradient(top, #2DACD3 0%, #2DACD3 100%);
  background-image: linear-gradient(to bottom, #2DACD3 0%, #2DACD3 100%);
  background-image: -moz-linear-gradient(top, #2DACD3 0%, #2DACD3 100%);
  background-image: -ms-linear-gradient(top, #2DACD3 0%, #2DACD3 100%);
  background-image: -o-linear-gradient(top, #2DACD3 0%, #2DACD3 100%);
  background-repeat: repeat-x;
  border-left: 1px solid #28a4c9;
  border-right: 1px solid #28a4c9;
  display: block;
  width: 140px;
}
.top-menu-ul li ul li:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2389A8), to(#2389A8));
  background-image: -webkit-linear-gradient(top, #2389A8 0%, #2389A8 100%);
  background-image: linear-gradient(to bottom, #2389A8 0%, #2389A8 100%);
  background-image: -moz-linear-gradient(top, #2389A8 0%, #2389A8 100%);
  background-image: -ms-linear-gradient(top, #2389A8 0%, #2389A8 100%);
  background-image: -o-linear-gradient(top, #2389A8 0%, #2389A8 100%);
  background-repeat: repeat-x;  
}
.top-menu-ul li ul:last-child {
  border-bottom: 1px solid #28a4c9;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px;
}
@media screen and (max-width: 935px) {
  .shrink {
    display: none;
  }
  #li-top-bcc, #li-top-crc
  {
    width: auto;
  }
}
/*****************************************************
*** BREADCRUMBS BAR
*****************************************************/
.breadcrumbs {
  background-color:#f5f5f5;
  position:absolute;
  display:inline-block;
  width:100%;
  top:26px;
  border-bottom:1px solid #dddddd;
  padding: 5px;
  padding-left: 20px;
}
.breadcrumbs > ul {
  padding: 0;
  margin: 0;
}
.breadcrumbs > ul > li {
  font-weight: bold;
  font-size: 16px; /*10px*/
  display: inline-block;
  padding-top:3px;
}
.breadcrumbs > ul > li > a{
  text-decoration: none;
  font-weight:normal;
}
.breadcrumbs > ul > li + li:before {
  content: "\00bb\00a0";
  padding: 0px 5px 0px 5px;
  text-shadow: 0 1px 0 #ffffff;
  color: #ccc;
}

/*****************************************************
*** ACTIONS BAR
*****************************************************/
.actions-bar {
  background-color:#dddddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#E5E5E5));
  background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: linear-gradient(to bottom, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -moz-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -ms-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -o-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-repeat: repeat-x;
  border-top:1px solid #dddddd;
  display:inline-block;
  height:31px;
  position:absolute;
  top:58px;
  width:100%;
}
.blue-action-btn .glyphicon, 
.cyan-action-btn .glyphicon, 
.disabled-action-btn .glyphicon, 
.green-action-btn .glyphicon, 
.orange-action-btn .glyphicon, 
.purple-action-btn .glyphicon,
.red-action-btn .glyphicon {
  font-size: 14px;
  top: 2px;
}
.blue-action-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#E5E5E5));
  background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: linear-gradient(to bottom, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -moz-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -ms-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -o-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-repeat: repeat-x;
  border: 0px solid black;
  border-left: 1px solid #dddddd;
  border-radius: 0px;
  border-right: 1px solid #dddddd;
  padding: 5px  15px 6px;
  color: #777;
  font-size: 12px;
  height: 29px;
  transition: all 0.3s ease 0s;
}
.blue-action-btn:focus, .blue-action-btn:active, .blue-action-btn:hover {
  color: #777;
  outline: 0px !important;
  -webkit-appearance:none;
}
.blue-action-btn:focus, .blue-action-btn:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
  background-image: -moz-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -ms-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-repeat: repeat-x;
  color: white;
}
.btn-group.open > .blue-action-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#265a88), to(#193a59));
  background-image: -webkit-linear-gradient(top, #265a88 0%, #193a59 100%);
  background-image: linear-gradient(to bottom, #265a88 0%, #193a59 100%);
  background-image: -moz-linear-gradient(top, #265a88 0%, #193a59 100%);
  background-image: -ms-linear-gradient(top, #265a88 0%, #193a59 100%);
  background-image: -o-linear-gradient(top, #265a88 0%, #193a59 100%);
  background-repeat: repeat-x;
  color: white;
}
.cyan-action-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#E5E5E5));
  background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: linear-gradient(to bottom, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -moz-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -ms-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -o-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-repeat: repeat-x;
  border: 0px solid black;
  border-left: 1px solid #dddddd;
  border-radius: 0px;
  border-right: 1px solid #dddddd;
  color: #777;
  font-size: 12px;
  height: 29px;
  padding: 5px  15px 6px;
  transition: all 0.3s ease 0s;
}
.cyan-action-btn:focus, .cyan-action-btn:active, .cyan-action-btn:hover {
  color: #777;
  outline: 0px !important;
  -webkit-appearance:none;
}
.cyan-action-btn:focus, .cyan-action-btn:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#57BEDD), to(#2BABD2));
  background-image: -webkit-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: linear-gradient(to bottom, #57BEDD 0%, #2BABD2 100%);
  background-image: -moz-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: -ms-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: -o-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-repeat: repeat-x;
  color: white;
}
.btn-group.open > .cyan-action-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2BABD2), to(#0098c7));
  background-image: -webkit-linear-gradient(top, #2BABD2 0%, #0098c7 100%);
  background-image: linear-gradient(to bottom, #2BABD2 0%, #0098c7 100%);
  background-image: -moz-linear-gradient(top, #2BABD2 0%, #0098c7 100%);
  background-image: -ms-linear-gradient(top, #2BABD2 0%, #0098c7 100%);
  background-image: -o-linear-gradient(top, #2BABD2 0%, #0098c7 100%);
  background-repeat: repeat-x;
  color: white;
}
.disabled-action-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#E5E5E5));
  background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: linear-gradient(to bottom, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -moz-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -ms-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -o-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-repeat: repeat-x;
  border: 0px solid black;
  border-left: 1px solid #dddddd;
  border-radius: 0px;
  border-right: 1px solid #dddddd;
  color: #aaa;
  cursor: default;
  font-size: 12px;
  height: 29px;
  padding: 5px  20px 6px;
  transition: all 0.3s ease 0s;
}
.disabled-action-btn:focus, .disabled-action-btn:active, .disabled-action-btn:hover {
  color: #aaa;
  cursor: default;
  outline: 0px !important;
  -webkit-appearance:none;
}
.green-action-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#E5E5E5));
  background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: linear-gradient(to bottom, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -moz-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -ms-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -o-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-repeat: repeat-x;
  border: 0px solid black;
  border-left: 1px solid #dddddd;
  border-radius: 0px;
  border-right: 1px solid #dddddd;
  color: #777;
  font-size: 12px;
  height: 29px;
  padding: 5px  15px 6px;
  transition: all 0.3s ease 0s;
}
.green-action-btn-left {
  padding: 5px  20px 6px;
}
.green-action-btn:focus, .green-action-btn:active, .green-action-btn:hover {
  color: #777;
  outline: 0px !important;
  -webkit-appearance:none;
}
.green-action-btn:focus, .green-action-btn:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  background-image: -moz-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -ms-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-repeat: repeat-x;
  color: white;
}
.btn-group.open > .green-action-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#419641), to(#267426));
  background-image: -webkit-linear-gradient(top, #419641 0%, #267426 100%);
  background-image: linear-gradient(to bottom, #419641 0%, #267426 100%);
  background-image: -moz-linear-gradient(top, #419641 0%, #267426 100%);
  background-image: -ms-linear-gradient(top, #419641 0%, #267426 100%);
  background-image: -o-linear-gradient(top, #419641 0%, #267426 100%);
  background-repeat: repeat-x;
  color: white;
}
.left-actions-group {
  height: 29px;
  left: 0px;
  position: absolute;
  top: 0px;
}
.left-actions-group span, .left-actions-group a {
  padding-bottom: 5px;
  padding-top: 7px;
}
.orange-action-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#E5E5E5));
  background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: linear-gradient(to bottom, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -moz-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -ms-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -o-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-repeat: repeat-x;
  border: 0px solid black;
  border-left: 1px solid #dddddd;
  border-radius: 0px;
  border-right: 1px solid #dddddd;
  color: #777;
  font-size: 12px;
  height: 29px;
  padding: 5px  15px 6px;
  transition: all 0.3s ease 0s;
}
.orange-action-btn:focus, .orange-action-btn:active, .orange-action-btn:hover {
  color: #777;
  outline: 0px !important;
  -webkit-appearance:none;
}
.orange-action-btn:focus, .orange-action-btn:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -ms-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-repeat: repeat-x;
  color: white;
}
.btn-group.open > .orange-action-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ec971f), to(#e88100));
  background-image: -webkit-linear-gradient(top, #ec971f 0%, #e88100 100%);
  background-image: linear-gradient(to bottom, #ec971f 0%, #e88100 100%);
  background-image: -moz-linear-gradient(top, #ec971f 0%, #e88100 100%);
  background-image: -ms-linear-gradient(top, #ec971f 0%, #e88100 100%);
  background-image: -o-linear-gradient(top, #ec971f 0%, #e88100 100%);
  background-repeat: repeat-x;
  color: white;
}
.purple-action-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#E5E5E5));
  background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: linear-gradient(to bottom, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -moz-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -ms-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -o-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-repeat: repeat-x;
  border: 0px solid black;
  border-left: 1px solid #dddddd;
  border-radius: 0px;
  border-right: 1px solid #dddddd;
  color: #777;
  font-size: 12px;
  height: 29px;
  padding: 5px  15px 6px;
  transition: all 0.3s ease 0s;
}
.purple-action-btn:focus, .purple-action-btn:active, .purple-action-btn:hover {
  color: #777;
  outline: 0px !important;
  -webkit-appearance:none;
}
.purple-action-btn:focus, .purple-action-btn:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6f5499), to(#573e7d));
  background-image: -webkit-linear-gradient(top, #6f5499 0%, #573e7d 100%);
  background-image: linear-gradient(to bottom, #6f5499 0%, #573e7d 100%);
  background-image: -moz-linear-gradient(top, #6f5499 0%, #573e7d 100%);
  background-image: -ms-linear-gradient(top, #6f5499 0%, #573e7d 100%);
  background-image: -o-linear-gradient(top, #6f5499 0%, #573e7d 100%);
  background-repeat: repeat-x;
  color: white;
}
.btn-group.open > .purple-action-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#573e7d), to(#3f2c61));
  background-image: -webkit-linear-gradient(top, #573e7d 0%, #3f2c61 100%);
  background-image: linear-gradient(to bottom, #573e7d 0%, #3f2c61 100%);
  background-image: -moz-linear-gradient(top, #573e7d 0%, #3f2c61 100%);
  background-image: -ms-linear-gradient(top, #573e7d 0%, #3f2c61 100%);
  background-image: -o-linear-gradient(top, #573e7d 0%, #3f2c61 100%);
  background-repeat: repeat-x;
  color: white;
}
.red-action-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#E5E5E5));
  background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: linear-gradient(to bottom, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -moz-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -ms-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -o-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-repeat: repeat-x;
  border: 0px solid black;
  border-left: 1px solid #dddddd;
  border-radius: 0px;
  border-right: 1px solid #dddddd;
  color: #777;
  font-size: 12px;
  height: 29px;
  padding: 5px  15px 6px;
  transition: all 0.3s ease 0s;
}
.red-action-btn:focus, .red-action-btn:active, .red-action-btn:hover {
  color: #777;
  outline: 0px !important;
  -webkit-appearance:none;
}
.red-action-btn:focus, .red-action-btn:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d8514d), to(#b92c28));
  background-image: -webkit-linear-gradient(top, #d8514d 0%, #b92c28 100%);
  background-image: linear-gradient(to bottom, #d8514d 0%, #b92c28 100%);
  background-image: -moz-linear-gradient(top, #d8514d 0%, #b92c28 100%);
  background-image: -ms-linear-gradient(top, #d8514d 0%, #b92c28 100%);
  background-image: -o-linear-gradient(top, #d8514d 0%, #b92c28 100%);
  background-repeat: repeat-x;
  color: white;
}
.btn-group.open > .red-action-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b92c28), to(#9a0703));
  background-image: -webkit-linear-gradient(top, #b92c28 0%, #9a0703 100%);
  background-image: linear-gradient(to bottom, #b92c28 0%, #9a0703 100%);
  background-image: -moz-linear-gradient(top, #b92c28 0%, #9a0703 100%);
  background-image: -ms-linear-gradient(top, #b92c28 0%, #9a0703 100%);
  background-image: -o-linear-gradient(top, #b92c28 0%, #9a0703 100%);
  background-repeat: repeat-x;
  color: white;
}
.right-actions-group {
  float:right;
}
.right-actions-group .btn-group .dropdown-menu a, .right-actions-group .btn-group .dropdown-menu button,
.left-actions-group .btn-group .dropdown-menu a, .left-actions-group .btn-group .dropdown-menu button {
  padding-left: 10px;
  padding-right:15px;
}
.right-actions-group .btn-group button .glyphicon, .right-actions-group a .glyphicon,
.left-actions-group .btn-group button .glyphicon, .left-actions-group a .glyphicon {
  font-size:15px;
}
.right-actions-group .btn-group .dropdown-menu a .glyphicon, .right-actions-group .btn-group .dropdown-menu button .glyphicon,
.left-actions-group .btn-group .dropdown-menu a .glyphicon, .left-actions-group .btn-group .dropdown-menu button .glyphicon {
  font-size:15px;
  margin-right: 5px;
}
.submenu-btn {
  background-color: transparent;
  border: none;
  color: #777;
  display: inline-block;
  float: left;
  font-size:12px;
  height: 100%;
  outline: none;
  padding: 5px 10px;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  width: auto;
}
.submenu-btn:focus, .submenu-btn:hover {
  color: black;
  text-decoration: none;
}