@charset "UTF-8";
/* CSS Document */
.combck{
background: rgb(208,118,140);
background: -moz-linear-gradient(170deg, rgba(208,118,140,1) 0%, rgba(191,70,165,1) 10%, rgba(112,41,178,1) 50%, rgba(52,29,140,1) 100%)!important;
background: -webkit-linear-gradient(170deg, rgba(208,118,140,1) 0%, rgba(191,70,165,1) 10%, rgba(112,41,178,1) 50%, rgba(52,29,140,1) 100%)!important;
background: linear-gradient(170deg, rgba(208,118,140,1) 0%, rgba(191,70,165,1) 10%, rgba(112,41,178,1) 50%, rgba(52,29,140,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d0768c",endColorstr="#341d8c",GradientType=1)!important;
}
.targetcomp{
background: url('https://mint-data.s3.amazonaws.com/framework/specificmodules/upskill/img/jopbprof.png'), url('https://mint-data.s3.amazonaws.com/framework/specificmodules/upskill/img/jobrec.jpg')!important;
background-size: 70%, cover!important;
background-repeat: no-repeat!important;
background-position: right center, center center!important;
}
.messcomp{
	background: url('https://mint-data.s3.amazonaws.com/framework/specificmodules/upskill/img/measure.png')!important;
	background-color: #fff!important;
	background-size: cover!important;
background-repeat: no-repeat;
}
.devcomp{
background: rgb(208,118,140);
background: -moz-linear-gradient(170deg, rgba(208,118,140,1) 0%, rgba(191,70,165,1) 10%, rgba(112,41,178,1) 50%, rgba(52,29,140,1) 100%)!important;
background: -webkit-linear-gradient(170deg, rgba(208,118,140,1) 0%, rgba(191,70,165,1) 10%, rgba(112,41,178,1) 50%, rgba(52,29,140,1) 100%)!important;
background: linear-gradient(170deg, rgba(208,118,140,1) 0%, rgba(191,70,165,1) 10%, rgba(112,41,178,1) 50%, rgba(52,29,140,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d0768c",endColorstr="#341d8c",GradientType=1)!important;
}
.combck, .devcomp{
	min-height:200px!important;
}
.targetcomp, .messcomp{
	min-height:400px!important;
}
.ui.inverted.card{
	box-shadow: 2px 4px 12px 0 rgba(0,0,0,.08),0 0 0 0 rgba(0,0,0,.08);
}
.content.flex{
	display: flex;
justify-content: center;
align-items: center;
}
#containerchart{
	  width: 100%;
  height: 600px;
  margin: 0;
  padding: 0;
}
    .fa-circle.text-success {
  animation: blink 3s linear infinite;
}
@keyframes blink {
  50% { opacity: .1; }
}
.ui.menu, .ui.menu .dropdown, .ui.menu .dropdown .menu > .item{
	font-size: 1rem!important;	
}
/*----------------------------------------------------------------------------------------------------------------------------------------------- Tree Accordion -------------------------------------------------------------------------------------------*/
.content > .content {
	margin-left: 45px
}
.content.active > .content.visible {
	display: none;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------- List -------------------------------------------------------------------------------------------*/
.ui.list > .item, .ui.list .list>.item {
	display:flex
}
.komp1{
background-color: #2685BF;
	color: #fff
}
.komp2{
background-color: #419FD9;
	color: #fff
}
/*----------------------------------------------------------------------------------------------------------------------------------------------- Icons -------------------------------------------------------------------------------------------*/
.ui.list .list >.item {
	margin-left:20px
}
.ui.list .list>.list >.item {
	margin-left:40px
}
.ui.list .list>.list >.list >.item {
	margin-left:60px
}
.ui.list .list>.list >.list >.list >.item {
	margin-left:80px
}
/*----------------------------------------------------------------------------------------------------------------------------------------------- Dropdowns-------------------------------------------------------------------------------------------*/
.ui.form .field .mini.dropdown, .ui.form .field .mini.dropdown .menu>.item, .ui.selection.mini.dropdown{
	font-size: .78571429rem!important;
	border:none;
}
.ui.form .field .active.mini.dropdown:hover, .ui.form .field .active.mini.dropdown:active, .ui.form .field .active.mini.dropdown:focus{
	border:none!important;
	box-shadow: none!important;
}
.ui.form .field .active.mini.dropdown:hover .menu, .ui.form .field .active.mini.dropdown:active .menu, .ui.form .field .active.mini.dropdown:focus .menu{
	border:none!important;
	box-shadow: none!important;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------- Margins and Paddings -------------------------------------------------------------------------------------------*/
.p-20{
	padding: 20px!important;
}
.p-40{
	padding: 40px!important;
}
.p-60{
	padding: 60px!important;
}
.ptb-20{
	padding: 20px 0px!important;
}
.ptb-40{
	padding: 40px 0px!important;
}
.ptb-60{
	padding: 60px 0px!important;
}
.pb-0{
	padding-bottom: 0px!important;
}
.pb-10{
	padding-bottom: 10px!important;
}
.pb-20{
	padding-bottom: 20px!important;
}
.pb-40{
	padding-bottom: 40px!important;
}
.pb-60{
	padding-bottom: 60px!important;
}
.pt-10{
	padding-top: 10px!important;
}
.pt-20{
	padding-top: 20px!important;
}
.pt-40{
	padding-top: 40px!important;
}
.pt-60{
	padding-top: 60px!important;
}
.pl-0{
	padding-left: 0!important;
}
.pl-10{
	padding-left: 10px!important;
}
.pl-20{
	padding-left: 20px!important;
}
.pl-40{
	padding-left: 40px!important;
}
.pl-60{
	padding-left: 60px!important;
}
.mr-2{
	margin-right: 2px!important;
}
.mr-4{
	margin-right: 4px!important;
}
.mlr-2{
	margin: 0 2px!important;
}
.mlr-4{
	margin: 0 4px!important;
}
.mt-10{
	margin-top: 10px!important;
}
.mt-20{
	margin-top: 20px!important;
}
.mt-40{
	margin-top: 40px!important;
}
.mt-60{
	margin-top: 60px!important;
}
.mtb-10{
	margin: 10px 0px!important;
}
.mtb-20{
	margin: 20px 0px!important;
}
.mtb-40{
	margin: 40px 0px!important;
}
.mtb-40a{
	margin: 40px auto!important;
}
.mtb-60{
	margin: 60px 0px!important;
}
.ml-2{
	margin-left: 2px!important;
}
.ml-4{
	margin-left: 4px!important;
}
.ml-20{
	margin-left: 20px!important;
}
.ml-40{
	margin-left: 40px!important;
}
.ml-60{
	margin-left: 60px!important;
}
.mb-0{
	margin-bottom: 0px!important;
}
.mb-2{
	margin-bottom: 2px!important;
}
.mb-4{
	margin-bottom: 4px!important;
}
.mb-20{
	margin-bottom: 20px!important;
}
.mb-40{
	margin-bottom: 40px!important;
}
.mb-60{
	margin-bottom: 60px!important;
}