
.color-primary-0 { color: #6F8CBB }	/* Main Primary color */
.color-primary-1 { color: #CFDCF0 }
.color-primary-2 { color: #9DB4D9 }
.color-primary-3 { color: #4A6B9F }
.color-primary-4 { color: #305288 }

.color-secondary-1-0 { color: #FFE88C }	/* Main Secondary color (1) */
.color-secondary-1-1 { color: #FFF7D8 }
.color-secondary-1-2 { color: #FFF0B2 }
.color-secondary-1-3 { color: #F0D463 }
.color-secondary-1-4 { color: #CEB13B }

.color-secondary-2-0 { color: #FFBB8C }	/* Main Secondary color (2) */
.color-secondary-2-1 { color: #FFE8D8 }
.color-secondary-2-2 { color: #FFD1B2 }
.color-secondary-2-3 { color: #F09C63 }
.color-secondary-2-4 { color: #CE773B }


/******************* PANELS ************************************************/
        .pan-pri{
            border: solid 1px #6F8CBB;
        }
        .pan-pri> .panel-heading{
            background-color: #305288;
            color: #CFDCF0;
            border-bottom: 1px solid #6F8CBB;
        }
        .pan-pri > .panel-footer {
            background-color: #4A6B9F;
            color: #9DB4D9;
            border-top: 1px solid #6F8CBB;
        }
        .pan-pri > .panel-body{
            background-color: #9DB4D9;
            color: #305288;
        }
/*******************/
        .pan-sec-1{
            border: solid 1px #FFE88C;
        }
        .pan-sec-1> .panel-heading{
            background-color: #CEB13B;
            color: #FFF7D8;
            border-bottom: 1px solid #FFE88C;
        }
        .pan-sec-1 > .panel-footer {
            background-color: #F0D463;
            color: #FFF0B2;
            border-top: 1px solid #FFE88C;
        }
        .pan-sec-1 > .panel-body{
            background-color: #FFF0B2;
            color: #CEB13B;
        }
/*****************/
        .pan-sec-2{
            border: solid 1px #FFBB8C;
        }
        .pan-sec-2> .panel-heading{
            background-color: #CE773B;
            color: #FFE8D8;
            border-bottom: 1px solid #FFBB8C;
        }
        .pan-sec-2 > .panel-footer {
            background-color: #F09C63;
            color: #FFD1B2;
            border-top: 1px solid #FFBB8C;
        }
        .pan-sec-2 > .panel-body{
            background-color: #FFD1B2;
            color: #CE773B;
        }

/******************* INVERSED PANEL *******************************/

        .pan-pri-inv{
            border: solid 1px #6F8CBB;
        }
        .pan-pri-inv > .panel-heading{
            background-color: #CFDCF0;
            color: #305288;
            border-bottom: 1px solid #6F8CBB;
        }
        .pan-pri-inv > .panel-footer {
            background-color: #9DB4D9;
            color: #4A6B9F;
            border-top: 1px solid #6F8CBB;
        }
        .pan-pri-inv > .panel-body{
            background-color: #4A6B9F;
            color: #CFDCF0;
        }

/*******************/
        .pan-sec-1-inv{
            border: solid 1px #FFE88C;
        }
        .pan-sec-1-inv > .panel-heading{
            background-color: #FFF7D8;
            color: #CEB13B;
            border-bottom: 1px solid #FFE88C;
        }
        .pan-sec-1-inv > .panel-footer {
            background-color: #FFF0B2;
            color: #F0D463;
            border-top: 1px solid #FFE88C;
        }
        .pan-sec-1-inv > .panel-body{
            background-color: #F0D463;
            color: #FFF7D8;
        }

/**********************/

        .pan-sec-2-inv{
            border: solid 1px #FFBB8C;
        }
        .pan-sec-2-inv > .panel-heading{
            background-color: #FFE8D8;
            color: #CE773B;
            border-bottom: 1px solid #FFBB8C;
        }
        .pan-sec-2-inv > .panel-footer {
            background-color: #FFD1B2;
            color: #F09C63;
            border-top: 1px solid #FFBB8C;
        }
        .pan-sec-2-inv > .panel-body{
            background-color: #F09C63;
            color: #FFE8D8;
        }


/*******************FORE/BACK***************************************************/
        .pri {
            background-color: #CFDCF0;
            color: #305288;
        }
        .pri-inv {
            background-color: #305288;
            color: #CFDCF0;
        }
        .sec-1 {
            background-color: #FFF7D8;
            color: #CEB13B;
        }
        .sec-1-inv {
            background-color: #CEB13B;
            color: #FFF7D8;
        }

        .sec-2 {
            background-color: #FFE8D8;
            color: #CE773B;
        }
        .sec-2-inv {
            background-color: #CE773B;
            color: #FFE8D8;
        }


/**************************BORDERED / BUTTONS*******************************************/

        .pribor {
            background-color: #9DB4D9;
            color: #305288;
            border: solid 1px #6F8CBB;
        }
        .pribor-inv {
            background-color: #4A6B9F;
            color: #CFDCF0;
            border: solid 1px #6F8CBB;
        }
        .secbor-1 {
            background-color: #FFF0B2;
            color: #CEB13B;
            border: solid 1px #FFE88C;
        }
        .secbor-1-inv {
            background-color: #F0D463;
            color: #FFF7D8;
            border: solid 1px #FFE88C;
        }
        .secbor-2 {
            background-color: #FFD1B2;
            color: #CE773B;
            border: solid 1px #FFBB8C;
        }
        .secbor-2-inv {
            background-color: #F09C63;
            color: #FFE8D8;
            border: solid 1px #FFBB8C;
        }


/******************************NAVBAR**************************************************/

.navbar-pri {
  background-color: #CFDCF0;
  border-color: #9DB4D9;
}
.navbar-pri .navbar-brand {
  color: #4A6B9F;
}
.navbar-pri .navbar-brand:hover,
.navbar-pri .navbar-brand:focus {
  color: #305288;
}
.navbar-pri .navbar-text {
  color: #4A6B9F;
}
.navbar-pri .navbar-nav > li > a {
  color: #4A6B9F;
}
.navbar-pri .navbar-nav > li > a:hover,
.navbar-pri .navbar-nav > li > a:focus {
  color: #305288;
  background-color: #9DB4D9;
}
.navbar-pri .navbar-nav > .active > a,
.navbar-pri .navbar-nav > .active > a:hover,
.navbar-pri .navbar-nav > .active > a:focus {
  color: #305288;
  background-color: #9DB4D9;
}
.navbar-pri .navbar-nav > .open > a,
.navbar-pri .navbar-nav > .open > a:hover,
.navbar-pri .navbar-nav > .open > a:focus {
  color: #305288;
  background-color: #9DB4D9;
}
.navbar-pri .navbar-toggle {
  border-color: #9DB4D9;
}
.navbar-pri .navbar-toggle:hover,
.navbar-pri .navbar-toggle:focus {
  background-color: #9DB4D9;
}
.navbar-pri .navbar-toggle .icon-bar {
  background-color: #4A6B9F;
}
.navbar-pri .navbar-collapse,
.navbar-pri .navbar-form {
  border-color: #4A6B9F;
}
.navbar-pri .navbar-link {
  color: #4A6B9F;
}
.navbar-pri .navbar-link:hover {
  color: #305288;
}
/*INVERSED*/
.navbar-pri-inv {
  background-color: #305288;
  border-color: #4A6B9F;
}
.navbar-pri-inv .navbar-brand {
  color: #9DB4D9;
}
.navbar-pri-inv .navbar-brand:hover,
.navbar-pri-inv .navbar-brand:focus {
  color: #CFDCF0;
}
.navbar-pri-inv .navbar-text {
  color: #9DB4D9;
}
.navbar-pri-inv .navbar-nav > li > a {
  color: #9DB4D9;
}
.navbar-pri-inv .navbar-nav > li > a:hover,
.navbar-pri-inv .navbar-nav > li > a:focus {
  color: #CFDCF0;
  background-color: #4A6B9F;
}
.navbar-pri-inv .navbar-nav > .active > a,
.navbar-pri-inv .navbar-nav > .active > a:hover,
.navbar-pri-inv .navbar-nav > .active > a:focus {
  color: #CFDCF0;
  background-color: #4A6B9F;
}
.navbar-pri-inv .navbar-nav > .open > a,
.navbar-pri-inv .navbar-nav > .open > a:hover,
.navbar-pri-inv .navbar-nav > .open > a:focus {
  color: #CFDCF0;
  background-color: #4A6B9F;
}
.navbar-pri-inv .navbar-toggle {
  border-color: #4A6B9F;
}
.navbar-pri-inv .navbar-toggle:hover,
.navbar-pri-inv .navbar-toggle:focus {
  background-color: #4A6B9F;
}
.navbar-pri-inv .navbar-toggle .icon-bar {
  background-color: #9DB4D9;
}
.navbar-pri-inv .navbar-collapse,
.navbar-pri-inv .navbar-form {
  border-color: #9DB4D9;
}
.navbar-pri-inv .navbar-link {
  color: #9DB4D9;
}
.navbar-pri-inv .navbar-link:hover {
  color: #CFDCF0;
}



@media (max-width: 767px) {
  .navbar-pri .navbar-nav .open .dropdown-menu > li > a {
    color: #4A6B9F;
  }
  .navbar-pri .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-pri .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #305288;
  }
  .navbar-pri .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-pri .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-pri .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #305288;
    background-color: #9DB4D9;
  }
/*Inversed media*/
  .navbar-pri-inv .navbar-nav .open .dropdown-menu > li > a {
    color: #9DB4D9;
  }
  .navbar-pri-inv .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-pri-inv .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #CFDCF0;
  }
  .navbar-pri-inv .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-pri-inv .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-pri-inv .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #CFDCF0;
    background-color: #4A6B9F;
  }

}
