/* Webfont: Calibri */@font-face {
    font-family: 'Calibri';
    src: url('../../fonts/Calibri.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Calibri.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../fonts/Calibri.woff') format('woff'), /* Modern Browsers */
         url('../../fonts/Calibri.ttf') format('truetype'),
		 url('../../fonts/Calibri.svg#Calibri') format('svg');
    font-style: normal;
    font-weight: normal;   
}

/* Webfont: Calibri-Light */@font-face {
    font-family: 'Calibri-Light';
    src: url('../../fonts/Calibri-Light.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Calibri-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../fonts/Calibri-Light.woff') format('woff'), /* Modern Browsers */
         url('../../fonts/Calibri-Light.ttf') format('truetype'),
		 url('../../Calibri-Light.svg#Calibri-Light') format('svg');
    font-style: normal;
    font-weight: normal;   
}

/* Webfont: Calibri-Bold */@font-face {
    font-family: 'Calibri-Bold';
    src: url('../../fonts/Calibri-Bold.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../fonts/Calibri-Bold.woff') format('woff'), /* Modern Browsers */
         url('../../fonts/Calibri-Bold.ttf') format('truetype'),
		 url('../../fonts/Calibri-Bold.svg#Calibri-Bold') format('svg');;
    font-style: normal;
    font-weight: normal;    
}

/* Webfont: MaterialIcons */
@font-face {
    font-family: 'MaterialIcons';
    src: url('../../fonts/muiv2/MaterialIcons-Regular.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/muiv2/MaterialIcons-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../fonts/muiv2/MaterialIcons-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../../fonts/muiv2/MaterialIcons-Regular.woff') format('woff'), /* Modern Browsers */
         url('../../fonts/muiv2/MaterialIcons-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;    
}

@font-face {
  font-family: 'lg';
  src: url("../../lightGallery/dist/fonts/lg.eot?n1z373");
  src: url("../../lightGallery/dist/fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../../lightGallery/dist/fonts/lg.woff?n1z373") format("woff"), url("../../lightGallery/dist/fonts/lg.ttf?n1z373") format("truetype"), url("../../lightGallery/dist/fonts/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}

*:focus {
    outline: none;
}

body{ font-family: 'Calibri', sans-serif; font-size: 14px; margin: 0; background: #fafafa; padding-right: 0px !important; /*overflow: hidden;*/ }

a { color: #273135; text-decoration: none; }
.alert a { color: #31708f; }

.alert-dismissable .close, 
.alert-dismissible .close { color: #df144b; }
.alert-dismissable .close:focus, 
.alert-dismissible .close:hover { filter: alpha(opacity=90); opacity: .9; }

label.mandatory::after{ content: '*'; }
label { font-weight: normal; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus { background-color: #FFFFFF !important; color: #555 !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important; -webkit-text-fill-color: #555555 !important; }

button { outline: none; }
.btn.active, .btn:active { box-shadow: none; -webkit-box-shadow: none; }
.btn.focus, 
.btn:focus, 
.btn:hover { outline: none; }

input[type=checkbox], 
input[type=radio],
.radio-group-inline label { cursor: pointer; /*width: 15px; height: 15px;*/ 
 -ms-transform: scale(1.3); /* IE */
 -moz-transform: scale(1.3); /* FF */
 -webkit-transform: scale(1.3); /* Safari and Chrome */
 -o-transform: scale(1.3); /* Opera */
}
input[type=radio].normal {-ms-transform: scale(0.5); /* IE */
 -moz-transform: scale(0.5); /* FF */
 -webkit-transform: scale(0.5); /* Safari and Chrome */
 -o-transform: scale(0.5); /* Opera */
}

.form-group { margin-bottom: 10px; }

.fa.fa-trash{ color:#e22319 !important; }

.bootstrap-tagsinput .tag [data-role="remove"]:after { font-family: 'FontAwesome' !important; content: "\f057" !important; padding: 0px 2px; }

.btn-common { background: #ffffff; border: 1px solid #f3f4f6; color: #04adaa; display: block; width: 100%; }
.btn-common.revert { background: #04adaa; color: #ffffff; text-decoration: none; }
.btn-common:hover { background: #f3f4f6; color: #04adaa;}

.user-account-sidebar .btn-common:hover,
.user-account-sidebar .btn-common.show { background: #04adaa; color: #ffffff;}

.btn-off { background: #fafafa; border: 1px solid #eeeeee; color: #04adaa; display: inline-block; padding: 3px 10px; font-size: 12px; }
.btn-off:hover { background: #999; color: #ffffff; }


.btn-curved { border-radius: 15px; padding: 2px 10px; font-size: 12px; margin: 0 5px; }
.btn-curved.active,
.btn-curved:hover { box-shadow: none; background: #bf2b2b; color: #ffffff;  }

.brand-details-para div.uploader a { background: #bf2b2b !important;}

.bootstrap-dialog-message label { margin-right: 10px; }

label.error { color: #f44336; font-weight: normal; margin-bottom: 0; }
.input-group>label.error { display: table-row; }


/*.input-group.date { max-width: 120px; }*/
.input-group.date input[type="text"].form-control { width: 90px; text-align: center; }
.input-group.date input[type="text"].form-control.ex-time{width: 130px; }
.input-group.date.input-group-addon { padding: 6px 10px; }

.input-group.date .input-group-addon { padding: 0 5px; display: flex; align-items: center; background: #ced4da; border-radius: 0 .25rem .25rem 0; }
.bootstrap-datetimepicker-widget.twentyfour { max-width: 205px; }

.form-control:disabled, 
.form-control[readonly] { opacity: 0.5;}

.row-selected {background-color:#A9A9A9;}

.bootstrap-tagsinput { background-color: #fafafa !important; }


.mb1 { margin-bottom: 10px; }
.mb2 { margin-bottom: 20px; }

i.mi.account-settng::before { content: '\e8b8'; font-size: 16px; line-height: 20px; }
i.mi.manage-users::before { content: '\e7fb'; font-size: 16px; line-height: 20px; }
i.mi.recycle-bin::before { content: '\e872'; font-size: 16px; line-height: 20px; }
i.mi.assetapprove::before { content: '\e1b2'; font-size: 16px; line-height: 20px; }
i.mi.request-access::before { content: '\e7fb'; font-size: 16px; line-height: 20px; }
i.mi.approved-pending-assets::before { content: '\e333'; font-size: 16px; line-height: 20px; }
i.mi.reported-issues::before { content: '\e160'; font-size: 16px; line-height: 20px; }
i.mi.user-activity::before { content: '\e7fd'; font-size: 16px; line-height: 20px; }
i.mi.download-excel::before { content: '\e2c0'; font-size: 16px; line-height: 20px; }
i.mi.approve-activity::before { content: '\e53f'; font-size: 16px; line-height: 20px; }
i.mi.property-status::before { content: '\e85d'; font-size: 16px; line-height: 20px; }
i.mi.manage-property::before { content: '\e875'; font-size: 16px; line-height: 20px; }
i.mi.manage-resources::before {content: '\f05d'; font-size: 16px; line-height: 20px; }
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}
table.dataTable.no-footer {
    border-bottom: none !important;
}
ul { margin: 0; padding: 0 }
.wrapper { background: #fafafa; height: 100vh }
.main-nav { background: #fff; height: 100vh; position: absolute; width: 40px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1); }
.page-wrapper { background: #fafafa; /*display: table;*/ height: 100%; margin-left: 40px; margin-right: 40px; padding-left: 15px; /*overflow: hidden;*/ /*overflow-y: auto;*/ }

.main-nav .branding { background: #bf2b2b; position: absolute; width: 40px }
.main-nav .branding > img { display: block; width: 100% }
.main-nav ul.nav { display: block; position: relative; top: 50px; width: 100%}

.action-container {float: right;padding: 0 10% 1%;}
.tbl-search-grp {border: 1px solid#ccc !important;}
.fa-check-circle::before, .fa-question-circle::before 
#task_status_tbl .fa-times-circle::before, #task_status_tbl .fa-fa-spinner::before,
#task_status_tbl .fa-plus-circle::before
{font-size: 24px !important;}
.fa-check-circle::before{color:green;}
.fa-question-circle::before{color:#bf2b2b;}
.fa-times-circle { }
.fa-plus-circle { }

.dt-button.buttons-excel.buttons-html5{
	background: #04adaa;
	color: #fff;
	margin-right: 5px;
	border: none;
	height: 30px;
}


ul.app-opt { padding-left: 10px; list-style-type: none;}
.app-opt li { display: inline-flex;}
.shared-info {width:80%; max-height: 100px;	border: 1px solid rgb(51, 51, 51);}
.ico-style{color:#002A49; margin-bottom: 10px;}
.main-txt {font-size: 20px;font-weight: bold;}
.ccopy{font-family: serif; font-size:12px;cursor: pointer;}

#access-request-form .modal-body { padding-left: 20px; padding-right: 20px; }

ul.acs-ast{ padding: 5px 15px 10px; font-size: 16px; text-align: left; word-wrap: anywhere; border: 1px solid #999; background: #fafafa; border-radius: 3px; margin-top: 20px;
overflow-y: scroll; max-height: 112px; }

ul.acs-ast li { display: inline-block; margin: 5px 5px 0 0; background: #ccc; line-height: 20px; padding: 4px 10px; border-radius: 3px; }

.folder-list-header span.info {
	position:absolute;
	right: 5px;
	cursor: pointer;
}

/* For Material icons */
i.mui { font-style: normal; display: inline-block;}
i.mui::before {
    display: block;
    font: normal normal normal 16px/1 'MaterialIcons';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

i.mui.filter::before { content: '\e94e'; }
i.mui.reset-filter::before {  content: '\eb32'; }
i.mui.qr-code::before { content: '\ef6b'; }
i.mui.disable-link::before { content: '\e4f6'; }
i.mui.open-link::before { content: '\e895'; }
.mnu-group::after {content: '\25bc';position: absolute;right: 10px; border: 0 none;}
.rpt-caption {
  padding: 2px;
  text-align: center;
  color: #fff;
  font-size: 1.1em;
  background-color: #273135;
  font-weight: bold;
}
table#task_status_tbl tbody tr.odd,
table.dataTable tbody tr.odd {
  background-color: #f9fafb !important;
}
table.dataTable.hover tbody tr:hover, 
table.dataTable.display tbody tr:hover {
    background-color: #f9fafb !important;
}
table#task_status_tbl tbody tr.even,
table.dataTable tbody tr.even {
  background-color: #f3f4f6 !important;
}

.plus{	font-size: 2.9em; display: block; text-align: right; padding: 15px 15px 15px 30px;	position: relative;	line-height: 2.9rem; }
.plus::before { position: absolute;	left: 15px; right: 65px; height: 2px; content: ''; border-top: 2px dashed #000; top: 50%; transform: translateY(-50%); }

.sep { display: none; border-bottom: 2px dashed #333;margin-bottom: 20px;width: 50%;}



.modal-body {color: #04adaa;}
._info {font-size: 1.5em;}
.flt_storage {width:100%;}
.col-1.asst-act {padding: 0px;  width: 0px !important; }

div.dt-container .dt-length,
div.dt-container .dt-info,
div.dt-container .dt-paging
 {
    display: inline-block;
    width: 33.3%;
}
div.dt-container .dt-paging {
    text-align: right;
}

.bubble {
  display: none;
  background-color: red;
  color: white;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 12px;
  line-height: 1;
  position: absolute;
  top: -3px;
  left: 125px;
}
/* --------------------- */
@media only screen and (min-height: 520px){
	
	.main-nav ul.nav.secondary { top: 30%; } 

}

.main-nav ul.nav a { display: block; text-decoration: none; }

.main-nav li { display: inline-block; float: left; font-size: 0; height: 40px; text-align: center; width: 40px; cursor: pointer  }
.main-nav li:hover,
.main-nav li.active { background: #04adaa; color: #fff;  }
.main-nav li:hover::before,
.main-nav li.logout:hover::after,
.main-nav li.active::before { color: #fff; border-color: #04adaa;}
.main-nav li::before { content: ''; font-family: 'MaterialIcons'; font-size: 25px; line-height: 40px; cursor: pointer; display: block; vertical-align: middle; color: #04adaa; z-index: 1; border-right: 2px solid #fff; }
.main-nav li.home::before { content: '\e875' }
.main-nav li.home_app_pending::before { content: '\e333' }
.main-nav li.archive::before { content: '\eb47';}
.main-nav li.recent::before { content: '\e889' }
.main-nav li.uploads::before { content: '\eb3f' }
.main-nav li.updates::before { content: '\e051' }
.main-nav li.notify::before { content: '\e7f4' }
.main-nav li.recent::before { content: '\e889' }
.main-nav li.updates::before { content: '\e051' }
.main-nav li.logs::before { content: '\e86d' }
.main-nav li.notify::before { content: '\e7f4' }
.main-nav li.acr::before { content: '\e8e8' }
.main-nav li.untagged::before { content: '\ebc9' }

.main-nav li.shared::before { content: '\eadb' }

.main-nav li.settings::before { content: '\e8b8' }
.main-nav li.deleted::before {content: '\e872' }
.main-nav li.user-manual::before {content: '\e887';}
.main-nav li.access-request::before { content: '\e8e8' }
.main-nav li.logout::before { content: '\e2c6'; transform: rotate(-90deg); border-right: none; border-bottom: solid #fff; height: 40px; }.main-nav li:hover::before,
.main-nav li.logout:hover::after,
.main-nav li.logout.active::before { color: #fff; border-color: #04adaa;}

.header { background: #fff; border-radius: 0 0 0 5px; height: 40px; text-align: right; box-shadow: 1px 1px 7px #ccc; position: relative; z-index: 6; }
.header a.brand { display: inline-block; float: right; height: 40px; padding: 5px 10px; }
.header a.brand img { height: 100%; }
.header a.user { background: #e7f2f3; display: inline-block; height: 30px; padding: 5px 10px;box-sizing:content-box; min-width: 230px;float:left;}
.header a.user > img { height: 100%; border-radius: 50%; display: inline-block; float: left; }
.header a.user > span { color: #273135; display: inline-block; font-size: 14px; padding: 7px 10px; float: left }

ul.bread-crumb { display: block; /*float: left;*/ list-style-type: none; padding: 0; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

ul.bread-crumb li { font-size: 18px; line-height: 22px; padding: 0; color: #04adaa; display: inline-block; } 
ul.bread-crumb li::after { content: '\\'; padding-right: 2px; padding-left: 2px; color: #999; }

ul.bread-crumb.scroll-bc { white-space: normal; overflow: visible; text-overflow:unset; margin-bottom: 0; }
ul.bread-crumb.scroll-bc>li { display: flex; width: 100%; position: relative; top: -5px; }

.bread-crumb-container ul.bread-crumb.scroll-bc { display: flex; margin-bottom: 0; }
.bread-crumb-container ul.bread-crumb.scroll-bc>li { top: 0; width: auto; font-size: 16px; }

ul.bread-crumb li:nth-child(1)::after {content:''}
ul.bread-crumb li:nth-child(2)::before { font-family: 'FontAwesome'; content: '\f07c'; font-size: 16px; padding-right: 2px; padding-left: 2px; color: #f5db00; }
ul.bread-crumb li:last-child:after {content: '';}
ul.bread-crumb li a { text-decoration: none; color: #bf2b2b; padding-right: 5px; }
ul.bread-crumb li.stext.none::before {content:''}

ul.bread-crumb.search li::after { content: ''; padding-right: 0px; }
ul.bread-crumb.search li:nth-child(2) { padding: 0 5px; color: #e22319; }
ul.bread-crumb.search li:nth-child(2)::before { content:'\201f'; font-family: Arial, Helvetica, sans-serif; color: #999; } 
ul.bread-crumb.search li:nth-child(2)::after { content:'\201d'; font-family: Arial, Helvetica, sans-serif; color: #999; }

ul.bread-crumb.search li:nth-child(2).filteredby { padding: 0 5px; }
ul.bread-crumb.search li:nth-child(2).filteredby::before { content:''; } 
ul.bread-crumb.search li:nth-child(2).filteredby::after { content:''; }

ul.bread-crumb li.filteredby::before,
ul.bread-crumb li.filteredby::after {content:''; padding-right: 0px;} 
ul.bread-crumb li.filteredby a::before { font-family: 'FontAwesome'; font-size: 16px; line-height: 26px; content:'\f0b0'; cursor: pointer; vertical-align: middle; color: #fff; background: #bf2b2b; padding: 2px 5px; border-radius: 3px; }

ul.bread-crumb.search li:last-child { font-size: 16px; }

.top-block { box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1); /* border-radius: 0 0 0 5px; */ }

.sub-actions { background: #fff; text-align: left; padding:7px 20px 5px 20px; min-height: 36px; height: auto; box-shadow: 0 5px 5px #ccc; position: relative; }

.sub-actions .asset-filter { display: inline-block; }
.sub-actions a.switch, 
.sub-actions a.switch2,
a.switch,
a.switch2,
a.info { display: inline-block; font-size: 0; line-height: 32px; width: 25px; height: 25px; float: right; background: #04adaa; margin: 0 0 0 3px; position: relative; border-radius: 4px; margin-left: 5px; }
a.info { background: #faefea; }

.main-actions a.switch,
.main-actions a.info { line-height: 32px; width: 32px; height: 32px; margin: 4px 5px 4px 15px; }

.sub-actions a.switch::before,
a.switch::before,
a.switch2::before,
a.info::before { content: ''; font-family: 'MaterialIcons'; font-size: 20px;  cursor: pointer; display: table-cell; vertical-align: middle; color: #fff; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.sub-actions a.switch.list-view::before,
a.switch.list-view::before { content: '\e871';}
a.switch2.ast::before { content: '\e333';}
a.switch2.ast-app::before { content: '\e1b2';}
.sub-actions a.switch.grid-view::before,
a.switch.grid-view::before { content: '\e1db';}
a.info::before { content: '\e160'; color: #bf2b2b; }

a.info:hover { background: #bf2b2b; }
a.info:hover::before { color: #fff; }

.search-results-summary { background: #fff; border-top: 1px solid #ccc; padding: 5px 30px 3px 15px; line-height: 1; vertical-align: middle; /* box-shadow: 2px 5px 10px #ccc; */ position: relative; z-index: 3;}
.search-results-summary h6 { display: inline-block; font-size: 18px; font-weight: normal; line-height: 24px; margin: 0; padding: 0 0 0 10px; float: left; }
.search-results-summary h6 span { color: #bf2b2b;}
.search-results-summary span.boxed-big { background: #ddd;  cursor: pointer; color: #000; font-weight: 300; padding: 5px 10px; border-radius: 4px; min-width: 75px; display: inline-block; margin: 0 0 2px 5px; text-align: left; }
.search-results-summary span.boxed-big.active { background: #273135;  color: #fff;}

.search-results-summary .summary-blk1 { width: 150px; float: left; height: 23px; margin-bottom: 2px; margin-right: 5px; /*background: #faefea; */ }
.search-results-summary .summary-blk2 { width: auto; height: auto; min-height: 25px; padding-right: 140px; overflow: hidden; }

.content-wrapper { padding: 15px 0; }
.content-wrapper.col-1-5 .side-bar{ float:left; width: 20%; border-radius: 5px; }
.content-wrapper.col-1-5 .main-content{ float:left; width: 78%; margin-left: 2%; margin-top: -15px; }

.content-wrapper.col-1-5 .main-content .information-block{ width:100%; margin: 15px 0; border-radius: 5px 0 0 5px; background: #fff;}
.content-wrapper.col-1-5 .main-content .information-block .information-rightblock{ /*width:18%;float:right;margin-right: 10%;*/ }
.content-wrapper.col-1-5 .main-content .information-block .information-leftblock{ /*width:72%;float:left;*/ margin-top: 15px; margin-bottom: 15px; }
.content-wrapper.col-1-5 .main-content .information-block .information-leftblock .information-content{ background: #fff; padding: 0 15px 15px; margin-bottom: 15px;}
.content-wrapper.col-1-5 .main-content .information-block .information-leftblock .information-content.row { margin-right: 15px; margin-left: 15px; }
.content-wrapper.col-1-5 .main-content .manage-users, 
.content-wrapper.col-1-5 .main-content .recyclebin{background: #f3f4f6; box-shadow: 2px 2px 2px 3px #f0f0f0; border-radius: 5px 0 0 5px; padding: 0 0 15px; }

.content-wrapper.col-1-5 .main-content .information-block .account-reports { overflow-y: scroll; box-shadow: 2px 2px 2px 3px #f0f0f0; background: #f3f4f6; }
.content-wrapper.col-1-5 .main-content .information-block .account-reports .information-leftblock.for-chart .information-content { padding-bottom: 0; }
.content-wrapper.col-1-5 .main-content .information-block .account-reports .information-leftblock.for-table .information-content{ padding: 15px; overflow-x: auto; }

.content-wrapper.col-1-5 .main-content .information-block .account-reports .information-leftblock.for-table .information-content::-webkit-scrollbar { width: 5px; height: 5px; background-color: #fff; }
.content-wrapper.col-1-5 .main-content .information-block .account-reports .information-leftblock.for-table .information-content::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #04adaa; }
.content-wrapper.col-1-5 .main-content .information-block .account-reports .information-leftblock.for-table .information-content::-webkit-scrollbar-track { background: #f3f4f6; margin: 5px 0 ; border-radius: 5px; }

.content-wrapper.col-1-5 .main-content .information-block .account-reports .information-leftblock.for-chart .information-header .input-group.date { max-width: 125px; }
.content-wrapper.col-1-5 .main-content .information-block .account-reports .information-header label { padding-right: 10px; float: left; line-height: 30px;  }
.content-wrapper.col-1-5 .main-content .information-block .account-reports .tab-content { position: relative; }
.content-wrapper.col-1-5 .main-content .information-block .account-reports button.btn.btn-load-chart { margin-left: 10px; }
.content-wrapper.col-1-5 .main-content .information-block .account-reports .information-leftblock .information-content{ margin-bottom: 0; }

.information-block .account-reports button.dt-button.buttons-excel,
.information-block .btn-load-chart { background: #04adaa; border: 0 none; border-radius: 4px; font-size: 13px; color: #fff; padding: 7px 15px; }
.information-block .account-reports button.dt-button.buttons-excel::before { font-family: 'Fontawesome'; content: '\f045'; color: #fff; padding-right: 5px; }

.manage-users .header,
.account-reports-all .header { border-radius: 5px 0 0 0; background: #273135; color:#fff; text-align: center; box-shadow: none; }

.manage-users .header h3,
.account-reports-all .header h3 { font-size: 16px; padding-top: 10px; margin-top: 0px; }
.manage-user-header, 
.recyclebin-header{padding: 15px 0px 5px 0px; margin-bottom: 0;}
.manage-user-header .navbar-nav { padding-right: 10px; }

.recyclebin-header h3{display: inline-block;margin: 0;font-size: 16px;color:#bf2b2b;font-weight: bold;float:left;}
.recyclebin-header button{color:#e22319;border: 0.5px solid #cacaca;margin-right: 15px;background: #f9f9f9;padding: 3px 5px;}
.manage-user-header ul li .form-control{width: 120px;display: inline-block;height: 30px;padding: 3px;margin-right: 10px;background-color: #f9f9f9;}
.manage-user-header ul li .create-user{background: #04adaa; color: #fff; border:none; padding: .375rem .75rem; font-size: 1rem; margin-right: 15px; border-radius: .25rem; line-height: 1.5rem; font-weight: 400; display: inline-block; vertical-align: middle; }
.manage-user-header .fa-plus-circle { color: #fff; }
.manage-users table tr, .recyclebin table tr{text-align: left;}
.manage-users table tr .fa, 
.recyclebin table tr .fa{ font-size: 18px;margin: 0 3px; cursor: pointer; }
.manage-users table tr .fa-pencil-square-o{color: #04adaa;}
.manage-users table tr .fa-trash{ color:#e22319;}
table#brcusers thead tr,
table.dataTable thead th { background-color: #273135; color: #fff;}
.manage-users table.dataTable { width: 100% !important; }

.manage-users span.search-block input { border-radius: 4px; border: 1px solid #ccc; background: #fafafa; padding: 5px 5px; width: 250px; }
.recyclebin table tr .fa-circle-o-notch{background:#bf2b2b; color:#fff;padding: 5px;margin: 0;border-radius: 3px;}
.recyclebin table tr td:nth-child(5), .recyclebin table tr th:nth-child(5){color:#e22319;}

span.user-status-now { display: inline-block; width: 15px; height: 15px; position: relative;  }
span.user-status-now.online::after,
span.user-status-now.offline::after { content:'\e837'; font-family: 'MaterialIcons'; font-size: 14px; line-height: 14px; position: absolute; color: #e22319; z-index: 1; top: 5px; left: 0px;}
span.user-status-now.online::after { color: #0f0; }


.account-reports-all .report-filter { padding: 5px 15px; }
.account-reports-all .report-filter .information-header.navbar { margin-bottom: 0; min-height: 40px; }
.account-reports-all .report-filter .information-header.navbar ul.nav { align-items: flex-end; }
.account-reports-all .report-filter .information-header.navbar ul li { padding-right: 15px;}
.account-reports-all .report-filter .information-header form { display: inline-block; vertical-align: middle;  }
.account-reports-all .report-filter .information-header .navbar-left .form-group { margin-bottom: 0;}
.account-reports-all .report-filter .information-header .navbar-left .form-group>label { /*float: left; line-height: 34px; padding: 0 10px;*/ } 


ul.asset-types { 
	/*float: left;*/ 
	width: 100%; 
	background: #fff; 
	border-radius: 5px 5px 0 0; 
	overflow: hidden; 
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1); 
	border-bottom: 1px solid #ccc;
}
ul.asset-types li { color: #bf2b2b; cursor: pointer; font-family: 'Calibri', sans-serif; width: 33.33333%; display: inline-block; float: left; padding: 15px 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


ul.asset-types li::before { display: block; width: 50px; height: 35px; margin: 0 auto; font-family: 'MaterialIcons'; font-size:28px; content: ''; left: auto; top: auto; }
ul.asset-types li.aud::before { content:'\e3a1'; }
ul.asset-types li.dig::before { content:'\e04b'; }
ul.asset-types li.doc::before { content:'\e873'; }
ul.asset-types li.evt::before { content:'\e616'; }
ul.asset-types li.mer::before { content:'\e8f6'; }
ul.asset-types li.ofc::before { content:'\e8f8'; }
ul.asset-types li.pho::before { content:'\e3af'; }
ul.asset-types li.prn::before { content:'\e85b'; }

ul.asset-types li.gui::before { content:'\e431'; }
ul.asset-types li.advt::before { content:'\e639'; }
ul.asset-types li.mag::before { content:'\e54b'; }
ul.asset-types li.leg::before { content:'\e90e'; }
ul.asset-types li.soc::before { content:'\e894'; }
ul.asset-types li.misc::before { content:'\e89b'; }
ul.asset-types li.coll::before { content:'\e55b'; }
ul.asset-types li.vid::before { content:'\e04b'; }
ul.asset-types li.wire::before { content:'\e8f1'; }
ul.asset-types li.imag::before { content:'\e410'; }

ul.asset-types li:hover,
ul.asset-types li.active  { color: #fff; background: #bf2b2b; }

.asset-folders { float: left; margin-top: 10px; border-radius: 5px; width: 100%; background: #fff; padding: 0 10px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1); }
.folder-list-header { padding-right: 35px; position: relative; margin-bottom: 15px; margin-top: 15px; }
.folder-list-header input#folder-list-search { height: 26px; width: 100%; padding: 2px 5px; font-size: 14px; border-radius: 2px; border: 1px solid #eeeeee; background: #fafafa;  }
.folder-list-header .btn { padding: 0 12px; margin-top: 10px; margin-right: 10px; }
.folder-list-header button#btn-refresh { position: absolute; right: 0; top: 0; background: #bf2b2b; color: #ffffff; padding: 2px 6px;margin-top: 0; margin-right: 0; }

.folder-list-header .btn>.fa.fa-edit::before { content: '\f040'; }

#folder-list { position: absolute; top: 110px; left: 20px; right: 10px; bottom: 10px; overflow: auto; }
#folder-list::-webkit-scrollbar { width: 5px; height: 5px; background-color: #fff; }
#folder-list::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #04adaa; }
#folder-list::-webkit-scrollbar-track { background: #f3f4f6; margin: 5px 0 ; border-radius: 5px; }


#advancesearch::-webkit-scrollbar { width: 5px; height: 5px; background-color: #fff; }
#advancesearch::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #04adaa; }
#advancesearch::-webkit-scrollbar-track { background: #f3f4f6; margin: 5px 0 ; border-radius: 5px; }

#folder-list.jstree-default .jstree-clicked,
#folder-list.jstree-default .jstree-clicked.jstree-hovered { border-radius: 2px; box-shadow: none; padding-right: 10px; font-weight: bold; color: #fff; }
#folder-list.jstree-default .jstree-hovered { border-radius: 2px; box-shadow: none; padding-right: 10px;}
#folder-list.jstree-default .jstree-icon:empty { /*width: 28px;*/ }

#folder-list.jstree-default .jstree-wholerow-clicked { /*background: #bf2b2b;*/ 
    background: #bf2b2b;
}
#folder-list.jstree-default .jstree-wholerow-hovered { background: rgb(179, 195, 210); }

#folder-list.jstree-default .jstree-themeicon-custom { font-size: 18px; color: rgb(245, 219, 0); }

#folder-list.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl { background-position: -10px -4px; }
#folder-list.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl { background-position: -44px -4px; }
#folder-list.jstree-default .jstree-icon.jstree-ocl { width: 8px; }
#folder-list.jstree-default .jstree-search { color: rgb(0, 109, 208); }

.jstree-default .jstree-themeicon-custom { color: rgb(245, 219, 0); }

#folder-list.jstree-default .jstree-wholerow-ul { /* max-width: 100%; */ }
#folder-list.jstree-default .jstree-anchor { /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 95%; */ }

select:invalid { color: #ccc; }

/* Custom dropdown */
.custom-dropdown { position: relative; display: inline-block; vertical-align: middle; margin: 0 10px; }
.custom-dropdown select { background-color: #fafafa; color: #000; font-size: inherit; padding: 2px 5px; padding-right: 30px; border: 1px solid #eeeeee; margin: 0; 
  border-radius: 3px; /*text-indent: 0.01px;*/ text-overflow: ''; -webkit-appearance: button; appearance: button; }

.custom-dropdown::before,
.custom-dropdown::after { content: ""; position: absolute; pointer-events: none; }
.custom-dropdown::after { content: "\f107"; height: 1em; font-family: 'FontAwesome'; font-size: 16px; line-height: 1; right: 5px; top: 50%; margin-top: -.5em; }
.custom-dropdown::before { width: 2em; right: 0; top: 0; bottom: 0; border-radius: 0 3px 3px 0; }

.main-actions { padding: 0px 30px 0px 0px; height: 40px; background: #fff; box-shadow: 1px 1px 1px #ccc; z-index: 5; position: relative; }
.main-actions h1 { font-size: 20px; line-height: 30px; margin: 0; padding: 5px 20px 5px 0; text-align: left; }
.main-actions .title-blk1 {  float: left; width: 320px; height: 40px; border-right: 1px solid #ccc; padding-left: 20px; background: #fff; box-shadow: 3px 0px 3px -2px #ccc;}
.main-actions .title-blk2 {  width: auto; height: 40px; padding: 6px 0 0; }
.main-actions .title-blk3 {  float: right; width: 170px; height: 40px; position: relative; z-index: 999; }

.main-actions .title-blk2 .search-block { display: flex; flex-direction: column;  }

.main-actions .custom-btn { float: right; text-decoration: none; margin: 5px 0;}


.lightbox .main-actions,
.recent-files .main-actions { padding: 10px 60px 0 20px; height: 45px; text-align: right }
.main-content.lightbox,
.main-content.recent-files { border-radius: 0; background: #fff; margin: 0; width: auto; padding: 0; }
.assets-area { box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1); border-radius: 0 0 0 5px; }
.assets-area.grid-view { position: relative; }

.lightbox .main-actions .custom-btn,
.lightbox .main-actions a.switch,
.lightbox .main-actions a.info { float: none; vertical-align: middle; cursor: pointer;  }
.loadnext.custom-btn {
    background: #bf2b2b;
    color: #fff;
    float: right;
    padding: 6px 25px;
    margin-right: 50px;
    cursor: pointer;
}


.assets-area.list-view { position: relative; }

.assets-area.list-view ul.asset-list { list-style-type: none; padding: 0; width: 100% }
.assets-area.list-view ul.asset-list > li { width: 100%;  position: relative; padding: 3px 0; background: #fff; }
.assets-area.list-view ul.asset-list > li:nth-child(odd) { background: #fafafa; }

.assets-area.list-view ul.asset-list.list-header { background: #fff;  box-shadow: 5px 5px 5px #ccc; margin-bottom: 10px; border-top: 1px solid #ccc; }
.assets-area.list-view ul.asset-list.list-header > li { background: #fff; font-weight: bold; padding: 0; }
.assets-area.list-view ul.asset-list.list-header > li > div {padding: 8px 0; border-right: 1px solid #ccc; }

.assets-area.list-view ul.asset-list > li > div { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:1; vertical-align: middle;}
.assets-area.list-view ul.asset-list > h3{color:#bf2b2b; }
ul.asset-list div.col-1 { width:  4%;}
ul.asset-list div.col-2 { width: 20%;}
ul.asset-list div.col-3 { width: 18%;}
ul.asset-list div.col-4 { width:  4%; color: #bf2b2b; }
ul.asset-list div.col-5 { width:  8%;}
ul.asset-list div.col-6 { width: 12%;}
ul.asset-list div.col-7 { width:  8%;}
ul.asset-list div.col-8 { width: 20%;}

span.asset-linked,
span.asset-locked,
span.asset-cpyrtd, 
span.asset-expirdtd
{ display: inline-block; float: left; }

span.asset-linked.true::before,
span.asset-locked.true::before,
span.asset-cpyrtd.true::before  { content: '\e8d3'; font-family: 'MaterialIcons'; font-size: 14px; line-height: 24px; cursor: pointer; display: inline-block; vertical-align: middle; color: #ababab; z-index: 1; /*width: 20px;*/ }
span.asset-expirdtd.true::before  { content: '\e8d3'; font-family: 'FontAwesome'; font-size: 12px; line-height: 24px; cursor: pointer; display: table-cell; vertical-align: middle; color: #ababab; z-index: 1; /*width: 20px;*/ }
span.asset-locked.true::before { content: '\e88d';}
span.asset-cpyrtd.true::before { content: '\e90c';}
span.asset-expirdtd.true::before {content: '\f253';}

span.asset_att { color: #bf2b2b; margin: 0 2px; }
span.asset_att .fa,
span.asset_att .fa-check-circle::before, 
span.asset_att .fa-question-circle::before { font-size: 14px !important; color: #bf2b2b !important;}


#taj-dam-lightbox_wrapper.dataTables_wrapper span.asset-linked.true::before,
#taj-dam-recent-files_wrapper.dataTables_wrapper span.asset-linked.true::before { content: '\e250'; transform: rotate(-45deg);}


span.asset-linked.false,
span.asset-locked.false  { visibility: hidden;}

.assets-area.list-view ul.asset-list.list-header > li > div.col-1 { border-right: 0 none; }

.assets-area.list-view .list-header { display: block; }
.assets-area.grid-view .list-header { display: none; }
.assets-area.grid-view ul.asset-list { margin-bottom: 15px;}
.assets-area.grid-view ul.asset-list > li { background: #fff; display: inline-block; width: 235px; height: 220px; margin: 0 20px 20px 0; border-radius: 9px; box-shadow: 0px 2px 10px #ddd; text-align: center; overflow: hidden; position: relative; z-index:1}


span.boxed { display: inline-block; padding: 3px 5px; background: #ccc; border-radius: 2px; font-size: 12px; line-height: 1; margin: 0 2px 0 0; }

.assets-area.grid-view { padding: 15px 0 15px 20px;; overflow-y: auto; width: 100%; /* min-height: 80vh; */ 
	-moz-transition: height 1s ease; -webkit-transition: height 1s ease; -o-transition: height 1s ease; transition: height 1s ease; background: #f3f4f6; /* background: linear-gradient(.87deg,#ffd95b -270.1%,#ffe082 -88.16%,#fff 99.12%); */ } 
.assets-area.grid-view.popup-info-on { overflow: hidden; }
.assets-area.grid-view > h3 { font-size: 20px; margin: 0 0 10px;}

.assets-area.grid-view ul.asset-list div.thumbnail { display: block; /*height: 160px;*/ height: 148px; overflow: hidden; position: relative; border-radius: 8px 8px 0 0; border-width: 0 0 1px 0; margin-bottom: 5px; cursor: pointer; 
/* background-image: linear-gradient(to top, #002b49, #0e4c77) !important;*/ background-image: url(../../images/asset-default.jpg); background-size: cover; }
.assets-area.grid-view ul.asset-list li.folder div.thumbnail { margin-bottom: 20px;  }
.asset-list .row {margin: auto;}
.taskico {padding: 0px 3px; color: #fff;}
/*.assets-area.grid-view ul.asset-list div.thumbnail::before {
    content: ' ';
   
    bottom: 10px;
    border-radius: 2px;
    position: absolute;
	box-shadow: 2px 2px 8px 2px #000000;
}*/

.thumbnail .asset-add-info { position: absolute; z-index: 1; top: 0; left: 15px; width: 36px; min-height: 20px; height: auto; }
.thumbnail .asset-add-info span { float: none; margin-top: 5px; margin-bottom: 2px;}
.thumbnail .asset-add-info::before{
	position: absolute;
	left: 0; right: 0; bottom: 0; top: 0; background: linear-gradient(to bottom,  #459c57 0%,#155459 100%); 
	 content: ""; z-index: -1;
}
.thumbnail .asset-add-info::after {
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    border-top: 10px solid #155459;
    position: absolute;
	left: 0;
    bottom: -9px;
    content: "";
	z-index: -2;
}
.thumbnail .asset-add-info span.asset_att .fa,
.thumbnail .asset-add-info span.asset_att .fa-check-circle::before, 
.thumbnail .asset-add-info span.asset_att .fa-question-circle::before { font-size: 18px !important; color: #ffffff !important;}
.assets-area.grid-view ul.asset-list div.thumbnail.prv-ntsup::before {
    position: absolute;
    content: '\e3ad';
    font-family: 'MaterialIcons';
    font-size: 16px;
    right: 70px;
    bottom: 20px;
    color: #04adaa;
    z-index:999
}
.assets-area.grid-view ul.asset-list div.thumbnail.prv-error::before {
    position: absolute;
    content: '\f022';
    font-family: 'MaterialIcons';
    font-size: 16px;
    right: 70px;
    bottom: 20px;
    color: #bf2b2b;
    z-index:999
}

.assets-area.list-view ul.asset-list div.thumbnail { display: none; }

.thumbnail>img { height: auto; object-fit: contain; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; }

.assets-area.grid-view li .thumbnail{ background:url(../../images/thumbnail/ico_file_types.png) no-repeat -910px 0; }

/* Style for Copyrighted Assets to bring © character on top of thumbnail in grid view */
.assets-area.grid-view ul.asset-list li.cpyrtd div.thumbnail::after { content: '\e90c'; font-family: 'MaterialIcons'; font-size: 24px; line-height: 24px; cursor: pointer; display: inline-block; position: absolute; top: 5px; right: 5px; color: #fff; z-index: 2; text-shadow: 1px 1px 4px #000;  }
.assets-area.grid-view ul.asset-list li.expirdtd div.thumbnail::after { content: '\f253'; font-family: 'FontAwesome';  font-size: 16px; line-height: 24px; cursor: pointer; display: inline-block; position: absolute; top: 5px; right: 5px; color: #fff; z-index: 2; text-shadow: 1px 1px 4px #000;  }


.assets-area.grid-view li.folder .thumbnail{ background-position: 0 0; }
.assets-area.grid-view li.image .thumbnail{ background-position: -65px 0; }
.assets-area.grid-view li.video .thumbnail{ background-position: -135px 0; }
.assets-area.grid-view li.pdf .thumbnail{ background-position: -205px 0; }
.assets-area.grid-view li.doc .thumbnail{ background-position: -275px 0; }
.assets-area.grid-view li.excel .thumbnail{ background-position: -345px 0; }
.assets-area.grid-view li.ppt .thumbnail{ background-position: -415px 0; }
.assets-area.grid-view li.ps .thumbnail{ background-position: -485px 0; }
.assets-area.grid-view li.ai .thumbnail{ background-position: -558px 0; }
.assets-area.grid-view li.ae .thumbnail{ background-position: -628px 0; }
.assets-area.grid-view li.id .thumbnail{ background-position: -700px 0; }
.assets-area.grid-view li.pre .thumbnail{ background-position: -770px 0; }
.assets-area.grid-view li.zip .thumbnail{ background-position: -840px 0; }
.assets-area.grid-view li.file .thumbnail{ background-position: -910px 0; }
.assets-area.grid-view li.mp3 .thumbnail{ background-position: -980px 0; }

.assets-area.grid-view ul.asset-list div.asst-size,
.assets-area.grid-view ul.asset-list div.asst-attr,
.assets-area.grid-view ul.asset-list div.asst-cat,
.assets-area.grid-view ul.asset-list div.asst-summary,
.assets-area.grid-view ul.asset-list li.folder div.asst-name,
.assets-area.grid-view ul.asset-list li.folder div.asst-type,
.assets-area.grid-view ul.asset-list li.folder div.asst-dt,
.assets-area.grid-view ul.asset-list li.folder div.asst-type { display: none; }

.assets-area.grid-view ul.asset-list li.folder div.asst-summary { display: block; }

.assets-area.grid-view ul.asset-list div.asst-path{ width: 90%; padding: 0 0 0 10px; float: left; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1; } 
.assets-area.grid-view li.folder div.asst-path{ text-align: center; }
.assets-area.grid-view ul.asset-list div.asst-name,
.assets-area.grid-view ul.asset-list div.asst-type { display: inline-block; width: 70%; padding: 0 0 5px 10px; text-align: left; float: left; color: #155459; line-height: 1; font-weight: 600;  }
.assets-area.grid-view ul.asset-list div.asst-type { color: #273135; font-weight: 400; width: 20%; padding: 0 5px 5px 5px; text-align: center; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.assets-area.grid-view ul.asset-list div.asst-dt::before { content: "Created on : "; }
.assets-area.grid-view ul.asset-list div.asst-dt{ color: #888; width: 85%; padding: 5px 0 5px 10px; float: left; text-align: left; font-weight: normal; font-size: 12px; line-height: 1; }
.assets-area.grid-view ul.asset-list div.asst-dt > span { display: none; }

/*.assets-area.grid-view ul.asset-list li.folder div.asst-path { font-size: 14px; }*/

/* Asset attribute symbol implementation */
/* .assets-area.grid-view ul.asset-list div.asst-type::before { display: block; content: '\f05e'; position: absolute; top: 15px; left: 50%; transform: translateX(-50%); font-family: 'FontAwesome'; font-size: 16px; line-height: 1; width: 18px; height: 18px; color: #bf2b2b; }  
.assets-area.grid-view ul.asset-list div.asst-type.att_cur::before { content: '\f058'; }
.assets-area.grid-view ul.asset-list div.asst-type.att_fav::before { content: '\f004'; }
.assets-area.grid-view ul.asset-list div.asst-type.att_arc::before { content: '\f187'; }*/


/*-------------------------------------*/

.assets-area.list-view span.context-menu-one,
.assets-area.grid-view span.context-menu-one,
.assets-area.grid-view span.context-menu-arch,
.assets-area.grid-view span.context-menu-inprog,
.assets-area.grid-view span.context-menu-rested { font-size: 0; position: absolute; z-index: 4; top: 5px; left: 0; cursor: pointer; }

.assets-area.list-view span.context-menu-one:after,
.assets-area.grid-view span.context-menu-one:after,
.assets-area.grid-view span.context-menu-arch:after,
.assets-area.grid-view span.context-menu-inprog:after,
.assets-area.grid-view span.context-menu-rested:after { font-family: 'MaterialIcons'; font-size:22px; content: '\e5d4'; display: block; color: #155459; }
.assets-area.grid-view span.context-menu-one:after,
.assets-area.grid-view span.context-menu-arch:after,
.assets-area.grid-view span.context-menu-inprog:after,
.assets-area.grid-view span.context-menu-rested:after { line-height: 22px; margin-right: 2px; }
.ast_chkbox {display: inline-block;padding: 0 15px;} /* @TODO Harshan to review */
.assets-area.list-view span.context-menu-one { top: 50%; transform: translateY(-50%);}

.multi-control { margin-right: 15px; }
.multi-control .chk-ctrl-container { text-align: left; display: inline-block; float: left; padding: 0 0px; }
.multi-control .chk-ctrl-container input,
.multi-control .chk-ctrl-container label { display: inline-block; float: left; }
.multi-control .chk-ctrl-container input { /* width: 15px; height: 15px; */ 
 -ms-transform: scale(1.3); /* IE */
 -moz-transform: scale(1.3); /* FF */
 -webkit-transform: scale(1.3); /* Safari and Chrome */
 -o-transform: scale(1.3); /* Opera */ 
 }
.multi-control .chk-ctrl-container label { margin-left: 5px; line-height: 22px; font-size: 15px; }
.multi-control .mnu-ctrl-container { display: inline-block; float: left; }
.multi-control .mnu-ctrl-container .context-menu-common, 
.multi-control .mnu-ctrl-container .context-menu-arch,
.multi-control .mnu-ctrl-container .context-menu-inprog,
.multi-control .mnu-ctrl-container .context-menu-rested { font-size: 0; }
.multi-control .mnu-ctrl-container .context-menu-common::after, 
.multi-control .mnu-ctrl-container .context-menu-arch::after,
.multi-control .mnu-ctrl-container .context-menu-inprog::after, 
.multi-control .mnu-ctrl-container .context-menu-rested::after { font-family: 'MaterialIcons'; font-size: 22px; content: '\e5d4'; cursor: pointer; }

.assets-area.grid-view span.context-menu-one,
.assets-area.grid-view span.context-menu-arch,
.assets-area.grid-view span.context-menu-inprog,
.assets-area.grid-view span.context-menu-rested { top: auto; left: auto; right: 10px; bottom: 6px; }

.assets-area.grid-view li.folder span.context-menu-one,
.assets-area.grid-view li.folder span.context-menu-arch,
.assets-area.grid-view li.folder span.context-menu-inprog,
.assets-area.grid-view li.folder span.context-menu-rested  { top: auto; left: auto; right: 10px; bottom: 20px; }
.dataTable td { position: relative; }
 
.context-menu-icon::before { font-family: "MaterialIcons" !important; color: #04adaa !important; font-size: 1.2em !important; padding-right: 8px; }

.context-menu-item.context-menu-hover { background-color: #04adaa !important; }
.context-menu-item.context-menu-icon.context-menu-hover::before  { color: #fff !important;}

.context-menu-icon-open::before { content: "\e2c8" !important; }/**/
.context-menu-icon-download::before { content: "\e2c4" !important; }
.context-menu-icon-prevDownload::before { content: "\e861" !important; }
.context-menu-icon-preview::before { content: "\e8f4" !important; }
.context-menu-icon-lightbox::before { content: "\e169" !important; }
.context-menu-icon-share::before { content: "\e89e" !important; }
.context-menu-icon-links::before { content: "\e157" !important; }
.context-menu-icon-logs::before { content: "\e1b2" !important; }
.context-menu-icon-details::before { content: "\e241" !important; }
.context-menu-icon-edit::before { content: "\e22b" !important; }
.context-menu-icon-move::before { content: "\e56b" !important; }
.context-menu-icon-copy::before { content: "\e14d" !important; }
/*.context-menu-icon-delete:before { content: "\e872" !important; } */
.context-menu-icon-delete::before { content: "\e92b" !important; }
.context-menu-icon-approval::before { content: "\e1b2" !important; }
.context-menu-icon-restore::before { content: "\e419" !important; }
.context-menu-icon-acrApprove::before {content: "\e7fe" !important; }
.context-menu-icon-acrApproveAll::before {content: "\e7f0" !important; }
.context-menu-item.context-menu-hover { background-color: #04adaa; }
.context-menu-icon-newfolder::before { content: "\e2cc" !important; }
.context-menu-icon-folder::before { content: "\e2c7" !important; }
.context-menu-icon-defaultfolder::before { content: "\e2c8" !important; }
.context-menu-icon-remove::before { content: "\e888" !important; }
.context-menu-icon-restore_asset::before { content: "\e8b3" !important; }
.context-menu-icon-standard::before { content: "\e169" !important; }
.context-menu-icon-archive::before { content: "\e149" !important; }
.context-menu-icon-bulkEdit::before { content: "\e745" !important; }
.context-menu-icon-link::before { content: "\e178" !important; }

.my-acr-head::before { font-family: 'MaterialIcons'; content: "\e53b" !important; }
.usr-acr-head::before { font-family: 'MaterialIcons'; content: "\e572" !important; }

/*---------------------*/

input {
    color: #555860;
}

span.search-block .search { position: relative; }
span.search-block .search .input-group { padding: 0 30px 0 15px; }
span.search-block a.search-info { color: #bf2b2b; display: block; width: auto; height: auto; float: right; position: relative; top: -28px; right: 5px; font-size: 18px; }

span.search-block .search input { height: 28px; padding: 0 25px 0 5px; background: #fafafa !important; /*background: #fafafa url("../../images/magnifier.png") right 6px no-repeat;*/ border: 1px solid #04adaa; border-radius: 5px; }
span.search-block .btn.btn-primary { padding: 5px 8px 5px; background-color: #04adaa; border-color: #04adaa; border-radius: 0 5px 5px 0; } 
span.search-block .search .btn.btn-primary { padding: 1px 8px 1px; }
.search input:focus { outline: none; border-color: #66b1ee; }
.search input:focus + .results { display: block }
.search .results { display: none; position: absolute; top: 25px; left: 0; right: 0; z-index: 10; padding: 0; margin: 0; border-width: 1px; border-style: solid;
    border-color: #eeeeee; border-radius: 3px; background-color: #fdfdfd; }
.search .results li { display: block }
.search .results li:first-child { margin-top: -1px }

.s_container { text-align: center; border: 1px soid #111111; padding: 0; margin: 5px auto; }
.s_container input[type="text"] { border: none; width: 100%; min-hieght: 20px; padding: 2px 10px; padding: 2px 25px 2px 5px; background: #faefea url("../../images/magnifier.png") right 6px no-repeat; border-radius: 2px; }
.s_container i.glyphicon { display: none; }

#_popup_folder_container { height: 200px; text-align:left;}

#_popup_folder_container .jstree-container-ul { height: 200px; display: block; overflow: auto; background: #faefea; }

.search .results li:first-child:hover:before, .search .results li:first-child:hover:after { display: none }

.search .results li:last-child { margin-bottom: -1px }

.search .results a { display: block; position: relative; margin: 0 -1px; padding: 6px 40px 6px 10px; color: #000; font-weight: 500; border: 1px solid transparent;
    border-radius: 3px; text-decoration: none; padding-left: 30px; }

.search .results a span { font-weight: 200 }

.search .results a:before { content: ''; font-family: 'FontAwesome'; font-size: 16px; line-height: 1; width: 18px; height: 18px; position: absolute;
    top: 50%; left: 10px; margin-top: -9px; }
	
.search .results a.ico-pdf:before { content:'\f1c1';}
.search .results a.ico-txt:before { content:'\f0f6';}
.search .results a.ico-img:before { content:'\f1c5';}
.search .results a.ico-vid:before { content:'\f1c8';}
.search .results a.ico-aud:before { content:'\f1c7';}

.search .results a:hover {
    text-decoration: none;
    color: #fff;
    border-color: #bf2b2b;
    background-color: #bf2b2b;
    
}

:-moz-placeholder { color: #a7aabc; font-weight: 200; }

::-webkit-input-placeholder { color: #a7aabc; font-weight: 200; }

.lt-ie9 .search input { line-height: 26px }

span.sortby-block { display: inline-block; }
span.sortby-block .sortby { position: relative; width: 190px; }
span.sortby-block .sortby input { height: 22px; padding: 0 25px 0 5px; background: #fafafa url("../../images/magnifier.png") right 6px no-repeat; border: 1px solid #eeeeee; border-radius: 2px; }
.sortby input:focus { outline: none; border-color: #66b1ee; }
.sortby input:focus + .results { display: block }
.sortby .results { display: none; position: absolute; top: 25px; left: 0; right: 0; z-index: 10; padding: 0; margin: 0; border-width: 1px; border-style: solid; border-color: #eeeeee; border-radius: 3px; background-color: #fdfdfd; }
.sortby .results li { display: block }

a.btn-sort-filter { background: #f3f4f6; color: #04adaa; padding: 5px 10px; border-radius: 4px; width: 100px; display: inline-block; text-align: center; position: relative; text-decoration: none; position: relative; }
a.btn-sort-filter.opened,
a.btn-sort-filter:hover,
.applied a.btn-sort-filter.filter-by{ background: #f3f4f6; color: #04adaa; }
.applied a.btn-sort-filter.sort-by{ background: #f3f4f6; color: #04adaa; }
a.btn-sort-filter > span { padding-left: 18px;}
a.btn-sort-filter::before{ font-family: 'MaterialIcons'; font-size:16px; content: ''; display: block; line-height: 20px; display: inherit; padding: 3px 0; position: absolute; top: 0; color: #04adaa; }

a.btn-sort-filter.sort-by::before { content: '\e164'; }
a.btn-sort-filter.filter-by::before { font-family: 'FontAwesome'; font-size: 16px; line-height: 18px; content:'\f0b0'; }

.applied a.btn-sort-filter.filter-by::before { font-family: 'FontAwesome'; font-size: 16px; line-height: 18px; content:'\f0b0'; vertical-align: middle; color: #fff; }
.applied a.btn-sort-filter.sort-by::before { font-family: 'MaterialIcons'; font-size: 16px; line-height: 18px; content:'\e164'; vertical-align: middle; color: #fff;} 

a.btn-sort-filter.opened::before,
a.btn-sort-filter:hover::before { color: #04adaa; }


a.btn-sort-filter .popup { display: none; position: absolute; z-index: 1048; background: #fff; top: 25px; left: 0; color: #000; width: 200px; }
a.btn-sort-filter.filter-by .popup { left: auto; right: 0; }
.custom-btn { text-decoration: none; background: #faefea; color: #bf2b2b; padding: 6px 15px 6px 35px; position: relative; display: inline-block; font-size: 14px; line-height: 20px; border-radius: 4px; margin-left: 5px; }
.custom-btn.upload,
.custom-btn.view-shared,
.custom-btn.share,
.custom-btn.default,
.custom-btn.delete,
.custom-btn.create { background: #04adaa; color: #fff; }

.custom-btn.view-shared { padding: 5px 15px; margin-left: 5px; }
.custom-btn.share,
.custom-btn.default,
.custom-btn.delete { padding: 5px 15px 5px 35px; }

.custom-btn:hover { color: #fff; background: #0f9593; }
.custom-btn.upload::before,
.custom-btn.share::before,
.custom-btn.default::before,
.custom-btn.delete::before { font-family: 'MaterialIcons'; font-size:20px; line-height: 14px !important; content: '\e89d'; display: block; top: 10px; left: 10px; position: absolute; }
.custom-btn.share::before{ content: '\e80d'; }
.custom-btn.default::before{ content: '\e8d4'; }
.custom-btn.delete::before{ content: '\e5cd'; }
.custom-btn.create::before{ content: '\e5cd'; }
.inline-btn { display: inline-block; }
ul.dropdown-menu.upload { background-color: #04adaa; }
 
a.btn-sort-filter.filter-by .popup .mnu-container li.dropdown ul { display : none; /*To hide the items while loading the page */  }  
a.btn-sort-filter.filter-by .popup .mnu-container {     }  
         
/* Main style part for the menu and items look and feel */  
a.btn-sort-filter.filter-by .popup .mnu-container .cssState { font-size: 14px; font-weight: normal; padding: 3px 15px; cursor: pointer; text-align: left; }
.close-popup { position: absolute; right: 0; top: 0; padding: 3px 10px; color: #fff; background: #e22319; z-index: 999; }
		
/* -----------------------------*/
		
/* The container <div> - needed to position the dropdown content */
		/* .sub-actions .dropdown-ctrl { position: relative; display: inline-block; width: 100px; }
		
		.sub-actions .dropdown-ctrl.filterby { position: absolute; right: 60px; top: 5px; }
		.sub-actions .dropdown-ctrl.sortby { position: absolute; right: 60px; top: 5px; }
		.sub-actions a.switch { position: absolute; right: 30px; top: 5px; }
		.sub-actions a.switch2 { position: absolute; right: 30px; top: 5px; } */

		.search-results-summary .dropdown-ctrl { position: relative; display: inline-block; width: 100px; }
		
		.search-results-summary .dropdown-ctrl.filterby { position: absolute; right: 60px; top: 5px; }
		.search-results-summary .dropdown-ctrl.sortby { position: absolute; right: 60px; top: 5px; }
		.search-results-summary a.switch { position: absolute; right: 30px; top: 5px; }
		.search-results-summary a.switch2 { position: absolute; right: 30px; top: 5px; }
		
		/* Dropdown Content (Hidden by Default) */
		.dropdown-content { display: none; position: absolute; background-color: #fff; width: 250px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1048; right: 0; text-align: center; padding: 10px 10px 20px; border-radius: 4px; margin-top: 2px; border: 4px solid #bf2b2b; }
		.dropdown-ctrl.filterby .dropdown-content { width: 360px; }
		.dropdown-content.filter-by { left: auto; right: 0;} 
		.filter-by-block { 
			background-color: #fff; 
			box-shadow: 0 10px 5px 5px rgba(0, 0, 0, .1); 
			text-align: center;
			padding: 15px 10px 20px; 
			border-radius: 0 0 5px 5px; 			
		}	

		.filter-by-scroll{
			height: 48vh;
    		overflow-y: auto;
			padding-right: 2px;
		}
		.dropdown-content h4,
		.filter-by-block h4{ color: #273135; font-size: 16px; font-weight: bold; border-bottom: 1px solid #ccc; margin: 0; padding: 0 10px 5px; text-align: left; }

		.filter-by-block h4>span.filter.tool{ line-height: 18px; padding: 0; vertical-align: middle; float: right; cursor: pointer; }
		.dropdown-content h6,
		.filter-by-block h6 { color: #bf2b2b; font-size: 16px; margin: 15px 0 8px; padding: 0 0 5px; text-align: center; }
		.dropdown-content .close-btn { position: absolute; right: 8px; top: 0px; font-size: 0px; color: #bf2b2b; cursor: pointer; }
		.dropdown-content .close-btn::after { content: "\e070"; font-family: 'lg'; color: #bf2b2b; font-size: 24px; }
		.dropdown-content ul,
		.filter-by-block ul { list-style-type: none; text-align: left; margin-bottom: 15px; }
		
		.dropdown-content .tooltip-inner {  background-color: #bf2b2b; }
		.dropdown-content .tooltip.top .tooltip-arrow { border-top-color: #bf2b2b; }
		
		
		.dropdown-content ul.sort-options > li {font-size: 14px; padding: 5px 10px; border-bottom: 1px solid #ccc; position: relative; cursor: pointer; }
		.dropdown-content ul.sort-options > li::after{ color: #bf2b2b; font-family: 'MaterialIcons'; font-size:14px; line-height: 30px; content: ''; display: block; top: 0px; right: 0px; position: absolute; cursor: pointer;}
		.dropdown-content ul.sort-options > li.ascending,
		.dropdown-content ul.sort-options > li.descending { color: #bf2b2b; }
		.dropdown-content ul.sort-options > li.ascending::after{ content: '\e317'; transform:rotate(90deg) }
		.dropdown-content ul.sort-options > li.descending::after{ content: '\e317';transform:rotate(-90deg) }
		
		/* ------------------------- Filter-By ----------------------------- */
		
		.filter-by-block ul.filter-options > li.fil-category .chosen-container { display: block; width: 100% !important;/* background-image: url('../../images/icon-select2.png') !important; background-repeat: no-repeat; background-position: top right;*/ background-color: #fff; }
		.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { padding: 0;}
		.chosen-container-active .chosen-choices { box-shadow: none; background: none;  }
		.chosen-container-multi ul.chosen-choices { max-height: 58px; overflow-y: scroll !important; background: none !important; cursor: pointer; }
		.filter-by-block ul.filter-options > li {font-size: 14px; padding: 5px 10px; /*border-bottom: 1px solid #ccc; */ position: relative; }	
		.filter-by-block ul.filter-options > li span { display: block; }
		.filter-by-block ul.filter-options > li.fil-category input[type=checkbox] { margin: 0 5px 0 0; vertical-align: middle; }
		.filter-by-block ul.sub-options label { display: block; padding: 5px 0 0 15px; font-weight: normal; margin: 0; }
		
		.dropdown-content ul.sub-options label input[type=checkbox], 
		.dropdown-content ul.sub-options label input[type=radio],
		.filter-by-block ul.sub-options label input[type=checkbox], 
		.filter-by-block ul.sub-options label input[type=radio] { line-height: 16px; vertical-align: text-bottom; margin: 0 5px 0 0; }
		
		.filter-by-block .dt-pub-range { height: 70px; }
		
		.filter-by-block .slider.slider-horizontal .slider-track { height: 5px;}
		.filter-by-block .custom-slider-label { position: relative; }
		.filter-by-block .custom-slider-label span.min-range,
		.filter-by-block .custom-slider-label span.max-range { position: absolute; top: -8px; left: 8px; font-size: 14px; color: #bf2b2b; }
		.filter-by-block .custom-slider-label span.max-range { left: auto; right: 8px; }
		
		.dropdown-content button,
		.filter-by-block button { background-color: #bf2b2b; border: none; color: #fff; padding: 0 30px; text-align: center; 
			text-decoration: none; display: inline-block; font-size: 14px; line-height: 22px; margin-top: 10px;
		}
		
		
		.dropdown-content .slider-handle,
		.filter-by-block .slider-handle { background: none; box-shadow: none; width: 15px; height: 15px; margin: 0;
		/*background-color: #bf2b2b; background-image: -webkit-linear-gradient(top,#bf2b2b 0,#bf2b2b 100%);
			background-image: -o-linear-gradient(top,#bf2b2b 0,#bf2b2b 100%); background-image: linear-gradient(to bottom,#bf2b2b 0,#bf2b2b 100%);*/  }
		.dropdown-content .slider-handle.round,
		.filter-by-block  .slider-handle.round { border-radius: 0; }
		.dropdown-content .slider-handle::after,
		.filter-by-block .slider-handle::after{font-family: 'MaterialIcons'; font-size:22px; content: '\e892'; display: inherit; top: 0px; left: auto; right: auto; position: absolute; cursor: pointer; transform:rotate(90deg); line-height: 1; color: #bf2b2b; margin: -15px 0 0 0; }
		
		.slider-selection { background-image: -webkit-linear-gradient(top,#bf2b2b 0,#bf2b2b 100%);
			background-image: -o-linear-gradient(top,#bf2b2b 0,#bf2b2b 100%);
			background-image: linear-gradient(to bottom,#bf2b2b 0,#bf2b2b 100%);
		}
		
		/* Links inside the dropdown */
		.dropdown-content a,
		.filter-by-block a {
			color: black;
			padding: 12px 16px;
			text-decoration: none;
			display: block;
		}		
		/* Change color of dropdown links on hover */
		.dropdown-content a:hover,
		.filter-by-block a:hover {background-color: #ddd}
		
		/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
		.show {display:block;}


		/* ------------- Accordion Related ------------- */
		.dropdown-content .filter-container,
		.filter-by-block .filter-container {
			max-height: 70vh;
			overflow-y: auto;
			padding-right: 5px;
		}

		.dropdown-content .filter-content-area,
		.filter-by-block .filter-content-area { 
			background: #f3f4f6;
			margin-bottom: 10px;
			padding-bottom: 5px;
			border-radius: 0 0 5px 5px;
		}

		.dropdown-content ul.filter-options,
		.filter-by-block ul.filter-options { margin-bottom: 5px; list-style-type: none;}

		.dropdown-content a.btn-info,
		.filter-by-block a.btn-info { 
			background-color: #002a49; 
			color: #ffffff;
			border-radius: 4px;
			border: 0 none;
			font-size: 16px;
			padding: 3px 30px 3px 10px; 
			position: relative; 
			text-align: left;
			margin-bottom: -1px;
			transition: all 500ms ease-in-out;
		}
		.dropdown-content a.btn-info.collapsed,
		.filter-by-block a.btn-info.collapsed { 
			background-color: #bf2b2b; 
			color: #ffffff;
			margin-bottom: 5px;
		}
		.dropdown-content a.btn-info:hover,
		.filter-by-block a.btn-info:hover{
			background-color: #002a49; 
			color: #ffffff;
		}
        .dropdown-content a.btn-info::after,
		.filter-by-block a.btn-info::after{
            content: "\f068"; 
			font-family: 'FontAwesome'; 
            font-size: 16px; 
            position: absolute; 
            right: 10px;
        }
			
		.dropdown-content a.btn-info.collapsed::after,
		.filter-by-block a.btn-info.collapsed::after{
            content: "\f067"; 
			font-family: 'FontAwesome'; 
            font-size: 16px; 
            position: absolute; 
            right: 10px;
        }

		/*--------------------------------------*/




/* Modal Content/Box */
#asset-info { position: absolute; }


/*------------------------ New Definitions -----------------------------*/

#assetDetailsModal { display: none;  position: absolute;  z-index: 1049;  left: 0; top: 0; right: 0; bottom: 0; overflow: auto; background-color: rgb(200,200,200); background-color: rgba(200,200,200,0.6);   }

#assetDetailsModal .modal-content { position: relative; width: 500px; background: #fff; padding: 10px 15px; right: 0; top: 0; float: right; border-radius: 0; height: 100%; }
#assetDetailsModal .maxwidth {width:100% !important;}
#assetDetailsModal .modal-content .asset-details .file-details{padding:5px 0;}
#assetDetailsModal .modal-content .asset-details ul li{list-style-type: none;}
#assetDetailsModal .modal-content .asset-details .form-group label{ color: #273135; width:90px; font-size: 14px; font-weight: normal; display: table-cell; }
#assetDetailsModal .modal-content .asset-details .form-control{ display: table-cell; font-weight: bold; width:100%; padding: 0;border:none;box-shadow: none;height:20px!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#assetDetailsModal { overflow: hidden;}
#assetDetailsModal .asset-details{ height:300px; overflow-x: hidden !important; overflow-y: auto !important;}
#assetDetailsModal .asset-details.scrollbar { min-height:300px; }

#assetDetailsModal .modal-content .asset-details.modal-image{ text-align: center; padding: 0; height:85px; width: 100%; overflow-x: hidden;overflow-y: hidden; }
#assetDetailsModal .modal-content .asset-details.modal-image img{ border-radius: 3px; height: 85px; object-fit: contain; }
/* The Close Button */
#assetDetailsModal .modal-top span.back { font-size: 0; }
#assetDetailsModal .modal-top span.back::before { font-family: 'MaterialIcons'; font-size:22px; content: '\e317'; display: block; top: 3px; left: 10px;}

#assetDetailsModal .modal-top span.back:hover,
#assetDetailsModal .modal-top span.back:focus { color: black; text-decoration: none; cursor: pointer; }
#assetDetailsModal .back, 
#assetDetailsModal .edit{ font-size: 20px; color:#0f9593;cursor: pointer;}
#assetDetailsModal .edit{ float: right;}
#assetDetailsModal .edit>.fa.fa-edit::before { font-family: 'MaterialIcons'; font-size:18px; line-height: 30px; content: '\e22b'; }



/* -------------------------- New Definitions Ends ------------------------------------ */

::-webkit-placeholder { /* Chrome/Opera/Safari */
  color: #888;
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #888;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #888;
}
:-moz-placeholder { /* Firefox 18- */
  color: #888;
}

.mobile-view .main-nav,
.mobile-view .header,
.mobile-view .side-bar.lft,
.mobile-view .main-actions .custom-btn,
.mobile-view .asset-filter,
.mobile-view .sub-actions a.switch,
.mobile-view .rapid-access,
.mobile-view .search-results-summary,
.mobile-view .assets-area h3 { display: none; }
.mobile-view .assets-area.grid-view { padding: 0; }
.mobile-view .sub-actions { text-align: left; }
.mobile-view ul.bread-crumb { float: none; }
.mobile-view .main-actions { text-align: center; }
.mobile-view .page-wrapper { margin-left: 0; padding: 0 10px; }
.mobile-view .assets-area ul.asset-list > li { width: 100%; margin: 5px 0; border-radius: 0; }



table.dataTable tbody th, 
table.dataTable tbody td { padding-top: 3px !important; padding-bottom: 3px !important; color: #0b1c3e; }

.dataTables_wrapper .dataTables_length { float: none; position: absolute; bottom: 12px; left: 240px; }
#brcusers_wrapper.dataTables_wrapper .dataTables_length { left: 15px; }

/* #dam-assets_wrapper.dataTables_wrapper .dataTables_length { float: none; position: absolute; bottom: 12px; left: 240px; } */

#dam-assets_wrapper.dataTables_wrapper .dataTables_scrollBody { height: 470px !important; }

#dam-assets_wrapper.dataTables_wrapper th:nth-child(4),
#dam-assets_wrapper.dataTables_wrapper td:nth-child(4) { /* color: #e22319; */ }

#taj-dam-recent-files_wrapper.dataTables_wrapper th:nth-child(5),
#taj-dam-recent-files_wrapper.dataTables_wrapper td:nth-child(5) { color: #e22319; }


#dam-assets_wrapper.dataTables_wrapper td span.asset-type{ position: relative; padding-left: 25px; word-break:break-all; float: left; line-height: 16px; }

#dam-assets_wrapper.dataTables_wrapper td span.asset-type::before{ display: inline-block; position: absolute; left: 0; top:50%; width: 25px; height:25px; background:url(../../images/thumbnail/ico_file_types.png) no-repeat -390px 0; background-size:cover; content:''; 
transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }


#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.FOLDER::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.DIR::before { background-position: 0px 0; }
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.folder::before { background-position: 0 0; }
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.image::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.IMG::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.JPG::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.JPEG::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.GIF::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.WMF::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.PNG::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.TIF::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.TGA::before { background-position: -30px 0; }
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.VID::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.OGV::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.WEBM::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.MP4::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.MPG::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.WMV::before { background-position: -60px 0; }
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.PDF::before { background-position: -90px 0; }
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.DOC::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.DOCX::before { background-position: -120px 0; }
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.XLS::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.XLW::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.XLSX::before { background-position: -150px 0; }
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.PPT::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.PPTX::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.PPS::before { background-position: -180px 0; }
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.PSD::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.PS::before { background-position: -210px 0; }
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.AI::before { background-position: -240px 0; }
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.AEP::before { background-position: -270px 0; }
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.INDD::before { background-position: -300px 0; }
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.PRPROJ::before { background-position: -330px 0; }
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.ZIP::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.RAR::before { background-position: -360px 0; }
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.FILE::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.TXT::before { background-position: -390px 0; }
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.MP3::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.AUD::before,
#dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.WAV::before { background-position: -420px 0; }


#taj-dam-lightbox_wrapper.dataTables_wrapper .dataTables_length { float: none; position: absolute; bottom: 13px; left: 240px; }

#taj-dam-lightbox_wrapper.dataTables_wrapper th:nth-child(5),
#taj-dam-lightbox_wrapper.dataTables_wrapper td:nth-child(5) { color: #e22319; }

#taj-dam-lightbox_wrapper.dataTables_wrapper td { position: relative; }

#taj-dam-lightbox_wrapper.dataTables_wrapper td span.asset-type{ position: relative; padding-left: 40px; }
#taj-dam-lightbox_wrapper.dataTables_wrapper td span.asset-type::before{ display: inline-block; position: absolute; left: 0; top:-10px; width: 25px; height:25px; background:url(../../images/thumbnail/ico_file_types.png) no-repeat -380px 0; background-size:cover; content:''; }

#taj-dam-lightbox_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.folder::before { background-position: 0 0; }
#taj-dam-lightbox_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.image::before { background-position: -25px 0; }
/*#taj-dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.video::before { background-position: -135px 0; }
#taj-dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.pdf::before { background-position: -205px 0; }
#taj-dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.doc::before { background-position: -275px 0; }
#taj-dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.excel::before { background-position: -345px 0; }
#taj-dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.ppt::before { background-position: -415px 0; }*/
#taj-dam-lightbox_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.psd::before { background-position: -200px 0; }
/*#taj-dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.ai::before { background-position: -558px 0; }
#taj-dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.ae::before { background-position: -628px 0; }
#taj-dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.id::before { background-position: -700px 0; }
#taj-dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.pre::before { background-position: -770px 0; }
#taj-dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.zip::before { background-position: -840px 0; }
#taj-dam-assets_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.file::before { background-position: -910px 0; }*/
#taj-dam-lightbox_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.mp3::before { background-position: -405px 0; }
#taj-dam-lightbox_wrapper.dataTables_wrapper table.dataTable tbody td span.asset-type.pdf::before { background-position: -85px 0; }

.btn-report-issue { display: block; margin: 10px auto 0; background: #ccc; color:#da0007; padding: 2px 15px 2px 30px; position: relative; font-size: 14px; border: 0; }
.btn-report-issue span::before { display: inline-block; content: '\e160'; font-family: 'MaterialIcons'; font-size: 20px; position: absolute; left: 10px; top: -2px; }

#taj-dam-lightbox_wrapper.dataTables_wrapper .dataTables_length { float: none; position: absolute; bottom: 13px; left: 240px; }

#taj-dam-lightbox_wrapper.dataTables_wrapper th:nth-child(5),
#taj-dam-lightbox_wrapper.dataTables_wrapper td:nth-child(5) { color: #e22319; }

#taj-dam-lightbox_wrapper.dataTables_wrapper td { position: relative; }

#taj-dam-lightbox_wrapper.dataTables_wrapper td span.asset-type{ position: relative; padding-left: 40px; }
#taj-dam-lightbox_wrapper.dataTables_wrapper td span.asset-type::before{ display: inline-block; position: absolute; left: 0; top:-10px; width: 25px; height:25px; background:url(../../images/thumbnail/ico_file_types.png) no-repeat -380px 0; background-size:cover; content:''; }

/* Asset Preview Area */

.preview-place-holder #app{ min-height: 250px; text-align: center; }

.preview-place-holder div#toolbar { text-align: right; margin-right: 70px; position: absolute; top: -36px; right: 0; }

:-webkit-full-screen div#toolbar { top: 10px; right: auto; left: 50%; transform: translateX(-50%); text-align: center; }
:-moz-full-screen div#toolbar { top: 10px; right: auto; left: 50%; transform: translateX(-50%); text-align: center; }
:-ms-fullscreen div#toolbar { top: 10px; right: auto; left: 50%; transform: translateX(-50%); text-align: center; }
:fullscreen div#toolbar { top: 10px; right: auto; left: 50%; transform: translateX(-50%); text-align: center; }



.preview-place-holder div#pager,
.preview-place-holder div#page-mode,
.preview-place-holder div#fs-id { display: inline-block; }
.preview-place-holder #page-mode label { padding: 0 15px; }
.preview-place-holder #page-mode label input { margin-left: 15px; text-align: center; width: 60px; }

.preview-place-holder #pager button { background: #bf2b2b; border: 0; border-radius: 4px; color: #fff; }
:-webkit-full-screen #pager button { background: #fff; color: #bf2b2b; }
:-moz-full-screen #pager button { background: #fff; color: #bf2b2b; }
:-ms-fullscreen #pager button { background: #fff; color: #bf2b2b; }
:fullscreen #pager button { background: #fff; color: #bf2b2b; }

.preview-place-holder div#fs-id { font-size: 0; cursor: pointer; position: absolute; top: 0; right: auto; width: 22px; height: 22px; margin-left: 5px; color: #fff; }
.preview-place-holder div#fs-id::before { display: inline-block; font-family: 'lg'; content: '\e20c'; font-size: 24px; line-height: 22px; padding: 0; } 
:-webkit-full-screen div#fs-id::before { content:'\e20d'; color: #fff; }
:-moz-full-screen div#fs-id::before { content:'\e20d'; color: #fff; }
:-ms-fullscreen div#fs-id::before { content:'\e20d'; color: #fff; }
:fullscreen div#fs-id::before { content:'\e20d'; color: #fff; }

#preview-modal-container .modal-footer { background: #bf2b2b; border-bottom: 0 none; border-radius: 0 0 5px 5px; }
#preview-modal-container .modal-footer .preview-info label { color: #fff; }
#preview-modal-container .modal-footer .preview-info { color: #ccc; }
#preview-modal-container .modal-body { padding: 5px 15px 25px; background: #bf2b2b; }
#preview-modal-container .preview-place-holder div#pager { margin-bottom: 5px; }
#preview-modal-container .modal-title { text-align: left; font-size: 14px; visibility: hidden; }

#preview-modal-container .fa-close:before { font-family: 'lg'; content: '\e070'; }
#preview-modal-container  .close { background: none; color: #fff; }

:-webkit-full-screen #page-mode label { color: #fff; }
:-moz-full-screen #page-mode label { color: #fff; }
:-ms-fullscreen #page-mode label { color: #fff; }
:fullscreen #page-mode label { color: #fff; }

:-webkit-full-screen div#fs-id { right: -24px;}
:-moz-full-screen div#fs-id { right: -24px;}
:-ms-fullscreen div#fs-id { right: -24px;}
:fullscreen div#fs-id { right: -24px;}

#pdfviewport,
#imgviewport { height: 42vh; width: 100%; overflow: auto; }

#videoviewport>div{ margin: 0 auto !important; }
.video-js .vjs-big-play-button { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); }

/* Chrome, Safari and Opera syntax */
:-webkit-full-screen #pdfviewport { height: 100%; width: 100%; overflow: auto; text-align: center; padding: 25px 0; }

/* Firefox syntax */
:-moz-full-screen #pdfviewport{ height: 100%; width: 100%; overflow: auto; text-align: center; padding: 25px 0; }

/* IE/Edge syntax */
:-ms-fullscreen #pdfviewport{ height: 100%; width: 100%; overflow: auto; text-align: center; padding: 25px 0; }

/* Standard syntax */
:fullscreen #pdfviewport{ height: 100%; width: 100%; overflow: auto; text-align: center; padding: 25px 0; }


.na-viewport-popup { height: 100%; width: 100%; min-height: 250px; background-color: #bf2b2b; color: #fff; text-align: center; position: relative; }
.na-viewport-popup h2 { width: 320px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; margin: 0; }

.modal.in .modal-dialog,
.modal.fade .modal-dialog,
.modal .modal-dialog { top: 20%; transform: translateY(-20%); }


.modal.links-modal .modal-dialog,
.modal.share-modal .modal-dialog,
.modal.approve-modal .modal-dialog { top: 50%; transform: translateY(-50%); } 
.modal.links-modal,
.modal.share-modal,
.modal.approve-modal,
.modal.access-modal { background-color: rgb(200,200,200); background-color: rgba(200,200,200,0.6); box-shadow: 0 5px 15px rgba(0,0,0,.5); }
.modal.links-modal .modal-dialog .modal-body{ padding: 0 15px 15px; }
.modal.links-modal .modal-dialog .asset-details { margin-top: 0; }
.modal.links-modal .modal-dialog .asset-details.modal-asset-links { max-height: 250px; overflow-y: auto; }

/*.modal.links-modal .modal-dialog form .asset-details .input-group.date { position: fixed; z-index: 99; }*/
.modal.links-modal .modal-dialog form .asset-details .input-group.date .bootstrap-datetimepicker-widget.dropdown-menu { position: fixed; z-index: 99; }

.access-modal h3 { font-size: 16px; }
.access-modal label { font-size: 16px; } 
.access-modal .input-group { width: 100%; padding-top: 1px; }
.access-modal .input-group textarea { width: 100%; min-height: 70px; resize:vertical; margin-top: 1px;}
  

.desktop-view .assets-area.grid-view ul.asset-list div.asst-name { width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } 
.desktop-view .assets-area.grid-view ul.asset-list div.asst-type { width: 20%; }

.desktop-view .assets-area.grid-view ul.asset-list li.folder div.asst-summary { width: 90%; padding: 0 0 0 10px; }

.desktop-view .assets-area.grid-view li .thumbnail { background: none; }
.desktop-view .assets-area.grid-view ul.asset-list.assets-folder li .thumbnail img { display: none; }


.desktop-view .assets-area.grid-view ul.asset-list li.folder div.thumbnail::after{ background-position: 0 0; }
.desktop-view .assets-area.grid-view ul.asset-list li.image div.thumbnail::after{ background-position: -90px 0; }
.desktop-view .assets-area.grid-view ul.asset-list li.video div.thumbnail::after{ background-position: -190px 0; }
.desktop-view .assets-area.grid-view ul.asset-list li.pdf div.thumbnail::after{ background-position: -290px 0; }
.desktop-view .assets-area.grid-view ul.asset-list li.doc div.thumbnail::after{ background-position: -390px 0; }
.desktop-view .assets-area.grid-view ul.asset-list li.excel div.thumbnail::after{ background-position: -490px 0; }
.desktop-view .assets-area.grid-view ul.asset-list li.ppt div.thumbnail::after{ background-position: -590px 0; }
.desktop-view .assets-area.grid-view ul.asset-list li.ps div.thumbnail::after{ background-position: -690px 0; }
.desktop-view .assets-area.grid-view ul.asset-list li.ai div.thumbnail::after{ background-position: -790px 0; }
.desktop-view .assets-area.grid-view ul.asset-list li.ae div.thumbnail::after{ background-position: -890px 0; }
.desktop-view .assets-area.grid-view ul.asset-list li.id div.thumbnail::after{ background-position: -990px 0; }
.desktop-view .assets-area.grid-view ul.asset-list li.pre div.thumbnail::after{ background-position: -1090px 0; }
.desktop-view .assets-area.grid-view ul.asset-list li.zip div.thumbnail::after{ background-position: -1190px 0; }
.desktop-view .assets-area.grid-view ul.asset-list li.file div.thumbnail::after{ background-position: -1290px 0; }
.desktop-view .assets-area.grid-view ul.asset-list li.mp3 div.thumbnail::after{ background-position: -1390px 0; }


.desktop-view .assets-area.grid-view ul.asset-list.assets-folder li div.thumbnail::after,
.desktop-view .assets-area.grid-view ul.asset-list.general-list li div.thumbnail::after{ display: inline-block; height: 85px; border-radius: 0; width: 85px;  padding: 0; margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 0 none; margin: 0; content:''; background-image:url(../../images/thumbnail/ico_file_types.png); background-position: -1290px 0; background-repeat: no-repeat; background-size: cover; }/* <--- Default icon */

.desktop-view .assets-area.grid-view ul.asset-list.general-list li.nil div.thumbnail::after{ background: none; }
.desktop-view .assets-area.grid-view ul.asset-list.general-list li.pdf div.thumbnail::after{ background-position: -295px 0; }
.desktop-view .assets-area.grid-view ul.asset-list.general-list li.video div.thumbnail::after{ background-position: -195px 0; }
.desktop-view .assets-area.grid-view ul.asset-list.general-list li.jpg div.thumbnail::after{ background-position: -90px 0; }
.desktop-view .assets-area.grid-view ul.asset-list.general-list li.mp3 div.thumbnail::after{ background-position: -1390px 0; }

.for-mobile { display: none; }
.mobile-view .for-mobile { display: inline-block; font-size: 0; float: right; }
.mobile-view .btn-filter::before { display: block; content:'\e152'; font-family: 'MaterialIcons'; font-size:22px; line-height: 22px; color: #bf2b2b;  }
.mobile-view.wrapper::before,
.mobile-view.wrapper::after  { width: 12px; height: 200px; content: ""; background: #bf2b2b; position: fixed; transform: skewY(45deg); top: 125px; left: 0; }
.mobile-view.wrapper::after { background: #000000; top: 325px; left: auto; right: 0; }
.mobile-view .main-nav,
.mobile-view .header,
.mobile-view .side-bar.lft,
.mobile-view .main-actions .custom-btn,
.mobile-view .asset-filter,
.mobile-view .sub-actions a.switch,
.mobile-view .rapid-access,
.mobile-view .search-results-summary,
.mobile-view .assets-area h3 { display: none; }
.mobile-view .one-blk-in-mobile { box-shadow: 2px 0px 5px #ccc; }
.mobile-view .asset-list.assets-folder { float: left; box-shadow: 2px 0px 5px #ccc; }
.mobile-view .main-actions { box-shadow: none; }
.mobile-view .asset-list { margin:10px 0; }
.mobile-view .assets-area.grid-view { padding: 0; }
.mobile-view .sub-actions { text-align: right; }
.mobile-view ul.bread-crumb { float: left; position: relative; }
.mobile-view .main-actions { text-align: center; }
.mobile-view a.btn-sort-filter > span { font-size: 0; }
.mobile-view a.btn-sort-filter { width: auto; }
.mobile-view .dropdown-ctrl .dropdown-content { left: auto; right: 0;}

.mobile-view .page-wrapper { margin-left: 0; padding: 0 10px; }
.mobile-view .assets-area.grid-view ul.asset-list > li:nth-child(even) { background: #faefea;}
.mobile-view .assets-area.grid-view ul.asset-list > li { width: 100%; float: left; box-shadow: none; margin: 0; padding: 10px 0; border-radius: 0; height: 70px; }
.mobile-view .assets-area.grid-view ul.asset-list div.thumbnail,
.mobile-view .assets-area.grid-view ul.asset-list li.folder div.thumbnail { display: inline-block; height: 60px; border-radius: 0; width: 60px; background-size: cover; padding: 0; margin: 0; position: absolute; left: 0; border: 0 none; margin: 0; }

.mobile-view .assets-area.grid-view ul.asset-list div.asst-size { display: block; }
.mobile-view .assets-area.grid-view ul.asset-list div.asst-attr { display: inline-block; position: absolute; top: 30%; right: 30px; width: 36px; }
.mobile-view .assets-area.grid-view ul.asset-list div.asst-path,
.mobile-view .assets-area.grid-view ul.asset-list div.asst-name,
.mobile-view .assets-area.grid-view ul.asset-list div.asst-size { width: 100%; font-size: 14px; text-align: left; line-height: 18px; padding: 0 0 0 60px; }
.mobile-view .assets-area.grid-view ul.asset-list li.folder div.asst-path { font-weight: bold; padding: 10px 0 0 60px }
.mobile-view .assets-area.grid-view ul.asset-list li.folder div.asst-summary { width: 100%; text-align: left; color: #333; padding: 10px 0 0 60px; }
.mobile-view .assets-area.grid-view ul.asset-list div.asst-name { color: #bf2b2b; }

.mobile-view .assets-area.grid-view ul.asset-list div.asst-size { font-size: 12px;}

.mobile-view .assets-area.grid-view ul.asset-list div.thumbnail img { display: none; }

.mobile-view .assets-area.grid-view ul.asset-list div.asst-type,
.mobile-view .assets-area.grid-view ul.asset-list div.asst-dt { display: none; }

.mobile-view .assets-area.grid-view li span.context-menu-one { top: 25%; bottom: auto; }

.mobile-view #asset-info { position: fixed; left: 0; top: 0; right: 0; bottom: 0; }
.mobile-view .modal-content { width: 100%; }

.scrollbar::-webkit-scrollbar { width: 5px; background-color: #fff; }
.scrollbar::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #04adaa; }
.scrollbar::-webkit-scrollbar-track { background: #f3f4f6; margin: 5px 0 ; border-radius: 5px; }

.assets-area.grid-view::-webkit-scrollbar { width: 5px; background-color: #fff; }
.assets-area.grid-view::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #04adaa; }
.assets-area.grid-view::-webkit-scrollbar-track { background: #f3f4f6; margin: 5px 0 ; border-radius: 5px; }

#keyword_container .bootstrap-tagsinput input { width: 100%; }
.bootstrap-tagsinput .tag.label-info { background-color: #ccc; color: #000; font-size: 14px; font-weight: normal; display: inline-block;  line-height: 20px; padding: 2px 6px; margin: 0 2px 4px 0; text-align: left; white-space: normal; word-break:break-all; }
.bootstrap-tagsinput .tag [data-role="remove"] { color: #e22319; margin-left: 3px !important; cursor: pointer; padding: 0; font-size: 18px; display: inline-block; line-height: 20px; vertical-align: middle; }
	


/* -----------------  Multiple email --------------------------- */
.multiple_emails-container+span { display: none; }

.multiple_emails-container { border:1px solid #cccccc ; border-radius: 1px; padding:0; margin: 0; cursor:text; width:100%; background: #fafafa; border-radius: 4px; }
.multiple_emails-container+span { display: none; }
.multiple_emails-container input {  /*width:100%;*/ border:0; outline: none; margin-bottom:5px; padding-left: 5px; display: inline-block; background: none; }
.multiple_emails-container input{ border: 0 !important; }
#share-modal-container .input-group { width: 100%; }

.multiple_emails-container input.multiple_emails-error { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px red !important; outline: thin auto red !important; }

.multiple_emails-container ul { display: inline-block; list-style-type:none; padding-left: 0; }

.multiple_emails-email { display: inline-block; margin: 3px 0px 3px 5px; padding: 3px 5px 3px 5px;  border:1px solid #cccccc; border-radius: 3px; background: #dddddd; }

.multiple_emails-close { float:right; margin:0 3px; color: #e22319; }

.btn-hidden { visibility: hidden; }

.share-modal .modal-dialog { width: 480px; }
.share-modal .modal-title { text-align: center; }
.share-modal label { color: #273135; width: 100%;}
.share-modal .modal-body {   }
.share-modal .hint {display:inline-block; font-style: italic; }

.modal-title { text-align: left; font-size: 16px; }

.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover { color: #fff; background-color: #bf2b2b; display: table; width: 100%; }
.multiselect-container>li>a>label.checkbox, 
.multiselect-container>li>a>label.radio { padding-bottom: 10px; padding-top: 10px; font-size: inherit; }
.multiselect-container>li.active>a>label.checkbox, 
.multiselect-container>li>a.active>label.radio { color: #fff !important; }

.nav-tabs>li { margin-bottom: 0; }


table.table-links td { max-width: 0; } 
table.table-links th.col-asset-link,
table.table-links td.col-asset-link { width: 18%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #bf2b2b;  }

table.table-links th.col-asset-by,
table.table-links td.col-asset-by { width: 10%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
table.table-links th.col-asset-date,
table.table-links td.col-asset-date { width: 10%; } 
table.table-links th.col-asset-expiry,
table.table-links td.col-asset-expiry { width: 10%; }
 
table.table-links th.col-asset-type,
table.table-links td.col-asset-type { width: 15%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 

table.table-links th.col-asset-domain,
table.table-links td.col-asset-domain { width: 12%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 

table.table-links th.col-asset-actions,
table.table-links td.col-asset-actions { width: 13%; } 

table.table-links td .btn { padding: 0; background: none; line-height: 1; }
table.table-links td .btn span { font-size: 0; }
table.table-links td .btn span::before { font-family: 'MaterialIcons'; content: 'X'; color: #bf2b2b; font-size: 18px;  }
table.table-links td .btn.link-copy span::before { content: '\e14d'; }
table.table-links td .btn.link-edit span::before { content: '\e22b'; }
table.table-links td .btn.link-delete span::before { /*content: '\e872';*/ content: '\e92b';color: #e22319; }
table.table-links td .btn.link-expired span::before { content: '\f253'; }
table.table-links td .btn.link-save span::before { content: '\e161'; color: #0f0; }
table.table-links td .btn.link-cancel span::before { content: '\e5c9'; color: #da0007; }


table.table-links thead th,
table.table-links th { border-bottom: 1px solid #111 !important;  }
table.table-links tbody tr:nth-child(odd) td { background-color: #f9f9f9; }
.date .form-control { padding: 5px 10px; }
table.table-links td .bootstrap-tagsinput .label-info { display: block; margin-bottom: 3px; }

.lightbox-usage { padding: 20px 0; }
.lightbox-usage table { width: 100%; }
table.table-lightbox span { display:block; position: relative; line-height: 26px; font-size: 16px; padding-left: 30px; margin: 5px 0; }
span.lightbox-items::before,
span.lightbox-shared-users::before { position: absolute; left: 0; top: 0; font-family: 'MaterialIcons'; content: '\e617'; color: #bf2b2b; font-size: 28px; }
span.lightbox-shared-users::before { content: '\e2c9';}


.access-usage { padding: 20px 0; }
.access-usage table { width: 100%; }
/* table.table-access span { display:block; position: relative; line-height: 26px; font-size: 16px; padding-left: 30px; margin: 5px 0; } */

span.value-items,
span.value-users { padding: 2px 5px !important; display: inline-block !important; float: right; color: #ffffff; background: #bf2b2b; min-width: 60px; text-align:center; border-radius: 4px;  }

/*.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { min-height: 70vh;}*/

.modal.notifications { left: 0; right: 0; top: 0; bottom: 0; background: rgba(200,200,200,0.6); }
.modal.notifications .modal-dialog { width: 400px; transform: none; top: -1px; left: 40px; margin: 0;  }

.modal.notifications .modal-header{padding: 0 0 0 10px; background:#bf2b2b; color: #fff; border-radius:3px 3px 0 0; height: 42px;}
.modal.notifications .modal-header.notification-header h4 { line-height: 40px; }
.modal.notifications .close{ background: #da0007; border-radius: 50%; border: none; color: #ffffff; position: absolute; margin: 0 5px; right: 3px; width:25px;height:25px; top:7px; font-size:16px; opacity:1; text-shadow: none; }

.modal.notifications .modal-content { height: 100vh; box-shadow: none; }
.modal.notifications .modal-body.notification-box { overflow: auto; padding-bottom: 0; }
.modal.notifications .modal-body.notification-box a.noti-clear-all { position: fixed; bottom: 12px; padding: 3px 15px; background: #bf2b2b; color: #fff; border-radius: 5px; text-decoration: none; border: 2px solid #bf2b2b;  }
.modal.notifications .modal-body.notification-box a.noti-clear-all:hover { background: #fff; color: #bf2b2b; text-decoration: none; }

a.lb-clear-all { float: left; padding: 3px 15px; background: #bf2b2b; color: #fff; border-radius: 5px; text-decoration: none; border: 2px solid #bf2b2b; margin: 4px 5px 4px 15px; }
a.lb-clear-all:hover { color: #bf2b2b; background: #fff; border-radius: 5px; text-decoration: none; }

ul.notify-list { list-style-type: none; }
ul.notify-list li { position: relative; box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1); padding: 10px 20px 10px 10px; margin: 5px 0 20px; border-radius: 4px; }
ul.notify-list li.empty { box-shadow: none; text-align: center; padding: 0; margin: 0; font-size: 18px; }

ul.notify-list p { display: block; }
ul.notify-list p img { margin-bottom: 20px; height: 40px; float: left; margin-right: 10px; width: auto; max-width: 40px; border-radius: 20px; border: 1px solid #cccc; }

ul.notify-list p span {  color: #bf2b2b; font-weight: bold; }
span.notify-date-time { text-align: right; font-size: 10px; display: block; }

ul.notify-list a.noti-clear { position: absolute; top: 0; right: 5px; font-size: 0; text-decoration: none; }
ul.notify-list a.noti-clear::after { font-family: 'Fontawesome'; content: '\f00d'; font-size: 16px; color: #da0007; }


#upload-modal .plupload_button.plupload_add::before { display: inline; content: '\f067'; font-family: 'FontAwesome'; padding-right: 5px; } 
#upload-modal .plupload_button.plupload_add { background: #04adaa; text-decoration: none; padding: 4px 15px; color: #fff; }

/* ------------------------  Asset Popup Accordion ------------------------- */

.accordion-button { padding: 0.6rem 1.25rem; color: #fff; background-color: #565e64; }
.accordion-button:not(.collapsed) { color: #fff; background-color: #04adaa; box-shadow: none; }
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	transform: rotate(-180deg);
  }
  .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  }


.asset-modal .details-asset { /*height: auto; overflow-y: scroll; overflow-x: hidden;*/ position: relative; overflow: hidden; }

/* Asset Preview Area - Collapsible Content */
#asset-preview-box { width: 50%; height: auto; position: absolute; top: 0; left: -50%; z-index: 99; background: #fff; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1); padding: 5px 15px 5px 5px; transition: box-shadow 1s; }

#assets-preview-btn { cursor: pointer; position: absolute; right: -39px; background: #04adaa; width: 40px; height: 40px; top: 15px; transform: translateY(-30%); font-size: 0; border-radius: 0 25px 25px 0; border: 1px solid #fafafa; box-shadow: 6px 0 5px 0px rgba(0, 0, 0, .3); }
#asset-preview-box.minify #assets-preview-btn { background: #04adaa; }

#asset-preview-box #assets-preview-btn::after { content: '\e5c9'; position:absolute; font-family: 'MaterialIcons'; font-size: 25px; line-height: 18px; color:#ffffff; padding: 10px 10px 10px 5px; display: inline-block; }

#asset-preview-box.minify #assets-preview-btn::after { content: '\e8a0'; line-height: 20px; box-shadow: 6px 0 5px 0px rgba(0, 0, 0, 0);  }


/*.asset-modal .details-asset .left-content,
.asset-modal .details-asset .right-content { height: 524px; overflow-y: scroll; overflow-x: hidden; }*/

.panel .table-guides { height: auto !important; }
.panel-title { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; }
.panel-default>.panel-heading { padding: 0; }
.panel-group { /*margin-top: 10px;*/ }
.panel-group .panel { border-radius: 0; border: 1px solid #04adaa; margin-bottom: 5px; }
.panel-group .panel+.panel { margin-top: 3px; }

.panel-body { padding: 0; }

.panel-title>.small, 
.panel-title>.small>a, 
.panel-title>a, 
.panel-title>small, 
.panel-title>small>a { display: block; padding: 5px 10px; text-decoration: none; }

.panel-title>a { background-color: #04adaa; color: #fff; position: relative; font-weight: 600; } 
.panel-title>a.collapsed { background-color: #273135; color:#fff;  } 
.panel-title>a::after { content:'\f068'; position: absolute; right: 10px; font-family: 'FontAwesome'; color: #fff; }
.panel-title>a.collapsed::after { content:'\f067'; position: absolute; right: 10px; font-family: 'FontAwesome'; color: #fff; }

#asset_accordion .panel-body { padding: 5px; }

.table>thead>tr>th { background: #273135; color: #fff; }

/* ------------------------ CUSTOM.CSS ----------------------------------------- */
i.mi{
    display: inline-block; font-family:'MaterialIcons'; font-style: normal; font-weight: normal; font-size: inherit;vertical-align: bottom;
}
i.mi.user-circle::before { content: '\e853';margin-right: 5px; }

i.mi.eye-open::before { content: '\e8F4'; }
i.mi.eye-close::before { content: '\e8F5'; }
i.mi.mi-back::before { content: '\e317'; font-size: 24px; line-height: 20px; }
i.mi.mi-edit::before { content: '\e22b'; font-size: 16px; line-height: 20px; }

i.mi.account-info::before{ content: '\e7fd'; font-size: 18px; line-height: 18px; }
i.mi.asset-info::before{ content: '\e875'; font-size: 18px; line-height: 18px; }
i.mi.storage-info::before { content: '\e853'; font-size: 18px; line-height: 18px; }


.mi.eye-open, .mi.eye-close { cursor: pointer; font-size: 16px; line-height: 16px; pointer-events: all; }
i.mi.brand-update::before{content: '\e86d';color: #bf2b2b;margin-right: 5px;}
h4 i.mi.brand-update {
    font-size: 24px;
    line-height: 24px;
}
.login-avatar i.mi.user-circle::before {content: '\e853';font-size: 50px;color: #04adaa;}
.login-avatar i.mi.lock-circle::before {content: '\e897';font-size: 50px;color: #bf2b2b;}
.login-form h5{font-weight: bold;}
#loginmodal .modal-content{width:400px;margin: 0 auto;}
.taj-header { background: #04adaa; border-radius: 0 0 5px 5px; height: 40px; text-align: right }
.taj-content{ background: #fafafa; box-shadow:1px 1px 3px 3px #eee;border-radius: 3px;padding: 30px 30px 10px;margin-top:0px;margin-bottom: 0px; position: relative; min-height: 100vh; display: flex; align-items: stretch; }
.login-wrapper{ margin: 0 auto;}
.login-img-container { position: relative; padding: 0; overflow: hidden; background: #f3f4f6; }
.logo-container { position: absolute; z-index: 1; right: 30px; }
.logo-container>a { display: inline-block; background: #fff; padding: 10px 20px; box-shadow: 0 2px 10px 0 #ccc; }
.logo-container>a>img { max-height: 120px;}
.login-img-container img.img-cover { object-fit: cover; object-position: bottom left; position: absolute; z-index: 0; height: 100%; }
.taj-content-wrapper { margin: 0 auto;}
.taj-content-wrapper h3 { font-size: 32px; color: #bf2b2b; }
.taj-content-wrapper p { color: #000;}

.taj-content-wrapper .login-btn{background: #bf2b2b;color: #fff;padding:5px 30px;border: none;border-radius: 3px;margin-top:10px;font-size: 15px;}
.taj-content-wrapper p{font-size: 16px;font-weight: 500;margin-top: 30px;}
.taj-content-wrapper .landing-image{width:100%; padding: 25px 0; }
.login-box{text-align: right;width: 90%;margin:0 auto;}
.login-avatar{ margin:30px auto;}
.login-form{color:#04adaa;}
.login-form h5{color:#04adaa;}
.login-form .success {color: green}
.field-icon {float: right;margin-top: -35px;position: relative;z-index: 2;}
.login-form .form-control{ border-color: #04adaa; box-shadow: none; border-width: 0 0 1px 0; border-radius: 0; padding: 5px 0; margin: 15px auto; }
a.forgot-pwd {font-size: 14px; color:#bf2b2b;width:100%;text-align: left;float: left;font-weight: bold;}
.btn-login {background: #04adaa; border: 0 none;border-radius: 3px;font-size: 15px;padding: 5px 30px;color: #fff;margin: 40px auto;}
.btn-login .fa{margin-right: 7px;}
.forgot-pass-title { text-align: center;}
.landing-image img{margin: 0 auto; max-width: 320px; }
.arefresh, .arefresh:hover { text-decoration: none; margin: 0 0 0 5px; }

.modal-backdrop { background-color: #666; }
/* ------------------------------- BRAND UPDATES ------------------------------- */
.brdr-btm{border-bottom: 1px solid #eee;}
.brand-updates{border:none;box-shadow: 1px 1px 3px #eee; background: #fff;}
.brand-updates .row { margin: 0; }
.brand-updates .col-sm-6 { padding: 0; }
.update {color: #bf2b2b;;float: left;font-size: 20px;font-weight: bold; padding:15px 10px 5px; margin: 0; width: 100%;}
.add{color: #bf2b2b;;padding:5px 20px;border:none;border-radius: 3px;font-weight: 500;cursor: pointer;margin:10px 0 10px 0;font-size: 15px;}
.brand-header{ padding: 10px 0 0;}
.brand-body{ padding: 10px; height:600px; margin-right: 10px; overflow-x: hidden;overflow-y: scroll;}
.brand-body ul{ list-style-type: none;}
.listtypes { box-shadow: 1px 1px 3px 3px #eee; display: block; margin: 10px; background: #fff; padding: 10px; border-radius: 6px; }
.listtypes h3{ line-height: 20px; margin: 0 0 10px; }
.listtypes h3 a{font-size: 18px; color:#bf2b2b; font-weight: 500;}
.listtypes p{margin: 10px 0;}
.listtypes img{ width: 150px; height: 85px; object-fit: cover; border-radius: 5px; }
.listtypes .brand-image { position: relative; padding: 0 30px 0 0; }
.listtypes .brand-image button { position: absolute; right: 0; top: 0; background: none; font-size: 18px; padding: 0; line-height: 20px; color:#bf2b2b; }
.listtypes .brand-image button .fa.fa-edit::before { font-family: 'MaterialIcons'; content: '\e22b'; font-size: 18px;}
.listtypes .brand-image button::hover { background: #bf2b2b; color: #fff; }


.brand-details-body{ background: #fff; padding: 15px; margin: 25px 10px 10px; box-shadow:1px 1px 3px 3px #eee; border-radius: 5px; }
.brand-details-body .form-control { background: #fafafa;}
.brand-details-image { border-radius:3px; background: #999; overflow: hidden; height: 380px; }
.brand-details-image img{ margin:auto; width: 100%; height: 100%; object-fit: contain; display: block; }
.brand-details-para { margin: 10px 0; padding-right: 10px; font-size:14px; height: 280px; overflow-y: scroll;}

.brand-details-para h3{ color:#bf2b2b; font-size: 20px; border-bottom: 1px solid #eee; margin-top: 10px; padding-bottom: 10px;}
.ctext{height: 30px;width: 70px;margin-left: 2px;border: 1px solid #bf2b2b;}


textarea#brand_content { width: 100%; min-height: 300px; }

/* ----------- from Lokesh ---------- */ 
form#add-edit-rand-content { margin-right: 15px; }
.brand-details-para div.uploader { background-color: #fafafa; padding: 10px 15px; height: auto; width: 50%; display: inline-block; text-align: center; vertical-align: middle; border: 2px dashed #CCCCCC; }

.brand-details-para div.uploader span.drag-n-drop { display: block; margin: 10px 0; line-height: 1; }
.brand-details-para div.uploader a { display: inline-block ; text-align: center; text-decoration: none; background: #bf2b2b; color: #fff; padding: 3px 15px; margin: 0 auto; }
.brand-details-para div.uploader #preview { position: absolute; right: 0; top: 0; display: inline-block; width: 100px; height: 100px; }
li.listtypes { border: 2px solid #fff; }
li.listtypes.selected { border: 2px solid #bf2b2b; }
div#brand-list.disabled { position: relative; }
div#brand-list.disabled::before { content: ""; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 99; position: absolute; border-radius: 4px; margin-top: 0; }

#edit-edit-brand-updates div#preview { display: inline-block; width: 150px !important; height: 100px !important; overflow: hidden; vertical-align: middle; margin-left: 8px; border: 1px solid; }
/*div.uploader { width: 230px !important; }*/
#edit-edit-brand-updates div#preview >img { width: 150px; height: 100px; }

.brand-details-body .status-radio { display: inline-block; padding: 5px 15px; }
.brand-details-body .btn > i.fa { margin-right: 5px; }
.brand-details-body label { color: #bf2b2b; }
.brand-details-body [type="radio"]:checked,
.brand-details-body [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.brand-details-body [type="radio"]:checked + label,
.brand-details-body [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; }
.brand-details-body [type="radio"]:checked + label:before,
.brand-details-body [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; 	border-radius: 100%; background: #fff; }
.brand-details-body [type="radio"]:checked + label:after,
.brand-details-body [type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #bf2b2b; position: absolute; top: 3px; left: 3px; 	border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.brand-details-body [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.brand-details-body [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }






.modal-body .preview-info { font-size: 14px; }
.modal-body .preview-info label,
.lg-sub-html .preview-info label{ margin-bottom: 0; font-weight: bold; color: #fff;}
.modal-body .preview-info { margin: 10px 0; }


.modal-footer .preview-info .row { margin: 0; }

.preview-info h4.p-ast-title { color: #fff; text-align: left; font-weight: bold; font-size: 16px; }
.preview-info ul li.p-ast-ftype, 
.preview-info ul li.p-ast-date { display: inline-block; color: #fff; width: 50%; text-align: left; float: left; }
.preview-info ul li.p-ast-date { text-align: right; }

#preview-modal .form-group { margin-bottom: 0; }


#preview-modal .form-group .preview-place-holder { height: calc(100vh - 100px); } /* -- PDF Preview popup height adjustment -- */

.modal-footer .preview-info { font-size: 14px; text-align: left; }
.modal-footer .preview-info label { margin-bottom: 0; font-weight: bold; color: #fff; }

.plupload_progress_container { border-radius: 5px !important; margin-top: 7px !important; overflow: hidden; }
.plupload_progress_bar { height: 4px !important; }

#dam-assets td.asset-name { cursor: pointer; line-height: 16px; }
.pp-input { padding: 2px 5px; }

.login-wrapper .ihcl-brands>a { display: inline-block; padding: 0 15px; }
.login-wrapper .ihcl-brands>a>img { height: 60px; }
.login-wrapper .ihcl-brands { text-align: center; }

/* --------------------------- Approve Modal ---------------------------------- */

#approve-modal-container .modal-body .col-sm-12 { display: table; margin-bottom: 10px; }
#approve-modal-container .modal-body .col-sm-12 h3 { margin: 0 0 10px; text-align: center; }
#approve-modal-container .modal-body .col-sm-12 .form-group { display: table-row; }
#approve-modal-container .modal-body .col-sm-12 .form-group label,
#approve-modal-container .modal-body .col-sm-12 .form-group .input-group { display: table-cell; vertical-align: middle; }
#approve-modal-container .modal-body .col-sm-12 .form-group label { width: 120px; }
#approve-modal-container .modal-body .col-sm-12 .form-group .input-group .form-control { height: 30px; padding: 5px 25px 5px 10px; background-color: #fafafa; font-size: 14px; border-radius: 4px; }
#approve-modal-container .modal-body .col-sm-12 .form-group .input-group .txt-area { height: 100px !important;  }

#approve-modal-container .modal-footer #reject-comment-container label { display: block; text-align: left; }
#approve-modal-container .modal-footer #reject-comment-container .input-group { margin-bottom: 10px; }
#approve-modal-container .modal-footer #reject-comment-container .input-group,
#approve-modal-container .modal-footer #reject-comment-container .input-group>.form-control.txt-area.wd-250 { width: 100% !important; }


/* ------------------- Searchable Dropdown - Asset Edit/Upload Popup ------------------------ */

.chosen-container-single .chosen-single span { font-size: 14px !important; }
.chosen-container-single .chosen-single { height: 30px !important; background: #fafafa !important; border-radius: 4px !important; line-height: 28px !important; }
.chosen-container-single .chosen-single div b { background: url('../../images/icon-select.png') no-repeat 0 0 !important;}
.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: 0 -30px !important; }
.chosen-container-single .chosen-single div { width: 28px !important; }
.chosen-container.chosen-container-single .chosen-results li { font-size: 14px; }

/* ---------------------- Uploader ------------------------------ */
.plupload_progress { width: 300px; }
.plupload_progress_bar { background: #bf2b2b; }
li.plupload_uploading a, li.plupload_delete a { background: url('../../plupload-2.3.6/js/jquery.plupload.queue/img/delete.gif'); cursor: default; }

.bootstrap-tagsinput { width: 100%; }

.noresult { text-align: center; font-size: 18px; color: #bf2b2b; }
#dam-approval-pending_wrapper{overflow-x: scroll;}

.popover{ max-width:550px; z-index: 2000 !important; background: #273135; border: 0 none; box-shadow: 0px 0px 2px 0px #ccc;}
.popover td { padding: 0 5px; }
.popover { font-family: 'Calibri', sans-serif; font-size: 14px; }
.popover-title { font-size: 16px; font-weight: bold}
.popover-header { background-color: #273135; color: #ffffff; border-bottom: 1px solid #666;}

.popover .info-lbl { color: #CCC;}
.popover .info-val { color: #FFF;}


/*.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after, 
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-start > .popover-arrow::after { right: 2px;	border-left-color: #273135; }
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, 
.bs-popover-start > .popover-arrow::before { right: 2px; }*/

.left-content .popover-content {
    color: #fff !important;
    max-height: 350px;
    overflow: auto;
}

.left-content .popover-content ul.meta-details li>label,
.left-content .popover-content ul.meta-details li>.form-control,
.left-content .popover-content .info-lbl { color: #fff !important;}
.left-content .popover-content ul.meta-details li>label { padding-right: 5px; width: 135px !important;}


.left-content .popover { min-width: 320px;}

.popover .asset-tabs>li>a{  font-weight: bold; }
.content-wrapper.col-1-1 {padding: 0px;}
.search-info-container { background:#273135; color:#ffffff;}

.search-info-container ul {margin-left: 20px;list-style-type: none;}
.search-info-container ul li {margin-bottom: 8px;}
.search-info-container li span {background:#fff; line-height: 1; color:#bf2b2b; min-width: 20px; text-align: center; padding: 2px 5px; display:inline-block; border-radius: 2px;}
.search-info-container li b, .search-info-container p b {font-family: Courier;}
.bootstrap-dialog.type-primary .modal-header { background-color: #bf2b2b !important; }
.txt-info {font-size: 0.9em; }

ul.tbl-search-grp {margin: auto;}
li.tbl-search {display: inline-block; padding: 2px 30px; vertical-align: top;}

.information-block.account-reports-all.asset-reports li.tbl-search,
.information-block.account-reports-all.reported-asset-issues li.tbl-search { padding: 2px 15px; } 

li.tbl-search>span { display: block; }

/* Manage Assets - Dashboard */
.information-block.account-reports-all.asset-reports,
.information-block.account-reports-all.reported-asset-issues { background: #ffffff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .1); }

.information-block.account-reports-all.asset-reports .dataTable th,
.information-block.account-reports-all.reported-asset-issues .dataTable th{ background-color: #273135; color: #ffffff; }

.information-block.account-reports-all.asset-reports .dataTable td img { max-width: 120px; height: auto; }
.information-block.account-reports-all.asset-reports .dataTable tbody td { line-height: 18px; } 

.information-block.account-reports-all.asset-reports .tbl-search .btn,
.information-block.account-reports-all.reported-asset-issues .tbl-search .btn { padding: 2px 12px; margin-top: 20px; }

.information-block.account-reports-all.asset-reports ul.tbl-search-grp,
.information-block.account-reports-all.reported-asset-issues ul.tbl-search-grp { padding: 5px 0; /*background: rgb(226, 228, 255);*/  margin-bottom: 5px; }
.information-block.account-reports-all.asset-reports ul.tbl-search-grp .chosen-container-multi ul.chosen-choices,
.information-block.account-reports-all.reported-asset-issues ul.tbl-search-grp .chosen-container-multi ul.chosen-choices { background-color: #fafafa; height: 58px; }

.information-block.account-reports-all.asset-reports li.tbl-search { vertical-align: middle; }
.filterbyblock {border: 1px solid #999999;} 

.asset-reports .dataTables_wrapper,
.reported-asset-issues .dataTables_wrapper { padding: 5px 15px; width: 100%; overflow: auto; height: 80vh; margin-bottom: 10px; box-shadow: 2px 2px 2px 3px #f0f0f0; background: #f3f4f6; }

.asset-reports .dataTables_wrapper::-webkit-scrollbar,
.reported-asset-issues .dataTables_wrapper::-webkit-scrollbar { width: 5px; background-color: #fff; }

.asset-reports .dataTables_wrapper::-webkit-scrollbar-thumb,
.reported-asset-issues .dataTables_wrapper::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #04adaa; }

.asset-reports .dataTables_wrapper::-webkit-scrollbar-track,
.reported-asset-issues .dataTables_wrapper::-webkit-scrollbar-track { background: #f3f4f6; margin: 5px 0 ; border-radius: 5px; }

#shares-table_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
#shares-table_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #fff !important;}

.asset-reports .buttons-pdf,
.reported-asset-issues .buttons-pdf { background: #04adaa; color: #faefea; padding: 6px 35px; position: relative; display: inline-block; font-size: 14px; line-height: 20px; border-radius: 4px; }
.asset-reports .buttons-pdf span::before,
.reported-asset-issues .buttons-pdf span::before { font-family: 'FontAwesome'; content: "\f1c1"; margin-right: 5px; }
.asset-reports .buttons-pdf:hover,
.reported-asset-issues .buttons-pdf:hover { color: #04adaa; }

li.tbl-search {display: inline-block; padding: 2px 30px;vertical-align: top;}
.assets-area.grid-view ul.asset-list li input.asset-select { position: absolute; z-index: 4; /* width: 15px; height: 15px;*/ right: 10px; bottom: 10px;   
 -ms-transform: scale(1.3); /* IE */
 -moz-transform: scale(1.3); /* FF */
 -webkit-transform: scale(1.3); /* Safari and Chrome */
 -o-transform: scale(1.3); /* Opera */ 
 }
 
.chk-ctrl-container, .mnu-ctrl-container{display:inline-block;}
.lb-popup {border: none;}
.lb-post {margin-left: 5px; vertical-align: top; line-height: 24px;}
.pop_items{max-height: 100px; overflow: auto; color: #bf2b2b;}
#newlightbox { margin-bottom: 15px; }

/** @TODO Harshan has to review below css **/
.pop_cont {
	font-style: italic;
	padding: 5px 10px;
	max-height: 100px;
	overflow: auto;
}
.astname { 
 display: inline-block;
 border: 1px solid #aaa;
 margin: 1px 2px;
 padding: 0px 2px;
 background-color: #ccc;
}

/*.lb-def {background-color: #ccc;}
.selected {background-color: #bf2b2b; color: #fff;}*/
.lb-def.selected {opacity: 0.8;} 
.col{float:left;}
.lb-name {width:80%; content-overflow:hidden; padding: 2px 10px 2px 15px;}
.lb-cnt{width:10%; padding: 2px 0;}
.lb-act{width:10%; padding: 2px 0;}
.del-act-btn{font-family: 'FontAwesome';color: #ee3333;}
.del-act-btn:before {content: '\f057';}
.lb-act a {text-decoration: none;}
.ulb-head{background:#04adaa; color: #fff;}
.lb-head {width:75%; padding: 2px 5px;}
.lb-head-cnt {width:25%; padding: 2px 5px;}

.row.ulb-head,
.row.ulb-row { margin-left: 0; margin-right: 0; cursor:pointer; }
.row.ulb-row { font-size:1.1em; font-weight:bold;}  
.ulb-head .col { padding: 5px 10px; text-transform: uppercase;  }

.ulb-row { background: #eee; position: relative; }
.ulb-row:nth-of-type(even) { background: #fafafa; }
.ulb-row.selected { background: #04adaa; color: #fff;  }
.ulb-row.lb-def { background: url(../../images/bg-pattern.png) repeat; font-weight: bold; }
.ulb-row.lb-def.selected { background: url(../../images/bg-pattern.png) repeat #e6d0c6; font-weight: bold; }

.lightbox-usage, .access-usage { padding: 0; border-radius: 4px; overflow: hidden; margin-top: 20px; box-shadow: 2px 2px 8px 2px #f0f0f0; }
.lightbox-usage .row.btn-row, .access-usage .row.btn-row { margin: 0; text-align: center; padding: 5px 0;  }
.lightbox-usage .row.btn-row .custom-btn, .access-usage .row.btn-row .custom-btn { position: relative; }
.lightbox-usage .row.btn-row .custom-btn:hover, .access-usage .row.btn-row .custom-btn:hover{ text-decoration: none; background: #0f9593;  }

.access-head {width:75%; padding: 2px 5px;}
.row.access-row { margin-left: 0; margin-right: 0; cursor:pointer; }
.row.access-row { font-size:1.1em; font-weight:bold; padding: 4px 5px 4px 20px;}  

/*   Assets Share Popup */
.radio-row .shr-typ-rad, .radio-row label.shr-typ-lbl { display: inline; line-height: 26px; vertical-align: middle; margin: 0 5px; }
.check-row .lb_ckb, .form-group label.lb_ckb_lbl { display: inline; line-height: 26px; vertical-align: middle; margin: 0 5px;}
.form-group label.error { display: block; }

.share-modal .asset-titles { text-align: center; min-height: 175px; max-height: 275px; overflow-y: auto; border: 1px solid #ccc; margin: 0 auto 10px; border-radius: 5px; float: none; max-width: 450px; }
.share-modal .asset-row {margin: auto 0px; border-bottom: 1px solid #cccccc;}

label.item-head{ font-weight: bold; }

.share-modal .asset-row>.col-sm-12 { padding: 0; }
.share-modal .asset-row span.serial-no { width: 5%; float: left; margin-right: 5px; text-align: center; }
.share-modal .asset-row i.fa.fa-exclamation-triangle { float: right; padding: 8px 5px 0 0; color: #ffcc00; }
.share-modal .asset-row>.col-sm-12.text-warning { font-size: 10px; text-align: left; padding-left: 25px; line-height: 12px; }

.share-modal .asset-row span.text-file {width: 60%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.share-modal .asset-row span.text-ver  {width: 7%; display: inline-block; }
.share-modal .asset-row span.text-size {width: 17%; display: inline-block; }
.share-head {font-weight: bold; background-color: #ccc;}
.trim-pad {padding: 0}

/* General settings for modal */
.modal { overflow-y: auto; }

/* Slider tooltip override for filter popup */
.tooltip { z-index: 99; }

.filter-mask::before {
	display: block;
    /* height: 100%; */
    position: absolute;
    background: rgba(255,255,255,.6);
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
}
/* ========= Filter Mask & Animation >>>>======= */
.filter-mask::after{
	display: inline-block;
    height: 48px;
    width: 48px;
    position: absolute;
    color: #bf2b2b;
    z-index: 5;    
    font-family: 'FontAwesome';
    font-size: 48px;
    line-height: 48px; 
    content: '\f110';
    top: 24px;
    left: 45%;
    transfrom: translateX(-50%);
	-webkit-animation: spl-fa-spin 2s infinite linear;
	animation: spl-fa-spin 2s infinite linear;
}



/* Custom styling for new implementation */
.main-nav { z-index: 999; }

#assets-folder { width: 370px; height: 85vh; position: fixed; top: 55px; left: -350px; z-index: 990; background: #fff; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1); padding: 5px 15px 5px 5px; transition: box-shadow 1s; }

#assets-folder h5 { color: #fff; margin: 0; font-size: 14px;}

#assets-folder span { color: #bf2b2b; display: inline-block; margin: 5px 0; font-size: 12px; line-height: 20px; text-align: center; background: #fafafa; padding: 0 5px; font-weight: bold; }

#assets-folder-btn { cursor: pointer; position: absolute; right: -39px; background: #bf2b2b; width: 40px; height: 40px; top: 240px; transform: translateY(-30%); font-size: 0; border-radius: 0 25px 25px 0; border: 1px solid #fafafa; box-shadow: 6px 0 5px 0px rgba(0, 0, 0, .3); }
#assets-folder.minify #assets-folder-btn { background-color: #bf2b2b;  }
#assets-folder #assets-folder-btn::after { content:'\e5c9'; position: absolute; font-family: 'MaterialIcons'; font-size: 25px;line-height: 18px; color: #ffffff; padding: 10px 10px 10px 5px; display: inline-block; }

#assets-folder.minify #assets-folder-btn::after { content: '\e89b'; line-height: 20px; box-shadow: 6px 0 5px 0px rgba(0, 0, 0, 0);  }

.brand-updates-box{ float: left; border-radius: 5px; margin-top: 15px; width: 100%; background: #fff; overflow-y: auto; padding: 15px 10px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1); }

/* Content Sidebar Owl Slider */

.side-bar.lft .side-barTitle { color: #bf2b2b; margin-top: 0; font-weight: 400; padding-bottom: 5px; border-bottom: 1px solid #eeeeee; }

.side-bar.lft .side-barTitle::before{ font-family: 'MaterialIcons'; font-size: 22px; content: '\e86d'; padding-right: 5px; top: 5px; position: relative; }

.side-bar.lft .owl-carousel .owl-item .item .owl-imgTitle { color: #bf2b2b; text-transform: capitalize; line-height: 18px; }

.side-bar.lft .owl-carousel .owl-item .item .owl-imgLink a { background-color: #bf2b2b; color: #FFFFFF; padding: 2px 8px; display: table-cell; }

.side-bar.lft .owl-theme .owl-nav { text-align: left; }

.side-bar.lft .owl-carousel .owl-nav button.owl-next,
.side-bar.lft .owl-carousel .owl-nav button.owl-prev { background-color: #aaaaaa; border-radius: 0; margin: 0 10px 0 0px; }

.side-bar.lft .owl-carousel .owl-nav button.owl-next span,
.side-bar.lft .owl-carousel .owl-nav button.owl-prev span { font-size: 0; }

.side-bar.lft .owl-carousel .owl-nav button.owl-prev span::before,
.side-bar.lft .owl-carousel .owl-nav button.owl-next span::before { font-family: 'MaterialIcons'; color: #bf2b2b; font-size: 20px; content: '\e314'; padding: 0 5px; }

.side-bar.lft .owl-carousel .owl-nav button.owl-next span::before { content: '\e315'; }

/* EOF Content Sidebar Owl Slider */

/* Repositioning the asset type icon */
.asset-list>li .asst-type+.tooltip { margin-left: 10px !important; margin-top: 15px !important; }

/* NEW DIALOG MESSAGE STYLING */
.bootstrap-dialog-message { text-align: center; }
.bootstrap-dialog-message .dialog-success .fa,
.bootstrap-dialog-message .dialog-success .fa::before { font-size: 40px !important; color: #5cb85c; }
.bootstrap-dialog-message .norm { padding: 10px 30px; line-height: 20px; }
.bootstrap-dialog-message .info{ background: #04adaa; color: #fff; padding: 5px 15px; line-height: 20px; }
.bootstrap-dialog-message .info ul { list-style-type: none; }

.type-success .bootstrap-dialog-message h4 { color: #5cb85c; font-size: 1.5em; font-weight: bold;}

.qr-btn-container {display:block; padding: 5px;}
.sect-title {background-color: #0f9593; color: #fff; padding: 4px 10px;}
h4.sect-title { font-size: 14px; font-weight: 600; letter-spacing: 1px; }
.qrcode-btn {display: inline-block; padding: 4px 10px; text-decoration: none !important; margin: auto;}
.qrcode-btn.enable {background-color: #0f9593; color: #fff; }
.qrcode-btn.disable {background-color: rgb(127, 127, 127); color: #fff; }
.pub-preview {margin-top: -10px;}
.pub-preview li {padding: 10px 5px; text-align: center; border: 1px solid #ccc;}
.qrcode-img {border: 1px solid #ccc; width:150px;}

@-webkit-keyframes spl-fa-spin{
	0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg)}
	100%{-webkit-transform:rotate(359deg); transform:rotate(359deg)}
}
@keyframes spl-fa-spin{
	0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg)}
	100%{ -webkit-transform:rotate(359deg); transform:rotate(359deg)}
}
/* =====<<<<< Filter Mask & Animation ========= */


@keyframes glowing {
   0% { background-color: #46b8da; box-shadow: 0 0  5px #46b8da; }
  50% { background-color: #114555; box-shadow: 0 0 20px #114555; }
 100% { background-color: #46b8da; box-shadow: 0 0  5px #46b8da; }
}

.btn-anim {
	animation: glowing 1300ms infinite;
}
.input-group-btn1{
	float: left;
	margin-left:-2px;
}


/* Styles for LightGallery Video */

.lg-video-play-icon,
.lg-video-play-icon-circle,
.lg-video-play-button { filter: drop-shadow(1px 1px 2px rgb(0, 0, 0)); }
.lg-video-play-icon,
.lg-video-play-icon-bg { opacity: 1 !important;}

.lg-video-play-button:hover,
.lg-video-play-button:hover .lg-video-play-icon-circle,
.lg-video-play-button:hover .lg-video-play-icon-bg { filter: drop-shadow(1px 1px 2px rgb(191, 43, 43));}

/* .lg-video-play-button  */

.warn {
  color: red;
  font-size: 12px;
  text-align: center;
}
.impress {color: red;}

@media only screen and (max-width: 2500px){
	
	/* .assets-area.grid-view { min-height: 85vh; }*/
	
}

@media only screen and (max-width: 1920px){
	
	/* .assets-area.grid-view { min-height: 82vh; } */
	
}

@media only screen and (max-width: 1600px){

	.content-wrapper.col-1-5 .side-bar { width: 25%; }
	.content-wrapper.col-1-5 .main-content { width: 73%; }

}
@media only screen and (max-width: 1360px){
	
	/*.assets-area.grid-view { min-height: 80vh; }*/
	
}
@media only screen and (max-width: 1200px){
	
	.content-wrapper.col-1-5 .side-bar { width: 30%; }
	.content-wrapper.col-1-5 .main-content { width: 68%; }

	ul.bread-crumb li { font-size: 14px; line-height: 26px; }
	.search-results-summary h6 { font-size: 16px; line-height: 22px; }
	.search-results-summary span.boxed-big { font-size: 10px; min-width: auto; }
	.assets-area.grid-view > h3 { font-size: 18px; }
		
	#assetDetailsModal .modal-content { width: 320px; }
	
	/*.assets-area.grid-view { min-height: 78vh; }*/
	
}

@media only screen and (max-width: 1100px){
	
	.main-actions { height: auto; background: #fff; min-height: 40px; }
	.main-actions .title-blk1 { float: none; width: auto; border-right: none; background: none; box-shadow: none; }
	.main-actions .btn-grp { float: none; height: 40px; }
}
	


@media only screen and (max-width: 992px){
	
	.taj-content { display: block;}
	.login-img-container img.img-cover { display: none;}

	.logo-container.sm-screens { position: relative; right: auto; margin-top: -30px; }
	
	.sub-actions ul.bread-crumb { width: 100%; }
	.sub-actions { height: auto; }
	.sub-actions .dropdown-ctrl.sortby,
	.sub-actions .dropdown-ctrl.filterby,
	.sub-actions a.switch, 
	.sub-actions a.switch2 { position: relative; right: auto; top: auto; float: none; }
	.sub-actions .dropdown-ctrl.filterby { margin-left: 5px; }

	ul.bread-crumb.scroll-bc { margin-bottom: 0;}
	ul.bread-crumb.scroll-bc>li { width: auto;	top: 0; }
	.search-results-summary .summary-blk1 { float: left; }
    
    .content-wrapper.col-1-5 .side-bar{width:34%;}
    .content-wrapper.col-1-5 .main-content{width:64%;}
	
    .sub-actions {padding:  7px 10px 5px 10px;}
    ul.bread-crumb li{ font-size: 14px; line-height: 26px;}

	ul.bread-crumb.scroll-bc>li { display: block; }

    .custom-dropdown select{padding-right: 15px;}
    .search-results-summary h6{font-size: 14px;}
    .search-results-summary span.boxed-big{ /* min-width:90px; */}
	.assets-area.grid-view > h3 { font-size: 16px; }

	.search-results-summary .dropdown-ctrl.sortby,
	.search-results-summary a.switch { position: relative; right: auto; top: auto; }
	.search-results-summary .summary-blk2 { padding-right: 0;}
	
	/* -------- Asset Types Menu ------------ */
	ul.asset-types { float: none; width: 100%; }
	ul.asset-types::before { display: inline-block; font-family: 'FontAwesome'; content:'\f0b0'; font-size: 22px; padding: 0 10px; }
	ul.asset-types li { width: 100%; display: none; float: none; text-align: left; position: relative; padding: 7px 10px 7px 35px; }
	ul.asset-types li::before { display: block; width: auto; height: auto; font-size: 22px; position: absolute; left: 10px; top: 0; }
	ul.asset-types:hover li,
	ul.asset-types.active li { display: block; }
	
    .add{padding: 5px 10px;font-size: 14px;}
    .listtypes h3{margin:10px 0 10px 0;}
    .listtypes h3 a{font-size:15px;}
    .brand-image{margin:10px 0;}
}

@media (min-width: 768px){

	.modal-dialog { margin: 0px auto; }

}

@media only screen and (max-width: 768px){
		
    .content-wrapper.col-1-5 .side-bar{width:30%;}
    .content-wrapper.col-1-5 .main-content{width:68%;}
    /*ul.asset-types li::before{width: 30px; height: 23px;font-size: 20px;}*/
    .custom-dropdown select{padding-right: 0;}
    .main-actions{ /* padding: 5px; */}
    .search-results-summary{padding: 15px 10px 15px 10px;}
    .search-results-summary span.boxed-big{ min-width: auto; }
    .assets-area.grid-view ul.asset-list > li{width:200px;margin:20px 10px;}
	
    .asset-modal .modal-dialog { width: 100%; }
	.modal-content .asset-details .form-control { text-align: left; }
	.left-content ul.file-details { margin-left: 0;padding-left: 0; }
	.right-content .list-inline .form-control,
	.wd-250,
	.wd-380,
	.wd-170 { width: 100% !important; max-width: 300px; }
	ul.list-inline>li { display: block; width: 100%; padding: 0; }
	
	.taj-content{ height: 100%; padding: 15px; }
	
	.landing-image img { max-width: 200px; }
    .listtypes h3{margin:10px 0 25px 0;}
    .brand-body{height:350px;}
    .add{margin-left:10px;}
	
	.search-results-summary .summary-blk2 { clear: both; height: auto; padding-top: 10px; padding-right: 0; }

	.logo-container { margin-bottom: 30px;}
	
}

@media only screen and (max-width: 700px){
    /*ul.asset-types li{width: 50%;}
    ul.asset-types li::before{width: 20px; height: 13px;font-size: 12px;}*/
    .assets-area.grid-view ul.asset-list > li{width:230px;margin:20px;}
}

@media only screen and (max-width: 680px){
  .listtypes h3{margin:10px 0 10px 0;}
    .brand-body{height: 400px;}
    .brand-image{margin:0;}
}


@media only screen and (max-width: 640px){

    .page-wrapper{padding-left: 10px;}
    .content-wrapper.col-1-5 .side-bar{width: 100%;}
    .content-wrapper.col-1-5 .main-content{width:100%; margin-top:20px;margin-left:0px;}
	.top-block { border-radius: 5px; }
	.main-actions { border-radius: 5px; }
	
	.main-nav { position: fixed; }
	.main-nav ul.nav.secondary { top: 50px; }
    .assets-area.grid-view ul.asset-list > li{width:220px;}
	
	/*a.btn-sort-filter > span { font-size: 0; }*/
	a.btn-sort-filter { /* width: auto; */ padding: 3px 5px; }
	
	#folder-list { height: 200px !important; }
	.dropdown-content { left: auto; right: 0;}
	
	.taj-content-wrapper{ width:100%; margin:0 auto;}
	.taj-content-wrapper h3 { font-size: 24px; margin: 0; }
	
}

@media only screen and (max-width: 550px){
	
    .brand-details{width:100%;}
	
}

@media only screen and (max-width: 500px){
	
    .assets-area.grid-view ul.asset-list > li{text-align: center;}
	
}

@media only screen and (max-width: 420px){
	
   #loginmodal .modal-content{width:100%;margin: 10px auto;} 
   .taj-content-wrapper h3 { font-size: 22px; margin: 0; }
   
}

@media only screen and (max-height: 700px){

	.taj-content { padding: 30px 30px 40px; margin-bottom: 0;}
	.landing-image img { max-width: 250px; }
	
	.modal.in .modal-dialog,
	.modal .modal-dialog,
	.modal.links-modal .modal-dialog,
	.modal.share-modal .modal-dialog,
	.modal.approve-modal .modal-dialog { top: auto; transform: none; }
}


@media only screen and (max-height: 660px){
	
	.asset-reports .dataTables_wrapper,
	.reported-asset-issues .dataTables_wrapper { height: 67vh; }
}


@media only screen and (min-width: 1600px) and (min-height: 900px){

	.taj-content-wrapper { padding: 0 40px; }
	.taj-content-wrapper h3 { font-size: 48px; }
	.taj-content-wrapper p { font-size: 28px; margin-top: 50px; }	
}

@media only screen and (min-width: 2400px) and (min-height: 1200px){
	.taj-content-wrapper { padding: 0 40px; }
	.taj-content-wrapper h3 { font-size: 64px; }
	.taj-content-wrapper p { font-size: 42px; margin-top: 50px; }	
}