.media-container{ position:relative; width:100%; height:1px; padding-bottom:50%; border:1px dotted #666666; background-repeat:no-repeat; background-position:center; background-size:contain; background-color:#EDEDED; }
.media-explain{ position:relative; text-shadow:0px 1px 2px rgba(255, 255, 255, 1); cursor:pointer; padding:15px 30px; display:table; margin:20% auto 0 auto; background-color:rgba(255,255,255,.7); border-radius:5px; color:#242424; }
.media-remove{ position:absolute; top:10px; right:10px; border-radius:20px; height:40px; width:40px; background-color:#CCCCCC; color:#330000; line-height:40px; font-size:20px; text-align:center; cursor:pointer; }
.small-media .media-container{ padding-bottom:25%; }
.squad-media .media-container{ padding-bottom:100%; }
.small-media .media-container .media-explain{ margin:10% auto 0 auto; }
.squad-media .media-container .media-explain{ margin:40% auto 0 auto; }

.media-modal { position:fixed; top:0; right:0; bottom:0; left:0; z-index:99999; display:none; overflow:auto; outline:0; background-color:rgba(0,0,0,.5); }
.media-modal.fade{ opacity:1; transition:opacity .15s linear; }
.media-modal.fadeO:not(.show){ opacity:0; }
.media-modal-dialog{ position:relative; width:auto; margin:60px; padding:0; pointer-events:none; }
.media-modal-content{ position:relative; display:flex; pointer-events:auto; background-color:#FFFFFF; background-clip:padding-box; border:1px solid #CCCCCC; border-radius:5px; box-shadow:1px 45px 40px -50px rgba(0,0,0,.4); outline:0; }
.media-modal-sidebar{ position:relative; flex:1; padding:0px; border-right:1px solid #CCCCCC; }
.media-modal-main{ position:relative; flex:4; padding:0px; }
.media-modal-header{ padding:20px 20px; }
.media-modal-header .close{ position:absolute; right:10px; top:7px; padding:0 12px; margin:0; font-size:40px; font-weight:100; line-height:40px; }
.media-modal-title{ margin-bottom:0; font-size:28px; font-weight:100; line-height:1.2; }
.media-modal-body{ position:relative; padding:20px; }
.media-modal-aba-container{ position:relative; display:flex; border-bottom:1px solid #CCCCCC; justify-content:flex-start; margin-bottom:20px; }
.media-modal-aba-btn{ position:relative; padding:12px 20px; cursor:pointer; border-right:1px solid #CCCCCC; }
.media-modal-aba-btn:last-child{ border-right:0; }

.media-modal-flow{ position:relative; display:flex; }
.media-modal-left{ position:relative; flex:5; padding:0px; border-right:1px solid #CCCCCC; }
.media-modal-right{ position:relative; flex:2; padding:0px; }

.media-modal-footer{ display:flex; align-items:center; justify-content:flex-end; padding:20px; border-top:1px solid #CCCCCC; }
.media-panel{ position:relative; }

.mediaListContainer{ position:relative; margin:0px -7px; }
.mediaList{ position:relative; display:inline-block; top:0px; left:0px; margin:0 9px 12px 9px; padding:15px; width:120px; height:130px; border-radius:6px; box-shadow:1px 3px 5px rgba(0,0,0,.2); }
.mediaListImage{ position:relative; display:table; width:90px; height:90px; }
.mediaListItem{ position:relative; display:table-cell; width:90px; height:90px; border:1px solid #CCCCCC; border-radius:3px; overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat; background-color:#DEDEDE; text-align:center; vertical-align:middle; }
.mediaListItem:before{ content:""; position:absolute; top:0; left:0; width:90px; height:90px; background-color:rgba(255,255,255,.6); }
.mediaListItem img{ max-width:90px; max-height:90px; position:relative; display:block; margin:0 auto; }
.mediaListName{ font-size:10px; line-height:1.2; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.mediaListItemRemove{ position:absolute; top:2px; right:2px; width:20px; height:20px; background-color:#d6b3b0; border:1px solid #bf9999; border-radius:10px; text-align:center; line-height:17px; color:#FFFFFF; cursor:pointer; }
.pageMedia{ text-align:center; color:#333333; font-size:12px; line-height:1; cursor:pointer; }
.pageMedia.active{ color:#CCCCCC; font-weight:bold; }
.mediaBaseEdit{ position:relative; width:100%; display:none; }
.mediaImageEdit{ position:relative; width:100%; height:90px; background-repeat:no-repeat; background-position:center; background-size:contain; text-align:center; box-shadow:1px 3px 5px rgba(0,0,0,.2); }
.MediaImageEditSrc{ max-height:100%; max-width:100%; margin:0 auto; }
.mediaImageEditFull{ height:400px; }

.media-info-name{ position:relative; display:block; font-size:0.8rem; line-height:1.2; font-weight:200; }
.media-info-date{ position:relative; display:block; font-size:0.7rem; line-height:1.2; font-weight:100; }
.media-info-size{ position:relative; display:block; font-size:0.7rem; line-height:1.2; font-weight:100; }
.media-info-link{ position:relative; display:block; font-size:0.8rem; line-height:1.2; font-weight:400; margin:7px 0; }

.media-panel-heading{ padding:10px; font-size:16px; line-height:1.2; }
.media-panel-body{ padding:10px 15px; }
.media-panel-body textarea.form-control{ height:60px; }
.media-panel-footer{ padding:10px 0; }
.media-row{ position:relative; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-6px; margin-left:-6px; }
.media-col-md-6{ display:inline-block; width:49.999%; min-height:1px; padding-right:6px; padding-left:6px;}
.media-col-md-4{ display:inline-block; width:33.322%; min-height:1px; padding-right:6px; padding-left:6px;}
.media-col-md-8{ display:inline-block; width:66.655%; min-height:1px; padding-right:6px; padding-left:6px;}
.media-col-md-6 .form-group, .media-col-md-4 .form-group, .media-col-md-8 .form-group{ margin:0 0 20px 0; }
.media-tbl{ background-color:#DEDEDE; margin-top:20px; }
.media-tbl tr td{ padding:7px; }
.media-grad{ background:rgba(204,180,108,1);
	background:-moz-linear-gradient(45deg, rgba(204,180,108,1) 0%, rgba(214,114,77,1) 100%);
	background:-webkit-gradient(left bottom, right top, color-stop(0%, rgba(204,180,108,1)), color-stop(100%, rgba(214,114,77,1)));
	background:-webkit-linear-gradient(45deg, rgba(204,180,108,1) 0%, rgba(214,114,77,1) 100%);
	background:-o-linear-gradient(45deg, rgba(204,180,108,1) 0%, rgba(214,114,77,1) 100%);
	background:-ms-linear-gradient(45deg, rgba(204,180,108,1) 0%, rgba(214,114,77,1) 100%);
	background:linear-gradient(45deg, rgba(204,180,108,1) 0%, rgba(214,114,77,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccb46c', endColorstr='#d6724d', GradientType=1 ); }