@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Arimo:700');
/* @import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,700;1,400;1,700');/ */
html body.modal-open { overflow: hidden !important; }
body { padding: 0 !important; font-family: Raleway, sans-serif; color:#231f20;}

footer.front_footer {background-color:#A0CEFE;color: #fff;border-top:1px solid #eee;margin-top:40px;z-index:1;}
/* footer.front_footer {background-color:#1279BF;color: #fff;border-top:1px solid #eee;margin-top:40px;z-index:1;} */
#gotoTop {bottom:50px;}
h3.txt_404 {font-size:20px;}
.container_gray_bg {background-color:transparent;}
/* Package Box */
.packagebox { width: 100%; max-width: 300px; min-height: 250px; background: #FCFCFC; border: 1px solid #D4D4D4; border-radius: 0px; display: inline-block; margin-bottom: 20px; overflow: hidden; }
.packagebox .boxtitle { padding: 20px; color: white; font-size: 30px; }
.packagebox .boxfee { padding: 20px; }
.packagebox .boxfee p { line-height: normal; text-align: center; }
.packagebox .boxfee .idr { vertical-align: super; font-size: 16px; }
.packagebox .boxfee .fee { vertical-align: middle; font-size: 70px; }
.packagebox .boxfee .per { vertical-align: bottom; font-size: 20px; }
.packagebox .button { border-radius: 0; }
.packagebox .button:hover { background: #283841 !important; }

/*Nav notif*/
#nav-notif { position: absolute;right: 0; top: 0;    height: 100%;    width: 50px;        padding-left: 0; }
@media only screen and (min-width: 768px){
#nav-notif {
   width: 200px;
}
}
@media only screen and (max-width: 767px){
#nav-notif {
   width: 125px;
}
}
#nav-notif .nav-notif-text{ display: inline-block; line-height: 63px; color:white; text-transform: uppercase; font-weight: bold; }

/*Nav Icon*/
.nav-icon { display: inline-block; position: absolute; right: 45px; top: 50%; transform: translateY(-50%); z-index: 100; }
.nav-icon ul { list-style-type: none; padding: 0; margin: 0; }
.nav-icon ul li { position: relative; float: left; margin-right: 7px; }
.nav-icon ul li a { display: inline-block; width: 30px; text-align: center; }
.nav-icon ul li a:hover { transform: scale(1.3); }
.nav-icon ul li img { height: 20px; }

#nav-notif-dropdown { width: 320px; max-height: 220px; overflow-y: scroll; margin-top: 5px; left: -220px; color: #000; height: initial; padding: 5px 5px 0 5px; }
#nav-notif-dropdown li { display:block; margin-right:0; margin-bottom: 5px; float: none; }
#nav-notif-dropdown li.notview { background-color:aliceblue; }
#nav-notif-dropdown li a { display:block; color:#333; width: auto; text-align: left; }
#nav-notif-dropdown li a .content { font-size:12px; }
#nav-notif-dropdown li a .content .message{ white-space: normal; line-height: normal; }
#nav-notif-dropdown li a .content .message-time{ color: #aaa; font-size:10px; margin-top:5px }

/*Select2 Mobile Friendly Click*/
/*.styled-select { position: relative; }
.styled-select:before { content: ""; background: rgba(0,0,0,0); position: absolute; width: 100%; height: 100%; z-index: 2; }*/
#resend_vrf { text-align: left; }
#resend_vrf .btn { float: right; margin-top: -5px; }

.bor_instagram { border:1px solid #c20046; }
.bor_instagram i { color:#c20046; }
.bor_instagram:hover { background-color:#c20046 !important; }
.bor_instagram:hover i { color:#fff !important; }

/*Preloader Youthmanual*/
#preload { position: fixed; top: 60px; width: 100%; height: 100%; z-index: 2000; background: #FFF; }
.load_warp { z-index:300; position:fixed; top:0; left:0; bottom:0; right:0; margin:auto; width:120px; height:120px; }
.load_mask { position: relative; z-index: 300; display: inline-block; overflow: visible; margin-right: -60px; width: 60px; height: 120px; -webkit-transform-origin: 60px 60px; -ms-transform-origin: 60px 60px; transform-origin: 60px 60px; -webkit-animation: rotateload 1s linear infinite; animation: spin 1s infinite linear; -webkit-mask-image: -webkit-linear-gradient(top,#000,transparent); }
.load_line { width: 120px; height: 120px; border-radius: 50%; border: 5px dashed #1279BF; }
.load_img { z-index: 1; display: inline-block; width: 60px; height: 60px; border: 0; background: url(../img/favicon/paksi114.png) no-repeat; background-size: 60px; margin: 30px; }

.stdprog {text-align:center; }
.stdprog p {width:82%;margin: 10px auto;}
.stdprog p.a {font-weight:600;text-align:center;color:#0F76BB;}
.stdprog p.b {text-align:center;}
#set_3 {background-color:#0F76BB; color:#fff;}
#set_3 h3 {color:#fff;}
#set_3 p {color:#fff;}

.wrapper_majors_list {border:1px solid #ddd !important;}
.title_jurusan h3 {color:#444 !important;}
.title_jurusan p {color:#444 !important;}
.wrapper_majors_content {padding-top:0px !important;}
.wrapper_majors_content {height:60px !important;}
.wrapper_majors_list, .head_majors_title {border-radius:0 !important;}
.wrapper_majors_content p {font-size:12px !important;line-height:1.3em;}
#filter_wrapper {padding-left:15px; padding-right:15px;}
#filter_wrapper > div {margin-top:10px !important;margin-bottom:10px !important;}
#tabs ul li a.pref.active:not(.disable), #tabs ul li a.pref:not(.disable):hover {
	background: #0F76BB!important;
}
#tabs .container .row {background:#EEEEEE;}

@media(max-width: 767px){
	#login.modal { padding: 0 15px!important; }
	#login .modal-popup { padding: 15px 10px; }
}
@media(max-width: 450px){
	#resend_vrf { text-align: center; }
	#resend_vrf .btn { display: inline-block; margin-top: 10px; float: none; }
}

/* Youthmanual Protect */
.ymp {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.ymp img {
    -webkit-user-drag: none; /* Safari */
     -khtml-user-drag: none; /* Konqueror HTML */
       -moz-user-drag: none; /* Firefox */
        -ms-user-drag: none; /* Internet Explorer/Edge */
            user-drag: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


#side-nav { background-color:#0d0c0b;position:fixed;z-index:999;overflow:hidden;
-moz-transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    transition: all ease 0.35s;
	transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);padding-top:50px;padding-bottom:30px;}
#side-nav	.scrollmenucontainer {overflow:auto;padding-bottom:30px;padding-top:20px;height:100%;}
#side-nav > ul.side-nav-menu {}
#side-nav a {padding-left:30px;padding-right:30px;font-family: 'Roboto', sans-serif;color:#fff;font-size:13px;line-height:18px;font-weight:300;background:none;}
#side-nav a:link,#side-nav a:visited {color:#fff;}
#side-nav a:hover,#side-nav a:active {color:#fff200!important;}
#side-nav.lateral-menu-is-open {

}


#side-nav .edfm-toggle-wrapper {
	position: fixed;
    z-index: 9999999;
    top: 10px;
	margin-right: 15px;
    margin-top: 15px;
    right: 10px;
}

#side-nav .edfm-toggle-wrapper .edfm-toggle {
	background: transparent;
    width: 30px;
    border: 0px solid;
    border-radius: 0%;
	height: 40px;
	overflow: hidden;
    cursor: pointer;
    text-align: center;
	vertical-align: middle;
    position: relative;
}
#side-nav .edfm-toggle-wrapper .edfm-toggle > div {
	background: #333;
    height: 3px;
    width: 25px;
    position: absolute;
    top: 11px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
}
#side-nav .edfm-toggle-wrapper .edfm-toggle.toggle-active > div {
	background-color: #ffffff;
}
#side-nav .edfm-toggle-wrapper .edfm-toggle.toggle-active div.edfm-bar1 {
	transform: rotate(225deg) translateY(-6px) translateX(-6px);
    -webkit-transform: rotate(225deg) translateY(-6px) translateX(-6px);
    -moz-transform: rotate(225deg) translateY(-6px) translateX(-6px);
}

#side-nav .edfm-toggle-wrapper .edfm-toggle.toggle-active div.edfm-bar2 {
	left: -100%;
    right: inherit;
    opacity: 0;
    visibility: hidden;
}

#side-nav .edfm-toggle-wrapper  .edfm-toggle.toggle-active div.edfm-bar3 {
	transform: rotate(-225deg) translateY(6px) translateX(-6px);
    -webkit-transform: rotate(-225deg) translateY(6px) translateX(-6px);
    -moz-transform: rotate(-225deg) translateY(6px) translateX(-6px);
	top: 27px;
}


#side-nav  li.secmenu {display:none;}

#side-nav  ul.side-nav-menu li.separator {
	margin-top:15px;
}

#side-nav  ul.side-nav-menu li.thesub {
	margin-left:10px;

}
#social ul li {margin-right:0px;}
#social ul li a {width: 30px;
    height: 30px;
    line-height: 30px;
	border-radius: 0;
    background: none;
    border: 1px solid rgba(255,255,255,0.2);
	color: #fff;
	display: inline-block;
	position: relative;
    z-index: 1;
	font-size:16px;

}

#social ul li a:hover {border-radius:0;background: rgba(255,255,255,0.2);border: 1px solid rgba(255,255,255,0.2);color:#fff!important;}

header.lateral-menu-is-open {transform: translateX(0);}
.main-wrapper.lateral-menu-is-open {transform: translateX(0);}


.main-wrapper {background-color:transparent;}

/* heade */

header {
	position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 30;
	/* height:130px; PAKSI*/
    height:90px;

}

header, header.bg_header {

    background-color:#1279BF !important;
    /* background-color:#1279BF !important; */
    /* background-color:#680225; */
}

header #logo {margin-left:80px;margin-top:0;}

header #logo img { padding:14px 0;}

#top-nav li {margin-right:0;}
#top-nav a, #menu-trigger .menu-trigger-text {font-family:Raleway, sans-serif;font-weight:700;font-size:15px;text-transform: none !important; }
#top-nav > ul {height:auto;}
/* padding-top:0; */
#top-nav > ul > li > a {padding:15px 30px 15px 20px;display: block;position:relative;
    /* line-height: 60px; PAKSI*/
}
#top-nav > ul > li.has-submenu > a span:after {
	content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2px;
    border-top: 5px solid #ccc;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    opacity: .6;
}
#top-nav > ul >li.icsearch > a,
#top-nav > ul >li.notify > a{padding-left:0;padding-right:10px;}
/* #menu-trigger {top:13px;} */
/* #menu-trigger .menu-trigger-icon {top:31px;} */
/* #menu-trigger .menu-trigger-icon {top:59px;} PAKSI */
#menu-trigger .menu-trigger-icon {top:40px;}
#preload {    top: 100px;}
.li-icon.bell i, .li-icon.user i, .li-icon.search i {font-size:18px;color:#fff;}
.icon-search:before {    font-size: 18px;
line-height: 1em;}



@media (max-width: 991px) and (min-width: 768px){
	#menu-trigger {
		width: 110px;
		padding-left: 0;
	}
}


@media (max-width: 999px) {
	header {height:60px;}
	header #logo .responsive img, header #logo .desktop img {max-height:30px;padding:0;margin-top:15px;}
	#top-nav > ul > li > a, #menu-trigger .menu-trigger-text {line-height:30px;}
	#menu-trigger {top:15px;}
	#menu-trigger .menu-trigger-icon {top:13px;}

	#top-nav {display:none;}
	#side-nav  li.secmenu {display:block;}
	.nav-icon.hidden-sm.hidden-md.hidden-lg {display: inline-block!important;}
	#menu-trigger {width:50px!important;}
	#menu-trigger .menu-trigger-text {display:none;}
	#menu-trigger .menu-trigger-icon {right:16px;top:14px;}
}

.load_img {background: url(../img/mycompass/icon/paksi114.png) no-repeat;background-size:cover;}
.bg_box_1 {background: #eb8c2e url(../img/mycompass/bg/bgci1.jpg) bottom left no-repeat;}
.bg_box_2 {background: #e06c2f url(../img/mycompass/bg/bgci2.jpg) bottom left no-repeat;}
.bg_box_3 {background: #e6483a url(../img/mycompass/bg/bgci3.jpg) bottom left no-repeat;}
.bg_box_4 {background: #b22c31 url(../img/mycompass/bg/bgci4.jpg) bottom left no-repeat;}
	/** mycompass **/
	.sheader.bg_1 { position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50%; height: 400px; display: table; width: 100%; font-size: 20px; color: #fff; }
    .sheader.bg_1:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); }
	.sheader .container {padding-left:85px;}
	.sheader h1.title {color: #fff; font-weight:800;font-family:raleway,serif;margin-bottom:0px;margin-top:0;line-height:1.2em;font-size:32px;}
	.sheader img.clogo {float:left;margin-right:15px; width:70px;height:70px;border-radius:50%;border:2px solid #ddd;margin-left:-85px;}
	.sheader p.address {font-size:13px;margin-bottom:5px;line-height:1.2em;}
	.sheader ul.texto {margin:0;padding:0;list-style:none;}
	.sheader ul.texto li {margin:0;padding:0;list-style:none;display:inline-block;margin-right:20px;font-size:14px;vertical-align:middle;position:relative;}
	.sheader ul.texto li span.tx {display:inline-block;position:absolute;top:4px;}
	.sheader span.star-ratings-sprite {display:inline-block;text-align:left;margin-left:100px;}
	.main_title h2 {font-size:40px;color:#0F76BB;font-weight:900;font-family:raleway,serif;}
	.flaticon-university:before, .flaticon-mortarboard:before, .flaticon-money:before, .flaticon-student:before {font-size:75px!important;line-height:75px!important;}
	.infobox img {max-width:100%;}
.infobox img {margin-bottom:20px;}
.infobox h3 {font-size:25px;margin-top:10px;margin-bottom:20px;color:#0F76BB;font-weight:800;}
ul.camp-details {margin:0;padding:0;list-style:none;margin-bottom:30px;}
ul.camp-details li {margin:0;padding:0;margin-bottom:10px;}
ul.camp-details li [class^="flaticon-"]:before, ul.camp-details li [class*=" flaticon-"]:before {margin-left:5px;font-size:15px;}
ul.camp-details li.address {margin-left:23px;}
ul.camp-details li.address i {margin-left:-23px;}
.column2 {
	column-count:2;
	column-gap:30px;
}

.studinfo .main_title {margin-bottom:30px;}

.studinfo .progress-info,
#rkampus  .progress-info {background:#f3891f;}
.studinfo .redorange,
#rkampus  .redorange {background:#eb6723;}
.studinfo .progress-danger,
#rkampus  .progress-danger{background:#bf272d;}

#rkampus .list_courses_tabs ul li h3 {font-size: 15px;font-weight:normal;}
#rkampus .list_courses_tabs ul li {padding: 15px 5px 10px 5px;}

.title_campus { position: absolute; bottom:30px; }
    .title_campus p { color: #FFF; font-size: 30px; padding: 0px; margin-bottom: 10px; }
    .title_campus p.heading_desc_title { font-size: 17px; margin: 0; color: #FFF; white-space: pre; margin-bottom: 15px; }
    .title_campus p.data_desc_title { font-size: 22px; margin: 0px; color: #fff; line-height: 13px; font-weight: bold; }
    .title_campus p.data_desc_title img { height: 15px; margin-bottom: 3px; pointer-events:none }
    .title_campus a.interest_campus { font-size: 19px; background: #8BC53F; color: #fff; border-radius: 10px; padding: 10px; white-space: pre; }
    .title_campus a.interest_campus small { position: relative; top: -3px; }

.inputs .like_button {border-radius:50%;}
.mcpcolor {color:#1279BF;}
/*** assesment **/
#heding_title.heding_title h1 {font-weight:normal;color:#231f20;}
#heding_title.heding_title h1 .mcplogo {display:inline-block;width:238px;height:28px;background:url('/assets/frontend/img/logopaksi.png') 0 0 no-repeat;background-size:contain;text-indent:9000px;}
#heding_title div {color:#231f20;}

#mapsApp h2 {font-weight:900; color:#1279BF;}
#mapsApp #maps_container {background: url('../img/mycompass/maps.png') no-repeat; background-size:contain;  }
@media (max-width:1199px) and (min-width:992px) {
	#mapsApp #maps_container {background: url('../img/mycompass/maps1199.png') no-repeat; background-size:contain;  }
}
@media (max-width:991px) and (min-width:768px) {
	#mapsApp #maps_container {background: url('../img/mycompass/maps991.png') no-repeat; background-size:contain;  }
}
#mapsApp .maps_content {position:static;top:0;left:0;}
#mapsApp .maps_content .gs {position:relative;height:246px;text-align:center;top:25px;}


#mapsApp .maps_content .gs a {display:inline-block;position:absolute;width:76px;height:76px;z-index:2;margin:0 auto;left: calc(50% - 38px);top:12px;}
.btn-map1 {top:20px;}
.btn-map2 {top:20px;}
.btn-map3 {top:20px;}
.btn-map4 {top:35px;}
.btn-map5 {top:35px;}
.btn-map6 {top:35px;}
.btn-map7 {top:48px;}
.btn-map8 {top:48px;}
.btn-map9 {top:48px;}
.btn-map10 {top:48px;}
.btn-map11 {top:48px;}
#mapsApp .maps_content .gs .status {display:inline-block;width:20px;position:absolute;top:11px;left:calc(50% - 57px);color:#7ada34;font-size:17px;}
#mapsApp .maps_content .gs .lock i:before {font-size:30px;color:#1279BF;}
#mapsApp .maps_content .gs .lock {position:absolute;top:35px;display:inline-block;width:30px;left:calc(50% - 15px);}
#mapsApp .maps_content .gs .star {display:inline-block;width:20px;position:absolute;top:11px;right:calc(50% - 57px);color:#c22e52;font-size:17px;color:orange;}
#mapsApp .maps_content .gs h3 {margin: 0;margin-bottom:5px;color: #1279BF;font-weight:800;text-align:center;font-size:14px;width:100%;}
#mapsApp .maps_content .gs p {font-size:12px;line-height:1.2em;margin-bottom:10px;display:inline-block;width:80%;}
#mapsApp .maps_content #tanya_youthmanual .gs p, #mapsApp .maps_content #buat_cv .gs p {max-width:250px;}
#mapsApp .maps_content .gs:hover span, #mapsApp .maps_content .gs:focus span {color:#2B3499;}


@media (max-width:767px) {
	#mapsApp .maps_content .gs {height:auto;min-height:130px;}
	#mapsApp .maps_content .gs .cont {width:300px;margin:0 auto;}
	#mapsApp .maps_content .gs .cont .cont-left {float:left;width:100px;position:relative;}
	#mapsApp .maps_content .gs .cont .cont-right {float:right;width:200px;text-align:left;position:relative;}
	#mapsApp .maps_content .gs .cont .cont-right h3 {text-align:left;font-size:16px;margin-top:12px;}
	#mapsApp .maps_content .gs .cont .cont-right p {width:auto;}
	#mapsApp .maps_content .gs .cont .cont-right .status {left:-100px;z-index:2;}
	#mapsApp .maps_content .gs .cont .cont-right .lock {left:-63px;}
	#mapsApp .maps_content .gs .cont .cont-right .star {left:-100px;top:35px;}
	#mapsApp #maps_container {width:300px;margin:0 auto;background: url('../img/mycompass/maps767.png') -16px 0 no-repeat; }
	#mapsApp .maps_content .gs .cont {  }
	#mapsApp .maps_content #tanya_youthmanual .gs, #mapsApp .maps_content #buat_cv .gs {top:25px;}
}


#headertopwithbg-package {height:370px;background:url(../img/mycompass/bg/bg-package.jpg) 50% 50% no-repeat;background-size:cover;display:table;width:100%;}
#headertopwithbg-package .container {vertical-align:bottom;display:table-cell;}
#headertopwithbg-package h2 {font-size: 40px;
    line-height: 50px;
    font-weight: 900;
letter-spacing: 1px;color:#fff;max-width:1196px;margin-left:auto;margin-right:auto;margin-bottom:30px;}

.price-top {z-index:2;box-shadow:5px 5px 10px rgba(0,0,0,0.3);background-color:#ea9941;color:#fff;padding:25px 0;text-align:center;border-radius:15px;}
.price-top.premium {background-color:#bf4a4d;}
.price-top p {margin:0;font-size:25px;line-height:1em;font-weight:800;}
.price-top p span {font-size:16px;line-height:1.3em;font-weight:400;}
.price-bot {box-shadow:5px 5px 10px rgba(0,0,0,0.3);border-radius:15px;
background-color:#e6e7e8;color:#1279BF;padding:30px 40px;z-index:-1;}
.price-bot ul {list-style:none;margin:0;padding:0;}
.price-bot ul li {list-style:none;margin:0;padding:5px 0;
color:#1279BF;font-size:13px;border-bottom:1px solid #ccc;line-height:1.2em;}
.price-bot ul .disable {color:#bbb;}

a.button-reg {font-size:13px;margin:15px auto;padding:5px;max-width:75%;text-align:center;color: #fff;
font-weight:600;line-height:1em;background:#bf4a4d;display:block;border-radius:5px;
}

a.button-reg:hover {text-decoration:none;background-color:#1279BF;}
.buttons {text-align:center;line-height:15px;font-size:13px;padding-bottom: 0;
    padding-top: 10px;}
.buttons a.button-reg {margin-bottom:5px;margin-top:5px;}

.payButton {cursor:pointer;}


.wrapper_content_box.style2 .wrapper_content_box_heading_title {background-color: #1279BF !important;}

.title_jurusan p.heading_desc_title, .title_jurusan p.data_desc_title {}
.mapsiconbg {width:100px;height:100px;padding:12px;background:url('/assets/frontend/img/mycompass/maps-icon/ass-icon-bg-white.png') 0 0 no-repeat;background-size:contain;margin:0 auto;}

fieldset .bar-container.progress-modul {position:relative!important;top:0!important;}

.clr {clear:both;}

.front_footer img {max-width:100%;}

.tab-link .tab-img i.fas {font-size:24px;color:#fff;line-height:40px;}


#position_nav,#position {background-color: #eee!important;color:#444!important;}
#position_nav ul li:first-child:before,#position ul li:first-child:before,
#position_nav ul li:after, #position ul li:after,
#position_nav ul li a, #position ul li a {color:#444!important;opacity:1!important;}

.sheader.bg_1 h2.pagetitle {position:absolute;top:calc(50% - 58px);left:calc(50% - 130px);font-weight:900;color:#FFF;font-size:70px;}
.jenjang p {margin-top:10px;}

#bg_hero .title_jurusan p.heading_desc_title,
#bg_hero .title_jurusan .data_desc_title {color:#fff !important;}

.button, a.button {background-color:#1279BF;}
h1.title #imgv {max-height: 25px;    vertical-align: text-top;}
ul.texto li span.star-ratings-sprite {background-position-y: -1px;
    width: 108px;
    zoom: 1;

margin-top: 2px;}

.inputs .review_campus {color: #fff;
    background: #c21e51;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
border-radius: 5px;}

.inputs .favorites[favorite="false"],.inputs .favorites[favorite="true"]:hover {background: #555;
border: 1px solid #fff;color:#fff;}
.inputs .favorites[favorite="true"], .inputs .favorites[favorite="false"]:hover {    background: #FFF;color:#c21e51;}
.inputs .favorites i {zoom: 1!important;}
.inputs .like_button {padding: 3px 3px 0px 2px;font-size: 18px;line-height: 18px;}
.inputs .like_button i {top: 0px; left: 0!important;}


.panel.panel-department,
 .panel.panel-subject {box-shadow:none;}
.panel-department > .panel-heading {border-radius: 0 !important;padding: 0px;}
.panel-subject > .panel-heading {border-radius: 0 !important;padding: 0px;padding-left:15px;}
.panel.panel-department > .panel-collapse > .panel-body {border-top:0!important;border-left:1px solid #eee;margin-left:15px;margin-bottom:20px;padding-top:10px;padding-bottom:15px;}

.panel.panel-subject > .panel-collapse > .panel-body {border-top:0!important;border-left:0;margin-bottom:0;padding-left:40px;padding-top:10px;padding-bottom:25px;}

.panel.panel-department > .panel-collapse > .panel-body > .panel-group {margin-bottom:0;}

.head_majors_title {background-size:cover;}

#progressbar {margin-top:20px;}

#msform fieldset {padding-top:60px;}

#msform fieldset input[type=text], #msform fieldset input[type=email],
#msform fieldset .select2-container .select2-choice,
#msform fieldset .select2-container .select2-choices,
#msform fieldset .cs-skin-elastic>span:not(.error) {border: 2px solid #1279BF;border-radius:10px;}

#msform fieldset .select2-container .select2-choices .select2-search-field input {border:0;}

#progressbar li.active:after, #progressbar li.active:before {background:#modul .part_title;}

.heding_title h2 span {color:#1279BF;}
.heding_title p, p.gender,.heding_title h2 {font-family:Raleway,sans-serif;}

#modul .part_title {background-color:#1279BF!important;}
.bar-container.progress-modul, #result1 .panel .panel-heading, #result1 .nav-pills li.active a:not(.notb),
.view_more_button,
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color:#1279BF!important;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {border-color:#1279BF!important;}
#result1 .nav-pills li.active a i {color:#fff;}

.borderred {border:2px solid #1279BF;}
.padding5all {padding:5px;}

.bold {font-weight:700;}
.extrabold {font-weight:900;}
.mcp {color:#1279BF!important;}

.select2-container-multi .select2-choices .select2-search-field {width:100%;}