@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
@import url('../css/font-awesome.min.css');
/**
 * @file
 * Bartik layout styling.
 */

/**
 * Container
 */
.layout-container {
  box-sizing: border-box;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}
#block-language-links {
  float: right;
  clear: right;
  margin-right: 25px;
}
#block-language-links li {
  float: left;
  margin-left: 10px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;  
}
#block-language-links li a:hover,
#block-language-links li a:active,
#block-language-links li a:focus
{
    color: #0264B0;
    text-decoration: none;    
}
#block-language-links li a.is-active {
  color: #0264B0 !important;
}

@media all and (min-width: 900px) {
  .layout-container {
    max-width: 1170px;
  }
 #header {
  width: 1170px;
  margin: auto
}
.site-footer {
  background: #0264B0;
  width: 1170px;
  margin: auto;
}
.path-organisation .main-content .section,
.path-person-contact .main-content .section,
.path-infrastructure .main-content .section
{
    padding: 0 40px;
}
.path-organisation .form-type-select,
.path-organisation .form-item-webpage,
.path-organisation .form-item-phone,
.path-organisation .form-item-block-number,
.path-organisation .form-item-street-name,
.path-organisation .form-item-organisation-location,
.path-organisation .form-item-postal-code
{
    width: 40% !important;
    display: inline-block;    
}

}
@media all and (min-width: 768px) {
 .tabs-list li a {
  color: #fff;
  text-decoration: none;
  padding: 20px 56px 20px 90px;
  background: #A6A6A6;
  position: relative;
  display: block;
  float: left;
  border-bottom: 0;
  font-weight: bold;
}
.tabs-list li:last-child a {
    padding: 8px 56px 8px 90px;
    text-align: center;
}
.tabs-list li:nth-child(1) a:after,
.tabs-list li:nth-child(2) a:after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 35px solid #A6A6A6;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}
.tabs-list li:nth-child(1) a:before,
.tabs-list li:nth-child(2) a:before{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 35px solid #fff;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 3px;
  left: 100%;
  z-index: 1;
}
.tabs-list li:nth-child(1) a.completed:after,
.tabs-list li:nth-child(2) a.completed:after
{   
    border-left: 35px solid #7F7F7F;
}
.tabs-list li:nth-child(1) a.active:after,
.tabs-list li:nth-child(2) a.active:after
{   
    border-left: 35px solid #0264B0;
}
.tabs-list li a.disabled { 
    cursor: not-allowed;
}
.tabs-list li:nth-child(2) a{
    padding: 20px 70px 20px 110px;
}
    
}
@media all and (min-width: 1080px) {
  .path-organisation #block-infrastructure-theme-content,
  .path-person-contact #block-infrastructure-theme-content,
  .path-infrastructure #block-infrastructure-theme-content
  {   
   width: 1050px;
   margin-left: auto;
   margin-right: auto;
  }
}
/**
 * Main
 */
.layout-main-wrapper {
  min-height: 300px;
}
.layout-main {
  margin-top: 10px;
  margin-bottom: 40px;
}

#block-infrastructure-theme-branding{
	text-align: center;
        margin: auto;
}
.path-frontpage .views-element-container{
    display: none;
}
.path-frontpage #block-infrastructure-theme-content .field--name-body p:first-child{
    text-align: center;
}
.path-frontpage #block-infrastructure-theme-content .field--name-body p:first-child a{
    color: #fff;   
    background-color: #8dc838;
    padding: 8px 12px;
    border-radius: 5px;   
}
.path-frontpage #block-infrastructure-theme-content p:first-child a:hover{
    text-decoration: none;
}
#block-header-buttons p{
	display: inline;
}
.tabs-list li a.completed{
    background-color: #7F7F7F; 
}
.tabs-list li a.active
{
    background-color: #0264AA;   
}
#block-header-buttons p a{
	background-color: #fff;
	padding: 10px 20px;
	border-radius: 7px;
	color: #3b3b3b;
	font-weight: bold;
}
#block-header-buttons p a:hover,
#block-header-buttons p a:focus
{
	text-decoration: none;
	background-color: #e2e6ea;
}
#block-header-buttons{
	text-align: center;
}
#block-header-buttons p:first-child{
    margin-right: 50px;
}
.region-secondary-menu{
    background-color:#8dc838; 
    padding: 10px 0;
    float: left;
    width: 100%;
}
 .card{
	 display: block !important;
	 padding-bottom: 20px;
 }
 .card-header{
    color: #0264B0;	
    font-weight: bold;
    padding: 12px 30px !important;
}
.path-organisation .form-item,
.path-person-contact .form-item,
.path-infrastructure .form-item
{   
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 15px;
    margin-bottom: 5px;
    width: 80.4%;
}
.form-item label,
.form-wrapper .label{
    font-size: 14px !important;
  } 
input.btn-primary:hover,
input.btn-primary:focus{  
     background-color: #0069d9 !important;    
    }
.btn-danger:hover {
  background-color: #c82333 !important;
}
.btn-info:hover {
  background-color: #138496 !important;
  border-color: #17a2b8 !important;
}
#organisation-form #edit-submit{
     margin-left: 31px;
     margin-top: 20px;
     display: block;
    }
.path-organisation #block-infrastructure-theme-content .content,
.path-person-contact #block-infrastructure-theme-content .content
{
    margin-top: 0;
    float: left;
    width: 100%;
}
#block-infrastructure-tabs-block .content{
    margin-top:0;
}
.tabs-list {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0; 
}
.tabs-list li {
  float: left;
} 
/*.path-frontpage .layout-main,
.path-organisation .layout-main,
.path-person-contact .layout-main,
.path-infrastructure .layout-main
{
    margin-top: 30px;  
}*/
.path-organisation #block-infrastructure-theme-content,
.path-person-contact #block-infrastructure-theme-content,
.path-infrastructure #block-infrastructure-theme-content
{
    margin-top: 15px;
}
#block-search-form{
    float: left;
    margin-left: 33%;
    padding: 20px 0;
}
#block-search-form .form-control{
    width: 270px;
    margin: 0;
}
#block-search-form .btn-secondary{
    padding: .375rem 1rem;
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #ced4da;
}
#block-search-form .btn-secondary:hover{
    background-color: #e2e6ea !important;
}
#block-login,
#block-user-account{
    float: right;
    margin-right: 25px;
    margin-top: 10px;
}
#block-login p,
#block-user-account p
{
    display: inline-block;
    margin-left: 20px;
}
#block-login p i,
#block-user-account p i{
    margin-right: 5px;
}
#block-login p a,
#block-user-account p a
{
    color: #fff;
}
#user-login-form .form-control,
#user-register-form .form-control{
    width: 30%;
}
#user-register-form #edit-field-organisation-0-value{
    width: 60%;
}
#user-login-form .description,
#user-register-form #edit-mail--description,
#edit-pass--description
{
    display: none;
}
#user-register-form .password-suggestions{
    display: none !important;
}
.password-confirm,
.password-field,
.password-strength,
.password-confirm-match {
    width: 65% !important;
}
#user-register-form input.password-field,
#user-register-form input.password-confirm
{   
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;   
    background-color: #fff;
    background-clip: padding-box;   
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} 
#user-register-form input.password-field:focus,
#user-register-form input.password-confirm:focus{
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
#user-register-form .confirm-parent,
#user-register-form .password-parent { 
    overflow: initial;  
}
#person-contact-submit{
    margin-top: 30px;
    text-align: right;
    width: 79%;
}
#infrastructure-submit{
    margin-top: 24px;       
}
#infrastructure-submit .prev{
    margin-right: 42px;       
}
#person-contact-submit a{
    margin-right: 30px;       
}
.btn-light{        
    border-color: #c3cdd5 !important;
}
#tabs-block{
    display: table;
    margin: auto;
}
.node__content{ 
    font-size: 16px;
}
.node__content a{
    border-bottom:0;
    font-size: 16px;
}
.site-footer__bottom a,
.site-footer__bottom a:hover{
    border-bottom:0;
}
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 480px
*/
@media (min-width: 320px) and (max-width: 480px){ 
    #block-search-form {
        float: none;        
        padding: 0;
        width: 80%;      
        position: absolute;
        margin-top: 60px;
        margin-left: 47px;
    }
    #block-search-form .form-control {
        width: 80%;
        margin: 0;
    }
    .region-secondary-menu {   
        height: 120px;   
    }
    .site-branding__name{
        margin-top: 20px;
    }
    .site-branding__name,
    .site-branding__slogan {    
       font-size: 21px !important;    
     }
     #block-header-buttons p {
         display: block;
    } 
    #block-header-buttons p:first-child {
       margin-right: 0px;
       margin-bottom: 30px;
    }   
    #block-header-buttons {   
        margin-top: 30px;
    }
    .path-frontpage .layout-main,
    .path-organisation .layout-main,
    .path-person-contact .layout-main,
    .path-infrastructure .layout-main {
       margin-top: 15px;
     }
    .tabs-list li a {
        color: #fff;
        text-decoration: none;       
        background: #A6A6A6;
        position: relative;
        display: block;
        float: left;
        border-bottom: 0;
        font-weight: bold;
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }
    .tabs-list li {    
         width: 100%;
         border-bottom: 1px solid #fff;
    }
   .path-organisation .form-item,
   .path-person-contact .form-item,
   .path-infrastructure .form-item 
   {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    margin-bottom: 0px;
    width: 100%;
    }
    #questionnaire-form #edit-submit{
        margin-top: 20px;
    }
    .path-infrastructure .form-item   
    {
    padding-left: 10px;
    padding-right: 10px;
    }
    .path-infrastructure #edit-type--wrapper,
    .path-infrastructure #edit-maturity--wrapper,
    .path-infrastructure #edit-domain--wrapper,
    .path-infrastructure #edit-classification--wrapper,
    .path-infrastructure #edit-relevance--wrapper,
    .path-infrastructure #edit-source--wrapper 
    {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    }
    .path-infrastructure .form-item {   
       padding-right: 5px;
    }
    .path-infrastructure .text-format-wrapper,
    .path-infrastructure .js-form-type-textarea 
    {    
    padding-left: 5px !important;
    }
    #questionnaire-save {
      width: 100%;
      margin-top: 15px;
    }
    #header {  
       padding-bottom: 15px;
    }
    #user-login-form .form-control,
    #user-register-form .form-control {
    width: 100%;
    }
    .password-confirm,
    .password-field,
    .password-strength,
    .password-confirm-match 
    {
      width: 100% !important;
    }
}
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) { 
    .site-branding__text {   
        margin-top: 20px;
    }
    #user-login-form .form-control,
    #user-register-form .form-control
    {
    width: 48.3%;
    }
    .tabs-list li a {
        color: #fff;
        text-decoration: none;       
        background: #A6A6A6;
        position: relative;
        display: block;
        float: left;
        border-bottom: 0;
        font-weight: bold;
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }
    .tabs-list li {    
         width: 100%;
         border-bottom: 1px solid #fff;
    }
    .icons-item {    
        width: 170px;    
    }
    #questionnaire-form #edit-submit{
        margin-top: 15px;
        margin-left: 31px;
    }
    #questionnaire-save {
        width: 100%;    
        margin-right: 40px;    
    }
    .path-infrastructure #edit-type--wrapper,
    .path-infrastructure #edit-maturity--wrapper,
    .path-infrastructure #edit-domain--wrapper,
    .path-infrastructure #edit-classification--wrapper,
    .path-infrastructure #edit-relevance--wrapper,
    .path-infrastructure #edit-source--wrapper {
        width: 100%;
    }  
   .path-infrastructure .form-item  
   {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    margin-bottom: 0px; 
    }
    #edit-save{
       margin-top: 20px;
       margin-right: 40px;
    }
    .path-frontpage .layout-main,
    .path-organisation .layout-main,
    .path-person-contact .layout-main,
    .path-infrastructure .layout-main
    {
       margin-top: 15px;
    }
    #block-search-form {  
       margin-left: 18%; 
    }
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1023px
*/
@media (min-width: 768px) and (max-width: 1023px) {
   .site-branding__text {   
        margin-top: 20px;
    } 
    #user-login-form .form-control,
    #user-register-form .form-control
    {
    width: 46.5%;
    }
    #block-search-form {  
       margin-left: 20%;   
    }  
    .path-frontpage .layout-main,
    .path-organisation .layout-main,
    .path-person-contact .layout-main,
    .path-infrastructure .layout-main {
        margin-top: 15px;
    }
    .icons-item {  
       width: 170px;   
    }
    .tabs-list li a {
        padding: 20px 6px 20px 10px;
    }
    .tabs-list li:nth-child(2) a {
       padding: 20px 20px 20px 60px;
    }
    .tabs-list li:last-child a {
       padding: 8px 15px 8px 48px;
    }
    #questionnaire-form #edit-submit {
        margin-top: 15px;
        margin-left: 31px;
    }
    .path-organisation .form-item,
    .path-person-contact .form-item,
    .path-infrastructure .form-item 
    {
        padding-left: 15px;
        padding-right: 15px;
    }
   .path-infrastructure #edit-type--wrapper,
   .path-infrastructure #edit-maturity--wrapper,
   .path-infrastructure #edit-domain--wrapper,
   .path-infrastructure #edit-classification--wrapper,
   .path-infrastructure #edit-relevance--wrapper,
   .path-infrastructure #edit-source--wrapper 
    {
        width: 48%;       
        margin-left: 10px;     
    }
    #questionnaire-save {
       width: 50%;
    }
     #edit-save{
       margin-top: 20px;
       margin-right: 18px;
    }
}
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 813px to 1024px
*/
@media (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) {
    #user-login-form .form-control,
    #user-register-form .form-control
    {
    width: 34.5%;
    }
   .tabs-list li a {   
      padding: 20px 36px 20px 70px;
    }
    .tabs-list li:nth-child(2) a {
       padding: 20px 50px 20px 90px;
    }
    .path-organisation .main-content .section,
    .path-person-contact .main-content .section,
    .path-infrastructure .main-content .section
    {
       padding: 0px 25px;
    }
    .layout-container {
       max-width: 100%;
    } 
    #header {
       width: 100%;  
    }
    .site-footer {    
       width: 100%;   
     }    
}