/* Add here all your CSS customizations */
.inlineradio3-hidden{
    display: none;
}



/* 首頁widget 我的課程清單 */
.hide-bullets {
list-style:none;
margin-left: -40px;
margin-top:20px;
}

.orca-colorbox {
    background-color: #f6f6f6;
}

/*修飾Tag樣式以用於Form Picker*/
.tag.label{

	font-size:100%;
	font-weight:inherit;
	line-height:2.2;
}
.form-picker-tag{
	border:0;
	box-shadow:none;
	padding:0px;
}

/*首頁editor的樣式修正*/
.gridster li{
	
}


/* 修正tooltip popover的z-index高度，原本的會蓋到置頂控制列 */
.popover{
	z-index:10002 !important;
}


/*調整bootstrap預設的row、col padding至10px，以增加空間*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}




.btn-group-justified > .btn, .btn-group-justified > .btn-group{
	width:inherit;
}

.btn-group-justified{
	width:auto;
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group{
	border-left-width: thin;
	margin-left:0;
}

/* 修飾Table週邊元件 */
.table-showing-per-page{
	margin-top:10px;
}
select {
	padding:6px;
	height:34px;
}
@media (min-width: 481px){
	.table-showing-per-page,.paging_bs_normal{
		text-align:right;
	}
}

#mai1n{
    display:block;
    width:180%;
    height:300px;
} 


/*修改boostrap-navbar-toggle*/
.navbar-toggle{
	margin-top:15px;
	margin-bottom:12px;
	z-index:99;
	right:0;
	position:fixed;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus{
	background-color:transparent;
}
@media only screen and (max-width: 767px) {
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		/* padding-top:15px;
		padding-bottom:15px;
		background-color: #f9f9f9; */
		z-index:1000;
		position:fixed;
		left:0;
		top:60px;
		/* height:119px; */
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		height:100%;
		background-color: transparent;
		padding:0;
	}
	.nav.navbar-nav{
		background-color: #f9f9f9;
		padding:15px;
		box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
	}
	
	.navbar-nav{
		margin:0px;
	}
	
}
@media only screen and (min-width: 768px) {
	.navbar-collapse .search.nav-form{
		float:left;
		margin-top:8px;
	}
		
	.collapse.navbar-collapse{
		margin-top:5px;
		padding:0px;
	}
	.navbar-default .navbar-nav > li > a{
		padding:15px 5px;
		color:#000;
	}
}




/* 個人資訊頁的獎章，在上方加間隔、避免換行時連在一起*/
.panel-body #divAwardList img{
	margin-top:10px;
}

.bg-disable{
	background: #ccc;
}


		
.fb-profile .fb-image-lg{
    z-index: 0;
	height:40vh;
    width: 100%;  
	background-size:cover!important;
	border-radius: 5px 5px 0 0;
}

.fb-image-profile
{
    margin: -85px 10px 0px 30px;
    z-index: 9;
    width:180px; 
    height:180px; 
	border-radius:50%;
	border:4px solid #fff;
	float:left;
	background-size:cover!important;
	background-position: center center!important;
}
.fb-profile-text{
	
	float:left;
}
.fb-btn{
	float:right;
	margin-right:15px;
}
@media (max-width:1024px){
	.fb-profile .fb-image-lg{
		height:30vh;
	}
	.fb-image-profile{
		margin-left:10px;
	}
}

@media (max-width:480px){
	.fb-profile .fb-image-lg{
		height:160px;
	}
	.fb-image-profile{
		position:inherit;
		margin:-85px auto 0 -90px;
		left:50%;
		
	}	
	.fb-profile-text{
		width:100%;
		text-align:center;
		
	}
	.fb-btn{
		width:100%;
		padding:0 15px;
		margin-right:0;
	}
}

@media (max-width:1024px){
	.fb-profile-text>h1{
		font-weight: 700;
		font-size:2.6rem;
	}
}


.padding-top1em{
	padding-top:1em;
}


/* 未登入頁 */

@media (min-width:1025px){
	.body-sign.sign-right{
		margin:0 8% 0 0;
		float:right;
	}
	.body-sign.sign-left{
		margin:0 0 0 8%;
	}
	.body-sign .panel-body{
		padding: 40px;
	}
}

.body-sign .panel-body{
	border: 0;
    box-shadow: none;
}
@media (max-width:480px){
	.vertical-image-radio{
		margin-bottom:75px!important;
		
	}
	
}

/* 讓colorpicker在modal中長得出來 */
.colorpicker.colorpicker-visible{
	z-index:10002;
}

.datepicker{
    z-index:10002 !important;
}

/*PNotify 樣式*/
.ui-pnotify {
    width:auto !important;
    min-width:250px;
    z-index:10002;
}
.ui-pnotify-singleline > .notification > .ui-pnotify-text {
    font-size: 1.5em;
    white-space: nowrap;
    margin-right:30px;
    margin-bottom:5px;
    line-height:1.8;
}
.ui-pnotify-singleline > .notification > .ui-pnotify-closer, .ui-pnotify-singleline > .notification > .ui-pnotify-sticker {
    padding-top: 5px;
}

.ui-pnotify .ui-pnotify-title{
    white-space: nowrap;
    margin-right:30px;
} 

/* 給MyTeam的widget使用 */
ul.simple-user-list li.MyTeam:hover{
	background:#ffffff;
	color:#777;
}

/*Porto 的 Summernote 的Modal視窗樣式調整*/
.modal-dialog .modal-content .form-group {
    padding: 10px;
}

.checkbox-only {
    width: 21px;
    margin-right: 0 !important;
    padding: 0 !important;
}

.text-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}