/*General classes*/
.uppercase {text-transform: uppercase;}
.bold {font-weight: bold;}
.width-100 {width: 100%}
.text-align-left {text-align: left;}
.text-align-center {text-align: center;}
.text-align-justify {text-align: justify;}
.text-align-right  {text-align: right;}
.display-table-cell {display:table-cell;}
.display-none {display: none;}

/*TOOLBAR-ADMINISTRATION*/
#toolbar-administration {margin-bottom: 40px;}

/*CKEDITOR Dropdown List classes*/
h1.portfolio.title {background-color: #2C3E50; color: white; font-size: 24px;}
h2.portfolio.title {background-color: #ceebbe; color: white; font-size: 20px;}
h3.portfolio.title {color: #2C3E50; font-size: 16px;}
p.portfolio {font-size: unset; color: unset; font-family: unset;}

/*Responsive Menú*/
#navbar {position: absolute; z-index: 1;width: 100%;}
div.main-container {padding-top: 80px;}


/*Bootstrap BUTTONS - override*/
.btn-default a {color: white; text-decoration: none !important;}
.btn-primary a {color: white; text-decoration: none !important;}
.btn-success a {color: white; text-decoration: none !important;}
.btn-info a {color: white; text-decoration: none !important;}
.btn-warning a {color: white; text-decoration: none !important;}
.btn-danger a {color: white; text-decoration: none !important;}
.hidden{display:none;}

.btn-outline-primary {
  color: #2c3e50;
  border-color: #2c3e50;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #2c3e50;
  border-color: #2c3e50;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #2c3e50;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #2c3e50;
  border-color: #2c3e50;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.5);
}

.btn-outline-secondary {
  color: #95a5a6;
  border-color: #95a5a6;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #95a5a6;
  border-color: #95a5a6;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(149, 165, 166, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(149, 165, 166, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #95a5a6;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #95a5a6;
  border-color: #95a5a6;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(149, 165, 166, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(149, 165, 166, 0.5);
}

.btn-outline-success {
  color: #18bc9c;
  border-color: #18bc9c;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #18bc9c;
  border-color: #18bc9c;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(24, 188, 156, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(24, 188, 156, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #18bc9c;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #18bc9c;
  border-color: #18bc9c;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(24, 188, 156, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(24, 188, 156, 0.5);
}

.btn-outline-info {
  color: #3498db;
  border-color: #3498db;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #3498db;
  border-color: #3498db;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #3498db;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #3498db;
  border-color: #3498db;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.5);
}

.btn-outline-warning {
  color: #f39c12;
  border-color: #f39c12;
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #f39c12;
  border-color: #f39c12;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #f39c12;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #f39c12;
  border-color: #f39c12;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.5);
}

.btn-outline-danger {
  color: #e74c3c;
  border-color: #e74c3c;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #e74c3c;
  border-color: #e74c3c;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #e74c3c;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #e74c3c;
  border-color: #e74c3c;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5);
}

.btn-outline-light {
  color: #ecf0f1;
  border-color: #ecf0f1;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #ecf0f1;
  border-color: #ecf0f1;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(236, 240, 241, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(236, 240, 241, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #ecf0f1;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #ecf0f1;
  border-color: #ecf0f1;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(236, 240, 241, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(236, 240, 241, 0.5);
}

.btn-outline-dark {
  color: #7b8a8b;
  border-color: #7b8a8b;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #7b8a8b;
  border-color: #7b8a8b;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(123, 138, 139, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(123, 138, 139, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #7b8a8b;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #7b8a8b;
  border-color: #7b8a8b;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(123, 138, 139, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(123, 138, 139, 0.5);
}


/*Bootstrap ALERTS - override and complete*/
.alert-primary {
  color: #17202a;
  background-color: #d5d8dc;
  border-color: #c4c9ce;
}
.alert-primary hr {
  border-top-color: #b6bcc2;
}
.alert-primary .alert-link {
  color: #050709;
}


.alert {
  border: none;
  color: #fff;
}

.alert a,
.alert .alert-link {
  color: #fff;
  text-decoration: underline;
}


.alert-primary {
  color: #ffffff;
  background-color: #d5d8dc;
  border-color: #c4c9ce;
}

.alert-primary hr {
  border-top-color: #b6bcc2;
}

.alert-primary .alert-link {
  color: #050709;
}

.alert-secondary {
  color: #4d5656;
  background-color: #eaeded;
  border-color: #e1e6e6;
}

.alert-secondary hr {
  border-top-color: #d3dada;
}

.alert-secondary .alert-link {
  color: #353b3b;
}

.alert-light {
  color: #7b7d7d;
  background-color: #fbfcfc;
  border-color: #fafbfb;
}

.alert-light hr {
  border-top-color: #ecf0f0;
}

.alert-light .alert-link {
  color: #626363;
}

.alert-dark {
  color: #404848;
  background-color: #e5e8e8;
  border-color: #dadedf;
}

.alert-dark hr {
  border-top-color: #ccd2d3;
}

.alert-dark .alert-link {
  color: #282d2d;
}


.alert-primary {
  background-color: #2c3e50;
}

.alert-secondary {
  background-color: #95a5a6;
}

.alert-success {
  background-color: #18bc9c;
}

.alert-info {
  background-color: #3498db;
}

.alert-warning {
  background-color: #f39c12;
}

.alert-danger {
  background-color: #e74c3c;
}

.alert-light {
  background-color: #ecf0f1;
}

.alert-dark {
  background-color: #7b8a8b;
}

.alert-light,
.alert-light a,
.alert-light .alert-link {
  color: #212529;
}


/*Rewrite some Bootstrap CSS*/
.page-header {border-color: #2a8298; border-top: 1px solid #2a8298;}
#edit-preview {display: none;}

/*Font Size responsive*/
h3 {
  font-size: calc(1em + 1vw);
}

/*USER LOGIN FORM*/
#user-login-form {    padding-left: 37%;
    padding-right: 37%;
    text-align: center;
}
@media screen and (max-width: 640px){
    #user-login-form {    padding-left: 17%;
    padding-right: 17%;
  }
}

/*Media Screen MIN 1200*/
@media screen and (min-width: 1200px)
{
.navbar.container {
    max-width: none;
  }
}

/*Media Screen MIN 768*/
@media screen and (min-width: 768px)
{
body {
    margin-top: 3px;
}
.navbar {
    border-radius: 0px;
}
}

/*Media Screen 640*/
@media screen and (max-width: 640px)
{
body p {
  font-size: x-small;
} 
.nav>li>a {
  padding: 0px;
}
.nav>li {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}	
.navbar-nav {
    margin: 0px;
}
#block-bootstrap-account-menu ul li ul {
    padding: 0px;
  }
#block-bootstrap-account-menu ul li ul li {
    padding: 0px;
  }
#block-bootstrap-account-menu ul li a {
    /*padding-top: 10px;*/
    padding-bottom: 0px;
	}
#block-bootstrap-account-menu ul > li.last {
  padding-bottom: 10px;	
  }
#block-bootstrap-account-menu ul > li.last a[href="/user/logout"] {
  color: red;
  }
legend {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 5px;
  }
}

/*Main Menu*/
/*Active link*/
.navbar-default .navbar-nav>li>a.is-active {
    color: white;
    background-color: #18bc9c;
}

/*To have the main nav menu dropdown child items on hover instead of making the user click*/
ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
}

/*btn-width100-alignleft */
.btn-width-100-align-left {width: 100%;text-align: left;}


/*BOOTSTRAP 3 ALTER*/
.label-mod {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 100%; 
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.display-inline-block {display: inline-block;}
.font-weight-bolder {font-weight: bolder;}


.tabbable {
  margin-bottom: 100px;
}

/* USER ACCOUNT EDIT */
#edit-current-pass--description, #edit-pass--description {font-weight: bold; font-size: initial;}