.udv-courses-subject-choice{
    font-size: larger; 
    margin-bottom: 20px;    
    padding: 10px;
    width: 300px;
    height: 50px;
    appearance: none; /*remove default styling*/
    -webkit-appearance: none;
    -moz-appearance: none;   
    background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB3aWR0aD0iMTciIAogIGhlaWdodD0iMTAiIAogIHZpZXdCb3g9IjAgMCAxNSA4IiAKICBmaWxsPSJub25lIiAKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgPgoKPHBhdGggZD0iTTcuMjExMzUgNy44NzVDNi45MDM4MSA3Ljg3NSA2LjU5NjEyIDcuNzY1MTQgNi4zNjE3NCA3LjU0NTQxTDAuMzUyMTI2IDEuOTIwNDFDLTAuMTE3Mzc1IDEuNDgwOTYgLTAuMTE3Mzc1IDAuNzY5MDQzIDAuMzUyMTI2IDAuMzI5NTlDMC44MjE2MjcgLTAuMTA5ODYzIDEuNTgyMjIgLTAuMTA5ODYzIDIuMDUxNzIgMC4zMjk1OUw3LjIxMTM1IDUuMTYwOTRMMTIuMzcyMSAwLjMzMDQ2OUMxMi44NDE2IC0wLjEwODk4NSAxMy42MDIyIC0wLjEwODk4NSAxNC4wNzE3IDAuMzMwNDY5QzE0LjU0MTIgMC43Njk5MjIgMTQuNTQxMiAxLjQ4MTg0IDE0LjA3MTcgMS45MjEyOUw4LjA2MjA5IDcuNTQ2MjlDNy44MjczNCA3Ljc2NjAyIDcuNTE5MzQgNy44NzUgNy4yMTEzNSA3Ljg3NVoiIGZpbGw9IiMwMDYwQTgiLz4KPC9zdmc+Cg==');
    background-repeat: no-repeat;
    background-position-x: 95%; /* flytta pilen 5% ifrån högra sidan */
    background-position-y: center;
    border-radius: 0.5em;
    border: 1px solid #7C7C7C;}


.udv-courses-course-container {
   display: flex;
   flex-direction: column;
   min-height: 6em;
   box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.05);
   border-radius: 10px;
   padding: 1em;
   margin-bottom: 1.25em;
   
}

.udv-courses-subject-title, .udv-courses-subject-studyform,
.udv-courses-subject-studypace, .udv-courses-subject-startend,
.udv-courses-subject-openstatus {
   display: block;
}

.udv-courses-subject-props {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin: 0rem 0rem -1.5rem 0rem;
}

.udv-courses-subject-props-info {
   display: flex;
}

.udv-courses-subject-props-status {
   display: flex;
   justify-content: flex-end;
   flex: 1 1 25%;
}

.udv-courses-course-card {
   text-decoration: none; 
}

.udv-courses-subject-openstatus {
/*   color: #5b9438;  En WCAG godkänd */
   color: green; 
   float: right;
   white-space: nowrap;
}

.udv-courses-subject-openstatus:before {
   content: url('/images/18.56f27203185c30ff6f2fc7/1674057629748/green%20dot.svg');
   background-size: 10px 10px;
   display: inline-block;
   width: 15px; 
   height: 15px;
   margin: 0rem 0.2rem 3rem 0rem;
}

.udv-courses-subject-title {
    font-size: 28px;
    color: #0060a8;
    margin-bottom: 20px;
    margin-top: 0.5rem
}

.udv-courses-subject-title:hover {
	text-decoration: underline; 
}


.udv-courses-subject-studypace,
.udv-courses-subject-studyform,
.udv-courses-subject-startend {
	display: inline-flex;	
   padding: 0rem 0.5rem 0rem 0.3rem
}

.udv-courses-subject-studypace:before {
   content: url('/images/18.68a67a5b181d178f2dbb8b/1657123160145/time-blue.svg');
   margin-right: 0.2rem;   
}

.udv-courses-subject-studyform:before {
   content: url('/images/18.56f27203185c30ff6f2fa3/1674055510310/graduation-cap-icon.svg');
   background-size: 10px 20px;
   display: inline-block;
   width: 26px; 
   height: 20px;
   margin: 0rem 0.2rem 0rem 0.2rem;
}

.udv-courses-subject-startend:before {
   content: url('/images/18.68a67a5b181d178f2dbb9f/1657124261897/calendar-blue.svg');
   margin-right: 0.2rem;   
}

@media (max-width: 767px) {
   
   .udv-courses-subject-props-info {
      display: grid;
   }

   .udv-courses-subject-props {
      display: grid !important;
      padding: 0 0 1.5em 0;
   }
   
   
   .udv-courses-subject-props-status {
       display: unset;
       justify-content: unset;
       flex: unset;
		display: grid;
	}

   .udv-courses-subject-studyform,
   .udv-courses-subject-studypace,
   .udv-courses-subject-startend,
   .udv-courses-subject-openstatus {
      padding: 0.3rem 0rem 0.3rem 0rem; 
   }
   
   .udv-courses-subject-studyform:before {
       margin: 0rem 0.2rem 0rem -0.2rem;
	}
   
   .udv-courses-subject-startend:before {
       margin: 0rem 0.2rem 0rem 0.1rem;
	}
   
   .udv-courses-subject-openstatus:before {
   	margin: 0rem 0.2rem 0rem 0.1rem;
	}
   
}