/*General*/
.tabs.preview {
    overflow: initial;
}

/*Disqus*/
.dsq-widget-list {
	padding: 0px;
}
a.dsq-widget-user {
	display: block;
    font-weight: bold;
    color: #D31A23;
}

.borbot_20 {
    margin-bottom: 20px;
    border-bottom: 1px solid #DDD;
}
#sosial_author img {
	width: 150px;
	max-width: 100%;
}
#mood [disabled] {
	background-color: #DDD;
}
/*Event List*/
.box_startdate{
    position: absolute;
    top: 10px;
    left: 10px;
}
.lbl_startdate {
    text-decoration: none;
    padding: 2px 5px;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    background-color: #D0262E;
}
.home_feat_1_box.event img {
    border-radius: 0px;
    width: auto;
}
/*Event detail*/
.Flexible-container {
    position: relative;
    padding-bottom: 35%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*Owl Carousel Event*/
.img_containt_event {
    position: relative;
    opacity: 1;
}
.img_overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
}
.lbl_stat_event {
    text-decoration: none;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px 14px;
    color: #fff;
    background-color: #D0262E;
    font-size: 14px;
}
.lbl_stat_event:hover{
    color :#FFF;
}
.wrapper_text_event {
    position: relative;
}
.wrapper_text_event h3 {
    padding: 5px 0 0 0;
    margin: 0;
}
.wrapper_text_event h3 a:hover {
    color: #D0262E;
}
.wrapper_text_event a.place {
    color: #8B8B8B;
    font-size: 13px;
    text-decoration: none;
    font-family: 'ars_maquette_proregular', sans-serif;
    display: inline-block;
    padding: 5px 0 0 0;
    margin-right: 3px;
}
.btn_readmore_event {
    margin-left: 8px;
    border: 1px solid #ccc;
    display: inline-block;
    font-family: 'ars_maquette_proregular', sans-serif;
    font-weight: 300;
    position: relative;
    padding: 8px 15px 8px 15px;
    color: #333;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    vertical-align: bottom;
    text-rendering: auto;
    border-radius: 999em;
    letter-spacing: -0.02em;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
    margin-right: 5px;
    margin-top: 3px;
}
.btn_readmore_event:hover {
    color: #D0262E;
}

/*User Profile*/
.img-circle {
    width: 150px;
    max-width: 100%;
}
.img-post-author {
    border-radius: 50%;
    width: 24px;
    margin-top: -5px;
}
.img-pop-author {
    border-radius: 50%;
    width: 100px;
}

/*Akreditas Backgroud*/
.tc-center{text-align: center;}
.bgA {padding: 3px 5px;border-radius: 7px; background-color:#8CC63F; color:#fff;}
.bgB {padding: 3px 5px;border-radius: 7px; background-color:#3F9AD6; color:#fff;}
.bgC {padding: 3px 5px;border-radius: 7px; background-color:#EDAC14; color:#fff;}

/*Overall rating*/
#overall {font-size: 30px}
#overall .stars label {font-size: 35px}

/*Error*/
.error {color: red;}
.wrapper_ident_review label.error, .stars label.error {
    display: none !important;
}

/*Page Not Found*/
.article_post {
    position: relative;
    border: 1px solid #eee;
    height: 100%;
    display: block;
    margin-bottom: 15px;
    background-color: #fff;
}
h2.not_found {
    padding: 0 0 20px 0;
    margin: 0;
    font-size: 26px;
    color: #D6060F;
}
.box_not_found {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    background-color: #D6060F;
    margin: 0 auto;
}
.txt_404 {
    color: #fff;
    font-size: 30px;
    padding: 40px 0 0 0;
    margin: 0;
    text-align: center;
    font-family: 'ars_maquette_probold', sans-serif;
}
p.txt_404_text {
    margin: 0;
    font-size: 18px;
    color: #fff;
    clear: both;
    text-align: center;
}
p.txt_404_desc {
    margin: 0;
    font-size: 14px;
    color: #fff;
    clear: both;
    text-align: center;
}
p.signup_desc {
    border-bottom: 1px solid #eee;
    padding: 15px 0 10px 0;
    margin: 0;
    color: #333;
    font-family: 'ars_maquette_proregular', sans-serif;
    font-family: 16px;
    margin-bottom: 20px;
    margin-top: 5px;
}
#search_light input[type="text"] {
    font-family: 'museo_slab', sans-serif;
    background: url('../images/search.png') no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    color: #333;
    width: 60%;
    font-size: 13px;
    height: 35px;
    padding: 4px 2px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}


/*Recent Review*/
label.star { float: left; padding: 5px 5px 0 0; font-size: 30px;  color: #D7D7D7; transition: all .2s; transform: rotate(180deg);  }
input.star:hover ~ label.star:before { font-family: 'ElegantIcons';content: "\e033";color: #FD4; transition: all .25s;  }

label.star.active { color: #FD4  }
label.star.active ~ label.star:before { font-family: 'ElegantIcons';content: "\e033";color: #FD4; transition: all .25s;  }

.recent_review p {
    font-size: 14px;
}

.JCrop_preview .modal-dialog {
    margin-top: 50px !important;
}

/*Blog List*/
#cssmenu li.has-sub a.active  {
    color: #BD0E36;
}#cssmenu li.has-sub a.active:hover  {
    color: #FFF;
}
#cssmenu li.has-sub a:hover,#cssmenu li.has-sub a span:hover  {
    background-color: #bd0e36;
    color: #FFF;
}

/*Majors*/
.kind_prodi ul.list_order {margin:0px;}
.list_courses_tabs ul li:last-child {
    position: relative;
    padding: 15px 5px 10px 70px;
    min-height: 65px;
    width: 100%;
    border-bottom: 1px solid #ededed;
    display: table;
}
.jurnal.list_courses_tabs ul li:last-child {
    position: relative;
    padding: 15px 5px 10px 5px;
    min-height: 65px;
    width: 100%;
    border-bottom: 1px solid #ededed;
    display: table;
}
#more_campus .modal-dialog {
    margin-top: 50px !important;
}

/*Checkbox login*/
.checkbox label:before {
    border: 2px solid #CCCCCC;
}.checkbox label:after {
    background-color: #CB202D;
}

/*Landing Review*/
#review .select2-choice{height:46px;line-height: 2}
#review div.select2-display-none{display: none;}
#review .select2-container.form-control {height: 47px;}
#review .select2-container .select2-choice .select2-arrow b {background-position: 0 8px;}

/*Landing Compare*/
#compare .select2-choice{height:47px;line-height: 2}
#compare div.select2-display-none {display: none;}
#compare .select2-container.form-control {height: 47px;}
#compare .select2-container .select2-choice .select2-arrow b {background-position: 0 8px;}

/*Compare Detail*/
.compare td img.thumbnail {display:inline-block;}
.compare td.campus {max-width: 200px}
.compare .star-ratings-sprite {margin-top:auto; margin-left:auto;}
.compare .img_campus {width:200px;height:150px;overflow:hidden;position:relative;margin: auto}
.compare .img_campus img {width:300px;margin-left: -50px}
.compare h4 {white-space: normal !important;}

/* ----------------------------------------------------------------
   Spinner Loader
-----------------------------------------------------------------*/
.spinner { width: 50px; text-align: center; position: relative; margin:auto; }
.spinner > div { width: 12px; height: 12px; background-color: #fff;  border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 0.7s infinite ease-in-out; -moz-animation: bouncedelay 0.7s infinite ease-in-out; animation: bouncedelay 0.7s infinite ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.spinner.spinner-md > div { width: 16px; height: 16px; }
.spinner.spinner-lg{ width: 80px; }
.spinner.spinner-lg > div { width: 24px; height: 24px; }
.spinner.light > div { background-color: #000; }
.spinner .bounce1 { -webkit-animation-delay: -0.32s; -moz-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; -moz-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
@-moz-keyframes bouncedelay {
  0%, 80%, 100% { -moz-transform: scale(0.0) }
  40% { -moz-transform: scale(1.0) }
}

/*Campus Detail*/
#polling .bar {float:none;}
#owl_polling .owl-pagination {display:none;}
.owl-page button,.owl-page button:focus {background-color: #CB202D;color: #FFF;}
.owl-page button:hover {color:#FFF;background:#283841;}
.sub_header div.tooltip-inner {max-width: 200px;padding: 3px 8px;color: #fff;text-align: center;background-color: #000;border-radius: 4px;}
ul.info_detail li.questions { background: none;box-shadow: none; border: none;}
ul.info_detail li.share:last-child {background: rgba(255,255,255,0.8)}
.sub_header_detail .share {background: rgba(255,255,255,0.8)}
.list_courses_tabs .reset-this ul li {
    position: relative;
    padding: 5px 5px 5px 20px;
    min-height: 20px;
    width: 100%;
    border-bottom: 1px solid #ededed;
    display: table;
}


/*List Review*/
.rev_like .like:hover {color:#43AD43;}
.rev_like .unlike:hover {color:#AD0F0F;}
hr.rev {margin-bottom: 7px;}
.rev_like ul.social_team li {width:auto;}
.rev_like ul.social_team li a {width:auto;}
.comments li {padding: 5px;}
.comments li:hover {background: #F2F2F2;}

/*static Page*/
.content_static img {max-width: 100%}

/*Mobile Datepicker*/
.mobiledate {
  font-size:30px;
  margin:10px;
  background-color:#000;
  color:#fff;
}
.mobiledate input {
  font-size:20px;
  text-align:center;
}