/* Opensans font embedding*/
@font-face  {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold_0-webfont.eot');
    src: url('../fonts/opensans-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold_0-webfont.woff') format('woff'),
         url('../fonts/opensans-bold_0-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold_0-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/opensans-bolditalic_0-webfont.eot');
    src: url('../fonts/opensans-bolditalic_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bolditalic_0-webfont.woff') format('woff'),
         url('../fonts/opensans-bolditalic_0-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bolditalic_0-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic_0-webfont.eot');
    src: url('../fonts/opensans-italic_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-italic_0-webfont.woff') format('woff'),
         url('../fonts/opensans-italic_0-webfont.ttf') format('truetype'),
         url('../fonts/opensans-italic_0-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light_0-webfont.eot');
    src: url('../fonts/opensans-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light_0-webfont.woff') format('woff'),
         url('../fonts/opensans-light_0-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light_0-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular_0-webfont.eot');
    src: url('../fonts/opensans-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular_0-webfont.woff') format('woff'),
         url('../fonts/opensans-regular_0-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular_0-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold_0-webfont.eot');
    src: url('../fonts/opensans-semibold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold_0-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold_0-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold_0-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../fonts/opensans-semibolditalic_0-webfont.eot');
    src: url('../fonts/opensans-semibolditalic_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibolditalic_0-webfont.woff') format('woff'),
         url('../fonts/opensans-semibolditalic_0-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibolditalic_0-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*CSS Styling*/

/*Common Styles*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
* { margin: 0; padding: 0; outline: 0; border: 0; }
body { font: 12px/18px 'open_sansregular';  color: #626262;  }

a { color: #555555; cursor: pointer;}
a:hover { color: #52b2e6; }

a, a:hover { text-decoration: none; }
ul, ol{
    margin: 0;
    margin-bottom:0;
}
a:hover {text-decoration: underline;}

h1, h2, h3, h4, h5,h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: inherit;
}
option
{
position: relative;
padding-left: 15px;
}
h3, .h3{
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
}
ul li { list-style: none; }

.container { width: 950px; margin: 0 auto; padding:0;}

.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both!important; }

.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
label{
display:inline;
font-weight: normal;
}

.label{
display: inline-block;
padding: 0;
font-size: 12px;
font-weight: normal;
line-height: 1;
color: #626262;
text-align: left;
white-space: nowrap;
vertical-align: baseline;
border-radius: none;
}

/*Navigation Styles*/
nav { background: #36393b; font-size: 11px; }
.navigation { margin: 0 auto; width: 950px; text-align: right; }
.navigation > ul{width:100%;}
.navigation > ul > li{cursor:pointer; display:inline-block; padding: 0 8px 0 15px; position:relative; text-align:center;margin-left: 10px;}
.navigation > ul > li:first-child{padding:0;}
.navigation > ul > li:hover{background:#2c2e30;}
.navigation > ul > li a { color: #fff; display: inline-block; height: 40px; line-height:40px;text-decoration: none;}
.navigation > ul > li > a {background:url(../images/drop-down-icon.png) right center no-repeat; padding-right:15px;}
.navigation > ul > li > a.bgnone{ background: none;}
.navigation > ul > li > a.homeIcon { background: url(../images/homeIcon.png) center center no-repeat; margin-left: 0; vertical-align:middle; padding:0 23px;}
.navigation > ul > li ul.subMenu{background:#2c2e30; max-height:450px; display:none; overflow:hidden; overflow-y:auto; position:absolute;width:300px; transition:0.5s; left:0; top:0px; -webkit-transition:0.5s; z-index:999;}
.navigation > ul > li ul.subMenu::-webkit-scrollbar {
background: #d1d0d0;
-webkit-border-radius: 0ex;
height: 4px;
width: 12px;
}
.navigation > ul > li ul.subMenu::-webkit-scrollbar-thumb {
background: #b0b0b0;
-webkit-border-radius: 0ex;
}
.navigation > ul > li ul.subMenu::-webkit-scrollbar-corner {
background: #d1d0d0;
}
.navigation > ul > li ul.subMenu li{border-bottom:1px solid #36393b;}
.navigation > ul > li ul.subMenu li:last-child{border-bottom:0;}
.navigation > ul > li ul.subMenu li a{display: block; height:36px; line-height:36px; padding:0 30px; text-align:left;}
.navigation > ul > li ul.subMenu li a:hover{background:#1e2022;}
.navigation > ul > li:hover ul.subMenu{display:block; top:40px;}
.navigation > ul > li ul.subMenu li a.no-anchor{
font-size: 14px;
color: #999999;
height: 50px;
line-height: 50px;
}
.top-right-navigation{text-align: right;}
.top-right-navigation li:last-child{margin-right: -15px;}

/*Subnavigation styles*/
.pageHeading{ padding-top:15px;}
header { box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
background-color: #fff;
position: relative;
z-index: 1; }
.subNavItem { width: 950px; margin: 0 auto; padding: 7px 0; }
.subNavItem li { display: inline-block; vertical-align: middle; }
.logoHolder { width: 650px; }
.userActions, .language { width: 136px; }
.language { border-right: 1px solid #d5d5d5; padding-right: 10px; text-align: right; }
.userActions { padding-left: 10px; text-align: right; }
/* .logo { background: url(../images/logo-small.png) no-repeat center;width: 46px; height: 37px; display: inline-block; vertical-align: middle; } */
.logocsd {
    width: 125px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
}
.logo {
    background: url(../images/op2-logo-small.png) no-repeat center;
    width: 150px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}
.subHeaderBg { background: #f5f4f4;}
.subHeader { width: 950px; margin: 0 auto; padding:14px 0 18px;}


/*Breadcrumb Styles*/
.breadcrumb { padding: 0px 0 0 0; color: #7a7b7f; margin-bottom: 0; font-size: 12px;}
.breadcrumb a { display: inline-block; color: #12a2e8; }
.breadcrumb a:hover { color: #328cbc; }

/*Page Header Styles*/
/*Commenting as breadcrumb are not implemented-remove the css once functionalities complete */
/*.pageHeading { margin: 20px 0; }*/
/*.pageHeading .h1 { margin-top: 20px; }*/
.formHeading .h1 { margin: 3px 0 0 0;color:#717b7c; font-family: 'open_sansregular'; }
.formHeading h2{margin-left:0 !important;}
.headerLine {border:0; border-bottom: 1px solid #e7e7e7; }
.pageHeading .deleteBtn { border-right: 1px solid #e7e7e7; padding: 0 30px 0 0; margin:-8px 30px 0 0; text-align: center;  color: #626262;  text-decoration: none; white-space: nowrap;}
.pageHeading .deleteBtn:hover { text-decoration: underline; }
.pageHeading .iconBtns { margin: 0px 0px 0px 10px; }
.pageHeading .activateBtn { border: 0; padding: 0; }

/*Filter Styles*/
.filter { display: flex; padding: 20px 0 20px 0; }
.filter li { flex: 1;   }
.filter li  label, .BDLInfo label{
color:#626262;
font-size: 12px;
font-weight:normal;
padding:0;
}
.filter li .filterIcon{
margin-right:10px;
}
.filter li select.formPlaceholder{
margin-left:10px;
}
.filter li select.formPlaceholder, #publishcodeFilter {
width:250px !important;
}
#manageuserbody .filter{padding-top:10px}

/*Font sizes*/
.h1, .h2 { font-size: 20px; color: #7a7b7f; font-weight: normal; }
.h2 { font-size: 16px; }


/*Icons*/
.bulkDeleteIcon, .deleteIcon, .editIcon, .filterIcon, .homeIcon, .backIcon, .activateIcon, .deactivateIcon,.csvIcon, .infoIcon {
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: text-top;
}

.error-text{color:#FD4F4F; display: inline-block; margin: 0 10px; }


.overlay{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: black; opacity:0.4;filter: alpha(opacity=40);}
.delete-icon-close{ background:url(../images/popup_close_btn.png) no-repeat; height:16px; width:16px; display:block;cursor:pointer;margin-right: 10px;}
.deactivate-icon-close{ background:url(../images/popup_close_btn.png) no-repeat; height:16px; width:16px; display:block;cursor:pointer;margin-right: 10px;}
.delete-confirmation-popup {width: 523px;height: 200px;margin-top: -100px;position:fixed;z-index: 99999;}
.deactivate-confirmation-popup {width: 523px;height: 200px;margin-top: -100px;position:fixed;z-index: 99999;}
#deactivate-bdl-confirmation-box.deactivate-confirmation-popup{
    height:230px;
}
.bulk-delete-confirmation-popup {width: 523px;height: 200px;margin-top: -100px;position:fixed;z-index: 99999;}
.widget-popup{ width:523px; height:auto; max-height:80%; background:#fff; left:50%; top:50%; margin-left:-280px; margin-top:-183px; position:fixed; z-index:1041; }
.widget-popup.addUser{
    height:auto;
    width:580px; margin-top: -290px;
    }
.widget-popup .form-button{margin-left:15px;}
.widget-header{
    background: #f1eeee;
    color: #36393b;
    padding: 18px 10px 14px 20px;
    overflow: auto;
    border-bottom: solid 1px #c9c9c9;
}
.widget-header h2{ font-size: 18px;font-family: 'open_sansregular';}
.alert-icon {background: url(../images/alert.png) no-repeat;height: 20px;width: 20px;display: block;background-size:20px 20px;margin-top:-2px;margin-right:8px;}
.widget-content{padding:20px 50px;}
.inline-row{padding-bottom:20px;}
.widget-content .inline-row:first-child{padding-bottom:20px;}

    .revokeTextArea{
    height: 173px;
    margin: 20px 0 10px;
    width: 100%;
    }
.form-label{ color:#6e6e6e; font-size:.93em;width: 100px;font-weight: normal; }
.browse-indication-text{text-align: center;padding:4px 0 10px 40px; color:#6e6e6e; font-size:.9em;margin-left: 40px;}
.valign-top{ vertical-align:top;}
.form-footer{ position:absolute; bottom:0; width:100%; text-align:center; left:0; background:#f7f7f7; border-top:solid 1px #e3e2e2; padding:10px 0;}
.form-button{background:#47b3e7;border:none;color:#fff;padding:6px 15px;cursor:pointer;font-size:.9em; margin-left:15px;}
.overlay-preloader{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9999;background-color: black; opacity:0.4;filter: alpha(opacity=40);}
.preloader-container{position:fixed;z-index:99999;top:50%;left:50%;height:50px;width:50px;}
.bulk-delete-confirmation-popup .widget-content .delete-confirmation-popup{padding:40px 50px;}
.form-footer .previous-btn:hover{background:url("../images/previous-icon.png") transparent no-repeat center center;}
.form-footer .next-btn:hover{background: url("../images/next-icon.png") transparent no-repeat center center;}
.upload-assesment .browseImage {
    position: relative;
    right: inherit;
    margin-top: -2px;
    padding: 10px;
    width: 90px;
}
.mar-l-none {
    margin-left: 0 !important;
}
.form-footer .form-button:hover,.browseImage:hover, .addWidgets:hover{background-color:#239BDB;}
.form-button{background:#47b3e7;border:none;color:#fff;padding:6px 15px;cursor:pointer;font-size:.9em; margin-left:15px;}
.widget-popup .form-button{margin-left:15px;}

.backIcon, .bulkDeleteIcon, .activateIcon, .deactivateIcon  { width: 27px !important; height: 26px !important; }

.backIcon { background-image: url(../images/backIcon.png); }
.bulkDeleteIcon { background-image: url(../images/bulkDelete.png); display: block; margin: 0 auto; }
.deleteIcon { background-image: url(../images/delete.png);  display: block; padding: 0 10px; width:auto;}
.editIcon { background-image: url(../images/edit.png);  display: block; padding: 0 10px; width:auto; margin-bottom:4px;}
.bulkDeleteIcon, .deleteIcon, .editIcon, .filterIcon, .homeIcon, .backIcon, .activateIcon, .deactivateIcon,.csvIcon, .infoIcon {
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: text-top;
    padding-left: 24px;
}
.institutionTable .actions{text-align: left;}
.ManageSub-downloadIcon{ background-image: url(../images/licenseIcon.svg);  display: block; padding: 0 12px; width:auto; margin-bottom:4px;}

.filterIcon { background-image: url(../images/filter.png);  }
.activateIcon { background-image: url(../images/activateIcon.png); margin: 0 auto;  display: block; }
.deactivateIcon { background-image: url(../images/deactivateIcon.png); margin: 0 auto; display: block; }
.dropdownArrow { background: url(../images/dropdownArrow.png) no-repeat center;
width: 20px; height: 5px; display: inline-block; vertical-align: middle; }
.flag { width: 30px; height: 14px; display: inline-block; vertical-align: text-bottom; background: url(../images/langIcon.png) no-repeat center;  }
.csvIcon { background-image: url(../images/downloadIcon.svg);  display: block; padding: 0 10px; }
#addGroups .infoIcon, .manageFileSizeInfo .infoIcon{ background-image: url(../images/infoIcon1.png);  background-position: left center; background-size:16px 16px; padding: 0 25px 0 0; display: inline-block; width:auto; float:left;}

.calendarIcon { background-image: url(../images/calendarIcon.svg); background-repeat: no-repeat; background-position:  98% center; cursor: pointer; }

.widget-popup{
    width:570px;
    height: 400px;
     background:#f9f9f9; left:50%; top:50%; margin-left:-280px; margin-top:-183px; position:fixed; z-index:1041;}
.widget-popup .form-button{margin-left:7px;}
.widget-popup-cancel{
    width:450px;
    height: 200px;
     background:#f9f9f9; left:50%; top:50%; margin-left:-280px; margin-top:-183px; position:fixed; z-index:1041;}

/*Buttons*/
.addIcon { background: url(../images/add_icon.png) no-repeat left center; height: 27px; line-height: 12px; }
.downloadTemplate { background: url(../images/icon-bulk-upload-user.png) no-repeat 10px center; }
/* .downloadTemplate { background: url(../images/download.png) no-repeat left center; } */
.importUsers { background: url(../images/user-import.png) no-repeat left center; }
.downloadIcon { background: url(../images/download.png) no-repeat left center; }
.importUsersIcon { background: url(../images/user-import.png) no-repeat left center; }
.syncFTP { background: url(../images/sync.png) no-repeat left center; }
.uploadZip { background: url(../images/zip-upload.png) no-repeat left center; }

.iconBtns { background-color: #3faae3; font-family:open_sansregular; padding: 5px 11px 5px 35px; color: #fff; cursor: pointer; border: none; white-space: nowrap;}
.iconBtns:hover { background-color: #328cbc;}

.addpubuser,.editpubuser{ background: #47b3e7; color: #fff; padding: 5px 15px; margin: 10px 10px 0 0; }
.editpubuser{ background: #47b3e7; color: #fff; padding: 5px 15px; margin: 10px 10px 0 0; }
.addpubusercancel { background: #47b3e7; color: #fff; padding: 5px 15px; margin: 10px 10px 0 0; }
.canclebtn { background: #595959; cursor: pointer}
.canclebtn:hover, addpubusercancel:hover { background: #3f3f3f;}
.addpubuser:hover, .editpubuser:hover {background-color: #328cbc; }

/*CSS for buttons to be common*/
.btn {
display: initial;
padding: inherit;
margin-bottom: inherit;
font-size: inherit;
font-weight: normal;
line-height: inherit;
text-align: center;
white-space: normal;
vertical-align: baseline;
cursor: pointer;
border: 0;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.btns { color: #fff; padding: 5px 20px; cursor: pointer; margin-right: 8px; }
.blueBtn { background: #28a8e6; }
.pull-right .btns.blueBtn { background: #28a8e6; color:#fff;height: 38px;padding: 0 30px;  margin-left: 8px;
  margin-right: 0;}
.blueBtn:disabled, .blueBtn:disabled:hover { opacity: 0.8; background: #3aa5da; }
.iconBtns:hover, .blueBtn:hover { background-color: #328cbc;color: #fff; }
.greyBtn { background: #595959; }
.greyBtn:hover { background: #3f3f3f; }
.greyBtn:disabled, .greyBtn:disabled:hover { opacity: 0.8; background: #595959; }


.asterisk{ color: red; }
.error-text { color: red; }
/*Form Styles*/
.formPlaceholder {
    padding: 8px 9px 10px 9px;
    border: 1px solid #c9c9c9;
    background-color: #fff;
    color: #626262;
    font-family: open_sansregular;
    font-size: 12px;
    padding-right: 15px;
}
select.formPlaceholder {
    padding-right: 35px;
}
.form-textbox{ width:190px; padding:4px; border:solid 2px #fff;border: solid 1px #cacaca;}
.form-textarea{ width:190px; padding:4px; border:solid 2px #fff; height:73px;margin-left: 12px;resize:none;border: solid 1px #cacaca;
    }
input[type="search"].formPlaceholder::-webkit-search-cancel-button {
  display: none;
}
.formPlaceholder:focus { border: 1px solid #28a8e6; color: #626262;  }
.formPlaceholder:disabled { border: 1px solid #dedddd; background: #f6f6f6; color: #a8a8a9; }

.search input[type="search"] { width: 337px; padding-right: 40px;}
.search-button
{
background: url(../images/searchIcon.png) 0 0 no-repeat;
width: 34px;
height: 25px;
border: none;
background-color: transparent;
position: relative;
z-index: 1;
vertical-align: middle;
margin-left: -37px;
margin-top: 3px;
}
.form-button {
  background: #28a8e6;
  border: none;
  color: #fff;
  padding: 5px 15px;
  cursor: pointer;
  font-size: .9em;
  margin-left: 15px;
}

/*Radio buttons and Checkboxes*/
.css-radio, .css-checkbox, .css-radio-active {
display: none;
overflow: hidden;
clip: rect(0 0 0 0);
height: 0px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}

.tableBody:nth-child(even) { background: #f9f9f9 !important; }

.css-checkbox + .css-label { margin: 0; padding: 3px 36px; cursor:pointer; }
.css-radio + .css-radio-label { margin: 0; padding: 1px 25px; cursor:pointer; }
.css-radio-active  + .css-radio-label { margin: 0; padding: 0px 25px; cursor:pointer; }

.css-radio-label { background: url(../images/radioBtn.png) no-repeat; }
.css-radio:checked + .css-radio-label { background: url(../images/radioBtnSelected.png) no-repeat; }
.css-radio-active:checked + .css-radio-label { background: url(../images/radioBtnSelected.png) no-repeat; }

.css-label { background: url(../images/checkBox.png) left center no-repeat; }
.css-checkbox:checked + .css-label { background: url(../images/checkBoxSelected.png) left center no-repeat; /*padding-right:35px;*/}
input[type=checkbox].css-checkbox:disabled + label.css-label {
opacity: 0.5;
    filter: alpha(opacity=50);
    }

.selectDropdown { border: 1px solid #d8d8d8; padding: 7px 35px 7px 10px; }
select.formPlaceholder {
    position: relative;
    /*-webkit-appearance: none;
    background: url(../images/dropdownIcon.png) right 10px center no-repeat; */
    width: 110px;
}
select.formPlaceholder.publisherdropdown{
    width: 210px;
}
/*select.formPlaceholder:after { content: "dasdasdadadad";
background: url(../images/dropdownBg.png) no-repeat right center;
position: absolute;
top: 0;
right: 0;
width: 37px;
height: 35px;
z-index: 1000;
border: 1px solid red;
display: inline-block; }*/


/*Table Styles*/
/*For Common style and Manage Publishers*/
.dataTable { display: table; width: 100%; background: #fff; word-break: break-all; word-wrap: break-word;}
.userTable li { width: 78px !important;}
.dataTable li { display: table-cell;  width: 155px; border-right: 1px solid #c9c9c9; vertical-align: middle; word-break: break-word; padding:0 10px;}
.dataTable{ border-bottom: 1px solid #c9c9c9;}
.tableBody:nth-child(even) { background: #f9f9f9 !important; }
#unassignUserList .userInstTable li{
    display: inline-block;
}
/*new style for adjustment of table cells*/
.new-listing{
width:100%;
border-collapse:separate;
border-spacing: 0px;
}
table.new-listing tr:last-child td ul.dataTable{
border-bottom:1px solid #c9c9c9 !important;
}


.tableHeader { background: #f0f7fc; font-family: 'open_sanssemibold'; color: #626262; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; padding:0;}
.tableHeader li { text-align: center; height: 40px; font-size: 12px; color: #36393b; }
.tableHeader li:first-child, .dataTable li:first-child{border-left: 1px solid #c9c9c9;  }

.tableBody li { font-size: 12px; height: 60px; }
.check { min-width: 40px; border-left: 1px solid #c9c9c9; text-align: center; }
.name { min-width: 320px; /*padding-left: 10px;*/ }
.code { min-width: 155px; text-align: center; }
.added { min-width: 175px; padding-left: 10px; }
.actions { min-width: 225px; text-align: center; }
.institutionTable .actions {text-align: left; }
.actions a { display: inline-block; text-align: center; width: 38px; margin: 0 20px; color: #626262; }
.actions a:hover { text-decoration: underline; }

.dataTable .css-label { padding: 0px 8px;  }
.tableBody:last-child { border-bottom: 1px solid #c9c9c9; }

/*For Manage Users*/
.userTable .name { min-width: 144px; }
.userTable .username { min-width: 144px; }
.userTable .code { text-align: left; padding-left: 10px; min-width: 120px; }
.userTable .addedBy { min-width: 145px; padding-left: 5px;  }
.userTable .added { min-width: 160px; padding-left: 5px;  }
.userTable .actions { min-width: auto; }
.userTable .status {min-width: 80px; padding: 0 10px;}
.tableHeader .name, .tableHeader .code, .tableHeader .addedBy, .tableHeader .added, .tableHeader .actions{text-align:center !important;}

/*For Manage Roles*/
.roleTable .name { min-width: 311px; }
.roleTable .added { min-width: 169px; }
.roleTable .addedBy { min-width: 195px; padding-left: 10px; }
.roleTable .actions { min-width: 178px; }

/*For Permissions*/
.permissionTable .check { min-width: 45px; }
.permissionTable .name { min-width: 268px; }
.permissionTable .code { min-width: 125px; }
.inactiveCircle { width: 8px; height: 8px; background: #666; display: inline-block; border-radius: 100px; }


/*CSS for Page wise forms*/
.inForms { display: inline-block; vertical-align: top; }
.fillDetailsForms .label { width: 155px; display: inline-block; vertical-align: middle; }
.fillDetailsForms .label.textarea{vertical-align: top;}
.fillDetailsForms .formPlaceholder { min-width: 284px; box-sizing: border-box; }
.fillDetailsForms{ margin: 25px 0 0; list-style: none;}
.fillDetailsForms li { margin: 20px 0 0; }
.fillDetailsForms li:first-child {margin: 0; }
.fillDetailsForms li ul li:first-child {margin:0 0 15px 0; }
.inForms li { margin: 0 0 15px 0; }
.buttonHolder { margin: 20px 0 0 155px !important; }
.selectRole { border: 1px solid #bababa; padding: 10px 11px 20px; width: 276px; }
.selectRole .label { width: 245px; }
.selectRole li { border-bottom: 1px solid #bababa; padding: 0 0 15px 0; }
.selectRole li:last-child { border: 0; padding: 0; }

/* Css For Subscription Page*/
.subscriptionform{ float:left; width:100%; padding:0px; margin:0px;}
.subscriptionform li{ float:left;  clear:both;}
.subscriptionform li label.label{width:150px; float:left;}

.subscriptionform li strong{ color:#000; /*font-weight:bold;*/}
.Row{ float:left; width:85%;}
.RowFixed{ float:left; width:100%;}
.RowFixed div{ float:left; max-width:170px; margin:0 15px 0 0 }
.MargB15{ margin-bottom:15px;}
.MargB8{ margin-bottom:8px;}
.Flleft{float:left;}
.YMDCol label.label{width:70px !important; margin-top:10px; margin-left:10px;}
.YMDCol select{float:left; width:80px;}
.Wdth550{ width:550px;}
.wdth330{width:330px !important}
.wdth170{width:170px !important}
.subscriptionform .buttonHolder{ margin-left:148px !important}
.label.long input[type=checkbox]{float:left; margin:0 5px 0 0;}
.Accesscodeuploader{float:left; width:400px; }
.Acesscodewrapper{ float:left;}
.Acesscodewrapper span{ display:inline-block; margin-right:8px;}
.Acesscodewrapper span input[type=text]{min-width:50px;}
.YMDCol.wdth170{margin-top:3px;}
.Row.nowdth.MargB8 span#never{ float:left; margin:10px 0 0 2px;}
ul.subscriptionform .error-text{left:auto !important; white-space:nowrap; float:left; clear:both; position:relative !important; padding-left:0px; margin-left:0px;}
.selectbook{ float:left;  max-width:164px;}
.MargL145px{ margin-left:145px !important;}
.MargL180px{ margin-left:180px !important;}
.Footer{ position:absolute; width:100%; bottom:0px;}
.pb40{padding-bottom:40px;}
.pb20{padding-bottom:20px;}
.uploadbtn{ background:#28a8e6; display:inline-block; padding:5px 10px; color:#fff; }
.uploadbtn:hover{ background:#328cbc;}
/*CSS for Pagination*/
/*.pagination { text-align: center; padding: 20px 0; }*/

/*CSS for Tabs*/
.manageRoleTabs { margin: 20px 0; text-align: center; }
.normalTab { background: #e7e7e7; color: #6e6e6e; display: inline-block; vertical-align: middle; padding: 5px 20px; border: 1px solid #666; width: 160px; }
.activeTab { background: #328cbc; color: #fff; border: 1px solid #328cbc; }

/*Footer Styles*/
footer {position:absolute; bottom:0; left:0; right:0;}
/*footer ul li { display: inline-block; width: 33%; }
footer .logo { background: url(../images/footer-logo.png); width: 103px; height: 21px; }*/


/*CSS for Manage BDL Pages*/
.BDLSort { padding: 30px 0; }
.BDLSort li { display: inline-block; white-space: nowrap;}
.sortHeading { margin-right: 70px; }
.BDLInfo .h2 { margin-top: 30px; }
.BDLInfo .headerLine { padding-bottom: 30px; margin:0;}
.fillDetailsForms .headerLine { padding-bottom: 10px; }
.BDLSort sup, .BDLInfo sup { color: #df0f36; font-weight: bold; }

.BDLTable .check { min-width: 40px; }
.BDLTable .name { min-width: 224px; }
.BDLTable .code { min-width: 130px; }
.BDLTable .type { min-width: 115px; text-align: center; }
.BDLTable .updated { min-width: 154px; padding: 0 10px; }
.BDLTable .status { min-width: 121px; /*text-align: center;*/ }
.BDLTable .actions { min-width: 136px; text-align: center; }
.BDLTable .actions a, .userTable .actions a, .instTable .actions a { margin: 0; min-width:40%; width:auto;}


/*====login page form css===========*/
.body-bg {
    background: none repeat scroll 0 0 #F5F4F4;
}
html, body {
    font-size: 12px;
    line-height: 18px;
    height: auto;
    min-height:100%;
    position:relative;
    padding-bottom: 60px;
}
html{height:100%;}
body, h2, h3 {
    /*font-family: 'open_sansregular';*/
}
.1-left {
    float: left;
}
.float-right {
    float: right!important;
} tableHeader
.clearfix {
    clear: both;
}
.txt-center {
    text-align: center;
}

.wrapper {
    height: auto;
    margin: 0 auto 1em;
    min-height: 85%;
    min-width: 780px;
}

.wrapper-max {
    margin: auto;
    max-width: 950px;
}

.login-header {
    left: 0;
    margin-bottom: 0;
    min-height: 76px;
    overflow: inherit;
    position: relative;
    right: 0;
    z-index: 1030;
}

.pp-logo {
    -moz-box-sizing: content-box;
    background: url("../images/pp_logo.png") no-repeat scroll left center transparent;
    display: inline-block;
    height: 36px;
    margin-left: 0 !important;
    padding: 12px 36px 26px 0;
    width: 173px;
}

.section-center {
    bottom: 50px;
    left: 0;
    position: absolute;
    right: 0;
    top: 70px;
}

.login-cell {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
}

.login-table-cell {
    display: table-cell;
    height: 300px;
    vertical-align: middle;
}

.login-section {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D9D9D9;
    box-shadow: 0 0 1px #D9D9D9;
    margin: auto;
    padding: 20px;
    width: 500px;
}
.login-section h1 {
    color: #04A8E7;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 28px;
    text-align: center;
}
.login-section input[type="text"], .login-section input[type="password"] {
    border: 1px solid #BDBCBC;
    color: #89949B;
    display: block;
    font-size: 18px;
    font-weight: lighter;
    height: 36px;
    margin: 0 auto 20px;
    padding: 4px 14px;
    width: 86%;
}
.login {
    background-color: #47B3E7;
    background-image: none;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    line-height: 30px;
    margin: auto;
    padding: 8px 40px;
}
.login a {
    color: #FFFFFF;
    text-decoration: none;
}
.forgot-password {
    color: #B2BABE;
    font-size: 14px;
}
.forgot-password a {
    color: #A2A2A2;
    font-size: 14px;
    text-decoration: none;
}
.forgot-password a:hover {
    text-decoration: underline;
}
.login-bottom-row {
    margin: 0 auto 20px;
    max-width: 950px;
    padding: 20px 0;
}
.login-bottom {
    bottom: 0;
    top: inherit;
}
.login-cell {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
}
.login-table-cell {
    display: table-cell;
    height: 300px;
    vertical-align: middle;
}
.login-bottom {
    bottom: 0;
    position: absolute;
    width: 100%;
}
.login-header {
    left: 0;
    margin-bottom: 0;
    min-height: 76px;
    overflow: inherit;
    position: relative;
    right: 0;
    z-index: 1030;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(238, 238, 238, 1.0), inset 0 -1px 0 rgba(238, 238, 238, 1.0);
    -moz-box-shadow: 0 1px 3px rgba(238, 238, 238, 1.0), inset 0 -1px 0 rgba(238, 238, 238, 1.0);
    box-shadow: 0 1px 3px rgba(238, 238, 238, 1.0), inset 0 -1px 0 rgba(238, 238, 238, 1.0);
}
.login-table-cell {
    display: table-cell;
    height: 300px;
    vertical-align: middle;
}

.login-bottom {
    bottom: 0;
    position: absolute;
    width: 100%;
    top: inherit;
}
.login-bottom-row {
    border-top: 1px solid #E1E1E1;
    margin: 0 auto 20px;
    max-width: 950px;
    padding: 20px 0;
}

 .success-msg {
  color: #2c6c12;
  text-align: center;
  margin: 10px 0;
  }


  .error-text-msg {
  color: #FD4F4F;
  text-align: center;
  margin: 10px 0;
  }
.class-selection-sub{
display: inline-block;
    max-height: 120px;
    overflow-x: hidden;
    overflow-y: auto;
    vertical-align: top;
    width:200px;
}

.subscriptions .first-col{
padding-left: 15px;
padding-right: 15px;
width:10%;
word-wrap:break-word;
}

.login-error {
margin: 10px;
color:#FD4F4F;
font-size: 12px;
}

.text-center { text-align: center; }
.floatRight { float: right; }
.new-listing tr.even{
    background:#f9f9f9;
}
.fillDetailsForms li.sortHeading table.new-listing{
width:auto;
display:inline-block;
}
.fillDetailsForms li.sortHeading table.new-listing thead{
display:none;
}
.fillDetailsForms li.sortHeading table.new-listing tr, .fillDetailsForms li.sortHeading table.new-listing tr td{
display:inline-block;
vertical-align:middle;
}
.fillDetailsForms li.sortHeading table.new-listing tr.odd, .fillDetailsForms li.sortHeading table.new-listing tr.even{
background-color:transparent;
}

.navigation > ul > li.disabled{opacity:0.5;}

/*For Manage Inst Users*/
.userInstTable .name { min-width: 175px; }
.userInstTable .email { padding-left: 10px; min-width: 223px; }
.userInstTable .role { padding-left: 10px; min-width: 133px; }
.userInstTable .updatedOn { min-width: 130px; padding-left: 5px;  }
.userInstTable .status { min-width: 130px; text-align: center;  }
.userInstTable .actions { min-width: 120px; }

/*For Manage Institution*/
/*.institutionTable { margin-top: 40px; }*/
.instTable .name { width: 198px;min-width: inherit;}
.instTable .code {width: 181px;text-align:center; }
.instTable .updatedOn { width: 220px;}
.instTable .status { min-width: 145px; max-width: 145px; text-align: center;}
.instTable .actions { min-width: 140px; max-width: 140px; text-align: center;}


/*For Groups Table*/
.groupsTable .check { width: 35px; }
.groupsTable .name { width: 275px; }
.groupsTable .number { min-width: 135px; text-align: center; }
.groupsTable .updatedOn { width: 152px;}
.groupsTable .status { width: 130px; text-align: center; }
.groupsTable .actions { width: 160px; }



/*For Add Inst Users*/
.emailInfo { margin-left: 155px; font-size: 11px; }

/*For License Tables*/
.bookInfo { border-left: 1px solid #c9c9c9; width: 290px; padding-left: 15px; }
.avCopies { min-width: 180px; text-align: center; }
.alCopies { min-width: 167px; text-align: center; }
.updatedOn { min-width: 121px; padding-left: 15px; }
.deprecatedOn{min-width: 121px; padding-left: 15px; list-style:none; }
.actions { width: 170px; }

/*For Add Groups*/
.groupName { width: 500px; margin-bottom: 10px; }
.leftCol, .rightCol { width: 420px; display: inline-block; vertical-align: middle; }
.colHeader { position: relative; padding: 17px 10px; background: #f8f8f8; font-size: 14px;  border: 1px solid #999999; border-bottom:0}
.colHeader input[type="search"] { width: 220px; }
.searchBox { position: absolute; right: 3px; top: 7px; }
.listBox { width: 100%; border-collapse: collapse; height: 290px !important; }
.listBox option { padding: 10px; border-bottom: 1px solid #c9c9c9; color: #626262; }
.listBox thead { background: #f0f7fc; border: 1px solid #999999; border-bottom: 0;   }
.listBox td, .listBox th  { padding: 10px; width: 50%; text-align: left; border-bottom: 1px solid #999; }
.listBox th { border-bottom: 0; }
.arrowHolders { display: inline-block; vertical-align: middle; padding: 0 35px; text-align: center; }
.emptyTable {  text-align: center; line-height: 48px; height: 340px!important; }
.colBody { height: 300px; overflow:hidden; border: 1px solid #999999;  }
.rightArrow, .leftArrow { background: url(../images/rightArrow.svg) center no-repeat; width: 30px; height: 30px; display: block;  margin: 15px 0;  }
.leftArrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.groupBtns { margin-top: 30px; }


/*For Manage Subscription Table*/
.subsTable .check { min-width: 35px;  max-width: 35px; }
.subsTable .title { min-width: 215px;max-width: 215px; padding-left: 10px; }
.subsTable .type { min-width: 115px; max-width: 115px;  text-align: center; }
.subsTable .allocation { min-width: 100px; max-width: 100px; text-align: center; }
.subsTable .start { min-width: 90px; max-width: 90px;  padding-left: 10px; padding-right:10px; }
.subsTable .expiry { min-width: 90px; max-width: 90px;   padding-left: 10px; padding-right:10px; }
.subsTable .copies { min-width: 90px; max-width: 90px;  text-align: center; }
.subsTable .updatedOn { min-width: 120px; max-width: 120px;  }
.subsTable .status { min-width: 95px;  max-width: 95px; text-align: center; }


/*For Manage License Allocation*/
.licenseSection { position: relative; }
.licenseTable .bookInfo { min-width: 205px; width:auto !important;}
.licenseTable .alTypes { min-width: 132px; text-align: center; }
.licenseTable .avCopies { min-width: 128px; }
.licenseTable .alCopies { min-width: 130px; }
.licenseTable .startDate { min-width: 117px; padding-left: 15px; }
.licenseTable .expDate { min-width: 109px; padding-left: 15px; }
.licenseTable .actions { min-width: 76px; }

/*For Edit License Allocation*/
.licenseData { margin: 40px 0; }
.licenseDetails .h1 { line-height: 24px; margin-bottom: 15px; }

.licenseImg {
margin-right: 20px;
width: 119px;
height: 156px;
display: inline-block;
vertical-align: text-top;
}
.licenseImg img{
max-width: 100%;
max-height: 100%;
}
.licenseDetails { width: 50%; vertical-align: top; display: inline-block; }
.licenseTable { margin: /*15px*/ 0 0 0; }
.licenseTable td { padding: 0 20px 0 0; }
.licenseTable .value { color: #36393b; }

.allocationDetails { width: 200px; padding: 0px 20px 15px 20px; background: #f1eeee; font-weight: bold; float:right;}
.alloTitles { font-weight: normal; margin: 12px 0 0 0; }





/*Class added for Grey Btns*/
.greyBtn {  background: #f9f9f9!important;
    color: #626262!important;
    border: 1px solid #c9c9c9!important; }
.greyBtn:hover { background: #f1eeee!important; }

sup { color: #df0f36; font-weight: bold; top:0; }

.headerFilter { margin-bottom: 19px; }
.licenseDataTable { margin-top: 40px; }
.pageSubHeader { margin: 30px 0; }
.selectBookBtn { margin: 0; }
.groupHeader { margin: 50px 0 20px 0; }

/*For Manage Inst Users*/
.userInstTable .userName { min-width: 130px; max-width: 130px; }
.userInstTable .userEmail { min-width: 203px;}
.userInstTable .role { min-width: 133px;}
.userInstTable .updation { min-width: 170px;  max-width: 170px; }
.userInstTable .status { min-width: 110px;text-align: center;  }
.userInstTable .actions { min-width: 120px;}
/*.tableHeader.userInstTable .userName, .tableHeader.userInstTable .userEmail, .tableHeader.userInstTable .updation, .tableHeader.userInstTable .status {padding-left: 0px; }*/
/*CSS for DRM Table*/
.DRMTableData { margin: 40px 0 0 0; }
.DRMTable .models { min-width: 220px; border-left: 1px solid #c9c9c9; padding-left: 20px; }
.DRMTable .web { min-width: 330px; text-align: center; }
.DRMTable .mobile { min-width: 380px; text-align: center; }
.DRMTable:nth-child(even) { background: #fff !important; }
.noUsers { margin-top: 30px; }
.noUsers label{width:200px; display:inline-block; vertical-align:middle;}
.noUsers .formPlaceholder { width: 70px; margin: 0 20px; padding-right: 9px;}
.marginLeft0 { margin-left: 0 !important; }


/*CSS for select book popup*/
#select-book-popup {
  width: 820px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: fixed;
  min-height:auto;
  height: 600px;
  bottom:auto;
}
#select-book-popup .header, #select-book-popup .footer{
    position:absolute;
    left:0;
    right:0;
}
#select-book-popup .content{
    position: absolute;
  top: 45px;
  bottom: 55px;
  left: 0;
  right: 0;
  overflow: auto;
}
#select-book-popup .tableContainer{
    top:120px;
    bottom:0;
}
#select-book-popup .css-radio + .css-radio-label{
    padding:1px 8px;
}



#select-book-popup .filter { padding: 0 0 20px 0; width: 333px;}
.selectBookTable .bookInfo { min-width: 366px; }
.selectBookTable .author { min-width: 222px; padding-left: 15px; }
.selectBookTable .select { min-width: 120px; text-align: center; }

/*Popup-CSS*/
.overlay { background: #000; opacity: 0.5; position: fixed; overflow: auto; top: 0; right:0; bottom: 0; left: 0; width: 100%; height: 100%; display: none; }
.popup { width: 480px; height: 416px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border: 1px solid #c9c9c9; background: #f9f9f9; display: none; }
.header, .footer { padding: 13px 10px; background: #f1eeee; border-bottom: 1px solid #c9c9c9; position: relative; }
.header h3{    font-family: open_sanssemibold;font-size: 14px; }
.footer {  border-top: 1px solid #c9c9c9; border-bottom:0px; text-align: center; position: absolute; bottom: 0; width: 100%; box-sizing: border-box; left:0; }
.popup .content { padding: 20px; }
.popup .label { width: 80px; }
.titleDropdown { min-width: 30px !important; padding: 9px 3px; }
.idTextField { min-width: 150px !important; }
.popup .popCloseIcon { position: absolute; top: 15px; right: 10px; cursor: pointer; }


/*CSS for file upload input*/
.fileUpload { position: relative; overflow: hidden; margin: 10px 0; margin-left: -3px; padding: 11px 20px; color: #fff;}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.fileUpload span { color: #fff; }
.fileUploadInfo { margin-left: 158px; }

/*CSS for Bulk User*/
.documentDetails { margin-top: 40px; }

.documentDetails .h3 { margin-top: 10px; margin-bottom: 30px; }
.documentList { display: table; width: 100%; background: #f9f9f9; }
.documentList li { display: table-cell; text-align: center; border: 1px solid #c9c9c9; border-left: 0; padding: 20px; }
.documentList li:first-child { border-left: 1px solid #c9c9c9; }
.documentList li:last-child { border-right: 1px solid #c9c9c9; }
.recordNumber { font-size: 20px; font-family: 'open_sanssemibold'; color: #36393b; margin: 8px 0 15px 0; }
.marginTop10 { margin-top: 10px; }
.csvtempIcon { margin: 0 !important; }
.fileUploadInfo { font-size: 11px; }


/*CSS for Notification Bar- Success and Error*/
.notificationBar { font-size: 13px; position: relative; margin: 20px auto; border-radius: 5px; padding: 10px; }
.errorBar { background: #f2dede; border: 1px solid #e5aaaa; color: #ba1616; }
.errorBar .msg { font-family: 'open_sansbold'; vertical-align: middle;  }
.errorBar .text { vertical-align: middle; }
.errorBar .icon,.errorBar .close { width: 14px; height: 14px; display: inline-block; vertical-align: middle; }
.errorBar .icon { background: url(../images/errorIcon.png) no-repeat center; }
.errorBar .close { background: url(../images/errorCloseIcon.png) no-repeat center; position: absolute; right: 10px; top: 14px; }

.successBar { background: #dff0d8; border: 1px solid #9bdb81; color: #2c6c12; }
.successBar .msg { font-family: 'open_sansbold'; vertical-align: middle;  }
.successBar .text { vertical-align: middle; }
.successBar .icon,.successBar .close { width: 14px; height: 14px; display: inline-block; vertical-align: middle; }
.successBar .icon { background: url(../images/successIcon.png) no-repeat center; }
.successBar .close { background: url(../images/successCloseIcon.png) no-repeat center; position: absolute; right: 10px; top: 14px; }
/*CSS for Mange Subscription Page data*/
.manageSubTable .title{ max-width: 175px; min-width: 175px;}
.manageSubTable .allocation{ max-width: 70px; min-width: 70px;}
.manageSubTable .type{ max-width: 70px; min-width: 70px;}
.subsTable .type.manageSubTypeDesc{text-align: left; min-width: 160px; max-width: 160px;}
.manageSubTable .copies{ max-width: 57px; min-width: 57px;}
.manageSubTable .start{ max-width: 70px; min-width: 70px;}
.manageSubTable .status{ max-width: 50px; min-width: 50px;}
.ManageSub-downloadIcon{ background: url(../images/downloadIcon.svg) no-repeat; height:18px; display:block; background-position: 17px 0px; cursor:pointer;}
.ManageAllocationIcon{ background: url(../images/licenseIcon.svg) no-repeat; height:18px; display:block; background-position: center center; cursor:pointer;}
.manageSubTable .status a:hover, .manageSubTable .status a:focus{ text-decoration:none;}
/* css changes as per naveen*/
.navigation > ul > li.home-pad-none{
margin-left:-15px;
}
.navigation > ul > li > a.no-arrow {
background-image:none;
padding-right: 0;
}

.language {
    border-right: 1px solid #E2E1DC;
display: inline-block;
width:auto;
}
.language li{
padding:4px 25px;
}
.user li{
padding:4px 0 4px 20px;
}

.user {
    display: inline-block;
}
.english, .vietnamese {
    background-image: url(../images/flag-icons.svg);
}
.english {
    background-position: 0 9px;
}
.vietnamese {
    background-position: 0 9px;
}
.logmeout{
background-image: url(../images/logout-icon.png);
background-position:15px center;
}
.logout-icon {background-image: url("../images/logout-icon.png");display: inline-block;height: 14px;margin: 2px 6px -3px 4px;width: 14px;}


.language li.dropdown-toggle:after, .user li.dropdown-toggle:after {
    display: inline-block;
    height: 7px;
    margin-left: 10px;
    width: 11px;
    content: "";
    vertical-align: middle;
    background:url(../images/dropdownArrow.png) right center no-repeat;
}



.dropdown-menu {
    border: 1px solid #D0D0D0;
    box-shadow: none;
    border-radius: 0;
margin:0;
padding:0;
}
.dropdown-menu > li > a{
color: #626262;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
background-color: #F8F8F8;
color: #626262;
}
.dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
}
.dropdown-menu:after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}
.lang-dropdown {
    left: auto;
    min-width: 157px;
    right: 23px !important;
    top: 36px;
    width: auto;
}
.user-dropdown {
    left: auto;
    min-width: 157px;
    right: -13px !important;
    top: 36px;
}
.lang-dropdown li, .user-dropdown li{
    border-bottom: 1px solid #E8E9EF;
    color: #626262;
    font-size: 12px;
    text-align: left;
padding:0;
}
.lang-dropdown li:last-child, .user-dropdown li:last-child{
border-bottom:none;
}
.lang-dropdown li a, .user-dropdown li a{
    padding: 10px 15px;
}
.lang-head {
    color: #8F8E89 !important;
    padding: 10px 15px !important;
}

.lang-dropdown .english, .lang-dropdown .vietnamese  {
    background-position: 10px 14px;
    padding-left: 40px;
}
.lang-dropdown .vietnamese  {
    background-position: 10px -35px;
}
.user-dropdown a.logmeout{
padding-left: 40px;
}
.lang-dropdown:before, .user-dropdown:before{
 left: auto;
    right: 8px;
}
.lang-dropdown:after, .user-dropdown:after {
    left: auto;
    right: 9px;
}
.b-border-top {
    border-top: 1px solid #EEEEEE;
    margin-top:20px;
}
.poweredby{
color: #B5B5B5;
}
.bottom-links {
color: #7D7D7E;
}
.bottom-links a{
color: #7D7D7E;
}

.powered {
    background-image: url(../images/openpage-logo.svg);
    height: 26px;
    width: 80px;
}
.excel-b-logo {
    background-image: url("../images/excel-logo.svg");
    height: 17px;
    width: 88px;
}

/*common css add*/
/*placeholder text*/
::-moz-placeholder {
  color: #dfded9;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #dfded9;
}
::-webkit-input-placeholder {
  color: #dfded9;
}
/*placeholder text*/
/*floating*/
.float-l {
    float: left;
}
.float-r {
    float: right;
}
.float-none {
    float: none !important;
}
/*floating*/

/*text align*/
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
/*text align*/

/*text related styling*/
.text-transform {
    text-transform: uppercase !important;
}
.text-transform-none {
    text-transform: none !important;
}
.text-justify {
    text-align: justify;
}
.text-italic {
    font-style:italic;
}
.strong {
    font-weight: bold;
}
.txt-ind {
    text-indent: -9999px;
}
.txt-ellips {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*text related styling*/
/*positioning*/
.pRelative {
    position: relative;
}
.pAbsolute {
    position: absolute;
}
.pFixed {
    position: fixed;
}
/*positioning*/
/*display*/
.dInb {
    display: inline-block;
}
.dblk {
    display: block !important;
}
.display-none {
    display: none !important;
}
/*display*/

/*vertical alignment related*/
.v-align-middle {
    vertical-align: middle;
}
.v-align-top {
    vertical-align: top;
}
.v-align-bottom {
    vertical-align: bottom;
}
/*vertical alignment related*/

/*clear related*/
.clr {
    clear: both;
}
.clr-left{
    clear:left;
    }
.clr-right{
    clear:right;
    }
/*clear related*/

/*background related*/
.bgr-nor {
    background-repeat: no-repeat;
}
.bgr-pos-left {
    background-position: left center;
}
.bgr-pos-cent {
    background-position: center center;
}
/*background related*/
/*cursor related*/
.cur-not-allowed{
    cursor:not-allowed;
    }
.cur-pointer {
    cursor: pointer;
}
/*cursor related*/
.border-right{border-right:1px solid #d6d5cf;}

/*margin*/
/*margin top*/
.mt0 {margin-top: 0!important;}
.mt5 {
    margin-top: 5px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt25 {
    margin-top: 25px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt35 {
    margin-top: 35px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt45 {
    margin-top: 45px !important;
}
.mt50 {
    margin-top: 50px !important;
}
/*margin top*/
/*margin bottom*/
.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb25 {
    margin-bottom: 25px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb35 {
    margin-bottom: 35px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb45 {
    margin-bottom: 45px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
/*margin bottom*/
/*margin left*/
.ml0 {margin-left: 0px !important;}
.ml5 {
    margin-left: 5px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.ml15 {
    margin-left: 15px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.ml25 {
    margin-left: 25px !important;
}
.ml30 {
    margin-left: 30px !important;
}
.ml35 {
    margin-left: 35px !important;
}
.ml40 {
    margin-left: 40px !important;
}
.ml45 {
    margin-left: 45px !important;
}
.ml50 {
    margin-left: 50px !important;
}
.ml55 {
    margin-left: 55px !important;
}
/*margin left*/
/*margin right*/
.mr0 {
    margin-right: 0px !important;
  }
.mr5 {
    margin-right: 5px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mr25 {
    margin-right: 25px !important;
}
.mr30 {
    margin-right: 30px !important;
}
.mr35 {
    margin-right: 35px !important;
}
.mr40 {
    margin-right: 40px !important;
}
.mr45 {
    margin-right: 45px !important;
}
.mr50 {
    margin-right: 50px !important;
}
/*margin right*/
.mar-none {
    margin: 0 !important;
}
.mar-t-none {
    margin-top: 0 !important;
}
.mar-r-none {
    margin-right: 0 !important;
}
.mar-l-none {
    margin-left: 0 !important;
}
.mar-b-none {
    margin-bottom: 0 !important;
}
/*margin*/

/*padding*/
/*padding top*/
.pt5 {
    padding-top: 5px !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pt13 { padding-top: 13px !important;}
.pt15 {
    padding-top: 15px !important;
}
.pt20 {
    padding-top: 20px !important;
}
.pt25 {
    padding-top: 25px !important;
}
.pt30 {
    padding-top: 30px !important;
}
.pt35 {
    padding-top: 35px !important;
}
.pt40 {
    padding-top: 40px !important;
}
.pt45 {
    padding-top: 45px !important;
}
.pt50 {
    padding-top: 50px !important;
}
/*padding top*/
/*padding bottom*/
.pb5 {
    padding-bottom: 5px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pb15 {
    padding-bottom: 15px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.pb25 {
    padding-bottom: 25px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
.pb35 {
    padding-bottom: 35px !important;
}
.pb40 {
    padding-bottom: 40px !important;
}
.pb45 {
    padding-bottom: 45px !important;
}
.pb50 {
    padding-bottom: 50px !important;
}
/*padding bottom*/
/*padding left*/
.pl5 {
    padding-left: 5px !important;
}
.pl10 {
    padding-left: 10px !important;
}
.pl15 {
    padding-left: 15px !important;
}
.pl20 {
    padding-left: 20px !important;
}
.pl25 {
    padding-left: 25px !important;
}
.pl30 {
    padding-left: 30px !important;
}
.pl35 {
    padding-left: 35px !important;
}
.pl40 {
    padding-left: 40px !important;
}
.pl45 {
    padding-left: 45px !important;
}
.pl50 {
    padding-left: 50px !important;
}
/*padding left*/
/*padding right*/
.pr5 {
    padding-right: 5px !important;
}
.pr10 {
    padding-right: 10px !important;
}
.pr15 {
    padding-right: 15px !important;
}
.pr20 {
    padding-right: 20px !important;
}
.pr25 {
    padding-right: 25px !important;
}
.pr30 {
    padding-right: 30px !important;
}
.pr35 {
    padding-right: 35px !important;
}
.pr40 {
    padding-right: 40px !important;
}
.pr45 {
    padding-right: 45px !important;
}
.pr50 {
    padding-right: 50px !important;
}
/*padding right*/
.pad-none{
    padding:0px !important;
    }
.pad-l-none {
    padding-left: 0 !important;
}
.pad-r-none {
    padding-right: 0 !important;
}
.pad-t-none {
    padding-top: 0 !important;
}
.pad-b-none {
    padding-bottom: 0 !important;
}
/*padding*/

/*width for table start*/
.width5 {
    width: 5%;
}
.width10 {
    width: 10%;
}
.width15 {
    width: 15%;
}
.width20 {
    width: 20%;
}
.width25 {
    width: 25%;
}
.width30 {
    width: 30%;
}
.width35 {
    width: 35%;
}
.width40 {
    width: 40%;
}
.width45 {
    width: 45%;
}
.width50 {
    width: 50%;
}
.width60{width: 60%;}
.width100 {
    width: 100%;
}

/*width for table start*/
.tableContainer{
position: absolute;
bottom: 65px;
top: 162px;
bottom: 65px;
width: 793px;
overflow-x:hidden;
overflow-y:auto;
}
.tableContainer table.new-listing tbody{
overflow-y: auto;
position: absolute;
height: 100%;
}
.infoIcon { background:url(../images/infoIcon1.png) no-repeat center; display: block; height: 24px; width: 100%;    }
.noData { padding: 10px 0; text-align: center; border: 1px solid #c9c9c9; margin:0px auto 10px;}
.manageFileSize li{
    text-align:center;
    width:50%;
}
.manageFileSize li .formPlaceholder{
    margin-right:10px;
    width:100px;
    text-align:center;
}
.manageFileSizeInfo{
margin:30px 0 0;
}

/*CSS added*/
.heading-container h1,.heading-container h3,h1.h1{ font-family: 'open_sansregular';}
.pageHeading .iconBtns.addIcon {   margin: 0 0 0 10px;}
.container .footerOps{position: absolute;bottom: -60px;left: 0;right: 0;}
.validation, .error-text {
    color: #e66464;
    font-size: 10px;
    text-align: left;
    z-index: 1;
    position: relative;
}
.fillDetailsForms .error-text {
    left:147px;
    display:block;
}
{font-family: 'Segoe UI';}
.tabbable .tabs {list-style: none; margin: 0 10px; padding: 0;}
.tabbable .tabs li {list-style: none; margin: 0; padding: 0; display: inline-block; position: relative; z-index: 1;}
.tabbable .tabs li a {text-decoration: none; color: #000; border: 1px solid #ccc; padding: 5px; display: inline-block; border-radius: 5px 5px 0 0; background: #f5f5f5;}
.tabbable .tabs li a.active, .tabbable .tabs li a:hover {border-bottom-color: #fff; background: #fff;}
.tabcontent {border: 1px solid #ccc; margin-top: -1px; padding: 10px;}

.manage-license-tabs.tabbable .tabs{ margin-left:-10px; position:relative;}
.manage-license-tabs.tabbable .tabs li a{ padding: 5px 37px!important; margin-right: 4px;}
#treeExpandCollapseDiv input{ background:none; font-weight: normal; font-family: open_sansRegular;
 font-size: 10px; float: right; margin-right: 6px; border-right: solid 1px #cacaca; padding-right: 5px; text-decoration: underline;}

#treeExpandCollapseDiv input:first-child{ border-right:none;}

/*CSS for Manage Roles */
.role-tabs { text-align: center; margin-top: 20px; margin-bottom: 20px; }
.manage-role-tab, .view-permission-tab { min-width: 160px; padding: 5px 15px; display: inline-block; background: #f5f4f4; border: 1px solid #e7e7e7; }
.active-role-tab, .active-role-tab:hover, .active-role-tab:active, .active-role-tab:visited  { background: #3faae3; color: #fff; border: 1px solid #328cbc; text-decoration: none !important; }

.manageRoleTable .check { width: 65px; }
.manageRoleTable .role { width: 350px; text-transform: capitalize; }
.manageRoleTable .updatedOn { min-width: 186px; }
.manageRoleTable .updatedOn .date { width: 111px; }
.manageRoleTable .updatedBy { min-width: 211px; }

/*CSS for Add Roles*/
.assign-tasks-tabs { margin: 0 0 30px 0; width: 720px; display: inline-block; vertical-align: top; }
.assign-tasks-tabs .tabs { margin: 0 !important; }
.assign-tasks-tabs ul.tabs li { margin: 0 3px 0 0 !important; }

.ops-tab, .qas-tab, .sf-tab, .allocation-tab, .available-tab {
    padding: 5px 20px !important;
    text-align: center;
    border: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-right: -1px;
    color: #36393b;
    font-size: 14px;
    outline: none;
    border-radius:0 !important;
    font-size: 12px;
}
.assign-tasks-tabs .active, .manage-license-tabs .active { height: 30px; border-bottom: 0; color: #0a91d2 !important; background: #fff; }
.assign-tasks-tabs .tabcontent { height: 250px; width: 780px; overflow: auto; }
.assign-tasks-tabs .err-div { left: 0; padding: 0; margin: 10px 0; font-size: 12px; }


.assign-tasks-tabs .tab { padding: 0 12px; }
.assign-tasks-tabs .tab ul { -moz-column-width: 323px; column-width: 323px; -webkit-column-width: 323px; }
.assign-tasks-tabs .tab .css-checkbox + .css-label { padding: 3px 0 3px 20px; display: inline-block; vertical-align: top; }
.page-errors { display: block; padding: 10px; font-size: 12px; text-align: center; }



/*CSS for View Permissions Page*/
.map-container { margin: 20px 0; position: absolute; width: 800px; height: 600px; }
.actions-container { position: absolute; width: 310px; border-right: 1px solid #c9c9c9; }
#rolesWrapper { position: absolute; width: 640px; left: 310px; overflow-x: scroll; overflow-y: hidden; border-right: 1px solid #c9c9c9; }
.roles-container { position: relative; width: 100%; height: 100%; }

.actions-container ul, .roles-value {
    vertical-align: middle;
    word-break: break-word;
    font-size: 12px;
    padding: 10px;
    height: 60px;
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
}

.roles-value { text-align: center; border-bottom: 1px solid #c9c9c9;  }

.actions-container ul:nth-child(1), .roles-holder li {
    background: #f0f7fc;
    font-family: 'open_sanssemibold';
    color: #626262;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    padding: 10px;
    text-align: center;
    text-transform: capitalize;
    line-height: 36px;
}

.roles-holder li, .roles-value { min-width: 160px; height: 60px; border-right: 1px solid #c9c9c9; border-left: 0; }
.roles-value:last-child { border-right: 1px solid #c9c9c9; }

.filter-section { height: 30px; margin-top: 30px; line-height: 30px }

.permission-filter { float: left; }
.permission-filter li { display: inline-block; }
.permission-filter .css-checkbox + .css-label { padding: 3px 36px 3px 20px; }
.table-controls { float: right; }

.left-control, .right-control { padding: 0px 12px; display: inline-block; background: #c9c9c9; text-align: center; color: #fff; }

.left-control:hover, .right-control:hover,
.left-control:active, .right-control:active
 { background-color: #3faae3; color: #fff; text-decoration: none; }

.left-control:visited, .right-control:visited,.left-control:focus, .right-control:focus  { text-decoration: none; color: #fff;}

.action-map { width: 10px; height: 10px; background: #3faae3; display: inline-block; -moz-border-radius: 50px; border-radius: 50px; -webkit-border-radius: 50px;  }


/*New CSS for Manage Institution*/
.subscriptionform .sortHeading { margin: 35px 0 0 0; }
.subscriptionform li div#subscriptionTypeHolder{ float:left; padding: 25px; background: #f2f2f2; border:solid 1px #e4e4e4; width:65%;  }
.subscription-duration { margin: 25px 0 15px 0; }
.subscription-duration .label, .subscription-expiry .label, .activation-deadline .label { width: 200px; }
.subscription-expiry #never { display: inline-block; vertical-align: middle; }
.Row.nowdth #subscriptionExpireDate{float:left; margin-top: 0;}
.subscription-duration .formPlaceholder, .subscription-expiry .formPlaceholder, .activation-deadline .formPlaceholder { min-width: 180px; }
.YMD-holder { width: 500px; display: inline-block; vertical-align: middle; }
.YMDCol{ width: 165px; float:left; }
/* .subscription-expiry .label  { vertical-align: top; } */
.subscription-expiry { margin-bottom: 15px; }
.accessCode { margin-top: 30px; }
.subscriptionform .buttonHolder { margin-left: 150px !important; margin-top: 60px!important; margin-bottom: 40px!important; }
#activation-deadline-error,.subscription-duration #start-date-error, #start-expiry-date-error, .activation-deadline #activation-date-error { float: none; left: 203px !important; }
.YMD-holder #end-date-error { left: 24px !important; }
#datemsg { width: 100%; display: inline-block; }


/*Book Info */
#bookContainer { bottom: 111px; }
.bookInfo-popup { width: 750px; height: 570px; margin-left:-375px; margin-top:-285px}
#coverImage { width: 118px; height: 153px; }
.browse-poster-image{
background: #fff;
height: 127px;
min-width: 100px;
border: solid 1px #e0e0e0;
overflow: hidden;
position: relative; }

/*------------------------------------------------CSS for Book Listing.jsp------------------------------------------------*/

.bookInfo { width: 470px; min-width: 470px; max-width: 470px; padding: 15px !important; }
.bookVersionDetails { width: 260px; position: relative; }
.bookCover { width: 48px; height: 60px; border: 1px solid #c9c9c9; }
.bookCover img[src] { width: 100%; height: 100%; background: url(../images/dummyBook.png) no-repeat center; }
.bookCover, .bookDetails { display: inline-block; vertical-align: top;}
.bookDetails {  width: 365px; margin: 0 0 0 17px; }
.bookTitle { font-size: 16px; }
.bookAuthor { text-transform: capitalize; }
.bookIsbn { color: #aeaeae; text-transform: lowercase;}
.publishedDate, .sizeOfBook, .assetSize { font-size: 11px; color: #36393b; }
.bookType { position: absolute; top: 25px; right: 15px; width: 70px; height: 18px; text-transform: uppercase; text-align: center; font-size: 10px; }
.revokedBook { border: 1px solid #cc3300; color: #cc3300; }
.publishedBook { border: 1px solid #009933; color: #009933; }
.BookInfoTable .actions a { width: 99px; margin: 0; text-align: center; }
.book-info-popup {  border: 1px solid #c9c9c9; background: #f9f9f9; width: 651px; height: 578px; }

/*CSS for Popup- Book Info*/
.book-info-popup .content {     padding: 36px 30px;height: 300px;overflow-y: auto;overflow-x: hidden; }
.book-info-popup .browse-poster-image { display: inline-block; vertical-align: top; width: 96px !important; height: 123px !important; border: 1px solid #dfdfdf;margin-right: 10px;margin-top: 5px; }
.book-info-popup .browse-poster-image img { width: 100%; height: 100%; }
.publishedBookContent { display: inline-block; vertical-align: top; width: 79%; margin-left: 35px; }
.bookName { font-size: 16px; color: #36393b; margin-bottom: 17px; text-align: left; margin-left: -20px }
.book-info-popup .bookAuthor { text-transform: capitalize; }
.book-info-popup .bookIsbn { text-transform: uppercase; }
.table-label { color: #626262; font-size: 12px; text-transform: capitalize; }
.book-info-popup .publisher, .book-info-popup .keyword { padding: 5px 0; }
.book-desc-info { margin: 30px 0 0 0; }
.closePopup {cursor:pointer; position: absolute; top: 14px; right: 14px;width: 16px; height: 16px; display: inline-block; background:url(../images/closepopup.png) no-repeat center; }
.book-info-popup .header h3, .revoke-book-popup .header h3, .version-history-popup .header h3 { font-family: open_sanssemibold; font-size: 14px; }
.view-version-icon { background: url(../images/version_history.png) no-repeat; width: 100%; height: 20px; display: block; }
.revoke-icon { background: url(../images/revoke.png) no-repeat center; width: 50%; height: 20px; display: block; margin: 0 0 0 77px;}
.bookBackIcon { margin: 12px 0 0 0; }
.bookHeader { margin-top: 15px !important; }

/*CSS for Revoke Book popup*/
.revoke-book-popup { width: 550px; height: 440px; border: 1px solid #c9c9c9; }
.revoke-book-popup .content { padding: 45px 25px; }
.revokeTextArea { width: 100%; height: 180px; border: 1px solid #c9c9c9; margin: 22px 0 8px 0; resize: none; }

/*CSS for View Version History popup */
.version-history-popup { width: 580px; height: 400px; border: 1px solid #c9c9c9; }
.version-history-popup  .content { padding: 35px 25px; height: 350px; overflow-y: auto;  }
.version-history-popup .content ul { margin-bottom: 25px; }
#versionDate { font-weight: bold; margin-bottom: 8px; font-size: 11px;  }
#versionTime { color: ##aeaeae; font-size: 11px; }
.historyDetails { display: inline-block; border-bottom: 1px solid #c9c9c9; width: 80%; padding-bottom: 20px;}
#bookAction { font-weight: bold; text-transform: capitalize; }
.version { font-weight: bold; }
.disabledRevoke[disabled] { opacity: 0.5; cursor: default; }
.disabled { opacity: 0.5; cursor: default; }
/*css for manage groups*/
.groupTable{
    margin:40px 0 0;
    }
.left-colum{
    border:1px solid #ddd;
    float:left;
    width:242px;
    }
.left-colum .colHead,.right-colum .colHead{
    background:#f5f4f4;
    border-bottom:1px solid #ddd;
    color:#626262;
    font-size:12px;
    padding:12px;
    }
.left-colum .colHead{
    font-family:'open_sanssemibold';
    }

.left-colum-small{
    border:1px solid #ddd;
    float:left;
    width:86px;
    }
.left-colum-small .colHead,.right-colum .colHead{
    background:#f5f4f4;
    border-bottom:1px solid #ddd;
    color:#626262;
    font-size:12px;
    padding:12px;
    }
.left-colum-small .colHead{
    font-family:'open_sanssemibold';
    }



.right-colum .colHead{
    border:1px solid #ddd;
    border-left:0;
    margin-left:-13px;
    }
/*Added Backgrounds in CSS*/
.right-colum .colHead .brdcrumb,.groupTable .jstree-default>.jstree-no-dots li > .jstree-anchor{
    background:none;
    color: #626262;
    font-family: 'open_sansregular';
    min-height: 40px;
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 167px;
    }

    .right-colum .colHead .brdcrumb,.groupTable .jstree-default>.jstree-no-dots li[aria-level="6"]  > .jstree-anchor, .right-colum .colHead .brdcrumb,.groupTable .jstree-default>.jstree-no-dots li[aria-level="5"]  > .jstree-anchor, .right-colum .colHead .brdcrumb,.groupTable .jstree-default>.jstree-no-dots li[aria-level="4"]  > .jstree-anchor {max-width:115px;}

.jstree-container-ul > li > a,.right-colum .colHead .brdcrumb{ background:url(../images/icon-institute.png) left center no-repeat!important;padding-left:27px;color: #36393b!important;font-family: open_sansBold!important;}
.jstree-default>.jstree-container-ul>.jstree-node{ margin-left:0;padding-left:0;}
.jstree-default .jstree-node{ margin-left:0; padding-left: 20px;}
.right-colum .colHead .brdcrumb{
        line-height: inherit;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
    min-height: inherit;
}
.jstree-default .jstree-wholerow{ height: 42px;background: #fff;   border-bottom: solid 1px #dddddd;  margin-top: -1px; border-top: solid 1px #dddddd;}
.jstree-default .jstree-wholerow:hover{background: #f0f7fc; border-bottom: solid 1px #bbd3df; border-top: solid 1px #bbd3df; margin-top: -1px; }
ul.jstree-children li{ padding-left: :0;}
.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl{
    background:url(../images/icon-arrow-down.png) 6px center no-repeat;
    padding-left:15px;
    min-height: 40px;
    width:18px;
}
.jstree-default .jstree-wholerow-clicked{ background: #f0f7fc;}
.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl{
  background: url(../images/icon-arrow-down.png) 2px 16px no-repeat;
  padding-left: 15px;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  min-height: 32px;
  width: 19px;
}

.right-colum{
    float:left;
    padding-left:13px;
      width: calc(100% - 242px);
      position:relative;
    }
.userActionButtons{
    margin-left:-13px;
    padding: 11px 6px 6px 6px;
    text-align:left;
    white-space: nowrap;
    padding-right: 0;
    }
.userActionButtons button{
    background:transparent;
    border-left:1px solid #ddd;
    color:#626262;
    padding:3px 16px;
    }
.userActionButtons button:first-child{ border-left:none; padding-left: 8px; }
.userActionButtons button:before,.download-template li.usersTemplate a:before{
    display:inline-block;
    margin-right:6px;
    vertical-align:middle;
    }
/* .userActionButtons button.bulkUploadUser:before,.download-template li.usersTemplate a:before{
    content:url(../images/icon-bulk-upload-user.png); */
    }
.userActionButtons button.addUser:before{
    content:url(../images/icon-add-user.png);
    }
.userActionButtons button.assignUser:before{
    content:url(../images/icon-assign-user.png);
    }
.userActionButtons button.assignUser{
    border-right:0;
    }
.right-colum .filter{
    padding: 20px 0;
    clear:both;
    margin-top:-20px;
    margin-left:20px;
    }
.right-colum-full-width .filter{ margin-top:inherit; margin-left:inherit;}
.right-colum .filter .filterIcon{
    margin-right: 6px;
    }
.right-colum .filter .filterBy{
    color:#36393b;
    font-family:'open_sansbold';
    margin-right:2px;
    margin-bottom: 8px;
    display: inline-block;
    }
.right-colum .filter .css-checkbox + .css-label {
  padding: 3px 6px 3px 20px; margin-left: 6px;
}
.right-colum .filter .css-checkbox + .css-label:last-child {
    padding-left:19px;
  padding-right: 0;
}
.search input[type="search"] {
  width: 300px;
  padding:5px 55px 5px 9px;
}
/*Column width increased*/
.right-colum .filter li{
    min-width:305px;
    }

.right-colum .filter li.search{
    flex:2;
    }
.right-colum .filter .btns{
    margin:0;
    margin-left:20px;
    padding:5px 9px;
    }
.right-colum .userInstTable .userName {
  max-width: 130px;
}
/*Commented unused CSS*/
/*.jstree-default .jstree-wholerow-clicked{
      border-bottom: 1px solid #ddd;
      padding: 6px;
      background: #fff;
      height: auto;
    }*/
.jstree-default .jstree-themeicon{
    display:none;
    }
/*======popusps==============*/
.list-style{
    margin-bottom:20px;
    }
.list-style li{
    list-style:disc;
    margin:5px 0;
    }
.emailTxt{
    margin-left:100px;
    }
.widget-popup.assignUser{
    height:60%;
    margin-top:-20%;
    margin-left: -405px;
    width:810px;
    }
.widget-popup.assignUser .right-colum{
    float:none;
    padding:20px 30px;
    width:100%;
    }
.widget-popup.upload-user{
    margin-left: -286px;
    width:572px;
    height:auto;
    }
 .widget-popup.upload-user .widget-content{  padding: 0 28px 15px 28px;overflow:auto;}
 .widget-popup.upload-user .widget-content strong{ font-weight: normal;  font-family: open_SansSemiBold;}
.upload-user .fillDetailsForms .formPlaceholder {
  min-width: 215px;
  padding:5px 15px 5px 9px;
}
.upload-user .fileUpload {
  padding: 7px 20px;
}
.download-template{
    border-top:1px solid #ddd;
    margin:10px 0 0;
    padding:10px 0;
    }
.download-template li{
    margin-top:10px;
    }
.download-template li.usersTemplate a{
    color:#52b2e6;
    display:block;
    background: url("../images/download.png") no-repeat 1px;
    padding-left: 21px;
    background-size: 12px;
    }
.download-template li.usersTemplate a:before{
    transform: rotate(180deg);
    }
/*CSS added as on 5/22/2015*/
.fluid-width,
.sperator.fluid-width{width:100%;}
.col-check-width{ width: 70px !important;}
.popup-content-container{ padding:30px;}
.popup-content-container li label{ min-width: 130px;}
.popup-content-container li input[type=text],.popup-content-container li input[type=password]{ width:60%;}
.popup-content-container li{ margin-bottom: 20px;}
.padding-top-0{ padding-top: 0;}
.padding-left-0{ padding-left:0;}
.scrolling-table tbody{ overflow-y: auto; overflow-x: hidden;  height: 226px;  line-height: 44px; position: relative;  display: block;}
.scrolling-table tbody ul{  display: table; width: 100%;  min-width: 710px;}
3492.scrolling-table tbody ul li{ display: inline-block;}
.flexibleBox li{ line-height: 44px;}
.scrolling-table ul,.flexibleBox{ display: flex;display: -ms-flex;display: -webkit-flex;}
.scrolling-table .userEmail,.flexibleBox .userEmail{  min-width: 315px;}
.scrolling-table .userName,.flexibleBox .userName{ min-width: 177px;}
.flexibleBox li:last-child,.scrolling-table li:last-child{ border-right: 0;}
.flexibleBox,.scrolling-table ul{ border-right:solid 1px #c9c9c9;}


/*CSS for verifying emaill popup*/
.padding-0 { padding: 0; }
.email-info { width: 44% !important; }
.roleName, .groupNameTxt { display: inline-block; text-transform: capitalize; }


/*Success/Error Messages*/
.success-text-msg-header {
color: #2c6c12;
text-align: left;
margin: 10px 0;
padding: 10px;
background: #dff0d8;
border: solid 1px #9bdb81;
}
.error-text-msg-header {
  color: #c24343;
  margin: 10px 0;
  padding: 10px;
  background: #f2dede;
  border: solid 1px #e5aaaa;
  text-align: left;
}
.bookNameDetails{white-space: normal;width: 100%;font-family: open_sansSemiBold;min-width: 600px;margin-left: 150px;padding-top: 17px;font-size: 13px;}

.manageGroups .right-colum .filter{padding:11px 0 20px 0;}
.manageGroups .right-colum  li.filterDropdown{  position: relative;  top: 6px;}
.manageGroups .actions a{  margin: 0 6px;}
.manageGroups .userInstTable .actions{ min-width: 200px;width:100px;}
.manageGroups .userInstTable .actions a:nth-child(2){ white-space:nowrap;}
.manageGroups .userInstTable .actions .subscriptionsIcon{ display:block; margin-left:27px;}
.manageGroups .userInstTable .userName{  min-width: 149px; max-width: 220px;}
.manageGroups  .userInstTable .userEmail{ min-width:137px;}
.manageGroups .userInstTable .role{ text-align: center;  text-transform: capitalize;}
.manageGroups .upload-user .fillDetailsForms .formPlaceholder{  min-height: 34px;}
.manageGroups .upload-user .fileUpload{  padding: 9px 27px;}
.fillDetailsForms li.submitTopSpacing{  margin-top: 15px;  margin-bottom: 20px;}
.right-colum .colHeaderBelowMessage{margin-left: -8px;background: none;border: none;font-size: 11px;padding: 2px 0;  margin-left: 2px;
  margin-bottom: 4px;}
.right-colum .colHeaderBelowMessage input{margin: 0 7px 0 0;position: relative;display: inline-block;top:2px;}

/*---------------manage subscription UI update------------------*/
.search-close-icon {
background: url(../images/search_results_close.png) center center no-repeat;
width: 10px;
height: 10px;
background-size: 10px;
border: none;
background-color: transparent;
position: absolute;
right: 36px;
top: 10px;
padding: 10px 12px 0 12px;
/* border-left: 1px solid #c9c9c9; */
}
.search-cross.search input[type="search"]{
padding: 5px 65px 5px 9px;
}

.manage-subscription .filter-bottom .filterBy {
color: #36393b;
font-family: 'open_sansbold';
margin-right: 10px;
padding-left: 2px !important;
}
.manage-subscription .filter-bottom{padding-top:0; padding-bottom:20px;}
.manage-subscription .filter-bottom .css-checkbox + .css-label{
padding: 3px 15px;
}
#manageLicencesDiv, #userConatinerId{
position:relative;
padding-top:15px;
clear:both;
}
.pagebanner{
position:absolute;
top:-10px;
}

.manage-sub-img img {
border: solid 1px #e0e0e0;
height: 66px;
width: 54px;
vertical-align: middle;
padding: 2px;
}
.manage-subscription-table .title{
width:220px;
}
.manage-subscription-table .type{
width:230px;
}
.manage-subscription-table .copies{
width:124px;
}
.manage-subscription-table .createdon{
width:120px;
}
.manage-subscription-table .updatedon{
width:130px;
}
.manage-subscription-table .actions{
width:128px;
margin: 0;
min-width: 128px;
}

.manage-subscription-table.dataTable li{
padding:10px;
}
.manage-subscription-table .actions a {
margin: 0 0 10px 0;
width: auto;
min-width: initial;
}
.manage-subscription-table .ManageSub-downloadIcon{
background-position:center center;
}

.manage-sub-test-para{width:340px; margin-left:5px;}
.right-colum .manage-license-buttons{top: -48px;position: absolute;right: 0;}
/*.right-colum .filter li.search {
  top: -36px;
}*/
.right-colum .filter .filterButton .filterIcon {
 /* -webkit-filter: brightness(800%);
  filter: brightness(800%);*/
}
.right-colum .filter .filterButton .filterBy {
  color: #626262;
  font-family: 'open_sansRegular';}
.right-colum-full-width .manage-license-buttons{
position: absolute;
right: 0;
  top: -49px;
}
.manage-license-tabs{
margin: 0;
}
.manage-allocation-main-content{
padding-top:20px;
border-top: 1px solid #ccc;
margin-top:-1px;
}
.manage-allocation-top-wrapper{
/*margin-top: 40px;*/
}
.right-colum .filter li.search span {
  position: relative;
  top: 25px;
  z-index:999;
}

.allocate-section{
position: relative;
}
.allocateData {
margin: 20px 0 40px 0;
display: inline-block;
width: 100%;
}
.allocateImg {
margin-right: 20px;
width: 70px;
max-height: 92px;
display: inline-block;
vertical-align: text-top;
}
.allocateImg img {
max-width: 100%;
max-height: 100%;
border:1px solid #ccc;
}
.allocateDetails {
width: 40%;
vertical-align: top;
padding-right: 20px;
}
.allocateDetails h1{
margin-bottom:20px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
}
.allocateDetails P{

 font-family: 'open_sanssemibold';
}
.allocate-author, .allocate-isbn, .allocate-publisher{
display:inline-block;
vertical-align:middle;
width:100px;
font-family: 'open_sansRegular';
}
.allocateDetails-right {
width: 20%;
float: right;
border-left: 1px solid #ccc;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
 }
 .allocateDetails-right-one {
width: 14%;
float: right;
border-left: 1px solid #ccc;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
 }
.allocateDetails-right-right{
width: 14%;
float: right;
border-left: 1px solid #ccc;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
 }
li.allocateDetails-right-one p, li.allocateDetails-right-right p{
 font-family: 'open_sansregular';
}

li.allocateDetails-right-one span{
 display: inline-block;
    min-width: 55px;
}
li.allocateDetails-right-one span:nth-child(2){
display: inline-block;
    min-width: 55px;
    font-family: 'open_sanssemibold';
}
li.allocateDetails-right-right span{
 display: inline-block;
    min-width: 55px;
}
li.allocateDetails-right-right span:nth-child(2){
display: inline-block;
    min-width: 55px;
    font-family: 'open_sanssemibold';
}


 .allocate-groups{
 display:inline-block;
 width:150px;
 }
 .allocate-groups:last-child{
 width:auto;
 text-align:right;
 }
 .perchased-copy-count{
 font-size:20px;
 display:inline-block;
 vertical-align:middle;
 }


.assign-tasks-tabs .tabs { margin: 0 !important; }
.manage-license-tabs ul.tabs li { margin: 0 0px 0 3px !important; }
.manage-license-tabs ul.tabs li:first-child {
  margin-left: 10px !important;
}
.tabbable .tabs li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.tabbable .tabs li a {
  text-decoration: none;
  color: #000;
  border: 1px solid #ccc;
  padding: 5px;
  display: inline-block;
  background: #f5f5f5;
}
.tabbable .tabs li a.active, .tabbable .tabs li a:hover {
  border-bottom-color: #fff;
  background: #fff;
}


.ops-tab, .qas-tab, .sf-tab {
    padding: 5px 20px !important;
    text-align: center;
    border: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-right: -1px;
    color: #36393b;
    font-size: 14px;
    outline: none;
    border-radius:0 !important;
    font-size: 12px;
}


.manage-license-tabs .active { height: 30px; border-bottom: 0; color: #0a91d2 !important; background: #fff; }
.manage-license-tabs .tabcontent { height: 250px; width: 780px; overflow: auto; }
.manage-license-tabs .err-div { left: 0; padding: 0; margin: 10px 0; font-size: 12px; }
.right-colum-full-width{ width:100%;}
.right-colum-full-width .filter{  width: 819px;
  float: left;
  margin-left: 118px !important;
  top: -60px;
  position: absolute;}
.manage-allocation-main-content .right-colum-full-width{ width:100%; padding-left: 0px !important;}
.right-colum-full-width .filter li.search span {
  position: relative;
  top: 97px;
}
.filterButton{
  background: #28a8e6;
  color: #fff;
  line-height: 31px;
  padding-bottom: 0;
  display: block;
  height: 34px;
  padding: 2px 12px 2px 9px;
  margin-top: -16px;
  margin-left: -2px;}
  .dropdown.filter ul.dropdown-menu{  width: 288px;
     height: 180px; padding:15px;}
  .dropdown.filter .dropdown-menu:before, .dropdown.filter .dropdown-menu:after{ display:none;}
  .borderSeprator{  width: 286px;
  margin: 10px -10px 10px -15px;}
  .dropdown.filter ul.dropdown-menu li span.role{  font-size: 12px;  margin-bottom: 6px;
  font-family: open_sansSemiBold; display:block; margin-bottom:10px;}
  #treeExpandButton{ cursor:pointer;}
   .dropdown.filter ul.dropdown-menu li span label{   margin-bottom: 0;  padding-left: 24px!important;
  display: block;
  margin-left: 0!important;}
  .right-colum-full-width .filterButton {
  top: 40px;
  position: relative;
}
.dropdownFilterManageGroup{ margin:7px 9px 9px 9px!important;}
.searchTextBoxManageGroups{  bottom: -32px;  right: -105px;}
.dataTable.tableBody.userTable{ display: table-cell;}
.widget-popup.assignUser .right-colum .filter li span {top:0;position:relative;}
.right-colum .filter li.search .search-close-icon{top:4px;}

#unassignUserList ul li.userName,#unassignUserList ul li.userEmail{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.userActionButtons .pull-right button{color:#fff;  padding: 9px 16px!important; margin-right: 0;}

/*-----Manage Library Classes-----*/
.manage-groups-listing{  position:relative;margin-top: 12px;}
.listing-header{ border:solid 1px #e7e7e7;background:#f0f7fc; height:40px; line-height:3;}
.listing-content{ border:solid 1px #e7e7e7;position:relative;margin-top:-1px;}
.manage-groups-listing .listing-content:nth-child(odd){background:#fbfbfc;}
.first-col{ min-width:200px; border-right: solid 1px #e6e6e6;display:table-cell;}
.book-col{ min-width:200px; border-right: solid 1px #e6e6e6;display:table-cell;}
.second-col{display:table-cell;width: 90.4%;text-align:left;}
.content-thumb-col span, .content-second-col span{float:left;}
.third-col{ min-width:161px; border-left: solid 1px #e6e6e6;display:table-cell; right:0;top:0; text-align:center; padding:0 6px;max-width:200px;}
.content-thumb-col{ padding:10px 0; border-right:solid 1px #e6e6e6; min-width:200px; text-align:center;overflow:hidden;display:table-cell;vertical-align: middle;}
.content-second-col{ padding:10px 0; border-right:solid 1px #e6e6e6; min-width:200px; text-align:center;overflow:hidden;display:table-cell;vertical-align: middle;}
.content-action-col{ padding:0; border-left:solid 1px #e6e6e6; min-width:161px; text-align:left;height:160px;display:table-cell;vertical-align:middle;max-width:200px;padding-top: 15px;}
.content-action-col .delete-image{margin-right:0px; width:18px;}
.content-action-col a{display:block;font-size:.97em;margin-left:17px;color:#a1a1a1;padding:0;}
.content-action-col a:hover,.content-action-col a span:hover,.action-text:hover,.action-text a:hover{color:#52b2e6;text-decoration:none;}
.line-height-21px{line-height: 21px;}
.content-action-col a span{display: inline-block;vertical-align: middle;height: 30px;}
.content-action-col a span.edit-image{width:25px;}
.content-action-col a span.edit-image-rename{width:25px;}
.content-thumb-col img{ border:solid 1px #e0e0e0;max-height: 134px;max-width: 112px;vertical-align: middle;}
.edit-book-icon{ display:inline-block; width:22px; height:17px; background:url(../images/edit_book.png) no-repeat;background-size: 15px 15px;margin-right:2px;}
.edit-book-link{display: inline-block;font-size: .97em;margin-left: 17px;color: #a1a1a1;cursor:pointer;}
.edit-book-link .line-height-21px {display: inline-block;vertical-align: top;line-height: 1.3em;}
.edit-book{ display:inline-block;width: 22px;height: 26px!important; background:url(../images/edit_book_icon.png) no-repeat;background-size: 15px 15px;margin-right:2px;}
.autoload-edit-book{ display:inline-block;width: 22px;height: 26px!important; background:url(../images/edit_book_icon.png) no-repeat;background-size: 15px 15px;margin-right:2px;}
.edit-book-disable{ display:inline-block;width: 22px;height: 26px!important; background:url(../images/edit_book_icon.png) no-repeat;background-size: 15px 15px;margin-right:2px;}
.add-book-icon{display: inline-block;width: 22px;height: 22px!important;background: url(../images/add_book_icon.png) no-repeat;background-size: 18px 18px;margin-right: 2px;vertical-align: middle;}
.publish-icon{ display:inline-block; width:23px; height: 23px!important; background:url(../images/publish_icon.png) no-repeat;background-size: 15px 15px;margin-right:2px;}
.export-icon{ display:inline-block; width:23px; height: 23px!important; background:url(../images/export.png) no-repeat;background-size: 15px 15px;margin-right:2px;}
.manage-library-icon{ display:inline-block; width:22px; height:18px; background:url(../images/manage_library.png) no-repeat;background-size: 19px 18px;margin-right:2px;}
.arrow-icon{ display:inline-block; width:16px; height:18px; background:url(../images/login_details.png) no-repeat; vertical-align:middle;}
.content-descripion-col{display: table-cell;width: 90.4%;padding:15px 20px;vertical-align: middle; position:relative;}
.content-descripion-col h2{ margin:0 0 6px 0;font-size:1.17em;color:#6a6868;font-weight:normal; font-family: 'OpenSansRegular';word-break: break-word;word-wrap: break-word;}
.content-descripion-col h3{margin:3px 0 0 0;font-size:1em;color:#a1a1a1;font-weight:normal;font-family: 'OpenSansRegular';overflow:hidden;word-break: break-word;word-wrap: break-word; line-height:normal;}
.content-descripion-col a:hover{text-decoration:none;}
.add-books-icon{ display:block; width:102px; height:27px; background:url(../images/add_books.png) no-repeat;margin-bottom: 3px;}
.user-icon{ display:inline-block; width:46px; height:47px; background:url(../images/user_info.png) no-repeat;vertical-align:middle;}
.user-name{display:inline-block;vertical-align:middle;color: #565656;max-width: 89px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.left-align-text{float:left;padding-left:20px;}
/*-----Manage Library Classes-----*/
/*-----Manage library-----*/
#imageDrop{ border:none;}
.add-new-book{position: relative;top: 17px;}
.upload-book-msg{color: red; font-weight: normal; position: absolute; text-align: center; margin: auto; display: block; top: 0; background-color: #eee; left: 0;right: 0;}
.upload-quiz-msg{color: red; font-weight: normal; text-align: center; margin: 32px auto 0;  background-color: #eee; width: 950px;}
#uploadImage{  visibility: hidden;  height:0px;  width: 0px;}
.thumbnail-image{height:100px;width:100px;padding:10px;text-align:center;line-height:80px;background:#DDDCDC;margin-top: -1px;margin-right: -1px;}
.thumbnail-image img{max-height:82px;vertical-align:middle;max-width: 80px;}
.widget-content-asset {background: #f1eeee;padding:0 0 20px 11px;max-height:78%;overflow:auto;}
.each-item{border:solid 1px #cacaca;margin:14px;display: table-cell;float: left;}
.thumbnail-text{max-width: 100px;background:#fff;color:#666;padding:4px 3px;border-top:solid 1px #cacaca;font-size: .88em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.thumbnail-image:hover, .active-file .thumbnail-image{background:#C5C5C5;}
.active-file .each-item{outline: solid 4px #38a2da;position:relative;}
.active-file .selection-tick{background:url(../images/asset_selection.png) #38a2da no-repeat;width:23px;height:19px;position:absolute;z-index: 2;right: -3px;top: -1px;}
.active-file .close-tick a{background:url(../images/cross.png) #38a2da center center no-repeat;width:23px;height:19px;position:absolute;z-index: 2;right: -3px;top: -1px; text-indent:-9999px;}
div.breadcrumb-top{margin-left: 24px;}
.search-right-nav{padding-right: 37px;padding-top: 10px;}
.icon-close-asset {background: url(../images/popup_close_btn.png) no-repeat;height: 16px;width: 16px;display: block;cursor: pointer;margin-right:10px;}
.alert-icon {background: url(../images/alert.png) no-repeat;height: 20px;width: 20px;display: block;background-size:20px 20px;margin-top:-2px;margin-right:8px;}

/*subscription css*/
.subscriptions .details-text{
padding-left:0;
}

.subscriptions .first-col{
padding-left: 15px;
padding-right: 15px;
width:10%;
word-wrap:break-word;
}
.subscriptions .book-col{
    width:71%;
padding-left: 15px;
padding-right: 15px;
}
.subscription-listing-header .second-col{
width: 10%;
}
.subscription-listing-header .second-col.user-column,.listing-content .user-column{
border-right: solid 1px #e6e6e6;
width:10%;
min-width: 120px;
}
.listing-content .user-column{ text-align: center!important;}
.subscriptions .content-thumb-col{
width:10%;
text-align:left;
padding-left: 15px;
padding-right: 15px;
min-height:140px;

}

.subscriptions .content-second-col{
width: 78%;
padding-left: 15px;
padding-right: 15px;
text-align:left;
min-height:140px;
}
.subscriptions .listing-content{min-height:140px;display: table;}
.subscriptions .content-descripion-col{
width:10%;
padding-left: 15px;
padding-right: 15px;
min-width:140px;
max-width:250px;
min-height:140px;
}
.subscriptions .content-second-col img{max-width:80px;max-height:80px;height:auto;vertical-align: middle;}
.subscriptions .content-descripion-col a{color:#a1a1a1;margin-left: 10px;}
.subscriptions .content-descripion-col a:hover{color: #52b2e6;}
.second-col .details-text{text-align:center;display:block;}
/*add subscription popup*/

/*#orgCombo, #bookCombo{
width:200px;
}*/

.class-selection-sub{
display: inline-block;
    max-height: 120px;
    overflow-x: hidden;
    overflow-y: auto;
    vertical-align: top;
    width:200px;
}

.checkbox-selection label{
display: inline-block;
    font-weight: normal;
    overflow: hidden;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
}

#addSubscriptionPopup{height:320px;margin-top:-160px;}
.pull-left .organisation-dd {width: 300px;margin-left: 0;}
.book-selection-grid .thumbnail-text{text-align:center;}
.book-selection-grid .thumbnail-image:hover, .active-file .thumbnail-image {background: #DDDCDC;}
.book-selection-grid .each-item{margin-left:0; min-height: 130px;}

.subscription-error {
font-weight: normal;
padding-bottom: 6px;
color: #FD4F4F;
position: absolute;
right: 50%;
margin-right: -200px;
top: 9px;
}
.input-rename{border: solid 1px #cacaca;padding: 3px;background-color: #fff;}
.renamemsg {color: red;}

/*tip widget*/
.pos-rel{position:relative;/*margin-bottom:6px;*/}
#addTipWidgetPopup .pos-rel .form-textbox,#editTipWidgetPopup .pos-rel .form-textbox{width: 328px;margin-left: 18px;}
#addTipWidgetPopup,#editTipWidgetPopup{
height: 350px;
margin-top: -175px;
}
.add-tip-container{
overflow-y: auto;
height: 151px;
white-space: nowrap;
width: 397px;
}
#addTipWidgetPopup .form-label, #editTipWidgetPopup .form-label{
width: 72px;}
#addTipWidgetPopup .form-textbox, #editTipWidgetPopup .form-textbox {
width: 380px;}
.lbl-tip{padding-top:4px;}
.add-tip-icon{background: url("../images/plus.png") no-repeat center center;height: 22px;
width: 22px;
display: inline-block;
background-size: 22px 22px;
margin: auto;
position: relative;
left: 6px;
cursor: pointer;
margin-bottom: -5px;}
.delete-tip-icon{background: url("../images/minus.png") no-repeat center center;height: 22px;
width: 22px;
display: inline-block;
background-size: 22px 22px;
margin: auto;
position: relative;
left: 6px;
cursor: pointer;
margin-bottom: -5px;}
.form-footer .form-button:hover,.browseImage:hover, .addWidgets:hover{background-color:#239BDB;}
#widgetPopup.modal.assessment-popup {position:fixed!important;}


/*need to update on quick author css start here*/
.prelative{
    position:relative;
    }
.menditory{
    color:#e70101;
    margin-left:5px;
    }
.browse-indication-text {
padding: 4px 0 10px 115px;
}
.browse-file-widget-main{
    float:right;
    width:304px;
    }
.manage-groups-listing.subscriptions{
max-width: 950px;
margin: auto auto 45px auto;
}

.dropdown-select.organisation-dd{min-height: 31px;
margin: 17px 0;}
.dropdown-select {width: 180px;}

/*-----Widget popup Classes-----*/
/* .widget-popup{ width:400px; height:200px; background:#fff; left:50%; top:50%; margin-left:-280px; margin-top:-183px; position:fixed; z-index:1041; background:#f1eeee;} */
.book-popup{ width:570px; height:366px; background:#fff; left:50%; top:50%; margin-left:-280px; margin-top:-183px; position:fixed; z-index:1041; background:#f1eeee;}
.confirm-widget-popup{ background:#fff; left:50%; top:50%; margin-left:-257px; margin-top:-183px; position:fixed; z-index:99999; background:#f1eeee;}
.confirm-replace-book-popup{ background:#fff; left:50%; top:50%; margin-left:-257px; margin-top:-183px; position:fixed; z-index:99999; background:#f1eeee;}
.new-pubcode-book-popup{ background:#fff; left:50%; top:50%; margin-left:-257px; margin-top:-183px; position:fixed; z-index:99999; background:#f1eeee;}
.widget-browse-popup{ width:70%;min-width:570px;height:90%; min-height:466px; background:#fff; left:15%; top:5%;position:fixed; z-index:1042; background:#f1eeee;}
.widget-browse-book-popup{ width:70%;min-width:570px;height:90%; min-height:466px; background:#fff; left:15%; top:5%;position:fixed; z-index:1042; background:#f1eeee;}
.widget-browse-gal-popup{ width:70%;min-width:570px;height:90%; min-height:466px; background:#fff; left:15%; top:5%;position:fixed; z-index:1042; background:#f1eeee;}
.widget-header{ background:#f7f7f7; color:#36393b; padding:18px 10px 14px 20px; overflow:auto; border-bottom:solid 1px #e6e6e6;}
.inline-row{ padding-bottom:6px;}
.widget-content{ background:#f1eeee; padding:20px 50px;}
.overlay{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: black; opacity:0.4;filter: alpha(opacity=40);}
.overlay-preloader{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9999;background-color: black; opacity:0.4;filter: alpha(opacity=40);}
.overlay-confirm{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9999;background-color: black; opacity:0.4;filter: alpha(opacity=40);}
.overlay-replace-book{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9999;background-color: black; opacity:0.4;filter: alpha(opacity=40);}
.overlay-delete{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9999;background-color: black; opacity:0.4;filter: alpha(opacity=40);}
.icon-close{ background:url(../images/popup_close_btn.png) no-repeat; height:16px; width:16px; display:block;cursor:pointer;margin-right: 10px;}
  .delete-icon-close{ background:url(../images/popup_close_btn.png) no-repeat; height:16px; width:16px; display:block;cursor:pointer;margin-right: 10px; background-size: 12px;}
.confirm-icon-close{ background:url(../images/popup_close_btn.png) no-repeat; height:16px; width:16px; display:block;cursor:pointer;margin-right: 10px;}
.replace-book-icon-close{ background:url(../images/popup_close_btn.png) no-repeat; height:16px; width:16px; display:block;cursor:pointer;margin-right: 10px;}
.book-icon-close{ background:url(../images/popup_close_btn.png) no-repeat; height:16px; width:16px; display:block;cursor:pointer;margin-right: 10px;}
.widget-header h2{ font-family: 'Open_sansregular'!important;font-weight: normal;}
 h2.float-left{font-size:14px;font-family: 'open_sanssemibold'!important;}
.main-outer-container{ height: 100%;}
.subscription-listing-header{ display: table; table-layout: fixed;border: solid 1px #e6e6e6;border-collapse: collapse;}
.subscription-listing-header .listing-header,.subscription-listing-header  .listing-content{ display: table-row;border-bottom: solid 1px #e6e6e6;}
.subscription-listing-header .listing-header > div,.subscription-listing-header  .listing-content > div{ display: table-cell;}
.subscription-noData-found{border-color:#e6e6e6;}

.bulkuploadfiletype{ margin-left: 184px; font-size:11px;}
.success-upload{ padding: 8px 100px 8px 100px; background-color: #f5f4f4; margin-top: 10px; }
.success-upload a {color: tomato; text-decoration: underline}
.filter select.selectDropdown {width: inherit !important}
.new-footer { position: absolute; bottom: 0}

/*-----For footer changes in JBL-----*/
.BDLInfo:nth-child(7) .headerLine{ /*display:none!important;*/}
.new-footer { position: absolute; bottom: -45px; left:0; right:0;}
.subscriptionform li:nth-child(2) label:first-child{ padding-top:3px;}
#accessCode .label{ padding-top:8px;}
.Row.nowdth #subscriptionExpireDate{margin-top: -10px;}
.Row.nowdth.subscription-expiry .label.long:first-child {vertical-align: top; padding-top: 14px;}
#never{ padding-top:14px;}
.jstree-default .jstree-node span,.jstree-default .jstree-node input{width: 80px!important;}
.inline-block{ display: inline-block;}
.import-user-icon,.pull-right .btns.blueBtn.import-user-icon{
    background-image: url(../images/user-import.png)!important;
    background-position: 1px 5px;
    background-size: 28px;
    background-repeat: no-repeat;
    }
.userActionButtons button.addUser{
   background: url("../images/icon-add-user.png") no-repeat 6px 5px;
   padding-left: 30px!important;
   display: inline-block;
   background-size: 17px;
}
.import-user-icon,.pull-right .btns.blueBtn.import-user-icon{
    background-image: url(../images/user-import.png)!important;
    background-position: 1px 1px;
    background-size: 27px;
    background-repeat: no-repeat;
    padding: 0px 19px 0 38px;
    line-height: 24px;
    height: 32px;
    }
.download-template li.usersTemplate a{
    color:#52b2e6;
    display:block;
    background: url("../images/download-template-icon.png") no-repeat 1px;
    padding-left: 21px;
    background-size: 12px;
    }

/*ACG CSS 11/30/2015*/
#manageAcgDashboardTableId  .dataTable .bookInfo{ text-align:left;width: 562px;border: none;position: relative;}
#manageAcgDashboardTableId .tableHeader .bookInfo{text-align:center;}
#manageAcgDashboardTableId .tableHeader li{ line-height:12px;}
#manageAcgDashboardTableId   .QuestionCount{text-align: center; line-height: 60px;}
#manageAcgDashboardTableId   ul { border-left: 1px solid #c9c9c9; }
.add-question .bookTitle { text-align:left; padding-top:40px;}
.add-question #question{ max-width:635px; height:120px;margin-bottom:10px; resize:none; border-color:#c9c9c9;}
.add-question #answer{     max-width: 640px;height: 36px;border-color:#c9c9c9;}
.add-question  .fillDetailsForms li{ margin-top:15px;}
.add-question  .buttonHolder{  margin: 40px 0 60px 0 !important; }
#bookList ul{ background:#fff!important;}
.BookInfoTable .sNo{
    width: 52px;
    text-align: center;
}
#manageAcgQuestionsTableId  .tableBody li.questions { padding:25px;}
#manageAcgQuestionsTableId .BookInfoTable .actions a{ width:63px;}
#manageAcgQuestionsTableId .actions{ min-width:174px;}
strong{ font-weight:normal; font-family:open_sanssemibold;}
.manage-book-details{ text-align:left; padding-left:15px; width:380px; font-size:12px;}
.manage-book-details .bookDetails{ margin-left:0;}
.header-acg-book-details .bookInfo{ width:570px; padding-left:0!important; border-left:none;    display: inline-block;}
#manageAcgQuestionsTableId .deleteIcon , #manageAcgQuestionsTableId .editIcon{padding-left:10px;}
.header-acg-book-details .bookCover{height: 87px;width: 72px;}
#manageAcgDashboardTableId .leftArrow{ background: url(../images/rightArrowIconGrey.png) center no-repeat;transform: inherit;}
#manageAcgDashboardTableId .bookAuthor{ margin-top:2px;color: #aeaeae; }
#manageAcgDashboardTableId .bookIsbn{ margin-top:7px;}
.grey-text-listing {color: #aeaeae; margin-bottom:3px;}
.header-acg-book-details .bookDetails{ margin-top:10px;}
.header-acg-book-details .bookTitle{ margin-top:2px;}
.grey-text-listing span{ display:inline-block; width:100px;color: #aeaeae;}
.header-acg-book-details .record-count{ margin-top:45px; font-size:14px;}
.header-acg-book-details .record-count div{ font-size:20px; margin-bottom:6px;}
#manageAcgQuestionsTableId .actions .delete-action-btn{ display:inline-block;}
#manageAcgQuestionsTableId .actions .delete-action-btn:hover{ text-decoration:underline; cursor:pointer;}
.whiteBg{ background:#fff;}
#delete-confirmation-box{
    width: 523px;
    height: 200px;
    position: fixed;
    background: #f9f9f9;
    margin-top: -100px;
    margin-left: -250px;}
#delete-confirmation-box .widget-content
{
    padding: 30px 20px;
    background: #f9f9f9;
    text-align: center;
}
#manageAcgDashboardTableId .BookInfoTable li.QuestionCount{ border-right:0;}
#manageAcgDashboardTableId .bookStatus{
    text-align: center;
    width: 26%;
    vertical-align: middle;
}
#manageAcgDashboardTableId .bookStatus > span { margin-top: 20px; display: inline-block; margin-left: 30px; padding: 2px 6px;}
#manageAcgDashboardTableId  .bookTitle{ font-size:12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#manageAcgDashboardTableId  .bookDetails {   margin: 0 0 0 35px; position: absolute;left: 60px;right: 0;width:auto;}
.header-acg-book-details .publishedBook,.header-acg-book-details  .revokedBook{
    font-size: 11px;
    padding: 1px 5px;
    position: relative;
    top: -30px;
    left: 37px;
}

.search-box { text-align: center;}
.search-box #searchString { width: 495px; height: 50px;}
.publishedVersion{ width: 260px; position: relative;}
.newVersion{ width: 270px; position: relative;}
.book-info { display: block; float: left;}
.revoke { text-align: right;}
.publish-label { border: 1px solid green; color: green; padding: 0 6px 0 6px; margin: 0 21px 0 0; text-transform: uppercase;}
.revoke-button{ margin: 29px 0 0 -2px;}
.delete-icon { background: url(../images/delete.png) no-repeat center; width: 50%; height: 20px; display: block;margin: 0 0 0 77px;}
.float-left { float: left!important;}
.clear { clear: both!important;}
.version-history {}
.progress { width: 20%; background: #DEDEDE; height: 20px;}
.bookInfo .version-history span{float:left;width:auto;font-size: 12px;}
.bookInfo .version-history span.view-version-icon{width:24px;}
.bookInfo .version-history {float:left;width: 114px;position: relative;left:82px;}
.currentVersion b{ font-family:open_SansBold; font-weight:normal;}
.BookInfoTable .bookTitle{color:#36393b; font-size:16px; margin-top:6px;line-height: 20px;}
.BookInfoTable .bookAuthor{color:#36393b;font-size:13px; margin-top:6px;}
.BookInfoTable  .bookIsbn{color:#626262; font-size:12px; margin-top:6px;}
.publish-ready-stage span{
      display: block;
    text-align: center;
}
.BookInfoTable .bookCover { width: 70px; height: 86px; border: 1px solid #c9c9c9; }
.BookInfoTable .bookCover img[src] { width: 100%; height: 100%; background: url(../images/dummyBook.png) no-repeat center; max-width:60px; max-height:76px; margin: 4px;}
.BookInfoTable .bookDetails {width: 144px; margin-top:-7px;margin-left: 10px;}
.BookInfoTable .bookInfo{    max-width: 220px;width: 220px;}
.BookInfoTable .bookDetails p{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.BookInfoTable .publishedVersion{ width:200px;}
.BookInfoTable .revoke .publish-label {border: 1px solid #4e9e06;color: #4e9e06;padding: 2px 8px 2px 8px;font-size: 10px; margin-right:0;}
.BookInfoTable .revoke-icon { width: auto; height: 20px;float: right;padding-left: 63px;position: absolute;right: 14px;margin: 28px 0 0px 5px;}
.publish-ready-stage p,.cancel-publish-ready-stage p{ font-family:open_sansRegular; font-size:12px; color:#36393b; margin-bottom:20px;float:left;}
.publish-ready-stage .iconBtns, .scheduled-publish-stage .iconBtns{ padding:6px 25px;}
.version-action-btn {display: inline-block;margin-top:10px;}
.publish-ready-stage .discard-button, .fail-publish-stage .fail-migrate-stage .discard-button{ float: left; margin-left: 13px;}
.discard-button span{ display:inline-block;float: left;width: 22px;margin: 0;}
.dataTable.tableBody.BookInfoTable,.dataTable.tableHeader.BookInfoTable{ table-layout:fixed;}
.BookInfoTable .publishedVersion {padding:0 27px;}
.BookInfoTable .newVersion{ padding:0 30px;width: 215px; max-width: 215px;}
.dataTable.tableBody.BookInfoTable{ background:#ffffff!important;}
.dataTable.tableBody.BookInfoTable li{padding-top: 33px;padding-bottom: 35px;}
.BookInfoTable .revoke-icon{    background: url(../images/revoke_icon.png) no-repeat center;}
.dataTable.tableHeader.BookInfoTable li{ font-size:12px;}
.BookInfoTable .publishedDate,.BookInfoTable  .sizeOfBook,.BookInfoTable  .assetSize {font-size: 12px;}
.light-grey-text{ color:#b0b0b0;}
.inpublishProgress p:first-child{ margin-bottom:10px;}
#cancel-publish-button .close{    float: left; background: url('../images/close_books_progress.png') no-repeat;opacity: 1;padding-left: 18px;font-size: 12px;color: #626262;font-family: open_sansRegular;font-weight: normal;min-height: 15px;}
.fail-publish-stage .fail-migrate-stage .error-header{background: url('../images/errorIcon.png') no-repeat center left;opacity: 1;padding-left: 18px;font-size: 12px;color: #ba1616;font-family: open_sansRegular;font-weight: normal;min-height: 20px;}
.publish-progress-percentage-loader .progress{ background:#91d376;height: 4px;}
.publish-progress-percentage-loader{border-radius: 4px; background:#ffffff;border: solid 1px #c9c9c9;height: 6px; margin-top:3px;}
.go-to-version{background:url('../images/go_to_versions.png') no-repeat; margin-top: 2px;}
#book-information.publishedBookContent.content-publish-book {
    vertical-align: top;
    margin: auto;
    padding: 0 0px;
    text-align: center;
    display: inline-block;
    width:100%;
}
.book-content #bookNameId.bookName {
    text-align:center;
}
.publishedBookContent.content-publish-book { display: inline-block;vertical-align: top;margin: auto;padding: 0 40px;text-align: center;}
.publishedBookContent.content-publish-book h2{font-size:14px;line-height: 21px;}
.publishedBookContent.content-publish-book .published-version{color:#626262; font-family:open_sansSemiBold; font-size:14px;}
.publishedBookContent.content-publish-book .publish-progress-percentage-loader{position: relative;width:300px; margin:auto; height:12px;}
.publishedBookContent.content-publish-book .publishPercent{right: -35px;position: absolute;margin-top: -5px;}
.publishedBookContent.content-publish-book .indicative-text{color: #ba1616;font-size: 13px;max-width: 500px;margin: auto;}
.publishbook-info-popup{height: 500px;margin-top: -250px;}
#bookList .manage-sub-li, .BookInfoTable .manage-sub-li { width:110px; }
.publishedBookContent.content-publish-book .publish-progress-percentage-loader .progress{ height:12px;}
.file-uploading-details{height: 152px;overflow: hidden; overflow-y: auto; margin: 19px 21px 0 21px;border-top: solid 1px #c9c9c9;    padding: 6px 20px;
    line-height: 19px;color:#626262; font-size:12px; white-space:pre;}
.revoked { border: 1px solid #ba1616!important; color: #ba1616!important;}
#upload-progress {z-index: 10000;}
.progressPercent{right: -35px;position: absolute;margin-top: -5px;}
#upload-progress { height: 300px!important;}
.progress-header { padding: 21px 0 10px 20px; font-size: 22px; margin: 0 0 20px 0;}
.progress-footer { padding: 20px 0 0 97px; font-size: 13px; color: #ba1616;}
.book-title { padding: 9px 0 0 0; display: inherit; font-size: 15px; text-align: left;}
.book-version { margin: 10px 0 30px 0px; display: inherit; font-size: 12px; color: gray; text-align: left;}
.publishbookSchedule-popup textarea{
    border: 1px solid #c9c9c9;
    margin-top: 23px;
    padding: 6px;
    height: 140px;
    resize: none;
    width: 100%;
}
.publishbookSchedule-popup .published-version{
    text-align: center;    margin-bottom: 30px;
}

.publishbookSchedule-popup .publishedBookContent.content-publish-book{
    text-align: left;
}
.mt1{ margin-top:1px;}
.widget-popup.publishbookSchedule-popup {height: 500px;margin-top: -250px;}
.publishbookSchedule-popup .max-length{ margin-top:4px;}
.publishbookSchedule-popup textarea::-webkit-input-placeholder{color:#999999;}
.ui-widget-header{background: #949292;color: #fff;border: none;}
.action-message { display: block; margin-top: 5px; color: graytext;}
.book-icon { display: inline-block; width: 75px; height: 80px; float: left; margin: 0 10px 10px 0;}
.book-isbn { color: graytext; font-weight: bold;}
.book-icon img { width: 75px; height: 80px;}
.no-book {text-align: center}
div#cancel-publish-button {float: right;margin-right: 15px;}
.search-box .btns { width: 100px; height: 50px;}
.mt100 { margin-top: 100px!important;}
.search-btn { background: url('../images/searchIcon.png') 0 #28a8e6 no-repeat;}
.search-result{ border: 1px solid #EEE; width: 600px; padding: 20px; margin: 4% 0 0 18%;}
.search-result span{ display: block;}
.institue-info{ margin: 17px 0 10px 0;}
.sperator{ width: 557px; margin: 34px 0 0 0; border-bottom: 1px solid #EEE;}
.pub-info{ margin: 20px 0 0 0; text-transform: capitalize;}
.title{ font-size: 16px;}
.grid { display: block; float: left; margin: 10px 10px 0 0;}
.book-image img { width: 50px; height: 60px;}
.fs20 { font-size: 20px!important;}
.BDLTable{ table-layout:fixed;}
.BDLTable .check{width:60px;}
.currentVersionSF { font-size: 11px; color: #aeaeae;}
.searchBtn { margin: 0 0 0 10px!important; padding: 5px 11px 5px 11px!important;}



.subscriptionsIcon{background: url('../images/preview.png')no-repeat;height: 17px;width: 30px;display: inline-block;}
.user-subscription-anchor a, #searchUserDetailsList .actions a{ min-width:100px;}
#searchUserDetailsTableId .userInstTable .role {
    width: 134px; text-align:center;}
.search-user-detail-right .filterDropdown { padding-top:12px; padding-right:10px;}
.search-user-detail-right .css-checkbox + .css-label{padding: 0 10px 0 23px; margin-left:10px;}
.organization-dropdown select{ border:solid 1px #cacaca;padding: 6px 8px;}
.user-subscription-details .bookTitle{ font-size:12px;font-family: open_sansSemiBold;}
.user-subscription-details .formHeading .h1{ margin-left:0;}
.institution.name{ padding-top:8px; font-size:14px;}
.search-results-close{background: url(../images/search_results_close.png) no-repeat; height:10px; width:10px; display:inline-block;cursor:pointer;position: absolute;
      right: 36px;
    top: 2px;padding:10px;}

#searchUserDetailsList ul{ table-layout:fixed;}
#searchUserDetailsTableId .userInstTable .userEmail { width: 204px;}
.underline{ text-decoration:underline;}
#userSubscriptionTableId ul{ table-layout:fixed;}
.table-view-listing-message{position: absolute;top: 250px;}
#userSubscriptionTableId .bookDetails { margin-left:6px; }
.ellipsis{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.search-box #searchString {width: 357px;height: 40px; border:solid 1px #c9c9c9;}
.search-box .btns {    background-image: url("../images/search_textbox_icon_small.png");width: auto;height:auto;padding: 11px 38px 11px 52px;font-size: 16px; position:relative; top:1px;text-align: left;background-position: 33px center;margin-left: 10px;}
.search-result .inactive-access-icon,.inactive-access-icon{height: 28px;width: 28px; display:inline-block;margin-right: 3px;background: url(../images/access_code_inactive.png) no-repeat;    vertical-align: top;}
.search-result .active-access-icon,.active-access-icon{height: 28px;width: 28px; display:inline-block;margin-right: 3px;background: url(../images/activated_user_icon.png) no-repeat;    vertical-align: top;}
.title.inactive{font-family:open_sanssemibold; color:#ba1616; font-size:16px;margin-bottom: 3px;}
.search-result{ border: 1px solid #c9c9c9;width: 511px;padding: 0;margin: 45px auto 20px auto;}
.user-info{background: #fafafa;padding: 15px;}
.institue-info .grid.book-image{padding: 4px 3px 0px 3px;border: solid 1px #c9c9c9;}
.institue-info .grid.book-image img{     width: 63px;height: 77px;}
.grid.book-detail > strong:first-child{ font-size:16px; font-family:open_sansregular;padding-top: 3px; display:block; margin-bottom:3px;}
.grid.book-detail > span:nth-child(2){ margin-bottom:3px; font-size:13px; display:block;}
.grid.book-detail small,.grid.book-detail span{margin-bottom:3px;display:block;}
.institue-info{ margin: 17px 0 10px 0;padding-left: 18px;}
.pub-info .title{ font-size:12px;  padding-left:20px;}
.user-info.active .title{
   font-family: open_sanssemibold;
   color: #36393b;
   width: 245px;
   word-break: break-word;
   white-space:nowrap;
   text-overflow:ellipsis;
   overflow:hidden;
}
.user-info.active small{color: #36393b; font-family:open_sansregular; font-size:12px; padding-top:3px; display:block;   white-space:nowrap;
   text-overflow:ellipsis;overflow:hidden; width:240px;}
.search-result span.dInb{display: inline-block;}
.user-info-right{ width:440px;}
.no-result-found{ line-height:20px;padding: 10px 6px;}
.no-result-found .infoIcon{ display:inline-block;width: 20px;background-size: 15px;height: 17px;margin-right: 4px;}
.access-denied-message{ padding:10px 10px 4px 10px;}
.access-denied-message .inactive-access-icon{ background-size:18px; margin:1px 0 0 0; width:24px; }
.grid.book-detail{ max-width:350px;}
.user-info-right .pull-right strong,.search-result strong{ font-family: open_sansregular;}
.fillDetailsForms li.search-access-code{ width: 512px; margin: auto;}
.search-access-code .btns { margin-right:0;}
.dataTable.tableBody.BookInfoTable li{ padding:10px;}
.currentVersionSF a{color: #52b2e6;}
  .clearSearchButton{ right: 38px; top: 22px;}
.select-book li select.formPlaceholder { width: 165px !important;}
.select-book .filterDropdown .label{ width: 60px !important;}
table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #fff; color: #fff; background-color: gray; border-bottom: none!important; border-left: 1px solid;}
table.dataTable thead th { text-align: center;}
.dataTables_paginate { display: inherit; margin: 0 40% 0 0;}
#example_wrapper input { width: 260px; padding: 0 0 13px 0; margin: 0 0 10px 0; border: 1px solid #ddd}
div#example_wrapper { margin: -20px 0 0 0;}
span.hint-msg { font-size: x-small; color: gray; margin-left: 6px;}
#updateUserPopupId span.hint-msg { display: block; margin: 0 0 0 137px;}
#select-book-popup .filter { width:422px;}
#select-book-popup .filter .filterDropdown:first-child{padding-top: 6px;float: none;}
#example_filter{ top: -54px; position: absolute; right: 0;}
#example_filter input{ padding-top:10px; padding-left:10px;height: 34px;}
.dataTables_scrollBody{height: 300px;border-bottom: none!important;margin-bottom: 13px;}
#select-book-popup table.dataTable tbody td{ border: 1px solid #c9c9c9!important;}
#select-book-popup .dataTables_scroll{ margin-top:20px;}
#select-book-popup table.dataTable thead th:nth-child(1),#select-book-popup .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td:nth-child(1){ width:80px!important; text-align:center;}
#select-book-popup table.dataTable thead th:nth-child(2),#select-book-popup .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td:nth-child(2){ width:200px!important;}
#select-book-popup table.dataTable thead th:nth-child(3),#select-book-popup .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td:nth-child(3){width: 98px!important;}
#select-book-popup table.dataTable thead th:nth-child(4),#select-book-popup .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td:nth-child(4){width: 105px!important;}
#select-book-popup table{ border-collapse:collapse;table-layout: fixed;border: solid 1px #cacaca;}
#select-book-popup table.dataTable thead th,#select-book-popup table.dataTable thead td{background: #f0f7fc;font-family: 'open_sanssemibold';      color: #626262;border: 1px solid #c9c9c9!important;}
.dataTables_scrollHead.tableHeader .dataTables_scrollHeadInner,.dataTables_scrollHead.tableHeader .dataTables_scrollHeadInner table{width: 760px!important;}
#select-book-popup .dataTables_wrapper .dataTables_paginate .paginate_button:hover,#select-book-popup .dataTables_wrapper .dataTables_paginate .paginate_button.current,#select-book-popup .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ background: #3faae3; border-color: transparent; color: #fff!important;}
#select-book-popup{ height:600px;}
#select-book-popup .filter { min-height: 54px;}
.dataTables_paginate.paging_simple_numbers{float:none!important;margin:auto;margin-top: 14px;display: inline-block;clear: both;width: 100%;text-align: center!important;}
.dataTable .copies{width:500px;}

/*manage access code css start*/
.manage-access-code .filter li{
    flex:initial;
    float:left;
}
.manage-access-code .filter{
    display: block;
    padding:20px 0 0;
}
.manage-access-code .filter li:first-child{
    margin-right:20px;
}

.manage-access-code .filter li select.formPlaceholder{
    width:150px !important;
    padding: 5px 35px 5px 10px;
}

.manage-access-code .css-checkbox + .css-label {padding: 2px 20px;}
.manageacdownload, .manageacdownload1
{
    background-color: #3faae3;
    border: none;
    color: #FFF;
    padding: 5px 11px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    width: 175px;

}
.manageacdownload:hover
{
    background-color: #328cbc;
    color: #FFF;
    text-decoration: none;

}
.manageacdownload1:hover
{
    background-color: #328cbc;
    color: #FFF;

}
.ManageSub-downloadIcon2{background: url(../images/downloadIcon-white.svg) no-repeat;height: 18px;display: block;cursor: pointer;}
.ManageAllocationIcon2{background: url(../images/licenseIcon-white.svg) no-repeat;height: 18px;display: block;cursor: pointer;}
.buttonicon{display: inline-block;width: 18px;height: 18px;vertical-align: bottom;margin-right: 12px;}
.access-container {border:1px solid #C9C9C9; margin-bottom: 18px;}
.book-info-header {background:#F2F2F2; padding:12px 18px;}
.book-info2 {display:inline-block; width: 315px;}
.book-info-content { padding: 17px 35px 20px 17px ;}
.greyheader {font-weight: 900; color: #949494; margin-bottom: 10px;}
.access-code-info {width:38%; float:left;}
.copies-info{display: inline-block;float: left;}
.studentCopies {float: left; margin-right: 45px;}
.studentCopies p:first-child,
.teacherCopies p:first-child{
    font-family: 'open_sanssemibold';
}
.copiescolum1 {    width: 85px;
    display: inline-block;
font-family: 'open_sanssemibold';
}
.datecolum1{width: 72px;
    display: inline-block; }
.access-container li {list-style-type: none;}
.book-title-large {
    font-size: 18px;
    margin-bottom: 7px;
    margin-top: -57px;
    margin-left: 67px;
}
.book-author {
    font-size: 13px;
    margin-bottom: 2px;
    margin-top: -5px;
    margin-left: 67px;
}
.book-details  .book-author
{
    margin:0px;
}
.book-isbno {
    text-transform: lowercase;
    color: #aeaeae;
    font-size: 13px;
    margin-top: 0px;
    margin-left: 67px;
}
.book-info2 p {max-width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.addac-header {border-bottom: 2px #C9C9C9 solid;height: 111px;}
.optional { font-size: 10px; color: #999999; display: block; margin: 5px 0 0 19px;}
.Accesscodeuploader {
    background: #f2f2f2;
    border: solid 1px #e4e4e4;
    width: 65%;
    padding: 10px 23px 20px 22px ;
}
.manageacdownload3{ background-color: #3faae3;
    border: none;
    color: #FFF;
    padding: 9px 11px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    width: 165px;}

.manageacdownload3:hover
    {
    background-color: #328cbc;
    color: #FFF;
    text-decoration: none;

}
/*.Acesscodewrapper .uploadbtn{width: 90px;height: 36px;}*/
.Acesscodewrapper #teacherTotalCopies, .Acesscodewrapper #studentTotalCopies {width: 85px; height: 25px; min-width: 50px; margin: 10px 8px 0px 25px;}

/*manage access code css end*/

/*Manage access code css code strat from here -------- added by Sanjay*/
.access-code-popup
{
    width: 570px;
    height: auto;
    background: #f9f9f9;
    left: 50%;
    top: 50%;
    margin-left: -280px;
    margin-top: -275px;
    position: fixed;
    z-index: 1041;
}
.manage-subscription .filter  .selectDropdown
{
  width:200px !important
}
.manage-subscription .filter > li:first-child
{
    display: inline-table;
    flex:0;
    margin-right:25px;
}
.manage-subscription .filter > li:nth-child(2)
{
   /* display: inline-table;*/


}
#emptyBookDetails
 {
 padding:35px 0 35px 0;
}

#emptyBookDetails label
 {
  float:left;
  margin-top: 5px;
  width:150px;
}
#accessCodePanel  ul li:nth-child(2)
{
 margin-top:0px;
}
.alert-text-msg
{
line-height: 1.5;
}
.subscription-alert-icon
{
    background: url(../images/infoIcon1.png) no-repeat center;

}
.alert-text-msg .subscription-alert-icon
{
    display: inline-block;
    background-size: 15px;
    height: 17px;
    margin-right: 4px;
     width: 25px;
    vertical-align: middle;
    margin-left: -32px;
}
.access-instruction
{
    display: block;
}
.accesscode-content
{
   background: #ffffff;
   padding-bottom: 20px;
}
.accesscode-content .alert-text-msg
{
    padding:20px 50px;
}
.accesscode-content .institute-name
{
    background-color: #d1d1d1;
    padding: 10px 0 10px 24px;
    font-size: 18px;
    color: #000;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
}
.accesscode-content .bookDetails
{
    display: block;
    margin: 20px 0 20px 24px;
}
.accesscode-content .subscription-detail
{
    margin: 20px 0 20px 24px;
   line-height: 2.5;
}
.subscription-detail .label {
    width: 210px;
    display: inline-block;
    vertical-align: middle;
}
.subscription-detail  li p span{
   font-family: 'open_sansregular';
}

.subscription-detail  li span{
 font-family: 'open_sanssemibold';
}
.subscription-btns
{
    margin: 20px 0 0 190px;
}
.access-code-error
{
    margin-left:25px;
}
.pagination-wrap .pagination li a
{
  cursor: pointer;
}
.error-text-msg {
    border: solid 1px #e5aaaa;
    background: #f2dede;
    color: #ba1616;
    padding: 9px 10px 11px 20px;
    width: 553px;
    display: none;
    margin: 20px auto -17px auto;
    text-align: left;
}
.error-message-icon {
    display: inline-block;
    height: 15px;
    width: 14px;
    background: url(../images/error_icon.png) no-repeat;
    vertical-align: top;
    margin-top: 4px;
}
.message-text {
    display: inline-block;
    padding-left: 10px;
    vertical-align: baseline;
    max-width: 488px;
}
.error-close-icon {
    display: inline-block;
    height: 13px;
    width: 14px;
    background: url(../images/error_close_icon.png) no-repeat;
    vertical-align: middle;
    float: right;
    position: relative;
    top: 4px;
    cursor: pointer;
}
.success-subscription-msg {
    border: solid 1px #9bdb81;
    background: #dff0d8;
    color: #2c6c12;
    padding: 9px 10px 11px 20px;
    width: 553px;
    display: block;
    margin: 20px auto -17px auto;
    text-align: left;
}
.success-message-icon {
    display: inline-block;
    height: 13px;
    width: 14px;
    background: url(../images/success_tick_icon.png) no-repeat;
    vertical-align: middle;
}
.success-close-icon {
    display: inline-block;
    height: 13px;
    width: 14px;
    background: url(../images/success_close_icon.png) no-repeat;
    vertical-align: middle;
    float: right;
    position: relative;
    top: 4px;
    cursor: pointer;
}
.access-code-found-msg
{

    margin: 0px 0 0 20px;
    display: none;
    position: absolute;
    margin-top: 88px;
    font-size: 12px;
    color: #2B7B36;

}
#manage-access-link span {
   display: block;
   background: url(../images/manage_acess_code_icon.png) no-repeat center right;
   width: 15px;
   height: 19px;
   margin: 0 auto;
}

#manage-access-link-revoked{
   display: block;
   width: 23px;
   height: 19px;
   margin: 0 auto;
}
.manage-subscription .filter .search
{
    margin-right: 0px;
    margin-bottom: -11px;
}

/*Manage access code css code end here*/
.disableClick { pointer-events: none;}

.tableBody li.active:before{
    content: url(../images/ActiveGreen.png);
    display: inline-block;
    margin-right: 5px;
    }
 .tableBody li.inactive:before{
    content: url(../images/InactiveRed.png);
    display: inline-block;
    margin-right: 5px;
    }
.groupTable .right-colum{/*width: 705px !important;*/}
.groupTable .addUser#addUserId {
    padding-left: 37px!important;
    display: inline-block;
    background-size: 17px;
    color: #666;
    background-position: 11px center;
}
.groupTable .right-colum .search{list-style: none;}

.filter.manage-version-icons label{ padding-left:20px; display:inline-block;}
#appVersionDetails img{
    max-width: 16px;
    vertical-align: top;
    display: inline-block;
    margin-top: 1px;
    margin-right: 16px;
}


.deactivateRow img{ opacity:.4;}
.filter.manage-version-icons .filterIcon{
    margin-right: 3px;
}
.filter.manage-version-icons .filterBy{
    margin-right: 2px;
}

.manage-subscription .filter-bottom.manage-version-icons .css-checkbox + .css-label{ padding-right: 10px;}
.pagination-wrap{ text-align: center;}
#deprecatePopupHeader img,#deprecatePopupHeader p{ display:inline-block;}
#deprecatePopupHeader img{ max-width:14px;position:relative;top:3px;}
.version-deprecate-popup textarea{white-space: normal; height: 100px;}
.version-deprecate-popup{ height: 363px; margin-top: -180px;}
.alert-version{background-color: #FFFFDD; border-color: #F7DF92;}
.version-deprecate-popup .alert-version{border: solid 1px #FC0;line-height: 22px;}
.version-deprecate-popup .alert-version img{ position:relative; top:3px; margin-right:6px;}
.version-deprecate-popup textarea{margin-top:12px;height: 110px;margin-bottom: 14px;}
.platforms{ display: block;width: 85px;margin: auto;text-align: left;height: 16px;}
#appVersionDetails .platforms img{    display: inline-block;margin-right: 6px;float: left;}
.platforms span{ width: 54px;text-align: center;float: left;}
.confirm-widget-popup{ background: #fff; left: 50%; top: 50%; margin-left: -257px; margin-top: -183px; position: fixed; z-index: 99999; background: #f1eeee;}
.confirmation-popup { width: 523px; height: 200px; margin-top: -100px; position: fixed; background: #f9f9f9;}
.confirmation-popup .widget-content { padding: 30px 20px; background: #f9f9f9;    text-align: center;}


#updateUserPopupId .buttonHolder{text-align: center; margin: 0 !important;}
.groupTable .dropdown.filter{width: 100px;}
.table-colum{display: inline-block;}
/*input#userSearchText{margin-top: 7px;}*/
.manage-allocation-main-content .right-colum{padding-left: 50px;}
.disable{ opacity: .3; cursor: default;}
.pl0{padding-left: 0px !important;}
.totalquestions{font-size: 12px;}
.questionno{font-size: 18px;}

/* changes in Manage app version starts here */
#appVersionDetails th {border: 1px solid #c9c9c9;
    background: #f0f7fc;
    text-align: center;
    height: 40px;
    font-size: 12px;
    color: #36393b;
    display: table-cell;
    border-right: 1px solid #c9c9c9;
    vertical-align: middle;
    word-break: break-word;
    padding: 0 10px;}

 #appVersionDetails td{
    padding: 10px;
    text-align: center;
    border: 1px solid #c9c9c9;
 }
 #appVersionDetails .iconBtns{
    padding: 5px 15px 5px 15px!important;
 }
 .manage-version-icons img{
    max-width: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    margin-left: 0px;
 }
/* changes in Manage app version ends here*/

  .groupTable .addUser#addUserId{
  padding-left: 37px!important;display: inline-block;   background-size: 17px;color: #666;background-position: 11px center;}
  .groupTable .assignUser:before{
   content:url(../images/icon-assign-user.png);
   }
  .groupTable .userActionButtons button.assignUser{ color:#666;}
  .groupTable .right-colum .search{position: relative;list-style: none;float: right;width: 341px;margin-bottom: -10px;top: 18px;margin-right: 14px;z-index: 999;}
  .groupTable #userConatinerId{ /*padding-right:15px;*/}
  .groupTable #userConatinerId.dataTable {table-layout:fixed;}
  .groupTable .manageGroups .userInstTable .actions{width: 191px;text-align: left;min-width: 156px;}
  .groupTable .manageGroups .userInstTable .userName{min-width: 200px;max-width: 220px;}
  .groupTable .manageGroups .right-colum .filter{width: 100px;margin-left: -12px;      position: relative;}
  .groupTable .dropdown.filter{ width:100px;}
  #unassignUserList ul{ table-layout:fixed;width: 100%;}
  #unassignUserList ul li.userName{width: 200px;max-width: inherit;}
  #unassignUserList ul li.userEmail{ width:305px; max-width:inherit;}
  #assignUserPopUpId .right-colum{ padding-top:30px;}
  #assignUserPopUpId .search input[type="search"] { width:298px;}
  #assignUserPopUpId {height: 600px;margin-top: -290px;}
  #unassignUserList .scrolling-table ul.pagination{table-layout: inherit;width: inherit;}
  .backIcon{ float:left; margin-right:10px;}
  .organization-dropdown select{ max-width:180px;}
  #changePasswordId { display: inline-block; width: auto; min-width: inherit; background-color: #595959; height: auto; color: #ffffff;}
  .change-passowrd-popup { padding: 20px; height: 300px; overflow-y: auto;}
  .change-password-popup { width: 470px; height: 300px; background: #f9f9f9; border: 1px solid #c9c9c9; left: 50%; top: 50%; margin-left: -235px; margin-top: -150px; position: fixed; z-index: 1041;}
  .change-password-popup .label { width: 155px; display: inline-block; vertical-align: middle;color: #383838; text-align: left; font-size: 12px;}
  .InputPassword { width: 250px; border: 2px inset;}
  .profileIcon { background-image: url("../images/profileIcon.png"); display: inline-block; height: 14px; margin: 2px 3px -3px 8px!important; width: 14px;}
  .logout-icon { background-image: url("../images/logout-icon.png"); display: inline-block; height: 14px; margin: 2px 8px -3px 5px; width: 14px;}
  #success-password-confirmation-box, #success-publisher-confirmation-box, #success-user-confirmation-box { width: 320px; height: 206px; position: fixed; z-index: 99999; margin: auto;  top:0;bottom:0; left: 0; right: 0;}
  .float-left-position { padding-left: 30px;}
  .success { background: url("../images/success.png") no-repeat;}
  .bulkDeleteIcon, .deleteIcon, .editIcon, .filterIcon, .homeIcon, .bookInfoIcon, .editorIcon, .previousIcon, .nextIcon, .removeIcon, .error, .success { background-repeat: no-repeat; background-position: center; width: 16px; height: 16px; display: inline-block; padding-left: 22px; vertical-align: text-top;}
  #sucess-password-message { background: none !important;}
  #update-user-message { background: none !important;}
  .active {background: url("images/ui-active-green.png") no-repeat 15px center; }
  .inactive {background: url("images/ui-inactive-red.png") no-repeat 15px center; }
   /*.tableBody li.active,.tableBody li.inactive {padding-left:25px; }*/
  .change-pwd-popup{padding:20px;height: 300px;}
  .pwd-success{padding:10px 27px;}
  .change-password-popup .widget-header,.change-password-popup .form-footer, #success-password-confirmation-box .widget-header, #success-password-confirmation-box .form-footer {background:#f1eeee;}
  .form-footer input[type=button]{   padding:6px 24px; font-size:12px; margin-right: 15px;}
  .float-left-position {padding-left:30px;}
  #success-password-confirmation-box .success  {  padding-left: 17px; margin-right: 13px;}
  .arrow-up {width: 0px;height: 0px;margin-left:10px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #2f2f2f;display:inline-block;}
  .arrow-down {width: 0px;height: 0px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #2f2f2f;margin-left:10px;position: relative;top: 13px;}
  .sorting-arrow{  height: 19px; width:20px;position: relative;top: 6px;background: url(images/sorting_arrow.png) no-repeat center;display: inline-block;margin-left: 3px;}
  .success-text-msg{border:solid 1px #9bdb81;background:#dff0d8;color:#2c6c12;padding: 9px 10px 11px 20px;width: 553px;display: block;margin: 20px auto -17px auto;text-align: left;}
  .error-text-msg{border: solid 1px #e5aaaa;background: #f2dede;color: #ba1616;padding: 9px 10px 11px 20px;width: 553px;display: block;margin: 20px auto -17px auto;text-align: left;}
  .error-text-msgpopup{border: solid 1px #e5aaaa;background: #f2dede;color: #ba1616;padding: 9px 10px 11px 20px;margin:auto;width: 553px;display: block;margin-top: 20px;text-align: left;}
  .message-text{ display:inline-block; padding-left:10px; vertical-align: baseline; max-width: 488px;}
  .error-message-icon{ display:inline-block; height:15px; width:14px; background:url(../images/error_icon.png) no-repeat;vertical-align: middle;}
  .success-message-icon{ display:inline-block; height:13px; width:14px; background:url(../images/success_tick_icon.png) no-repeat;vertical-align: middle;}
  .success-close-icon{ display:inline-block; height:13px; width:14px; background:url(../images/success_close_icon.png) no-repeat;vertical-align: middle;float: right;position: relative;top: 4px;cursor: pointer;}
  .error-close-icon{ display:inline-block; height:13px; width:14px; background:url(../images/error_close_icon.png) no-repeat;vertical-align: middle;float: right;position: relative;top: 4px; cursor: pointer;}
  .cancel-message{ text-align: center; margin-top: 35px; }
  .form-footer .greyBtn:hover { background: #3f3f3f; }
  .manageGroups .widget-popup {height: 400px;}
  #updateUserPopupId .buttonHolder {text-align: center; margin: 0 !important;}
  .logo{background: url(../images/op2-logo-small.png) no-repeat center;width: 150px;height: 40px;display: inline-block;vertical-align: middle;}
  .disable {opacity: .3;cursor: default;}
  .manage-allocation-main-content .colHead {padding: 5px 12px 4px 12px; }
  .manage-allocation-main-content .jstree-default .jstree-wholerow {margin-top: 0px;}
  .manage-allocation-main-content .right-colum .filter {margin-left: 0px;}
  .manage-allocation-main-content .right-colum {padding-left: 50px; float: right;}
  .manage-allocation-main-content .filterButton{line-height: 0px;padding: 7px 12px 7px 9px;margin-top: -10px; height: 30px;}
  .manage-allocation-main-content .right-colum .manage-license-buttons {top: -30px;}
  .manage-allocation-main-content .right-colum .filter li.search span {top: 66px;}
  .manage-allocation-main-content .right-colum .search {margin-right: 0px;}
  .manage-allocation-main-content #userConatinerId {padding-top: 55px;}
  .manage-allocation-main-content .right-colum-full-width .filter li.search span {top: 105px;left: 13px;}
  .manage-license-buttons .btns {margin-right: 0px;}
  .search-btn-disabled {background: url('../images/searchIcon.png') 0 #595959 no-repeat; opacity: 0.5;}
  #assignUserPopUpId .right-colum .filter {margin-left: 0px;}
  .widget-popup.assignUser .right-colum .filterIcon  {margin-right: 3px;padding-left: 0px;}
  #totalCopies::-webkit-input-placeholder{color:#888888;}
  #totalCopies::-moz-placeholder{color:#888888;}
  #totalCopies:-ms-input-placeholder{color:#888888;}
  .bot28 {bottom: 20px;}
  .top13 {top: -8px !important;}
  .breadcrumb span {margin: 0 5px;}
  .pageHeading .h1 {margin: 3px 0 0 0;}
  .header-acg-book-details .bookTitle {font-size: 16px; font-weight: normal;}
  .alert-msg {color: #FD4F4F;
    text-align: center;
    margin: 10px 0;}
   .disable {opacity: .3;cursor: default !important;}
 .questionno {font-size:18px;}
 #addQuestion .error-text {left:-7px;}
 #updateUserPopupId .error-text, #addUserPopupId .error-text {left:126px;}
 .manage-allocation-main-content .pagebanner {top:20px;}
 .manage-allocation-main-content .right-colum .filter li.search {top:-28px;}
 .manage-license-buttons .btns {height: 38px;padding: 0 30px;}
 #instituteSearchForm .search-close-icon {top: 40px; right:36px;}
 .right-colum-full-width .dropdown-menu {top: 60px;}
 .search button[disabled] {opacity: 0.5;}
 .totalquestions { font-size: 12px; }
 /* css added by Sanjay */

 .institutionTable {
    margin: 40px 0 0 0;
}

.error-msg {
color: #FD4F4F;
text-align: center;
margin: 10px 0;
}
#responsedivUploadId a {color: #52b2e6;}
.actions .pl25{padding-left: 25px !important;}
.old-success-msg{color: #FD4F4F;text-align: center;margin: 10px 0 0 0;}
.manageGroups #addUserPopupId { height: 225px!important;}
.right-colum .filter li.search #clearSearchButton { top: 4px!important;}
.new-listing tr.odd { background: #f9f9f9;}
table tr.even ul { background: #fff!important;}
table tr.odd ul { background: #f5f4f4!important;}
/*Import Assessments*/
.importAssessmentFileType{ margin-left: 184px; font-size:11px;}
.re-assign{
    text-align: center;
    margin-top: 15px;
    padding: 30px 20px;
}
#updateAssessmentPopup
{
    width:400px;
    height: 200px;
    background: #f9f9f9;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -100px;
    position: fixed;
    z-index: 1041;
}
#updateAssessmentPopup .footer
{
    border-top:none;
    background:transparent;
}
.select-assessment-label{
margin-top:50px;
display: inline-block;
padding: 0;
font-size: 13px;
font-weight: normal;
line-height: 1;
color: #626262;
text-align: left;
white-space: nowrap;
vertical-align: baseline;
border-radius: none;
}
#uploadAssessment{
margin-top:10px;
width:350px;
}

.assessmentButtonHolder{
margin-top: 45px;
margin-left:160px;
}

#importAssessmentForm .fileUpload input.upload
{
    display: inline-block;
    width: 64px;
    cursor: pointer;
    margin-left: -64px;
    padding: 0;
    opacity: 0;
    font-size: 20px;
    position: inherit;
    height: 34px;
}
/* Mapping Assessments to book */
#map-assessments-popup{

    width: 495px;
    height: 480px;
    position: fixed;
    left:50%;
    right:50%;
    margin-left:-247px;
    margin-top: -240px;
}
.mapBookTitle{
    display: block;
    width: 457px;
    height: 34px;
    font-size: 14px;
    margin-left: 20px;
    margin-top: 24px;
}
#preTest{
    display: block;
    margin-top: 28px;
    margin-left: 22px;
    width: 452px;
    height: 139px;
}
#postTest{
    display: block;
    margin-top: 5px;
    margin-left: 22px;
    width: 452px;
    height: 139px;
}
#preTestHeader{
    display: block;
    margin-bottom: 10px;
}
#postTestHeader{
    display: block;
    margin-bottom: 10px;
}
#preTest #preTestFilter{
    width: 450px;
    height: 36px;
}

#postTest #postTestFilter{
    width: 450px;
    height: 36px;
}
.text-center .mapActionButtons{
    margin-top:50px;
}
#preTestId, #preTestTitle, #postTestId, #postTestTitle{
    display: block;
    margin-left: 5px;
    margin-top: 5px;
}
#preTestIdText, #preTestTitleText, #postTestIdText, #postTestTitleText{
    font-weight: bold;
}
#map-assessments-popup-confirm{
    width: 495px;
    height: auto;
    z-index: 1500;
    position: fixed;
    left:50%;
    right:50%;
    margin-left:-247px;
    margin-top: -100px;
}
#dashboard-success-msg,#dashboard-error-msg
{
    display: none;
}
.overlayTwo{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1400; background-color: black; opacity: 0.4; filter: alpha(opacity=40);}

.confirm-pop-up-content {
    width: 100%;
    height: 192px;
    padding-top: 20px;
    text-align: center;
    margin-bottom: 25px;
}
#update-mapping-content , #update-mapping-confirm {
    display: block;
    margin-top: 15px;

}

.version-action-btn a:first-child
{
    margin: 0px 8px 0 0px;
}
.scheduled-publish-stage .error-header
{
    display: table;
    width:100%;
}
.mapping-info
{
    max-width: 100%;
    margin-right: 55px;
    margin-left: 55px;
    margin-bottom: 30px;
}
#dashboard-error-msg  .message-text,#dashboard-success-msg .message-text
{

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left:0;
    padding-right:10px;
}
#dashboard-success-msg .success-message-icon
{
   vertical-align: inherit;
}
.mapPublishedState{
    margin-top:55px;
}

#dashboard-success-msg #bookTitleSuccess{
    display: block;
}
#dashboard-success-msg .success-message-icon {float:left;}

#dashboard-success-msg #bookTitleSuccess{
    display: block;
}
#dashboard-success-msg #bookTitleSuccess{max-width: initial;width: inherit;padding: 0;}

#dashboard-error-msg  .error-message-icon ,#dashboard-success-msg .success-message-icon {display: inline-block;vertical-align: top;position: relative;top: 4px;left: -6px;}
#dashboard-error-msg  .error-message-icon{ top:0px; left:-4px;}

#dashboard-error-msg,#dashboard-success-msg{padding-right: 7px;}

.dashboard-message-content{display: inline-block;max-width: 90%;}
#dashboard-error-msg .error-close-icon{top:2px;}
/*.dashboard-nodata{width:975px;}*/
.isbn-txt
{
    text-transform: initial;
}
#select-institution-error{
    margin-left: 151px;
}
.cancel-action-btn a:nth-child(2),.cancel-action-btn a:nth-child(3)
{
   margin-top:10px;
}
.cancel-action-btn a:nth-child(3)
{
   margin-left:7px;
}
#import-error-msg .error-message-icon
{
    vertical-align: top;
}
#import-error-msg .message-text
{
    vertical-align: bottom;
}
.book-content .bookName {
    margin-left: 0px;
}
.book-details-table, #bookDescId {
    text-align: left;
}

/*------download reports css start-------------*/

    .download-wait{
    position: absolute;
    font-size: 16px;
    color: #5B5A59;
    top: 50%;
    left: 50%;
    text-align: center;
    max-width: 300px;
    margin-left: -150px;
    margin-top: -16px;
    }
.download-wait p{
    margin:10px 0 0;
}
.download-wait p.time-out-bold{
    font-family: 'open_sansbold';
    margin-top:5px;
}
/*------download reports css end-------------*/

#import-success-msg {display: none;}
#import-error-msg {display: none;}


.selectbook .error-text {margin:0;}
.scrolling-table #userObj
{
    margin-bottom: 20px;
}
.select-book .filterDropdown .filterIcon
{
    margin-right:0px;
}
.vakata-context, .vakata-context ul
{
    background: #fff;
    border: solid 1px #e1e1e1;
    box-shadow: none;

}
.vakata-context li>a .vakata-contextmenu-sep{
    border-left:none !important;
    background: none;

}
.vakata-context li>a:hover
{
   background-color: #eeeeee;
   box-shadow: none;
}
.vakata-context li>a, .vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover
{
    border-bottom: solid 1px #eeeeee;
    line-height: 3em
}
.vakata-context li>a
{
    padding:0 1.8em;
}
.vakata-context li:last-child > a, .vakata-context li:last-child:hover > a
{
    border-bottom: none;
}
#option0:before
{
 content:url('../images/insert-after.png');
 width:18px;
 height:18px;
 vertical-align: middle;
}
#option1:before
{
 content:url('../images/insert-before.png');
 width:18px;
 height:18px;
 vertical-align: middle;
}
#option2:before
{
 content:url('../images/insert-child.png');
 width:18px;
 height:18px;
 vertical-align: middle;
}
#option3:before
{
 content:url('../images/rename.png');
 width:18px;
 height:18px;
 vertical-align: middle;
}
#option4:before
{
 content:url('../images/delete.png');
 width:18px;
 height:18px;
 vertical-align: middle;
}
.select-book .filterDropdown .filterIcon
{
    margin-right:0px;
}
#searchUserDetailsTableId
{
    margin-top:12px;
}
#searchUserDetailsTableId .table-view-listing-message
{
    position: absolute;
    top:250px;
}
.confirm-option
{
    margin:5px 0 10px 0px;
}
.confirm-option span {
    display:inline-flex;
}
.confirm-option span input{
   margin: 3px 5px 0 0;
}
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}
#appVersionDetails {
   margin-top: 0!important;
   border: none;
}
#appVersionDetails td{
   padding: 0!important;
   border: none;
}
#appVersionDetails thead{ display:none;}
#unassignUserList #userObj .userInstTable li {
    height:50px;
}
#unassignUserList .scrolling-table #userObj
{
    margin-bottom:0;
}
#unassignUserList .scrolling-table tbody {
     height: 275px;
}
#unassignUserList .pagination-wrap
{
    margin-top:-30px;
    height: 30px;
}
#unassignUserList .assign-user-button
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -58px;
}
#userObj .userInstTable .check
{
       min-width: 39px;
}
#userObj .userInstTable .userName,#userObj .userInstTable .userEmail,#userObj .userInstTable .actions
{
        min-width: 185px;
}
#userConatinerId .userInstTable .userName,#userConatinerId .userInstTable .userEmail,#userConatinerId .userInstTable .actions
{
        min-width: 185px;
}
#userObj .userInstTable .actions.manageorg-group-action
{
    text-align: left;
    padding-left: 28px;
}
#userObj .userInstTable .role,#userConatinerId .userInstTable .role {
    min-width: 100px;
}
#book-publish-schedule .publish-popup-content
{
  padding: 0 25px;
}
.labeltop {    padding: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    color: #626262;
    text-align: left;
    white-space: nowrap;
    width: 155px;
    display: inline-block;
border-radius: 0.25em;
vertical-align: top;
margin-top: 5px;}
.fileUploadInfo2 {font-size: 11px; margin-left: 10px;}
.bpad {padding: 6px 20px;}
.error-text2 {       color: #e66464;
    font-size: 12px;
    margin-top: 5px;}
.managelogoborder {border: 1px solid #c9c9c9;}
.scroll {overflow: scroll;
    padding: 40px 50px;}
.grey-text-listing2 {font-size: 11px;color: #aeaeae;}
#manageLogoSuccessMsg{
      margin-bottom:auto;
  }
#manageLogoPubName #assessmentsPubName{
margin-top:20px;
margin-bottom:20px;
}
#error-msg-revoke.error-text
{
    margin:0;
}
#importAssessmentForm .label { width: 154px; }
#importAssessmentForm  #publishcodeFilter { width: 370px; }

#uploadAssessment , #uploadAdjustedScore {
   width: 280px;
}

.importAssessmentFileType {
   margin-left: 160px;
   color: #999999;
   margin-top: 3px;
}
.pubCodeChange { margin: -15px 0px 2px 160px;display: block;
}
.optionaltext { color: #89949B; margin-top:2px;}

.assessment-grid-outer .assessment-col-name-sno{
    width: 30px;
    text-align: center;
}
.assessment-grid-outer .assessment-col-name-testId{
    width: 50%;
    text-align:left;
}
.assessment-grid-outer .assessment-col-name-version{
    width: 40px;
    text-align: center;
}
.assessment-grid-outer .assessment-col-name-title{
    text-align: left;
}

.assessment-grid-outer table .assessment-col-name-title a{color:#3ca9eb;}
.assessment-grid-outer table .assessment-col-name-title,.assessment-grid-outer table .assessment-col-name-version{ padding:18px 10px; vertical-align:top;}
.assessment-grid-outer table .assessment-col-name-title *,.assessment-grid-outer table .assessment-col-name-version{ line-height:1.9;}
.assessment-grid-outer table .assessment-col-name-testId,.assessment-grid-outer table .assessment-col-name-sno{ vertical-align:top; padding:18px 10px;}
.assessment-detail-popup{ padding:20px;}

.assessment-detail-popup .table-header{ table-layout:fixed;}
.assessment-detail-popup ul .assessment-col-name-version{ min-width:71px;}
.assessment-detail-popup table{ border:solid 1px #cacaca;width:100%; border-collapse:collapse; table-layout:fixed;}
.assessment-detail-popup table td{border:solid 1px #cacaca; line-height:3;}
.assessment-detail-popup .assessment-col-name-version,.assessment-detail-popup table tr td:nth-child(1){width:70px; text-align:center;}
.assessment-detail-popup .assessment-col-name-title ,.assessment-detail-popup table tr td:nth-child(2){width:90%; text-align:left; padding:0 10px;    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}

.assessmentInfo-popup{width:700px;height: 400px;margin-top:-250px;margin-left:-350px;max-height: 400px;}
.assessmentInfo-popup #table-holder{ max-height:270px; overflow-x:hidden; overflow-y:auto;    position: relative;
    top: -1px;}
    .assessment-header-title span.normal-text{    font-family: open_sansRegular!important;}
.assessment-widget-dropdown-container .labeltop{    vertical-align: middle;
    margin-top: 0;
    position: relative;
    top: -3px;
    width: 100px;}

#assessmentsPubName{ float:left; padding-top: 26px; }
.transmit-book-export-button{ margin: 69px 0 0 -2px;}
.transmitBookExport[disabled] { opacity: 0.5; cursor: default; }
.transmit-book-export-icon {
    background: url(../images/export.png) no-repeat left;
    width: 50%;
    height: 20px;
    display: block;
    margin: -10px 0 0px 5px;
    text-align: left;
    padding-left: 20px;
    border-right: 1px solid #827f7f;}
.fillDetailsForms .price-textbox {
    width: 80px;
    min-width: 80px;
}

.filter-top-dropdown{
    display: inline-table;
    width: 100%;
}
.filter-top-dropdown li{
    display: table-cell !important;
}
li.allocateDetails-right p{
    font-family: 'open_sanssemibold';
}
li.allocateDetails-right span{
    display: inline-block;
    min-width:75px;
    font-family: 'open_sansregular';
}
li.allocateDetails-right span.purchase-number{
    min-width: 27px;
}
li.allocateDetails-right.dInb-allocateDetails-right span {
    min-width: auto;
}
.allocate-groups.dInb-allocate-groups {
    width: 100px;
}
.allocate-groups.dInb-allocate-groups:last-child {
    text-align: left;
}
.allocateDetails-right.dInb-allocateDetails-right {
    width: 35%;
}
.allocateData li
{
    display: inline-block;
    max-height: 115px;
}
.brd-none{
    border: none;
}
.ml24{
    margin-left: 24px;
}
.allocate-span
{
    display: inline-block;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.pub-name
{
    color: #36393b;
    font-family: 'open_sansbold';
}
#searchUserDetailsTableId .dataTable li{width: 129px;}
/*--------------SAAS UX bug fixes start------------*/
.manange-logo-success{
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}
.manage-logo-container{
    padding-top: 50px;
}
.manage-subscription .filter li .filterIcon{
    margin-right: 2px;
}
.manage-subscription .book-info2.mt10{
    margin-top: 0 !important;
}

#perpetualId{opacity: 0;}

#manageLicencesDiv .copiescolum1{    font-family: 'open_sansRegular';
    font-weight: normal;}
.manageGroups .widget-popup#bulkUploadId {
    height: 331px;
}
#deleteUsers{    background: transparent;
    color: #666;
    border: none;
    background: url(../images/delete.png) no-repeat center left;
    padding-left: 20px!important;}
#assignUserPopUpId.pagination-wrap .pagination { margin: 42px 0;}
/*--------------SAAS UX bug fixes start------------*/

.manageGroups .widget-popup#updateUserPopupId{ min-height:400px; height:auto;}
.version-history-popup #userNamme{    word-break: break-word;
    word-wrap: break-word;}

#unassignUserList .scrolling-table tbody {
    height: 235px;
}
#unassignUserList .assign-user-button {
    bottom: -84px;}
#unassignUserList .pagination-wrap {
    margin-top: -25px;}
#assignUserPopUpId {
    min-height: 550px;}
/* Add institution subscription css starts */
.addMetaData .label{
    padding-top: 8px;
}
.input_fields_wrap{
    background: #f2f2f2;
    border: solid 1px #e4e4e4;
    width: 65%;
    padding: 10px 23px 5px 22px;
    float: left;
}
.addMetaDetails .formPlaceholder{
    min-width: 260px;
    margin: 5px 15px 5px 0;
    padding: 6px 9px 8px 9px;
    border: 1px solid #a9a9a9;
}
.addMetaDetails .formPlaceholder::placeholder{
    color: #ccd6e3
}
.input_fields_wrap .iconBtns{
    background-color: #fff;
    border-radius: 5px;
    color: #fff;
    margin-left: 10px;
}
.input_fields_wrap span{
    color: #000;
    font-weight: normal;
    font-family: open_sanssemibold;
}
.input_fields_wrap .addValueIcon{
    background: url(../images/add_book_icon.png) no-repeat 10px center;
    padding-left: 30px;
    background-color: #3faae3;
    margin-bottom: 7px;
}
.input_fields_wrap .remove_field{
    width: 12px;
    height: 15px;
    background: url(../images/delete.png);
    background-repeat: no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.input_fields_wrap span .remove_field {
    position: relative;
    left: -3px;
}
.metaInfoPopup .widget-popup-cancel, .metaInfoPopup .widget-header{
    background-color: #fff;
}
.access-container .widget-popup-cancel{
   position: absolute;
    top: -127px;
    right: 120px;
    height: auto;
    padding-bottom: 20px;
    margin: 0px;
    background-color: #fff;
    border: 1px solid #ddd;
    left: inherit;
}
.access-container .widget-header{
    border-bottom: none;
    font-size: 14px;
    padding-left: 23px;
    padding-right: 20px;
    background: #fff;
}
.viewMetaInfo{
    background: url(../images/infoIcon.png) no-repeat left 5px;
    margin-right: 8px;
     padding-top: 3px;
     padding-left: 18px;
    display: inline-block;
    position: relative;
}
.viewMetaInfo:hover{
    text-decoration: none;
    color: #555555;
}
.viewMetaInfoarrow:after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #d5d5d5;
    right: -11px;
    top: 127px;
}
.metaInfoPopup {
    position: relative;
}
/* Table css */
.divTable{
    display: table;
    width: 90%;
    margin: 0 auto;
}
.divTableRow {
    display: table-row;
}
.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}
.divTableRowValues{
    display: table-row-group;
}
.divTableCell, .divTableHead, .divTableHeader {
    border: 1px solid #e4e4e4;
    display: table-cell;
    padding: 3px 10px;
    max-width: 90px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: 'Arial Regular', 'Arial';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #333333;
    word-wrap: break-word;
    vertical-align: middle;
}
.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}
.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}
.divTableBody {
    display: table;
    width: 100%;
}
.divTableHeader{
    display: table-row;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #f0f7fc;
    text-align: center;
}
.closepopupicon{
    background: url(../images/closepopup.png) no-repeat;
    width: 16px;
    height: 16px;
}
.divTableRow:nth-child(odd){
    background-color: #f5f4f4;
}
.addMetaDetails .error-text{
    float: none !important;
}
/* Add institution subscription css ends */

.book-publish-accessiblility{float:right;position: relative;top: -4px;}
/* need to add*/
.dataTable.tableBody.mapAssessment{
	table-layout: fixed;
}
.mapAssessment .chapterID {
    width: 185px;
    text-align: center;
}
.mapAssessment .chapterName{
    width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mapAssessment .assessmentMapped{
	width: 180px;
}
.mapAssessment .versionHistory{
	width: 80px;

}
.mapHeader li{
	text-align: center;
    height: 40px;
    font-size: 13px;
    color: #36393b;
}
.mapAssessment li{
	text-align: center;
}
.versionHistory a{
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	color: #169bdd;
	text-transform: uppercase;
    position: relative;
    display: block;
}
.versionHistory.versionHistoryDisabled a{
	text-transform: uppercase;
    position: relative;
    cursor:default;
    pointer-events:none;
    opacity:0.4;
    user-select:none;
}
.assessmentMapped select{
	width: 100%;
    max-width: 300px;
    border: solid 1px #cacaca;
    padding: 6px 8px;
}
.assessmentFooter{
	text-align: center;
}
.assessmentFooter .mapBtn{
    padding: 10px 25px;
    border-radius: 5px;
    text-transform: uppercase;
    margin-top: 15px;
    display: inline-block;
    text-decoration: none;
}
.assessmentHeader{
    position: relative;
}
.assessmentHeader h1 {
    padding: 12px 0;
    font-size: 18px;
    font-weight: normal;
}
.assessmentLog{
    display: none;
    width: 340px;
    height: 100%;
    border: 1px solid #d7d7d7;
    padding: 0px 15px;
    text-align: left;
    max-height: 338px;
    position: absolute;
    background-color: #fff;
    z-index: 2;
    left:0px;
    right:0px;
    overflow-y:auto;
    

}

.assessmentLog a{
    font-size: 13px;
}
.logHistory .logList:last-child{
    border-bottom: none;
}
.logHistory .logList {
    border-bottom: 1px solid #d7d7d7;
    padding-top: 15px;
}
.logList li{
    padding-bottom: 15px;
    display: block;
    border: none;
    height: auto;
    width: auto;
    text-align: left;
}
.logList li:first-child{
    border-left: none;
}
.textbookName{
    color: #36393b;
    font-size: 14px;
}
.logHistory{
    /*border-bottom: 1px solid #d7d7d7;*/

}
.mapHeader{
    border-top: 1px solid #d7d7d7;
}
.selectInfoDropdown{
    position: relative;
    margin-top: 2px;
    width: 100%;
    max-width: 300px;
    display: table;
}
.selectInfoDropdown a{
    height: 40px;
    /*line-height: 36px;*/
    padding-right: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #626262;
    width: 100%;
    display: inline-block;
    border: 1px solid #797979;
    padding: 0;
    background: #fff;
    cursor: pointer;
    text-decoration: none;
    text-align: left;
}
.selectTitle{
    max-width: 85px;
    padding-left: 5px;
}
.selectDropdownList{
    display: none;
    position: absolute;
    width: 100%;
    max-width: 300px;
    max-height: 180px;
    overflow: hidden;
    border: 1px solid #797979;
    top: 37px;
    background-color: #fff;
    z-index: 1;
    left: 0;
}
.dropdownOption{
    margin: 0px;
    padding: 0px;
    list-style: none;
    overflow-y: auto;
    max-height: 134px;
}
.dropdownOption li{
    display: block;
    border: none;
    height: auto;
    width: auto;
    padding: 10px;
    border-bottom: 1px solid #c9c9c9;
    cursor: pointer;
    text-align: left;
}
.dropdownOption li:last-child{
    border-bottom: none;
}
.dropdownOption li:first-child{
    border-left: none;
}
.dropdownOption .selectOption:hover{
    background-color: #f2f2f2;
}
.selectDropdownArrow{
    padding: 14px 17px;
    top: 7px;
    position: absolute;
    right: 0;
    border-left: 1px solid #797979;
    float: right;
}
.selectDropdownArrow:before {
    border-top: 5px solid #7a7c7d;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    content: "";
    position: absolute;
    left: 12px;
    top: 12px;
}
.mapAssessmentPopup{
    width: 950px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    position: fixed;
    z-index: 1041;
    height: 100%;
}
.assessment-wrapper{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    background-color: #fff;
    max-height: 600px;
    padding: 10px 30px 15px 30px;
    width: 100%;
}
.mapAssessmentPopup:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
.mapAssessmentPopup .error-text-msg, .mapAssessmentPopup .success-text-msg{
    margin-top: 0;
    margin-bottom: 8px;
}
.assessmentHeader .closePopup{
right: 0px;
}
.dropdownUserSelect li{
padding: 5px;
}
.dropdownUserSelect .collectionName{
/*padding-bottom: 5px;*/
font-size:12px;
}
.dropdownUserSelect .collectionId, .selectInfoValue .collectionId{
    font-size: 10px;
}
.chapterName.alignleft
{
    text-align: left;
}
.logList .assessHeading{
    font-size: 12px;
}
.logList .assessDesc{
    font-size: 13px;
    font-family: 'open_sansbold';
}

#dropDown li:not(.init) { float: left; width: 130px; display: none; background: #ddd; }
#dropDown li:not(.init):hover, #dropDown li.selected:not(.init) { background: #09f; }
#dropDown li.init { cursor: pointer; }
.newListingTable{
    overflow-y: auto;
    max-height: 339px;
}
.collectionName, .collectionId{
    display: block;
}
.selectInfoDropdown .selectTitle{
    max-width: 196px;
    padding-left: 0;
}
.dropdownUserSelect .selectOption, .selectInfoDropdown .selectInfoValue{
    padding: 2px 0px 2px 5px;
}
.selectInfoDropdown .alignItem{
    display: table-cell;
    vertical-align: middle;
}
.textbookAuthName{
    font-size: 12px;
}
.active-arrow:before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #d5d5d5;
    right: auto;
    left: -10px;
}