.container {
     width: 100%;
}
 .top-header {
     width: 100%;
     height: 30px;
     background: #2b4e88;
     border-bottom: solid 1px #b1acac;
}
 .bottom-header {
     background: #fff;
     border-bottom: solid 1px #dd8500;
}
 .logo {
     padding: 15px 0;
}
 .main-menu {
     height: 77px;
}
 .navbar-default:before {
     content: "";
     position: absolute;
     left:-20px;
     bottom: 0;
     width: 0;
     height: 0;
     border: 0 solid transparent;
     border-left-width: 0px;
     border-right-width: 20px;
     border-top: 40px solid #2b4e88;
     transform: rotate(180deg);
}
/*bootstrap css*/
 .navbar {
     min-height: 30px;
}
 .navbar-default {
     background: #2b4e88;
     border-color: transparent;
     border-radius: 0px;
     margin: 0;
     position: absolute;
     bottom: 0;
     right: 0;
     border: none;
}
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
     color: #fff;
     background-color: #a5cbef;
}
 .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
     color: #fff;
     background-color: #a5cbef;
}
 .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
     color: #fff;
     background-color: #a5cbef;
}
 .navbar-default .navbar-nav>li>a {
     color: #fff;
     padding-top: 10px;
     padding-bottom: 10px;
     font-weight: bold;
}
 .navbar-default .navbar-collapse {
     padding-right: 0;
     padding-left: 0;
}
 .navbar-right, .navbar-nav.navbar-right:last-child {
     margin-right: 0;
}
 .navbar-nav.navbar-right {
     border-top: solid 1px #dd8500;
}
 .dataTable .glyphicon {
     font-size: 20px;
     padding: 0 15px;
     cursor: pointer;
}
 .dataTable .glyphicon:first-child {
     padding-left: 0;
}
 .text-info {
     color: #333!important;
}
 .text-danger {
     color: red!important;
}
 table.dataTable thead th, table.dataTable tbody td {
     padding: 8px 18px;
}
/*bootstrap css*/
/*breadcrumb css*/
 @media (max-width: 767px) {
     .btn-breadcrumb {
         margin-left: 10px;
         margin-right: 10px;
         width: calc(100% - 20px) !important;
    }
}
 .breadcrum-area .breadcrumb-default {
     border: none;
     margin: 0;
}
 .btn-breadcrumb{
     width: 100%;
     background-color: #fff;
     border-radius: 4px;
     border: solid 1px #ccc;
}
 .btn-breadcrumb .btn{
     border-color: #ccc;
     border: 1px solid #ccc;
     border-right: 1px solid #ccc !important;
     font-size: 11px;
}
 .breadcrumb-default{
     background-color: #fff;
}
 .btn-primary {
     background-color: #2b4e88;
     border-color: #2b4e88;
}
 .btn-primary:hover{
     background-color: #286090;
}
 .btn-danger {
     background-color: #cd1d1f;
     border-color: #cd1d1f;
}
 .btn-info {
     background-color: #2ca9e3;
     border-color: #2ca9e3;
}
 .breadcrumb-success{
     background-color: #5cb85c;
}
 .breadcrumb-info{
     background-color: #5bc0de;
}
 .breadcrumb-warning{
     background-color: #f0ad4e;
}
 .breadcrumb-danger{
     background-color: #d9534f;
}
 .breadcrumb-negro{
     background-color: #d4d4d4;
}
 .btn-breadcrumb .btn:last-child {
     font-weight: bold;
}
 .btn-breadcrumb .btn:last-child:after{
     margin-left: -2px;
}
 .btn-breadcrumb .btn:last-child:before{
     margin-left: -1px;
}
 .btn-breadcrumb .btn-derecha{
     float: right;
     margin-right: 0px;
     padding: 6px 10px 6px 10px !important;
     margin-left: 0px !important;
     border-radius: 0px !important;
}
 .btn-breadcrumb .btn-derecha:first-child {
     border-top-right-radius: 2px !important;
     border-bottom-right-radius: 2px !important;
}
 .btn-breadcrumb .btn-derecha:after, .btn-breadcrumb .btn-derecha:before{
     content: none !important;
}
 .btn-breadcrumb .btn:after {
     content: " ";
     display: block;
     width: 0;
     height: 0;
     border-top: 13px solid transparent;
     border-bottom: 14px solid transparent;
     border-left: 10px solid white;
     position: absolute;
     top: 50%;
     margin-top: -14px;
     margin-left: 0px;
     left: 100%;
     z-index: 3;
}
 .btn-breadcrumb .btn:before {
     content: " ";
     display: block;
     width: 0;
     height: 0;
     border-top: 13px solid transparent;
     border-bottom: 14px solid transparent;
     border-left: 10px solid rgb(173, 173, 173);
     position: absolute;
     top: 50%;
     margin-top: -14px;
     margin-left: 1px;
     left: 100%;
     z-index: 3;
}
/** The Spacing **/
 .btn-breadcrumb .btn {
     padding:6px 12px 6px 24px;
}
 .btn-breadcrumb .btn:first-child {
     padding:6px 6px 6px 10px;
}
 .btn-breadcrumb .btn:last-child {
     padding:6px 18px 6px 24px;
}
/** Default button **/
 .btn-breadcrumb .btn.btn-default:after {
     border-left: 10px solid #fff;
}
 .btn-breadcrumb .btn.btn-default:hover:after {
     border-left: 10px solid #e6e6e6;
}
 .btn-breadcrumb .btn.btn-default:hover:before, .btn-breadcrumb .btn.btn-default:before {
     border-left: 10px solid #adadad;
}
 .breadcrumb-default{
     border: solid 1px #adadad;
}
/** Info button **/
 .btn-breadcrumb .btn-info {
     background-color: #a5cbef;
}
 .btn-breadcrumb .btn.btn-info:after {
     border-left: 10px solid #a5cbef;
}
 .btn-breadcrumb .btn.btn-info:hover:after {
     border-left: 10px solid #a5cbef;
}
 .btn-breadcrumb .btn.btn-info:hover:before, .btn-breadcrumb .btn.btn-info:before {
     border-left: 10px solid #a5cbef;
}
 .breadcrumb-info{
     border: solid 1px #a5cbef;
}
 .breadcrumb-default {
     margin-bottom: 20px;
}
 .dataTables_wrapper .dataTables_paginate .paginate_button {
     border-radius: 50px !important;
     border: 1px solid #5bc0de !important;
}
 .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
     background: #5bc0de !important;
     color: #fff !important;
     box-shadow: none !important;
     border: 1px solid #5bc0de !important;
}
 .dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
     border: none !important;
}
 .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
     border: none;
     background: none;
     color: #333 !important;
}
/*breadcrumb css*/
 .content-area {
     padding: 15px 30px;
}
 .table-area {
     margin-bottom: 30px;
     overflow: auto;
}
 .dataTable thead {
     background: #2b4e88;
     color: #fff;
}
 h1 {
     text-transform: uppercase;
     font-size: 26px;
     margin: 40px 0 20px;
     position: relative;
}
 h1:before {
     content: "";
     position: absolute;
     left:0;
     top:-15px;
     width: 50px;
     height: 2px;
     background: #de8600;
}
 /*.required {
     color: red;
}*/
 .dropdown-block {
     position: relative;
}
 .dropdown-block:before {
     content: "";
     width: 0;
     height: 0;
     border: 0 solid transparent;
     border-left-width: 5px;
     border-right-width: 5px;
     border-top: 5px solid #00aeef;
     position: absolute;
     right: 15px;
     top: 18px;
     pointer-events:none;
}
 .dropdown-block .form-control {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 .well {
     background-color: #fff;
     border: 1px solid #dd8500;
}
 .form-control {
     border: 1px solid #00aeef;
     height: 40px;
}
 .btn {
     padding: 10px 30px;
     font-size: 16px;
}
 .tiles-main ul {
     margin: 30px 0;
     padding: 0;
     float: left;
     width: 100%;
}
 .tiles-main li {
     list-style: none;
     margin: 0;
     padding: 30px;
     width: 33.33%;
     float: left;
     border-bottom: solid 1px #ccc;
     border-right: solid 1px #ccc;
}
 .tiles-main li:nth-last-child(-n+3) {
     border-bottom: none;
}
 .tiles-main li:nth-child(3n+3) {
     border-right: none;
}
/*login css start*/
 #loginbox {
     margin-top: 30px;
}
 #loginbox > div:first-child {
     padding-bottom: 10px;
}
 .iconmelon {
     display: block;
     margin: auto;
}
 #form > div {
     margin-bottom: 25px;
}
 #form > div:last-child {
     margin-top: 10px;
     margin-bottom: 10px;
}
 .panel {
     background-color: transparent;
}
 .panel-body {
     padding-top: 30px;
     background-color: rgba(2555,255,255,.3);
}
 #particles {
     width: 100%;
     height: 100%;
     overflow: hidden;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     position: absolute;
     z-index: -2;
}
 .iconmelon, .im {
     position: relative;
     width: 182px;
     height: auto;
     display: block;
     fill: #525151;
}
 .iconmelon:after, .im:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .panel-title {
     font-family: 'Roboto', sans-serif;
     font-size: 20px;
     text-transform: uppercase;
}
 .panel-default {
     border-color: #2b4e88;
     margin: 30px 0;
}
 .panel-default>.panel-heading {
     color: #fff;
     background-color: #2b4e88;
     border-color: #2b4e88;
}
 .input-group-addon {
     color: #fff;
     text-align: center;
     background-color: #2b4e88;
     border: 1px solid #00aeef;
}
/*login css end*/
 /*table .form-control {
     width: auto;
}*/
/*choose file css start*/
 .file-upload{
    display:block;
    text-align:center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}
 .file-upload .file-select{
    display:block;
    border: 1px solid #00aeef;
    color: #fff;
    cursor:pointer;
    height:40px;
    line-height:40px;
    text-align:left;
    background:#FFFFFF;
    overflow:hidden;
    position:relative;
     border-radius: 4px;
}
 .file-upload .file-select .file-select-button{
    background:#3c5993;
    padding:0 10px;
    display:inline-block;
    height:40px;
    line-height:40px;
     float: right;
}
 .file-upload .file-select .file-select-name{
    line-height:40px;
    display:inline-block;
    padding:0 10px;
     color:#000;
}
 .file-upload .file-select:hover{
    border-color:#2b4e88;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
}
 .file-upload .file-select:hover .file-select-button{
    background:#2b4e88;
    color:#FFFFFF;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
}
 .file-upload.active .file-select{
    border-color:#00aeef;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
}
 .file-upload.active .file-select .file-select-button{
    background:#00aeef;
    color:#FFFFFF;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
}
 .file-upload .file-select input[type=file]{
    z-index:100;
    cursor:pointer;
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    opacity:0;
    filter:alpha(opacity=0);
}
 .file-upload .file-select.file-select-disabled{
    opacity:0.65;
}
 .file-upload .file-select.file-select-disabled:hover{
    cursor:default;
    display:block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor:pointer;
    height:40px;
    line-height:40px;
    margin-top:5px;
    text-align:left;
    background:#FFFFFF;
    overflow:hidden;
    position:relative;
}
 .file-upload .file-select.file-select-disabled:hover .file-select-button{
    background:#dce4ec;
    color:#666666;
    padding:0 10px;
    display:inline-block;
    height:40px;
    line-height:40px;
}
 .file-upload .file-select.file-select-disabled:hover .file-select-name{
    line-height:40px;
    display:inline-block;
    padding:0 10px;
}
/*choose file css end*/

.tiles-wrapper, .tiles-footer {
    margin-left: 0;
}


.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
    padding: 0;
}
.navbar-custom-menu>.navbar-nav>li {
    position: relative;
}
.navbar-nav > .user-menu > .dropdown-menu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 1px 0 0 0;
  border-top-width: 0;
  width: 280px;
}
.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  height: 175px;
  padding: 10px;
  text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
  z-index: 5;
  height: 90px;
  width: 90px;
  border: 3px solid;
  border-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  z-index: 5;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  font-size: 17px;
  margin-top: 5px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
  display: block;
  font-size: 12px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  padding: 15px;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #dddddd;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
  color: #444 !important;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    background: #fff !important;
    color: #444 !important;
  }
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  background-color: #f9f9f9;
  padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  color: #666666;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
    background-color: #f9f9f9;
  }
}
.navbar-nav > .user-menu .user-image {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -2px;
}
@media (max-width: 767px) {
  .navbar-nav > .user-menu .user-image {
    float: none;
    margin-right: 0;
    margin-top: -8px;
    line-height: 10px;
  }
}
.skin-blue .main-header li.user-header {
    background-color: #27467a;
}
.required:after 
{
    content: "*";
    font-weight: bold;
    color: red; 
    margin: 0 5px;
}
.pt-0 {
    padding-top:0 !important;
}