/*-------------------------------
 CONTENTS.
 -------------------------------
 0) Browse
 1) Home Page
 2) Content & Wizard
 3) Notifications 
 4) Api & Secure Categories
 5) Encoder
 6) Content Ingest
 7) Categories & Category Folders
 8) Login
*/

/******************************************************************************************************************/
/* 0.) BROWSE
/******************************************************************************************************************/ 
    
   /* Media List */
    .options-wrap { position: relative; }
    .media-listing { padding: 0px; margin-top: 12px; width:100%; table-layout: auto;}
    .media-listing .media-item { position:relative; float: left; }
    .media-listing .media-item.last-in-row { margin-right: 0px; }
    .media-item-duration { color:white; position:absolute; opacity:0.7; background-color:#000000; height:11px; padding:4px 4px 4px 4px; font-family:verdana; font-weight:bold; font-size:10px; }
    .media-item-duration.long { left:116px; top:91px; }
    .media-item-duration.short { left:134px; top:91px; }
    .media-listing p { margin: 6px 0 18px 0; color: #3c3c3c; }
    .media-listing span { position: relative; top: 2px; font-size: 0.9em; color: #7a7a7a; }
    .media-views { text-decoration: none; }
    
   ul#media-listings { padding: 0; margin-top: 12px; }
   ul#media-listings li.browse-item { position:relative; padding: 0; margin: 0; width: 950px; border-right: 1px solid #dadada; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; height: 123px; margin-bottom: 14px; }
   ul#media-listings li.browse-item .media-thumb { float: left; width: 174px; height: 110px; }
   ul#media-listings li.browse-item table.media-list-content { float: right; width: 543px; height: 125px; }
   .listing-block1 { margin: 28px 0 0 20px; width: 250px; }
   .listing-block2 { margin-top: 33px; margin-left: 21px; }
   .td-description { width: 285px; vertical-align: top; }
   .td-description h3 { font-size: 0.9em; font-family: Verdana; }
   .td-description p { color: #7a7a7a; font-size: 0.7em; font-weight: 100; font-family: Verdana; margin-top: 5px; line-height: 15px; width: 250px; }
   .td-info { border-left: 1px solid #dadada; font-size: 0.7em; font-family: Verdana; vertical-align: top; line-height: 15px; }
   table.table-info { width: 212px; }
   table.table-info tr { padding: 2px; }

   /* Filter Results */   
   .content-left h3 { font-size: 0.9em; }
   .side-menu-heading-listing { height: 32px; }
   .side-menu-heading-listing h2 { width: 100%; position: relative; top: 13px; }
   .side-menu-divider { width: 230px; height: 1px; background: url('/Content/Images/global/side-menu-divider.png') no-repeat #fff; margin-top: 12px; padding-bottom: 15px; }
   ul.side-menu-listing { margin: 5px 0 25px 0; }
   ul.side-menu-listing li { color: #a9a9a9; font-size: 0.80em; padding: 7px 0 0 12px; }
   ul.side-menu-listing li a { text-decoration: underline; }
   ul.side-menu-listing li.more a { text-decoration: none; font-weight: bold; }  
   ul.side-menu-listing li.listing-filtered { color:Black; }  

   .sort-by-section { float: right; margin-top:10px; font-size: 0.9em;}
   .browse-base-page-numbering { margin-top: 10px; margin-bottom: 10px; }
   .results-on-page-top { float:left; margin-top:10px; font-size:0.9em; }
   
   /* Browse Modals */
   .modal-heading-filter { width: 632px; height: 40px; padding: 0 11px 0 11px; background: url('/Content/Images/listings/filter-modal-heading.png') no-repeat; line-height: 43px; }
   .browse-modal-form { width: 100%; } /* Doesnt effect the table height */
   .browse-modal-frame { background: url('/Content/Images/listings/browse-tbl-bg.png') transparent repeat-x scroll center top; border: 1px solid #CCC; vertical-align: top; padding: 5px; }
   .browse-modal-frame div.frame { height: 285px; padding: 5px; overflow:auto; } /* Doesnt effect the table height */
   .browse-modal-sub-heading { color: #5D5D5D; font-family:Verdana; font-size:0.8em; font-weight:bold; margin-bottom:3px; padding-top:2px; }
   .browse-modal-input-wrap { margin-top: 3px; }
   .text-input-container-search { background: url('/Content/Images/listings/browse-text-input-bg.png') no-repeat; width: 316px; height: 30px; border: none; display:inline-block; }
   .text-input-container-search input { width: 298px; height: 15px; border: none; position: relative; top: 8px; left: 8px; border-color: transparent; background-color: transparent; }
   
   #modalListContainer { margin-top: 7px; }
   .modal-filter-name { font-size:0.9em; }
   
   .modal-browse-other-options { margin-top: 14px; font-size: 0.8em; }
   .modal-browse-other-options li { margin-bottom: 3px; }
   
   .browse-filter-modal-content-wrap { height:10px; }

/******************************************************************************************************************/
/* 1.) HOME PAGE
/******************************************************************************************************************/ 
    h1 { font-size: 2em; color: #344b0b; font-weight: bold; line-height: 1em;}
    #adminIcons { margin: 0; }
    .row { height: 192px; }
    ul.icons { margin: 0; padding: 0; height: 192px; text-align: center; }
    ul.icons li { margin-left: 14px; text-align: center; display: inline-block; }
    ul.icons li h3 { position: relative; bottom: 18px; font-size: 1.15em; }
    ul.icons li:first-child { margin-left: 0; }
    ul.icons-row-2 { margin: 0; padding: 0; height: 196px; }
    ul.icons-row-2 li { float: left; margin-left: 12px; text-align: center; }
    ul.icons-row-2 li h3 { position: relative; bottom: 16px; font-size: 1.15em; }
    ul.icons-row-2 li:first-child { margin-left: 0; }

/******************************************************************************************************************/
/* 2.) CONTENT & WIZARD
/******************************************************************************************************************/
    /* 2.1: Media Listings - content manager (search) */
    .search-media-title { font-size: 1em; margin-top: 8px; font-weight: bold; }    
    .media-listing-search-left, .media-listing-search-right { border: none; font-size: 0.95em; border-collapse: separate; border-spacing: 0 4px; width: 465px; float: left; display: inline-block; }    
    .media-listing-search-right { margin-left: 18px; }
    .media-listing-search-left td, .media-listing-search-right td { background-color: #d7d7dc; padding: 3px 3px 3px 5px; vertical-align:middle; }
    .media-listing-search-left td.first, .media-listing-search-right td.first { width: 105px; }
    .media-listing-search-dropdown { width: 316px; height: 30px; }    
    #searchSubmitContainer { padding: 0 3px; height:40px; background-color:#d7d7dc; text-align: right; }
    #searchSubmitButton { margin: 6px 0 0 0; }
    #searchMediaListings { float: right; margin-right: 2px; padding: 3px 0 2px 0; }
    .add-media { color: White; text-transform: uppercase; position: relative; top: 8px; left: 8px; }
    .media-listings-icon { height:15px; width: 15px; display: inline-block; }
    #mediaContainer { position:relative; bottom:16px; }
    
    /* Media Question Styles */
    .edit-icon { background:url(/Content/Images/Global/edit-icon.png) no-repeat; }
    .questions-icon { background:url(/Content/Images/Global/questions-icon.png) no-repeat; }
    .delete-icon { background:url(/Content/Images/Global/delete-icon.png) no-repeat; }
    .media-questions-player { width: 419px; height:252px; float:left; }
    #questionsContainer { float: right; margin-left: 10px; margin-top: 10px; width: 500px; }
    
    /* 2.2: Media Listings - listings view */    
    .media-listing { border: none; font-size: 0.75em; border-collapse: separate; border-spacing: 2px 2px; }
    .media-listing th { background: #d9d9d9; font-weight: bold; text-align: left; vertical-align: middle; padding: 9px 5px 5px 5px; }
    .media-listing td { background: #d7d7dc; vertical-align: middle; padding: 3px; }
    .media-listing td.first, .media-listing th.first { width: 15px; }
    .media-listing td.second, .media-listing th.second { width: 30px; }
    .media-listing td.third, .media-listing th.third { width: 150px; }
    .media-listing td.fourth, .media-listing th.fourth { width: 64px; }
    .media-listing td.fifth, .media-listing th.fifth { width: 160px; background-color: #ddedbe; }
    .media-listing td.fifth { padding: 0 5px 0 5px; }
    .media-listing td.sixth, .media-listing th.sixth { width:84px; }
    .media-listing td.seventh, .media-listing th.seventh { width:64px; }
    .media-listing td.eighth, .media-listing th.eighth { width: 40px; }
    .media-listing td.nineth, .media-listing th.nineth { width: 60px; }
    .media-listing td.tenth, .media-listing th.tenth { width: 52px; }
    .media-listing td.failed-encode { background-color: #FF8080; }
    .media-listing td.inprogress-encode { background-color: #FFFF80; font-weight:bold; }
    .media-listing td.trim-encode { background-color: #92C743; font-weight:bold;} 
    .media-listing td.chop-encode { background-color: #C35EF8; font-weight:bold;}
    .media-listing td.export-encode { background-color: #F1971F; font-weight:bold;}
    .media-listing td.eleventh, .media-listing th.eleventh { width: 35px; }
    .media-listing td.fourth, .media-listing td.sixth, .media-listing td.seventh, .media-listing td.eighth, .media-listing td.nineth, .media-listing td.tenth, .media-listing td.eleventh { padding-left: 7px; }    
    .media-del-checkbox { position:relative;top:1px;left:2px; }
    .media-listing-text-input-small { background: url(/Content/Images/media/media-listing-text-input-small.png) no-repeat; width: 189px; height: 30px; border: none; }
    .media-listing-text-input-small input { width: 175px; height: 15px; border: none; position: relative; top: 8px; left: 8px; border-color: transparent; background-color: transparent; font-size: 0.95em; }    
    .media-listing-quick-edit-dropdown { padding: 4px 2px 4px 0; font-size: 0.7em; width: 142px; }
    .media-listing-cat-dropdown { padding: 4px; font-size: 0.9em; width: 142px; }    
    .media-listing-delete-Media { font-size: 0.75em; }    
    #quickEditHeader { background-color: #ddedbe; padding-top: 10px; padding-bottom:10px; }
    #quickEditText { display: inline-block; width: 333px; text-align:right;} 
    .quiz-indication { font-weight: bold; width: 35px; text-align: right; position: relative; top: 10px; margin-top: -10px; left: 4px } 

    /* 2.3: Upload Wizard */
    #wizard-header {
        margin-top: 20px;
    }
    .wizard-heading { width:240px; display: inline-block; position: relative; top: 3px; }
    .wizard-container { max-width: 980px; position: relative; bottom: 35px;} 
    .wizard-container.mobile-mode { max-width: 640px; bottom: 0px; background:#fff; margin: 20px auto;}
    .wizard-menu-wrap { height: 69px; float: left;}
    #wizard-menu-wrap.totaltabs1 { width:134px;}
    #wizard-menu-wrap.totaltabs2 { width:268px;}
    #wizard-menu-wrap.totaltabs3 { width:402px;}
    #wizard-menu-wrap.totaltabs4 { width:536px;}
    #wizard-menu-wrap.totaltabs5 { width:670px;}
    #wizard-content { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: url('/Content/Images/Wizard/wizard-body-bg.png') repeat-x; padding-bottom: 5px; }
    #wizard-content.mobile-mode { background: white; }
    #wizard-content-file { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: url('/Content/Images/Wizard/wizard-body-bg.png') repeat-x; padding-bottom: 10px; }
    #wizard-bottom { border: 1px solid #e5e5e5; height: 52px; position:relative; }    
    .step1 { background: url('/Content/Images/Wizard/step1-bg.png?v=2') no-repeat; }
    .step2 { background: url('/Content/Images/Wizard/step2-bg.png?v=2') no-repeat; }
    .step3 { background: url('/Content/Images/Wizard/step3-bg.png?v=2') no-repeat; }
    .step4 { background: url('/Content/Images/Wizard/step4-bg.png?v=2') no-repeat; }
    .step5 { background: url('/Content/Images/Wizard/step5-bg.png?v=2') no-repeat; }
    #wizard-bottom.mobile-mode { border: none; height: auto; }     
    .wizard-menu-left { float: left;  background: url('/Content/Images/Wizard/step-bg-left.png?v=2') no-repeat; width:286px; height:69px } 
    .wizard-menu-right { float: left;  background: url('/Content/Images/Wizard/step-bg-right.png?v=2') repeat-x; height:69px } 
    #wizard-menu-right.totaltabs1 { width:560px;}
    #wizard-menu-right.totaltabs2 { width:426px;}
    #wizard-menu-right.totaltabs3 { width:292px;}
    #wizard-menu-right.totaltabs4 { width:158px;}
    #wizard-menu-right.totaltabs5 { width:24px;}
    #wizard-menu { position:relative; bottom:10px; margin: 0 0 0px 10px; padding: 16px 0 0 0; }
    #wizard-menu li { float: left; padding-left:24px; position: relative; width: 110px; height: 24px }
    #wizard-menu li:first-child { padding-left:0px; }
    #wizard-menu li img { position:relative; top:3px; float: right; }
    #wizard-menu li span { position: relative; top: 6px; color: white } 
    #wizard-menu li a { position: relative; top: 8px; color: white; text-decoration: none; }
    .wizard-content-left { width: 465px; float: left; margin-top: 10px; margin-left: 18px; }
    .wizard-content-left.mobile-mode { width: 95%; margin-left: 2.5%; }
    .wizard-content-right { width: 465px; float: left; margin-top: 10px; margin-left: 12px; }   
    .wizard-content-right.mobile-mode { margin-left: 2.5%; width: 95% }   
    p.add-media-desc span { font-size: 0.8em; word-wrap: break-word;}
    .wizard-text-input { background: url('/Content/Images/Wizard/wizard-text-input-bg.png') no-repeat; width: 316px; height: 30px; border: none; }
    .wizard-text-input input { width: 298px; height: 15px; border: none; position: relative; top: 8px; left: 8px; border-color: transparent; background-color: transparent; }
    .wizard-text-input.mobile-mode { background: none; width: auto; }
    .wizard-text-input.mobile-mode input { background: white; left: 0px; width: 200px; }
    #tagName.mobile-mode { background: white; left: 0px; width: 200px; }
    .wizard-dropdown { padding: 5px; width: 316px; }
    .wizard-dropdown-personal-cats { padding: 5px; width: 290px; }
    .wizard-dropdown.mobile-mode { width: 200px; }
    .wizard-dropdown-personal-cats.mobile-mode { width: 170px; }
    p.notify-text { font-size: 0.71em; margin-left: 140px; }
    span.notify-info { font-size: 0.71em; } 
    .wizard-textarea-input { background: url('/Content/Images/Wizard/wizard-text-area-bg.png') no-repeat; border: none; width: 316px; height: 110px; overflow:auto; }
    .wizard-textarea-input textarea { width: 300px; height: 95px; resize: none; border: none; display: block; border-color: transparent; overflow: auto; position: relative; top: 8px; left: 8px; background-color: transparent; }
    .wizard-textarea-input.mobile-mode { background: none; width: auto; }
    .wizard-textarea-input.mobile-mode textarea { background: white; left: 0px; width: 200px; }
    a.disclaimer-link { color: #64920f; }
    .terms-text { font-size: 0.85em; }
    .wizard-tag-input { background: url('/Content/Images/Wizard/wizard-tags-input-bg.png') no-repeat; width: 236px; height: 30px; border: none; float: left; }
    .wizard-tag-input input { width: 220px; height: 24px; border: none; border-color: transparent; background-color: transparent; position: relative; top: 3px; left: 8px; }
    .wizard-tag-input.mobile-mode { background: none; width: auto; }
    .wizard-tag-input.mobile-mode input { background: none; width: auto;  }
    .tag-submit { position:relative; top: 1px; left: 4px; display: block; float: left; color: White; text-transform:uppercase; background: url('/Content/Images/Wizard/add-tag-btn.png') no-repeat; text-align: left; border: none; border-color: transparent; text-transform: uppercase; cursor: pointer; padding-left: 5px; width: 78px; height: 28px; }
    .wizard-tags-desc { font-size: 0.6em; }
    .wizard-textarea-input ul { padding: 8px; }
    /* .wizard-textarea-input div { overflow: auto; } */
    #wizard-content-full { padding: 0 18px 0 18px; }
    #uploadContainer { margin-top: 5px; }
    .select-file-text { margin-top: 7px; margin-right: 7px; float: left; font-size: 14px}
    #wizard-buttons-step2 { margin-top: 87px; float: right; height: 32px; float: right; margin-right: 20px; }
    .upload-btn-wrapper { width: 139px; float: left; }
    #wizard-buttons { height: 32px; float: right; margin-right: 20px; margin-top: 10px; }
    #wizard-buttons-step3 { height: 32px; float: right; margin-right: 20px; margin-top: 55px; }    
    #wizard-buttons.mobile-mode { float: left; margin-left: 16px; height: auto; margin-bottom: 10px; margin-top: 0px; }
    #wizard-buttons.mobile-mode input { margin-top: 5px; }
    #wizardCancel.mobile-mode { background:  #777; text-align:left;}
    #wizard-buttons.mobile-mode #prevButton { background: #2a2d39; text-align: left;}
    .react-btn.d2l-mode { height: 40px; } 
    .tag-style { color: #4e5247; background: #cae49d; display: block; float: left; margin-right: 5px; padding: 7px; margin-bottom: 5px; }
    .delete-tag { background: url('/Content/Images/Wizard/tag-delete.png') no-repeat; width: 12px; height: 12px; margin-left: 8px; margin-right: 0; display: inline-block; }
    .wizard-next { background: url('/Content/Images/Wizard/next-btn.png') no-repeat; width: 180px; height: 32px; color: White; text-align: left; border: none; border-color: transparent; text-transform: uppercase; cursor: pointer; }
    .wizard-back { background: url('/Content/Images/Wizard/back-btn.png') no-repeat; width: 180px; height: 32px; color: White; text-align: right; border: none; border-color: transparent; text-transform: uppercase; cursor: pointer; }
    .wizard-back:hover { opacity: 0.7; }
    #thumbnail-list { width: 700px; }
    .d2l-mode #thumbnail-list { width: 600px; padding-left: 20px}
    #thumbnail-list.mobile-mode { width: auto; }
    .thumbnails li { float: left; margin-left: 7px; margin-top: 5px; text-align: center; }
    .thumbnails li:first-child { margin-left: 0; }
    .thumbnail-selected { overflow: hidden; float: left; background: #99ca3b; opacity: 0.5; }
    .thumbnails li img { border: 1px solid #efefef; padding: 2px; }
    .thumbnail-container { border: 1px solid #d5d5d5; width: 161px; height: 104px; padding: 2px; }
    .d2l-mode .thumbnail-container { width: 121px; height: 79px; }
    .confirm-table-container { background: #d7d7dc; padding: 9px 17px 5px 17px; font-size:0.9em; }
    .confirm-table { } 
    .confirm-table td { padding: 1px 0 1px 0; }
    .confirm-table td.first { width: 110px; }
    
    .assoc-files-confirm { position:relative; top:3px; }
    .assoc-files-confirm li { float:left; margin-right:14px; }
    .extra-close-link { display:none; }

    .cutesoftUploadingArea { padding: 10px; }
    /* .cutesoftUploadingArea>button:first-of-type  { background: url('/Content/Images/Global/upload-btn-en.png') no-repeat; height: 28px; width: 139px; } */
     
    /* Media Quesions Styles */
    .questions-label { font-size: 0.8em; font-weight: bold; }

/******************************************************************************************************************/
/* 3.) NOTIFICATIONS
/******************************************************************************************************************/   
    #notification-icon-wrap { position: relative; z-index:1; }
    #notification-icon { position: absolute; width: 40px; height: 40px; background: url(/Content/Images/Global/notifications-bg.png) no-repeat; display: block; color: White; font-weight: bold; padding-top: 12px; font-size: 1.1em; top: 5px; left: 5px; text-align: center; }
    #notifications-container-wrap { float:left; display:inline-block; margin-right:8px; position:relative; bottom: 8px; }
    .notify-wrap { width: 30px; height: 30px; background: url(/Content/Images/Global/notifications-bg-small.png) no-repeat; color: White; font-weight: bold; font-size: 0.9em; float: left; display: block; text-align: center; padding-top: 9px; }
    #notifications-container-flagged-content { top: -35px; left: 150px; }
    #notifications-container-expired-content { top: -35px; left: 145px; }
    #notifications-container-pending-content { top: -35px; left: 205px; }
    #notifications-container-encodes-content { top: -35px; left: 135px; }
    #notifications-container-errors-content { top: -35px; left: 128px; }
    .report-comment-details { font-size: 0.8em; font-style:italic; }
    .notify-text { color:#92c742;font-weight:bold; } 
    .notify-text:hover { text-decoration:none; }

/******************************************************************************************************************/
/* 4.) API & SECURE CATEGORIES
/******************************************************************************************************************/       
    .iptext-input-container { background: url('/Content/Images/global/ip-text-input-bg.png') no-repeat; width: 106px; height: 30px; border: none; }
    .iptext-input-container input { width: 90px; height: 15px; border: none; position: relative; top: 8px; left: 8px; border-color: transparent; background-color: transparent; }

/******************************************************************************************************************/
/* 5.) ENCODER
/******************************************************************************************************************/     
    .profileHeadings { height: 40px; width: 948px; margin-bottom: 12px; }
    #flashHeading { background: url('/Content/Images/Encoder/flash-encoder-heading.png') no-repeat; }
    #realHeading { background: url('/Content/Images/Encoder/real-encoder-heading.png') no-repeat; }
    .leftProfile p,  .rightProfile p { position: relative; top: 14px; font-size: 0.9em; font-weight: bold; text-transform: uppercase; color: White; left: 53px; }
    .h264Icon { margin: 10px 0 0 10px; float: left; padding-right: 10px; }
    .mp3Icon { margin: 10px 0 0 0; float: left; padding-right: 10px; }
    .realIcon { margin: 10px 0 0 10px; float: left; padding-right: 10px; }
    .enable-real { position: relative; top: 10px; color: White; margin-right:12px; }
    .leftProfile { width: 300px; height: 40px; float: left; }
    .rightProfile { height: 40px;  float: right; }
    .profile-heading-left { float: left; margin-left: 18px; }
    .profile-heading-right { float: left; margin-left: 430px; }
    .profile-heading-left, .profile-heading-right { font-weight: bold; padding: 14px 0 1px 5px; font-size: 0.8em; }
    #tblFlashProfiles checkbox { position: relative; top: 3px; }
    table#tblFlashProfiles label { padding-right: 25px; }
    table#tblRealProfiles label { padding-right: 25px; }
    #flashProfilesTop { height: 40px; }
    #realProfilesTop { height: 40px; }

/******************************************************************************************************************/
/* 6.) CONTENT INGEST
/******************************************************************************************************************/ 
    .content-ingest-dropdown { padding: 5px; width: 316px; }

/******************************************************************************************************************/
/* 7.) CATEGORIES & CATEGORY FOLDERS
/******************************************************************************************************************/ 
    #categoryInfoTableLeft { width:525px;float:left; }
    #categoryInfoTableLeft td.first { width: 140px; }
    #categoryInfoTableRight { float:right;width:423px; }
    .email-submit { position:relative; top:1px; left:4px; display: block; float: left; color: White; text-transform:uppercase; background: url('/Content/Images/Wizard/add-tag-btn.png') no-repeat; text-align: left; border: none; border-color: transparent; text-transform: uppercase; cursor: pointer; padding-left: 5px; width: 78px; height: 28px; }
    .category-listing-dropdown { padding: 4px; font-size: 0.9em; width: 115px; }    

/******************************************************************************************************************/
/* 8.) LOGIN
/******************************************************************************************************************/ 
    .login-content-heading { margin-top: 12px; width: 980px; height: 40px; background: url('/Content/Images/login/login-heading-bg.png') no-repeat; }
    .login-content-heading h2 { padding-left: 8px; padding-right: 8px; line-height: 44px; }
    #login-container { width: 100%; background: #ededed; margin-top: 11px; margin-bottom: 12px; }
    #login-inner-container { margin-left: auto; margin-right: auto; width: 480px; font-size: 1.1em; padding-top: 38px; padding-bottom:38px; } 
    .login-input { width: 468px; height: 30px; background: url('/Content/Images/login/login-input-bg.png') no-repeat; border: 0; padding-left: 12px; margin: 0px; font-size: 0.99em; color: #b1b1b1; }
    p.password-inp { margin-top: 18px; }
    .login-btn-login { float: right;  height: 32px; margin-top: 23px; }
    #account-login-link { margin-right:0px; }
/* background: url('/Content/Images/global/login-btn.png') no-repeat; */
/* .login-btn-login a { padding: 15px; text-decoration: none; color: #fff; text-transform: uppercase; line-height: 36px; } */
/* .login-btn-login a img { float: right; padding-right: 9px; padding-top: 6px; } */
/******************************************************************************************************************/
/* 9.) CUSTOMIZATION
/******************************************************************************************************************/
.email-tags {
    font-size: 0.9em;
}
    
    #adminHeaderUpload .uploadify-queue { width: 400px; }
    #adminHeaderUpload .uploadify-queue-item { width: 400px; }
    
    
/******************************************************************************************************************/
/* 10.) STATISTICS
/******************************************************************************************************************/   
    #libraryMakeUpLeft { width: 420px; float: left; }
    #libraryMakeUpRight { width: 500px; float: right; }   
    #top_rated_chart, #highly_commented_chart, #leaderboard_chart, #activity_chart { border: 1px solid #D7D7D7; }   
    #activity_chart { margin-top:12px; }
    
/******************************************************************************************************************/
/* 11.) SECURITY
/******************************************************************************************************************/  
    #groupAccessTable input { margin-left: 14px; }
    #groupAccessTable input:nth-child(1) { margin: 0; }
    
/******************************************************************************************************************/
/* 12.) SETTINGS
/******************************************************************************************************************/ 
    .general-settings-checkboxes li { width:200px; float:left; }
    .checkbox-wrap {   }
    
/******************************************************************************************************************/
/* 13.) LIVE 
/******************************************************************************************************************/

/* progress bar */
progress[value] {color:#92c742} /* IE10 */
progress::-webkit-progress-bar-value {background:#92c742}
progress::-webkit-progress-value {background:#92c742}
progress::-moz-progress-bar {background:#92c742}

 
#dialogConfirm {
    display:none;
    position: absolute;
    left: 45%;
    top: 40%;
    min-width: 10%;
    text-align: center;
    z-index: 1000;
    background:white;
    border-radius:5px;
    padding-top:10px;
    border:1px solid #aaa;
}

#dialogConfirmDetail {
    padding: 10px 10px 20px 10px;
}
 
#dialogConfirmButtons {
    padding: 10px;
}

#dialogOk {
    display: none;
    position: absolute;
    left: 45%;
    top: 40%;
    min-width: 10%;
    text-align: center;
    z-index: 1000; 
    background: white;
    border-radius: 5px;
    padding-top: 10px;
    border: 1px solid #aaa;
}

#dialogOkDetail {
    padding: 10px 10px 20px 10px;
}

#dialogOkButtons {
    padding: 10px;
}

.medial-dialog-outer {
    position: fixed;
    top: 0;
    left: 0;
    display: table;
    z-index: 1;
    height: 100vh; 
    width: 100%;
    margin: 0
}

.medial-dialog-middle {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.medial-dialog-inner {
    display: inline-block;
    padding: 2px 2px 10px 2px;
    border: 1px solid #888;
    background: white;
    border-radius: 5px;
}

#medial-dialog-close {
    float: right;
    font-weight: bold;
    cursor: pointer;
    margin-right: 2px;
}

#medial-dialog-content {
    padding: 10px 10px 10px 10px;
}

/* Summer note editor */
/* hide background color picker */
.note-color .dropdown-menu div.note-palette:first-child {
    display: none !important;
}
 
.note-color .dropdown-menu  {
    text-align:center
}


.ui-helper-hidden-accessible {
    display: none;
}

.panel-heading.note-toolbar { /* fix toolbar summernote - bootstrap 4 conflict*/
    background: #e1e1e1;
}

/* hide double drop down triangles */
.note-icon-caret {
    display: none;
}

.iframe-responsive-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.iframe-responsive-wrapper-169{
    padding-top: 56.25%;
}

.iframe-responsive-wrapper-32{
    padding-top: 66.66%;
}

.iframe-responsive-wrapper-WebScreenRec{
    padding-top: 70%;
}

.iframe-responsive-wrapper-43{
    padding-top: 75%;
}

.iframe-responsive {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}