:root {

--portal-main-color: #222080;
/* --portal-main-contrast: #2E2E2E;  */
--portal-main-contrast: white;
--portal-dark-color: #4687E6;

--openaire-main-color: #313179;

--explore-portal-color: #D95F2D;
--provide-portal-color: #37C7E9;
--monitor-portal-color: #9ABB55;
--connect-portal-color: #EBB13E;
--develop-portal-color: #DA65AB;

--explore-portal-lower-tone: #a0462c;
--provide-portal-lower-tone: #3A8FA3;
--monitor-portal-lower-tone: #7c9144;
--connect-portal-lower-tone: #b48536;
--develop-portal-lower-tone: #9f4e7e;
}
.tm-toolbar .uk-subnav-line .custom-connect-li, .tm-toolbar .uk-subnav-line .custom-connect-admin-li {
   display: block;
  background:#DEAF50 !important; color:#fff !important;

}
.custom-connect-toolbar   ul.uk-subnav.uk-subnav-line, .custom-connect-admin-toolbar   ul.uk-subnav.uk-subnav-line{
  background-color: #FFC700 !important;
  }

  .custom-connect-toolbar .inner, .custom-connect-admin-toolbar .inner {
       background-color: #FFC700 !important;
  }

.custom-connect-toolbar,.custom-connect-admin-toolbar{
    border-top-color:#FFC700 !important;
  }

.red_color {
  color: #FF3030;
}

.red_background_color:hover {
  background-color: #FF3030;
  border-color: #FF3030;
  color: #767779 !important;
}

.green_color {
  color: lightgreen;
}

.green_background_color:hover {
  background-color: lightgreen;
  border-color: lightgreen;
  color: #767779 !important;
}

.wellcomePage{
  background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%) 0 0 no-repeat padding-box;
  min-height: calc(100vh - 412.767px);
}

.sidebar{
  background-color: #9C9C9C;
}
.uk-button-default:hover,.uk-button-default:focus,.btn:hover,.btn:focus {
  background-color:#fff !important;
  color:#5b5b5b !important;
 box-shadow:0 6px 50px rgba(0,0,0,0.05)
}


.connect-admin-menu{
  background-color:  var(--portal-main-color); !important;
}

.connect-admin-menu.uk-navbar-transparent .uk-navbar-nav > li > a{
  color: white !important;
}

.connect-admin-menu  .uk-logo{
  background-color: white !important;
  margin: 5px;
}

.sidebar .uk-nav>li>a{
  font-weight: 400;
  color: rgb(255,255,255);
}

.uk-button:disabled, .uk-button:disabled:hover {
    background-color: #f7f7fa;
    color: #cbcbcb;
    background-image: none;
    box-shadow: none;
    cursor: not-allowed;
}
 .uk-pagination > .uk-active > span {
   background-color: var(--portal-main-color) !important;
   color: var(--portal-main-contrast) !important;
   border-color:var(--portal-main-color) !important;
   border-bottom-color: var(--portal-main-color) !important;
 }

.communitiesImageBox{
  width:107px; height:57px;
}

.communityCard {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.font-41 {
  font-size: 41px;
}

.iframeContainer{
  overflow:hidden;

}

.iframeContainer iframe{

  width:100%;
  height:100%;
  border:0;
}

/*Customization*/

.customizationMenuPanel{
    background-color: #999999;
}

.customizationMenuPanel .customizationMenuItems{
    background-color: white;
    border: white solid 1px;
    border-radius: 14px;
}


.colorPicker input{
    width:35px;
    height: 15px;
    border: 1px solid #707070;
    border-radius: 2px;
    opacity: 1;
}
