html.mf_loading{
 	background:url(/dist/img/mf_loading-8fbb918e0a4a12f60792a722f72e0692.gif);
 	width:100%;height:100%;background-repeat: no-repeat;background-position: center;
 }
 .togglePasswordButton {
	color: gray;
	font-size: 18px;
}
input[type="password"]::-ms-reveal{
	display: none;
}
input[type="password"]::-ms-clear{
	display: none;
}
input[type="password"]::-o-clear{
	display: none;
}
 .mf-logo{
 	/* background-image: url(/dist/img/mf_logo-c4f728df89e34c707265b800b0a359b6.png); */
    background-size: contain;
    background-repeat: no-repeat;
    background-color: whitesmoke !important;
    background-position: 1rem 0;
 }
 img.icon-login-loading{
 content: url(/dist/img/mf_loading-8fbb918e0a4a12f60792a722f72e0692.gif);
 }
 img.ico-download-installers{
    content: url(/dist/img/mf_download-eda84ee2af848318dec554ca84145135.ico);
    max-width:25px;
 }
 img.icon-login{
    content: url(/dist/img/mf_logo2-4088e6178bb97bca08bffdf8e914b714.png);
 }
 img.icon-admin-login{
    content: url(/dist/img/mf_admin_logo2-6dbda51c2827dbd3f095ccae3b8ad7c2.png) !important;
 }
 img.icon-admin-logo{
    content: url(/dist/img/mf_admin_logo_ico-20c3edcbbbfd1affdad984094c89ad74.png);
 }
 img.icon-common-logo{
    content: url(/dist/img/mf_logo_ico-1d967052d5461664f22500e24a074bf9.png);
 }
 img.icon-title-logo{
    content: url(/dist/img/mf_logo_title-bf11f76b1abf3bca55fe27ad4892db18.png);
 }
 img.icon-user{
    content: url(/dist/img/mf_user-980faadbc9fdf1541697181edd2a3e25.png);
    max-height: 42px;
 }
 img.icon-sso-user{
    content: url(/dist/img/mf_user_sso-024bbc45b960538c6e4dec6bce9057db.ico);
    max-height: 42px;
 }
 img.icon-admin-user{
    content: url(/dist/img/mf_user_admin-efd8c92896cf183865330fe70dd2e8f1.png);
    max-height: 42px;
 }
 img.icon-default-error{
    content: url(/dist/img/mf_image-32632879f183bd40a233f530bd4ec0cb.png);
 }
 img.icon-default-error{
    content: url(/dist/img/mf_image-32632879f183bd40a233f530bd4ec0cb.png);
 }
 img.icon-playlist{
    content: url(/dist/img/mf_playlist-027bdbc07f1f3b31397dcc4b0d47e380.png);
 }
 img.icon-hivestack-media{
    content: url(/dist/img/mf_hivestack_icon-69939a09d57caf56254dd75243b309c0.jpg);
 }
 img.component-btn.component-edit{
    content: url(/dist/img/mf_edit-dc07cda19025db8a6bad0a3b8d5a4b8f.ico);
 }
 img.component-btn.component-move-up{
    content: url(/dist/img/mf-bring-forward-818780540e48ae79353849809015edb2.png);
 }
 img.component-btn.component-move-down{
    content: url(/dist/img/mf-send-back-0a5d5a027aa573e1f7a603e3dc92636a.png);
 }
 img.component-btn.component-delete{
    content: url(/dist/img/mf_delete-b2b23df7be00f2372d694b2760ed2227.ico);
 }
 img.icon-component-datetime{
    content: url(/dist/img/mf_datetime-035e252349ddefe6a2f7a25a04b192a1.png);
 }
 img.icon-component-audio{
    content: url(/dist/img/mf_audio-050dbef72cdd0883017c76ed95e32826.png);
 }
 img.icon-component-schedule{
    content: url(/dist/img/mf_schedule-536e63b08350225ff5bbe935a600915f.png);
 }
 img.icon-component-banner{
    content: url(/dist/img/mf_banner-c60ae1fc63b0ce413aa29cd1ca11b951.png);
 }
 img.icon-component-web{
    content: url(/dist/img/mf_web-c656a9ebc8ed99729faab3edf3050412.png);
 }
 img.icon-component-text{
    content: url(/dist/img/mf_text-3e893eaba757fbeab158c47a939f80b2.png);
 }
 img.icon-component-rss{
    content: url(/dist/img/mf_rss-19d6a83236b11ca25437506dacaed3cb.png);
 }
 img.icon-component-weather{
    content: url(/dist/img/mf_weather-5fd6940c4acd4bdd62747173b3b18195.png);
 }
 img.icon-component-streaming{
    content: url(/dist/img/mf_streaming-d033a057b5c0ec03159e3fac5a2b5e29.png);
 }
 img.icon-component-eventboard{
    content: url(/dist/img/mf_eventboard-e999a0cc443c9e73f02cc7f18799de7d.png);
 }
 img.icon-component-ballroom{
    content: url(/dist/img/mf_ballroom-08f86fb84b952838714e753ccd496517.png);
 }
 img.icon-schedule{
    content: url(/dist/img/mf_calendar-e22fae77f558545d7bd280b767d58a35.png);
 }
 img.icon-player-up{
    content: url(/dist/img/mf_player_up-2691e68e8fa207af17340f23bc40c173.ico);
 }
 img.icon-player-down{
    content: url(/dist/img/mf_player_down-3690163438a20e6d4a84ef225c8387fe.ico);
 }
 img.icon-player-windows{
    content: url(/dist/img/mf_player_windows2-259acbe79d178c108ab5abc18b137b84.png);
 }
 img.icon-player-android{
    content: url(/dist/img/mf_player_android-7a4255d61b5bd6495314a7d56efc3996.png);
 }
 img.icon-player-capture-blank{
    content: url(/dist/img/mf_player_screen-no-signal-e1c390b64df73d600a9458417596e268.png);
 }
 img.icon-venue{
    content: url(/dist/img/mf_venue_icon-d32079b0a3d8a3a93b98b75a416aeedb.png);
 }
 img.icon-event-expired{
    content: url(/dist/img/mf_expired_events-939791d8b39470a75d2ab268a598a308.png) !important;
 }
 
 img.icon-resource-self{
    content: url(/dist/img/mf_node_self-final-ad442edd22c488631ccdc128d63ec798.png);
 }
 img.icon-resource-share{
    content: url(/dist/img/mf_node_share-final-3954291142bb03e5a6eeb8c4206e92ae.png);
 }
 img.icon-proof_media_list_time{
    content: url(/dist/img/mf-proof_media_list_time-e872867d326fc67f3e25d34c723c1d80.png);
 }
 img.icon-proof_media_list_date{
    content: url(/dist/img/mf-proof_media_list_date-5a0655d806f17d2c519379511ba7178d.png);
 }
 img.icon-proof_media_single_time{
    content: url(/dist/img/mf-proof_media_single_time-60019c3c27107dcd171871671ac32d36.png);
 }
 img.icon-proof_media_single_date{
    content: url(/dist/img/mf-proof_media_single_date-5b5270342c64e92bfe01955b969108a4.png);
 }
 
	.invalid--time,.invalid--date{
	    float: right;
	    margin-top: .25rem;
	    font-size: 80%;
	    color: #dc3545;
	}
  table input[type="checkbox"], .thumb_large input[type="checkbox"]{
 	height: 18px;
    width: 18px;
  }
  
  .icon-player-type{
  	width: 1.2rem;
    height: 1.2rem;
    margin-left: -0.3rem
  }
#login_user_id{
	width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}  
.resource-workspace label{
	opacity: 0.4;
}
.resource-workspace label.active{
	opacity: 1;
}
	
.modal-dialog .resource-workspace{
	border-bottom: 1px solid #e9ecef;
	}
.table th{
	font-weight: 700 !important;
}
 .brand-link{
 	padding:0rem 0.5rem !important;
 }
 .brand-link .brand-image{
 max-height: 59px !important;
 margin-left:0rem !important;
 padding-top: 5px !important;
 }
 .box-text-margin{
 margin-left: .3rem;
 }
	.user-panel .user-logout{
	position: absolute;
    right: 1rem;
    top: 1.8rem;
	}
    .user-panel{
	    padding: .5rem 0rem !important;
	    margin-top: 0rem !important;
	    margin-bottom: .5rem !important;
	    border-radius: .25rem;
    }
    .user-panel.active{
    	background-color: #007bff !important;
    }
    .main-header ul.navbar-nav a.nav-link > span, .resource-count span, .sub-resource-count span{
	    border-radius: .25rem;
	    padding-right: .2rem;
	    padding-left: .2rem;
	}
	.modal-header .sub-resource-count span,.modal-header .resource-count span{
	    font-weight: 100;
	}
    .sub-resource-count span,.resource-count span{
        background-color: #17a2b8;
        color:white;
    }
    span.sub-resource-count{
	    padding: 1.5rem !important;
	    font-size: 90%;
	    font-weight: 400;
    }
    .resource-modify-time{
    	color: #007bff;
    }
    .resource-size{
    	color: #dc3545;
    }
    .resource-count a{
    	cursor: default !important;
        padding: 0.6rem 1rem !important;
    }
    .mftable th, .mftable td {
      padding: 0.25rem;
    }
      .mftable th::before, .mftable th::after {
        bottom: 0.25rem !important;
      }
    .mftable-action::before,.mftable-action::after{
      display:none !important;
    }
	.mftable-action{
		min-width: 20px;
	}
    .table-checkbox {
      max-width: 18px !important;
    }
    .mftable td{
      max-width:200px;
    }
    .mftable-checkbox{
		min-width: 25px;
   		width: 40px;
    	max-width: 40px;
		
	}
	th.text-sm{
      font-size: 100% !important;
      min-width: 2rem;
    }
    td.text-bg{
      font-size: .875rem!important;
      min-width: 200px;
    }
    td.text-bg span{
      display: inline-block;
    }
	td.text-md{
      max-width: 120px;
    }
	td.text-sm{
      width: 3rem;
    }
	td.text-min-width{
      width: 5.5rem;
    }
    td.resource-thumb{
    padding: 5px;
    }
    td.resource-time{
    	min-width: 110px !important;
    }
    td.details-control {

	    background-position-y: 1rem !important;
	    background-position-x: 2rem !important;
		background: url('/dist/img/details_open-ed1324976fd1dcb0d747a7ca5fc3ccc7.png') no-repeat center center;
		cursor: pointer;
	}
	tr.shown td.details-control {
		background: url('/dist/img/details_close-cdb0ad00d71eff5be6ca7305cff83ce9.png') no-repeat center center;
	}
    
    .tag-operate{
      /*display:none;*/
      padding-left: 0.25rem;
    }
    .tag-name{
        margin: 0px 4px;
    }
    .tag-name:hover {
      /* background: #adb5bd; */
      cursor:default !important;
    }
    .tag-name:hover .tag-operate {
      /* display: inline-block !important;
      padding-left: 0.25rem; */
      cursor: pointer;
    }
    .tag-selected {
      background: #ffc107 !important;
    }

    .tag-hide,.hide {
      display:none !important;
    }
    .un-visibility{
    	visibility: collapse !important;
    }
    .tag-operate .fas:hover{
      color:gray;
    }
    .tag-edit-form{
    width: 180px;
    display: inline-flex;
    }
    
    .mf-library {
      /*overflow-y: scroll;*/
      min-height: 600px;
    }
    .mf-bar{
    display: inline-flex;
      	flex-direction: row !important;
    	margin-left: 0.5rem;
      }
     .mf-bar .nav-link{
     	padding: 0px 0px 0px 5px;
     	color: #adb5bd;
      }
      
      .thumb-img-jpg{
      margin: 0 auto;
      }
      
    .thumb_large img {
      max-width:128px;
    }
    .thumb_large{
    padding-left: 0;
    list-style: none;
    }
    .thumb_large>li {
	    float: left;
	    margin: 0.2rem;
	    padding: 10px;
	    text-align: center;
	    width: 18%;
	}
	
	.thumb_large li.click-selected{
		cursor: pointer;
	}
	 .thumb_large>li:hover ,.thumb_large>li.selected{
	    
	    box-shadow: 0 0 2px rgb(0 0 0 / 40%), 0 2px 4px rgb(0 0 0 / 40%);
	}
	.thumb_large>li img {
	    height: auto;
        max-width: 80%;
        min-width: 80%;
	}
	.thumb_large input[type=checkbox]{
		left: -1rem;
	    top: -3rem;
	    display: block;
	}
	.thumb_large .thumb-detail{
	    display: block;
	    color: #495057;
	    font-size: .875rem;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    cursor: default;
	}
	.thumb_large .thumb-info{
		display: block;
		color: #748290;
	    font-size: 12px;
	}
	
	.thumb-video-sign{
		cursor: pointer;
	}
    .thumb-img-jpg .thumb-video-sign{
	    position: absolute;
	    background: url(/dist/img/mf_video_play-1c11ea72446af42a89b794f4d0154d6f.png) 35px 20px no-repeat !important;
	    background-position-x: center !important;
	    background-position-y: center !important;
	    opacity: 0;
	    background: #fff;
	    border-radius: 3px;
	    z-index: 1000;
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
    }
    .thumb-img-jpg .thumb-video-sign:hover{
	    opacity: 0.5;
    }
	.thumb-operate{margin-left: 5px;}
	.thumb-operate:hover{cursor: pointer;}
	
	.thumb-img{
	    display: flex;
	    position: relative;
	}

	/* .thumb-img img,.thumb-img video{
	    margin-left: 10%;
	} */
	.thumb-img video{
	    margin-left: 10%;
	}
	.editable-selector .editable-selector-text{
        position: relative;
	    top: -36px;
	    width: 95%;
	    height: 35px;
	    border: 0px;
	    left: 1px;
	    font-size: 85%;
    }
   .editable-selector .select2-container{
   		width:100% !important;
    }
    .select2-container--default .select2-selection--single {
	    border: 1px solid #ced4da;
	    padding: .46875rem .75rem;
	    height: calc(2.25rem + 2px);
	}
	
	.define-tooltip-inner{
	    background:#ccc;
        color: #000;
        font-size: 14px;
	}
	/* �Զ���tooltip�ĸ���ͬ�����ͷ��ʽ */
	.tooltip.bs-tooltip-top .define-tooltip-arrow::before {
		top: 0;
		border-width: 0.4rem 0.4rem 0;
		border-top-color: #ccc;
	}
 
	.tooltip.bs-tooltip-right .define-tooltip-arrow::before {
		right: 0;
		border-width: 0.4rem 0.4rem 0.4rem 0;
		border-right-color: #ccc;
	}

	.tooltip.bs-tooltip-left .define-tooltip-arrow::before {
		left: 0;
		border-width: 0.4rem 0 0.4rem 0.4rem;
		border-left-color: #ccc;
	}

	.tooltip.bs-tooltip-bottom .define-tooltip-arrow::before {
		bottom: 0;
		border-width: 0 0.4rem 0.4rem;
		border-bottom-color: #ccc;
	}
	
	.modal .mf-library{
		min-height: 520px;
	    max-height: 520px;
	    overflow-y: scroll;
	}
	span.max-length-limit{
		border-radius: .25rem;
	    padding-right: .2rem;
	    padding-left: .2rem;
	    margin-left: .7rem;
	    font-size: 80%;
	    background-color: #17a2b8;
	    color: white;
    	cursor: pointer;
	}
	th.resource-detail{
	     width: 80px;
	     min-width: 80px;
	     max-width: 80px;
	}
	.resource-detail div{
		width: 9px;
	    height: 9px;
	    display: inline-block;
	    border-radius: 50%;
	    margin-right: 4px;
	}
	.resource-detail-approved{
		background-color: #28a745;
	}
	.resource-detail-approved + span{
		color: #28a745;
    	font-weight: bold;
	}
	.resource-detail-unapproved{
		background-color: #dc3545;
	}
	.resource-detail-unapproved + span{
		color: #dc3545;
    	font-weight: bold;
	}
	.resource-detail-rejected{
		background-color: #dc3545;
	}
	.thumb_large .resource-icon{
		max-width: 20px;
	    min-width: 20px;
	}
	
	.resource-sort-filter label.active {
    	opacity: 1;
	}
	.resource-sort-filter label {
		margin-right: 1rem;
    	background-color: #17a2b8 !important;
    	border-color: white;
    	color: white !important;;
    	opacity: 0.4;
	}
	.page-link:focus {
	  z-index: 3;
	  outline: 0;
	  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.25) !important;
	}
	
	.content-header input[disabled="disabled"],.content-header button[disabled="disabled"]{
		cursor: not-allowed;
	}
	
	.player-screenshot:hover img.zoom-in-icon,.player-container li div.thumb-img:hover img.zoom-in-icon,.event-image:hover img.zoom-in-icon{
		display: block;
	}
	.player-screenshot img.zoom-in-icon,.player-container li div.thumb-img img.zoom-in-icon,.event-image img.zoom-in-icon{
		display: none;
		cursor: pointer;
	}
	
	.player-capture-tools,.event-capture-tools{
		background-color: #dee2e67d;
	    position: absolute;
	    top: 0;
	    right: 0;
	}
	img.zoom-in-icon{
		width: 20px !important;
	    height: 20px !important;
	    max-width: 20px !important;
	    min-width: 20px !important;
	    float: right;
	    content: url(/dist/img/mf_zoom_in-75798bcc0d2f114a9d07108bad6e9333.png);
	}
	button.need-select{
	    border-color: transparent;
    	background-color: transparent;
    	color: #7f7f7f;
	}
	.playlist-summary{
		color: #007bff;
		font-weight: 500;
		font-size: 1.1rem;
		display: inline-flex;
		float: right;
	}
	.playlist-summary .playlist-summary-item{
		margin-right: .5rem;
	}
	
	.effect-enabled{
		display: inline-block;
	    float: right;
	    margin-right: .5rem;
	    color: #007bff;
	    font-weight: 500;
	    font-size: 1.1rem;
	}
	.div-hv-center{
		display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.error-page{
		margin: auto !important;
		padding-top: 5rem !important;
		width:auto !important;
	}
	.error-page>.error-content {
	    margin-left: 0rem !important;
	    margin-top: 2rem !important;
	}
	td.table-content-middle{
		vertical-align: middle;
	}
	
	.max-content{
		width:max-content;
	}