/*********************Common starts here*********************/

/*********************Custom Tooltip starts here*********************/
.custom-tooltip-container {
    position: absolute;
    /*background-color: #ffd08e;*/
    background-color: #fff;
    color: #515252;
    /*color: #744b11;*/
    /*border: 1px solid #a05e00;*/
    border: 1px solid #999a9a;
    box-shadow: 0 2px 10px -4px #6f6f6f;
    /*box-shadow: 0 2px 10px -4px #000;*/
    /*border-radius: 3px;*/
    /*padding: 0px 10px 0px;*/
    padding: 0px 5px;
    max-height: 150px;
    overflow: auto;
    max-width: 400px;
}
    .custom-tooltip-container.show-tooltip {
        display: block;
    }
    .custom-tooltip-container.hide-tooltip {
        display:none;
    }



/*********************Custom Tooltip ends here*********************/

/*********************Common ends here*********************/




.header .dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown .dropdown-menu{
    margin:0px;
}


.margin-right-10 {
    margin-right:10px;
}

.margin-right-15 {
    margin-right:15px;
}

a:hover {
    cursor:pointer;
}

#square_img
{
	height:0.7em;
	width:0.7em; 
	margin-top: -0.1em;
}
#text_white, ul li a, .text-white
{
	color: white;
}
#iapps_logo
{
	margin-top:0.7em;
}
#header_color {
    /*background-color:#333333;*/
    background-color: #6E95E2;
    padding-top: 10px;
    height: 100px;
}
.container > .navbar-header.lx-ebsco-logo-container {
    margin-right: 50px;
}
.container.header ul>li a{
    border-radius: 5px;
}
.text_black
{
	color: black;
}
#text_white.sign-out-holder {
    text-decoration: underline;
}
#remove_border span {
text-decoration:underline;
}
#remove_border .active span{
    text-decoration:none;
}
#username
{
	margin-top: 1.1em;
}
#remove_border
{
	border: 0px;
}

.clear-fix {
    clear: both;
}

.clear-float:after {
    display:table;
    content: "";}
.float-parent::after{
    content: " ";
    display: block;
    clear: both;
}

.text-align-center {
    text-align: center;
}

#breadcrumb
{
	background-color: white; 
	font-size: 0.8em; 
	margin-bottom: -0.1em;
}
#panel
{
	background:linear-gradient(#6E95E2,#A1C1FA);
	box-shadow: 0.4em 0.4em 0.6em #CBCBCB;
}
#panel-body
{
	background:linear-gradient(to right,#E2EFFC,white);
}

.pointer-events-none {
    pointer-events: none;
}

.pointer-events-none.dropdown {
    background-color: #e6e6e6;
}

.pointer-events-none#scaleScoreList {
    background-color: #ffffff;
    opacity: 60%;
}

.hide-delete {
    display: none !important;
    pointer-events: none;
}

.cursor-auto {
    cursor:auto;
}
.cursor-text {
    cursor: text;
}

.pad-top-10 {
    padding-top: 10px;
}
.checkbox {
    display:inline;
    margin-right: 5px !important; /*Gets overriden by inline property of bootstrap input type to margin:0*/ 
}

.checkbox.attribute-checkbox {
    display: block !important;
    margin: 0 !important;
}

.active-selection {
    cursor: pointer;
    font-weight: 700;
    background-color: #E1EEFC;
}

.disabledTab {
    pointer-events:none;
}

.disabled-action {
    pointer-events:none;
    opacity:0.6;
}

.ui-grid-row:nth-child(even) .ui-grid-cell{
    background-color: #e5e6e6;
}

#Add_Question
{
	margin-left: 28em; 
	margin-top: 1em;
}
#border-color
{
	border: 1px solid #8EA5CE;
}
#content_panel_heading
{
	background:linear-gradient(white 10%,#E2EFFC 80%,white 10%); 
	/*margin-left:-1.1em;*/ 
	width:18.1em;
}
#content_panel_footer
{
	background-color: #C7E0FF; 
	/*margin-left:-1.1em;*/ 
	width:18.1em;
}
#margin
{
	margin-left: 1em;
	margin-bottom: 1em;
}

.margin
{
	margin-left: 1em;
	margin-bottom: 1em;
}

#Question_catalog
{
	border: 1px solid #8EA5CE; 
	background-color: #DAEDFF; 
	margin-left: -1.5em;
}
#content_color
{
	color: #0C2A68;
}
#filter_container
{
	margin-left: 1em;
}
#search_container
{
	margin-left: 4em;
	margin-top: 1em;
	border-left: 1px solid #CCCCCC;
}
#space
{
	margin-bottom: 1em;
}

.space
{
	margin-bottom: 1em;
}
#content_textarea
{
	
	width: 197px;
    height: 84px;
	resize: none;
}
#dropdown_menu1
{
	width: 100%;
}

.loader-div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147480000 !important;
    background-color: #000;
    opacity: .5;
}

.absolute-loader {
    position: absolute;
}

.ajax-loader {
    position: absolute;
    left: 51%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;     
    font-weight:600; 
    color: #fff; 
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
}
.ajax-loader-div {
    position: absolute;
    top: 50%;
    font-weight: 600;
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
}

.angular-ui-tree-empty{
    border: 0px dashed #bbb;
    min-height: 0px;
}

::-webkit-input-placeholder {
   font-style: italic;
}
:-moz-placeholder {
   font-style: italic;  
}
::-moz-placeholder {
   font-style: italic;  
}
:-ms-input-placeholder {  
   font-style: italic; 
}

.text-align-center {
    text-align: center;
}

.page-title{
    font-size:large;
    display:block;
}

.vertical-divider-right {
    border-right: 2px solid black;
    padding-right: 20px;
}

#panel.box-shadow-none {
    box-shadow: none;
}

#panel-body.background-769be6 {
    background:linear-gradient(to right,#769be6,#759be6);
    padding-top: 0px;
    padding-bottom: 0px;
}

.background-769be6 {
    background:linear-gradient(to right,#769be6,#759be6);
}

.no-border-top {
    border-top: none !important;
}

.panel-heading-accel5 {
    display: flex;
    justify-content: space-between;
    line-height: normal;
}

.span-div-accel5 {
    display: flex;
    margin-left: 10px;
    float: left;
    text-align: center;
    height: 34px;
    align-items: center;
}

.hover-accel5 {

}

.hover-accel5:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #000;
}




/********************************************Login Block Start**********************************************/

.login-block {
    border: 1px solid #ccc;
    width: 375px;
    text-align: center;
    margin: 80px auto;
    font-size: 16px;
    border-radius: 5px;
    padding: 10px;
    height: 235px;
}

.tr, .th {
    padding: 10px;
}

.page-heading {
    text-align: center;
    font-size: 20px;
    padding: 10px;
}
/********************************************Login Block End**********************************************/

/********************************************Filesystem Watcher Block Starts Here**********************************************/

.filesystem-watcher-info {
    float: right;
    padding-top: 10px;
}

/********************************************Filesystem Watcher Block Ends Here**********************************************/

/********************* Add/Edit Question Block Starts Here ***********************************************/

.scoring 
{
	float: left;
	margin: 3px 10px 0 0;
	width: 10.8em;
	text-align: left;
	color: #5f7296;
	width:40px
}
#header
{
	background:linear-gradient(#779DE4,#A1C1FA);
}
#block
{
	background: linear-gradient(to right, #E2EFFC , #FFFFFF);
}
#question_title
{
	background:linear-gradient(#E3EFFC,#A1C1FA);
	border: 1px solid #A1A1A1;
}
#question_title_table
{
	margin-top: 1em;
    display: inline-block;
    float: right;
    margin-right: 10px;
}

.add-question-container .margint-top-10{
    margin-top:10px;
}
.add-question-container .stimulus-title-container {
    margin-top: 150px;
    margin-bottom: 10px;
    margin-left: 30px;
}

.add-question-container .stimulus-ai-title-container {
    padding-left: 15px;
    background: #fff;
}

.filterbuttons-container{
    align-items: center;
    flex-wrap: wrap;
    display: flex;
}

.filterButton {
    border: #337AB6 solid 1px;
    border-radius: 12px;
    margin-top: 10px;
    margin-right: 20px;
    color: #337AB7;
    padding-left: 14px;
    background: none;
    padding-right: 10px;
}

.filterButton:before {
    content: "✖";
    padding-right: 7px;
}

.que-added-container{
    padding-left: 15px;
    align-items: center;
    background: white;
    display: flex;
}

.add-question-container .stimulus-title-container.no-top-margin {
    margin-top: 0;
}

#question_title_span
{
	font-color:#5f7296; 
	font-family:calibri; 
	margin-left: 30px;
	font-size: 1.1em;
}
#textarea_content_item
{
	width: 360px;
	height: 106px;
	resize: none;
}
#text_area 
{
	margin-left:1em;
}
#add_att_textarea 
{
	float:right;
	margin-right:4em;
}
#panel_question
{
	background:linear-gradient(#779DE4, #A1C1FA);
}
#ai-bg {
    background:#306AC4 !important;
}

div.ai-bg {
    background:#306AC4 !important;
    
}
.margin-sub-attribute
{
	margin-left: 1.5em;
}
#stimulus-margin, .addeditText 
{
	margin-left:10px;
    color: #1C68B5;
    font-weight: bold;
}
#mouse-cursor
{
	cursor:pointer; 
	margin-left:1em
}
#bg-white
{
	background-color:white;
}
#textbox-margin
{
	margin-left:1em;
}
#checkbox_calc
{
	float:left; 
	padding-left:4em;
}
#checkbox_symbol
{
	float:left; 
	padding-left:10em;
}
#checkbox_formula
{
	float:left; 
	padding-left:15em;
}
#save
{
	float:right;
	margin-left: 8em;
}
#footer-save-close
{
	background:linear-gradient(#9FBFF9, #A1C1FA);
	padding-top: 0.9em;
	padding-bottom: 0.5em;
}
#footer-save
{
	margin-left:72em;
}
#mouse-pointer
{
	cursor:pointer; 
}
#panel-top-margin
{
	margin-top:2em;
}

#Ques-id {
    background: #EFEEF0;
    margin: 0;
    padding: 1.3em 1.5em 0.3em;
}

.question-attribute-body .panel-title {
    color:#fff;
}
.question-attribute-panel{
    background-color:#89AAE9;
}
.question-attribute-content{
    background-color:#fff;
    border: 1px solid transparent;
}

.tbl-container {
    
}

.tbl-head{
    width:115px;
}

.question-panel {
    border: none;
    box-shadow: none;
}

/* Styles for the non-empty question text block */
.question-text {
    padding: 10px;
    padding-top: 32px;
    padding-bottom: 32px;
}

.no-margin-left {
    margin-left: 0;
}

.title-container-padding {
    padding-top: 32px;
    padding-bottom: 10px;
}

/********************* Add/Edit Question Block Ends Here ***********************************************/


/********************* Question Attributes Starts Here ***********************************************/

.text-white
{
	color: white;
}
.bg_white
{
	background:linear-gradient(#CDE1F8 5%, white 95%);
}
.survey_footer
{
	background:linear-gradient(#9FBFF9, #A1C1FA);
}
.survey-save-button
{
	margin-left: -2em;
}
.float-right-side
{
	float: right;
}
.survey-panel-footer
{
	overflow: auto;
}
.correct-input-width
{
	width: 5em;
}
.table-space-padding
{
	padding: 0.5em;
}
.table-top-margin
{
	margin-top: -1.9em;
}
.panel_question {
    background: #89AAE9;
    margin-bottom: 0px;
}
.survey_footer
{
	background:linear-gradient(#9FBFF9, #A1C1FA);
    overflow:auto;
	/*padding-top: 0.9em;
	padding-bottom: 0.5em;*/
}
.survey-save-button
{
	margin-left: -2em;
}
.float-right-side
{
	float: right;
}
.survey-attribute-footer{
    float:right;
}
/*.panel-title{
    padding:10px;
}*/

.checkbox-question-attribute-container .modal-dialog {
    width:900px;
}
.checkbox-question-attribute-container .radio-labels{
    margin-left:5px;
}

/*.checkbox-choice-padding
{
	padding-bottom: 7em;
}*/
.checkbox-special-opt-padding
{
	padding-bottom: 0.7em;
	padding-left: 1em;
}

.attribute-display-label {
    float:left;
}

.special-options {
    clear: both;
    padding-top: 30px;
}
.score-header {
    background-image: url('data:image/gif;base64,R0lGODlhAQAUALMAAN3c3OTk5NTU1Ofm5uvr69jY2N/f3+Lh4enp6dbW1u3t7e/v7rOzs9ra2tPT0/Dw8CH5BAAAAAAALAAAAAABABQAAAQO0L35liJohGNAK4ngMBEAOw==');
    background-repeat: repeat-x;
    font-weight: bold;
}
.score-container{
    border: 1px solid #ccc;
}

.dropdown.custom-hover:hover {
    cursor: default; /* Default cursor for the entire dropdown */
}

.dropdown.custom-hover .btn:hover {
    cursor: pointer; /* Pointer cursor only for the button */
}

.dropdown.custom-hover {
    display: inline-block;
}

/********************* Question Attributes Starts Here ***********************************************/

/***************Question-Catalog Starts*******************/
.question-list-page .panel-heading.question-catalog-heading,
.question-list-page .panel-heading.question-catalog-heading .panel-body {
    background-color: #7097E3;
}
.question-list-page .content-level-2-title {
    margin-top:10px;
}
.question-catalog-heading{
    height: 30px;
}
.question-catalog-title-text {
    font-size:18px;
}

.filter-dropdowns {
    margin-left: 0;
    list-style: none;
}

.filter-dropdowns > li > a:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.filter-list-container .drop-down-up {
    top: auto;
    bottom: 100%;
}


.checkbox-toggle > label {
    font-weight: normal;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.dropdown-filter {
    width: 400px;
}

.dropdown-menu.filters .filter-dropdowns {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dropdown-label {
    max-width: 190px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 190px;
    text-align: left;
    overflow: hidden;
    margin-bottom: 0;
    display: inline-block;
    padding: 0px 10px;
    /*height: 35px;*/
    line-height: 35px;
}
.product-catalog-showcase-dropdown .dropdown-label {
    max-width: 160px;
}
.image-library .dropdown-label {
    max-width:160px;
}
.dropdown-label:after {
    content: '\f078';
    float: right;
    font: normal normal normal 10px FontAwesome;
    //padding-top: 12px;
    position: absolute;
    right: 10px;
    top: 10px;
}

#content1:after {
    content: '\f078';
    float: right;
    font: normal normal normal 10px FontAwesome;
    padding-top: 6px;
}

.dropdown-label.open :after {
    content: '\f077';
}

.filter-row {
    padding: 5px;
}

.checkbox-toggle.dropdown {
    width: 190px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-catalog-showcase-dropdown .checkbox-toggle.dropdown {
    width:160px;

}
.checkbox-toggle.dropdown.image-library {
    width:160px;

}
.listing-filter .dropdown {
    width: 220px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.multi-select {
    width: 190px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.checkbox-toggle .filters {
    width: 190px;
}

.filter-dropdowns > li {
    border-bottom: 1px solid #DAEDFF;
    margin: 0;
    padding: 8px 10px;
    text-overflow: ellipsis;
    white-space: pre-line;
    font-size: 14px;
}

.filter-dropdowns > li:hover, .filter-dropdowns > li.active {
    cursor: pointer;
    font-weight: 700;
    background-color: #C7E0FF;
}

.dropdown-menu.filters .filter-dropdowns {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

.search .col-md-5 {
    padding-right: 0px;
}

#Question_catalog {
    padding: 10px;
}

    #Question_catalog #search_container {
        margin-top: 24px;
    }

.dropdown-menu.filters {
    padding-top: 0;
    padding-bottom: 0;
}

.btn.admin-button {
    padding: 0;
    height: 35px;
}

.container .question-list-page {
    min-width: 1170px;
}

#question-table > tbody > tr > td > img
 {
    max-width: 200px;
    max-height: 200px;
    margin: 8px;
}

/***************Question-Catalog Ends*******************/
/***************Question-Catalog-Grid Starts*******************/


.row.question-list-grid {
    margin-right: 0;
    margin-left: 0;
    margin-top: 10px;
}

.row .question-list-grid {
    height: 385px;
}

.grid-list-no-results {
    min-height:320px;
    text-align: center;
}

/***************Question-Catalog-Grid Ends*******************/
/***************Question-Catalog-Grid slider starts*******************/
.row .grid-list-pagination {
    margin-right: 0;
    margin-left: 10px;
    margin-top: 22px;
    width: 100%;
}

.question-list-page .row .grid-list-pagination {
    margin-top: 40px;
}

.slider-div {
    width: 40%;
    float: left;
    padding-left: 15px;
    
}
.slider-div > span {
    height: 25px;
}
.page-info {
    width: 60%;
    float: right;
    padding-top: 15px;
    padding-right: 15px;
    text-align: right;
}

.slider-div .row > div {
    padding-left: 5px;
    padding-right: 5px;

}

.slider-div .row .col-md-10 {
    padding-left: 20px;
}


/***************Question-Catalog-Grid slider ends*******************/ 

/***************QUestion filters starts*******************/
.panel-body .dropdown-label.fa {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}
/***************QUestion filters ends*******************/
/*********************** view tests modal starts here **************************/
.modal-content {
    /*position: relative;
    left: 24px;
    top: 200px;*/
}

.question-view-test .modal-body .row.question-list-grid .grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-viewport{
    overflow: auto !important; /*cause it overrides to scroll by the grid's inline property*/
}
/*********************** view tests modal ends here **************************/
/*********************** add content levels modal starts here **************************/

.add-content-levels .modal-body {
    width: 100%;
    min-height: 270px;
}

.add-content-levels .modal-body .checkbox-toggle.dropdown {
    width: 100%;
}

.add-content-levels .modal-body .checkbox-toggle .filters {
    width: 100%;
}

.add-content-levels .modal-body .checkbox-toggle .dropdown-label{
    max-width: 100%;
    width: 100%;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.textarea-div {
    padding-bottom: 2px;
    padding-top: 2px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    background-color: white;
    border: 1px solid;
    border-color: rgb(169, 169, 169);
    overflow-y: auto;
    width: 380px;
    height: 106px;
    resize: none;
}

.content-level {
    border-bottom: 1px solid #B3B7B7;
}

.content-level-I-title {
    padding-left: 5px;
    display: inline;
}

.content-level-II-title {
    padding-left: 15px;
}

.add-content-levels .modal-body .content-level-II{
    border: 1px solid #B3B7B7;
    min-height: 200px;
}

.content-level-II-label {
    display: inline;
    font-weight: normal;
}
/*********************** add content levels modal ends here **************************/
/***********************add additional attributes starts here***********************/
.attribute-label {
    display: inline-block;
    width: 250px;
}

.additional-attributes{
    padding-top: 10px;
}

.add_att_textarea .additional-attributes {
    border-bottom: 1px solid #B3B7B7;
}

/***********************add additional attributes ends here***********************/
/**********************************add stimulus starts here**********************************/
.open-stimulus-library .modal-dialog  {
    width: 1000px;
    height: 730px;
}

.paginationWrap {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 5px 2px;
    border: 1px solid #ccc;
    background: #fff;
}

/*a[id$="uiGrid-000X"] {
    height: auto !important;
}
#1469021058057-0-uiGrid-0008-cell {
    height: auto !important;
}

.ui-grid-coluiGrid-0008 {
    height: auto !important;
}*/

/**********************************add stimulus ends here**********************************/
/**********************************add/edit answers starts here**********************************/

.add-edit-answers .answer-row {
    padding: 5px 0px;
}

.answer-block {
    padding-bottom: 5px;
    padding-top: 10px;
}
.answer-title {
    float: left;
    width: 100%;
    padding: 4px 0;
    border-bottom: 1px solid #8EA5CE;
    background: #89aae9;
    color: #fff;
    padding: 5px;
}

.matrix-grid-answer-title {
    margin: 2px 0px;
}

.answer-title-text {
    float:left;
}

.answer-title-options {
    float: right;
}
.answer-body {
    border: 1px solid #89aae9;
    padding: 0 5px;
}
.answer-body-answer-div,
.answer-body-explanation-div {
    font-weight: bold;
}

.add-edit-answer .modal-content{
    width: 700px;
}

.add-edit-answer.type-hotspot .modal-content, .add-edit-answer.type-hotspot .modal-dialog{
    width:1000px;
}

.answer-page-info > label {
    font-weight: normal;
}

.paginationclass{
    margin: 19px 28px;    
}
.paginationclass span{
    margin-left:15px;
    display:inline-block;
}
.pagination-controle li{
    display: inline-block;
}
.pagination-controle button{
    font-size: 12px;
    margin-top: -26px;
    cursor:pointer;
}
.pagination{
    margin: 0;
    display: block;
}

.ai-bg {
    background : #306AC4;
}

/**********************************add/edit answers starts here**********************************/

/**********************************Add New Stimulus starts here**********************************/

.add-new-question-stimulus .modal-dialog {
    width: 1000px;
}

.manadatory-field {
    color: red;
}
.popup-box-content {
    margin: 1px 4px 4px 4px;
    padding: 0px;
    background-color: #ffffff;
    background-image: url(images/popupContainer-bg.gif);
    background-repeat: repeat-x;
    height: 550px;
    overflow: auto;
}

.content-container {
    width: 630px;
    margin-top: 10px;
}
.add-new-question-stimulus .modal-header {
    padding: 10px;
    background-color: #adc6f3;
    width: 100%;
    height: 45px;
    border-radius: 5px;
}

.add-additional-attributes .instructions,
.add-new-stimulus .instructions,
.add-new-question-stimulus .instructions {
    padding-left: 16px;
    font-weight: bold;
    color: white;
    font-size: 20px;
}

.stimulus-attributes-popup .modal-dialog {
    width:700px;
}

.stimulus-attributes-popup .modal-header{
    padding: 10px;
    background-color: #adc6f3;
    width: 100%;
    height: 45px;
    border-radius: 5px;
}
.formLabels {
    font-weight: normal;
    color: #5f7296;
}

.added-content {
    clear: both;
    width: 350px;
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #8EA5CE;
    background: #fff;
}

.memory-stimulus-yes {
    padding-left: 113px;
}

.add-new-question-stimulus .modal-footer {
    border: 0;
}

#test, #stimulusEditor, #testDisclaimerEditor{
    display: inline-block;
}

.stimuluspageslinks {
    color: #1c68b5;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    float: right;
    padding: 3px;
}

.stimuluspages {
    display: block; 
    background-color: #89AAE9; 
    color: white; 
    font-size: 16px; 
    padding: 3px; 
    margin-bottom: 5px;
}

/**********************************Add New Stimulus ends here**********************************/


/********************* Manage Test Attributes Starts Here ***********************************************/
.img-right
{
	float: right;
	cursor:pointer;
	margin-top: 3px;
}
.manage-attr-title-text{
    font-size:18px;
}
.manage-attr-heading-panel{
    height:30px;
}
#panel-gradient
{
	background:linear-gradient(#CDE1F8 5%, white 95%);
}
#div-padding,
.div-padding
{
	padding: 0.5em;
}
#right-side, .right-side
{
	float: right;
}
#textbox-width
{
	width: 19em;
}
.textbox-width{
	width: 19em;
}
#stimulus-background,
.blue-background
{
	background-color: #DAEDFF; 
	border: 1px solid #8EA5CE;
}
#test-attribute-panel
{
	background:linear-gradient(white 10%,#E2EFFC 80%,white 10%); 
	margin-bottom: -1.2em;
}
#test-attribute-panel-header-color
{
	color: #0C2A68;
}
#red-text
{
	color: red;
}
#content-placement
{
	padding: 10px; 
	text-align: right; 
	vertical-align: text-top;
}
#content-textbox-padding
{
	padding: 10px;
}
#desc-textarea
{
	height: 4em; 
	width: 19em; 
	resize: none;
}
#panel-heading-background
{
	background:linear-gradient(#FFFFFB, #D1E9FF);
}
#content-box-1
{
	padding: 0.3em; 
	border: 1px solid #8A9FC2; 
	border-radius: 0.4em; 
	border-bottom: none; 
	color: #DFAF4E; 
	background:linear-gradient(#FDFEFF 65%, #CADFF8);
	margin-left: -0.6em;
}
#content-box-2
{
	padding: 0.3em; 
	border: 1px solid #8A9FC2; 
	border-radius: 0.4em; 
	border-bottom: none; 
	color: #DFAF4E; 
	background:linear-gradient(#FDFEFF 65%, #CADFF8);
}
.sub-attribute-textarea
{
	height: 15.1em; 
	width: 85%; 
	resize: none; 
	margin: 0.6em 1.6em 0em; 
	background-color: white; 
	text-align: center; 
	border: 1px solid #8A9FC2;
}
#nested-panel-design
{
	margin-bottom: -0.1em;
	border: 1px solid #8EA5CE;
}
.div-50-left
{
	width: 50%; 
	float: left;
}
.div-5-middle
{
	width: 5%; 
	float: left;
    margin-top:150px;
}
.div-45-right
{
	width: 45%; 
	float: right; 
}
#div-empty
{
	height: 15.1em;
	width: 85%; 
	resize: none; 
	margin: 1em 1.6em 0em; 
	margin-top: -0.0em; 
	border: 1px solid #8A9FC2;
}
#nested-div-5-left
{
	width: 5%; 
	float: left;
}
#nested-div-95-right
{
	width: 95%; 
	float: right;
}
#search-box-margin
{
	margin-left: 7.7em;
}
#nested-panel-footer-design
{
	border: none; 
	padding-bottom: 2.5em; 
	background-color: #DAEDFF;
}
.CL1-empty-div
{
	width: 16.9em; 
	height: 34em; 
	border: 1px solid #8A9FC2;
	margin-left: -0.5em;
    overflow: auto;
}
#domain-search-box-margin
{
	margin-left: 5.3em;
}
#panel-design
{
	background:linear-gradient(#E4E6EA, #f9f9f9);
}

.add-new-attribute-panel {
    margin-bottom: 0px;
}

.add-new-attribute-panel .panel-header {
    background-color:#89AAE9;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;    
}

.add-new-attribute-panel .panel-footer {
    background-color:#89AAE9;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;    
}
.add-new-attribute-panel .panel-footer .save-btn {
    margin-right: 5px;
}

.add-new-attribute-panel .panel-body .label-txt {
    width: 40%;
    float: left;
}

    .add-new-attribute-panel .panel-body .score-report-label-txt {
        width: 25%;
        float: left;
    }
.add-new-attribute-panel .panel-body .title-div {
    height:50px;
    padding: 2px;
}

.add-new-attribute-panel .panel-body .description-div {
    height:55px;
    padding: 2px;
}
.width-100 {
    width: 100px;
    }
.panel-body .description-div textarea {
    resize:none;
}
.width-300 {
    width: 300px;
}
.float-left-side {
    float: left;
}
.add-new-attribute-panel .score-input-width {
    width:60px;
}
.scale-score-popup .add-new-attribute-panel .left-panel-container,
.scale-score-popup .add-new-attribute-panel .right-panel-container {
    float:left;
}

.scale-score-popup .add-new-attribute-panel .left-panel-container {
    width: 320px;
}
.scale-score-popup .add-new-attribute-panel .description-input {
    height: 150px;
     resize: none;
}

.scale-score-popup .modal-dialog {
    width:800px;
}
.scale-score-popup .add-new-attribute-panel .score-table {
    overflow-y: overlay;
    height: 442px;
}
.scale-score-popup .add-new-attribute-panel .score-header{
    overflow:auto;
}
.scale-score-popup .add-new-attribute-panel .minimum-score-label{
    margin-left:5px;
}

.scale-score-popup .add-new-attribute-panel .minimum-score-header,
.scale-score-popup .add-new-attribute-panel .scaled-score-header,
.scale-score-popup .add-new-attribute-panel .score-table .minimum-score-col,
.scale-score-popup .add-new-attribute-panel .score-table .scaled-score-col {
    float: left;
    width: 220px;
}

.padding-left-0 {
    padding-left: 0px;
}

.padding-left-5 {
    padding-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-30 {
    margin-left: 30px;
}

.CL1-empty-div .attribute-div  {
    padding: 2px 2px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.CL1-empty-div .attribute-div:nth-child(even)
 {
    background-color: #f3f3f3;
}

.CL1-empty-div .attribute-div.active
{
    background-color: #DAEDFF;
    border-bottom: 1px solid #8EA5CE;
    border-top: 1px solid #8EA5CE;
}

.CL1-empty-div .attribute-div:hover{
    background-color: #DAEDFF;
}

.attribute-functions {
    margin-bottom:20px;
}

.attribute-functions button{
    /*margin-left:10px;*/
        margin: 5px;
}

.display-page-info {
    padding-left : 10px;
}

.ui-grid-contents-wrapper a {
    text-decoration: none;
    cursor: pointer;
    font-size: 20px;
}
.ui-grid-contents-wrapper a.view-tests{
    font-size: 14px;
}

.ui-grid-contents-wrapper a.a-tag{
    font-size: 14px;
}      

.ui-grid-contents-wrapper a.icons{
    margin:5px;
}

.ui-grid-contents-wrapper a.mta-icons{
    margin:10px;
}
.text-decor-none{
    text-decoration:none;
}
.text-decor-none:hover{
    text-decoration:none;
}
span.mta-icons-with-text{
    margin:10px 0 10px 10px;
    text-decoration:none;
}

.ui-grid-contents-wrapper .edit:after {
    font-family: FontAwesome;
    content: '\f044';
}
.ui-grid-contents-wrapper .duplicate:after {
    font-family: FontAwesome;
    content: '\f24d';
}
.ui-grid-contents-wrapper .delete:after {
    font-family: FontAwesome;
    content: '\f014';
}
.ui-grid-contents-wrapper .save:after {
    font-family: FontAwesome;
    content: '\f0c7';
}
.ui-grid-contents-wrapper .cancel:after {
    font-family: FontAwesome;
    content: '\f00d';
}
.ui-grid-contents-wrapper .plus:after {
    font-family: FontAwesome;
    content: '\f067';
}
.clone:after{
    font-family: FontAwesome;
    content:'\f24d';
}

.plus:after {
    font-family: FontAwesome;
    content: '\f067';
}

.ui-grid-contents-wrapper .minus:after {
    font-family: FontAwesome;
    content: '\f068';
}

.chevron-down:after {
    font-family: FontAwesome;
    content: '\f078';
    padding:0 1px;
}

.chevron-right:after {
    font-family: FontAwesome;
    content: '\f054';
    padding:0 3px;
}

.chevron-down:hover {
    text-decoration:none;
}

.chevron-right:hover {
    text-decoration:none;
}

.no-icon{
    padding:0 10px;
}

.file:after {
    font-family: FontAwesome;
    content: '\f15b';
}

.plus-before:before {
    font-family: FontAwesome;
    content: '\f067';
    white-space:pre;
}

.signin-before:before {
    font-family: FontAwesome;
    content: '\f090';
    white-space:pre;
}

.chevron-right-before:before {
    font-family: FontAwesome;
    content: '\f054';
    white-space:pre;
}

.chevron-down-before:before {
    font-family: FontAwesome;
    content: '\f078';
    white-space:pre;
}

.file-before:before {
    font-family: FontAwesome;
    content: '\f15b';
    white-space:pre;
}

.icons:hover{
    text-decoration: none;
}

#panel-design li{
    cursor:pointer;
}

#search-box-margin-cl1{
    margin-left: 3.3em;
}
.add-new-ca2-btn {
    margin-right: 10px;
}
.add-new-disclaimer-btn, .add-new-rubric-btn {
    margin-right: 10px;
}
.add-new-attribute-panel .panel-body .title-div.title-container {
    height:40px;
}
.add-new-attribute-panel .no-resize {
    resize:none;
}

.ellipsis {
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
}
.pad-4 {
    padding:4px;
}
.library-active {
    color: #23527c;
    background: #E0E0E0;
}

/********************* Manage Test Attributes Ends Here ***********************************************/



/******************************************Fib Scored Attributes Start***************************************************/

.panel-question-header {
    padding: 3px 10px;
}

.fib-scored-attribute-panel{
    background-color: white;
    padding: 30px;
}

.fib-scored-attribute-panel .fib-scored-attribute-row {
    border-left:1px solid #89AAE9;
    border-right:1px solid #89AAE9;
    border-top:1px solid #89AAE9;
    padding: 4px 5px;   
}

.fib-scored-attribute-panel .fib-scored-attribute-row:last-child {
    border-bottom:1px solid #89AAE9;
}

.fib-scored-attribute-panel .fib-scored-attribute-row .fib-scored-attribute-col {
    width:50%;
    float:left;
}

.fib-scored-attribute-panel .fib-scored-attribute-row .fib-scored-attribute-col span {
    font-weight: bold;   
}

.fib-scored-question-attribute-container .modal-dialog {
    width:1000px;
}

.fib-scored-question-attribute-container .modal-dialog .row-disabled {
    background-color: #d3d3d3;
}

.add-custom-scoring-icon {
    background-image: url("/images/ui-icons_0064a4_256x240.png");
    background-position: -128px -192px;
    height: 16px;
    width: 16px;
    float:left;
}

.fib-custom-scoring-range {
    border: 1px solid black;
    margin-bottom: 20px;
}

.fib-custom-scoring-range-header {
    border-bottom: 1px solid black;
    padding:10px;
}

.fib-custom-scoring-range-content {
    padding:10px;
}

/******************************************Fib Scored Attributes End***************************************************/

/******************************************DroppDown Attributes Starts Here********************************************/

.dropdown-question-attribute-container .modal-dialog {
    width: 1000px;
    height: auto;
}

.change-background {
    background-color: #DCDCDC;
}

.ddSummaryRow {
    border: 1px solid #ddd;
    height: 30px;
}

.PointCell {
    padding: 5px;
    border: 1px solid #8EA5CE;
    text-align: center;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-right-0 {
    padding-right: 0px;
}
/********************* Manage Tests Starts Here ***********************************************/
#manage-tests {

}
.test-dropdown,
.course-dropdown,
.filter-text-box{
    width: 185px;
}

.filter-text{
    padding-top: 10px;
}

.filter-buttons {
    margin: 36px 5px 0px;
}

.filter-label {
    padding-bottom: 10px;
}


.li-button-padding {
    padding-left: 6.5em;
    padding-top: 0.2em;
}

.background-white{
    background-color:white;
}
.background-f0f0f0 {
    background-color: #F0F0F0;
}
.text-black, #panel-design>li>a.text-black {
    color: black;
}
 
.table-grey >.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #e5e6e6;
}

.tabs-design
{
	background:linear-gradient(#E4E6EA, #f9f9f9);
}
.pad-left-10-top-5 {
    padding-left: 10px;
    padding-top: 5px;
}
.introduction-tab-title,
.add-tab-heading-background,
.score-report-text-title
{
	background:linear-gradient(#E2EFFC 40%,white 10%,#E2EFFC 40%); 
	padding: 0.3em;
}
.add-tab-heading-background
{
    padding-left: 15px;
    margin-bottom:0.5em;
}
.panel-bg
{
	background:linear-gradient(#6E95E2,#A1C1FA);
	box-shadow: 0.4em 0.4em 0.6em #CBCBCB;
}
.properties-label
{
	width: 12em;
	padding-left: 1em;
    display: inline-block;
}
.properties-text-box
{
	width: 22em;
}
.def-page
{
	width: 3em;
}
.properties-label-answer
{
	padding-left: 5em;
}
.prop-ans-ques-type
{
	padding-left: 0.5em;
}
.prop-desc-textarea
{
	height: 5em; 
	width: 12em; 
	resize: none;
}
.prop-desc
{
	vertical-align: top;
}
.prop-div-button
{
	height: 3.5em;
}
.prop-save-reset-button
{
	padding-right: 1.5em;
    margin-top:0.5em;
}
.right-click-link {
    font-size:1em;
    color:red;
    text-decoration:none;

}
.right-click-link:hover {
   
    color:red;
}
.float-left-side {
    float:left;
}
.dropbtn{
    color:#000;
    text-decoration:none;
    padding:0.5em;
    margin-left:1em;
   
}
.dropdown {
  position:relative;
}
.dropdown-content {
    height:8.5em;
    position: absolute;
    left:0px;
    opacity:0;
     border:1px solid #000 ;

    -webkit-transition: opacity 0.5s; /* Safari */
    transition: opacity 0.5s;  
    
}
.dropdown-box {
    
    width:12.5em;
   
}

.dropdown-bg {
  background: -webkit-linear-gradient(right, #E2EFFC , #FFF); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, #E2EFFC, #FFF); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, #E2EFFC, #FFF); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #E2EFFC , #FFF); /* Standard syntax */
}   
.dropdown-ul {
    padding-left:1.5em;
}
.dropdown-li {
    list-style-type:none;
     padding:0.15em;
}
.question-answer-tab-insert {
    color:#000;
}
.dropdown:hover .dropbtn {
    color:#000;
    text-decoration:none;
}
.dropdown:hover {
     cursor:pointer;
}
.dropdown:hover .dropdown-content {
    opacity:1;
   
}


.properties-div-inner {
    display: inline-block;
}

.margin-left-120 {
    margin-left: 120px;
}
.answer-type-label {
    width: 8em;
}

.properties-div {
    padding-top: 10px;
    margin-bottom: 10px;
}

.formulasheet-content-link {
    padding-top: 10px;
}

.formulasheet-content-link .formulasheet-label {
    width: 12em;
    display: inline-block;
    padding-left: 1em;
}

.formulasheet-content-link .contet-title {
    display: inline-block;
}

.formulasheet-content-link .insert-button::before {
    font-family: FontAwesome;
    content: '\f067';
    font-size: large;
    font-weight: 500;
    margin-right: 0.2em;
    vertical-align: middle;
}

.formulasheet-content-link .edit-content::before {
    font-family: FontAwesome;
    content: '\f044';
    font-size: large;
    font-weight: 500;
    margin-right: 0.2em;
    vertical-align: middle;
}

.formulasheet-content-link .delete-content::before {
    font-family: FontAwesome;
    content: '\f014';
    font-size: large;
    font-weight: 500;
    margin-right: 0.2em;
    vertical-align: middle;
}

.formulasheet-content-link .insert-button {
    margin-right: 2em;
}

.formulasheet-content-link .edit-content, .formulasheet-content-link .delete-content {
    margin-left: 1em;
}

.test-summary {
    height: 160px;
    width: 274px;
    float: right;
    margin-right: 100px;
    background-color: #CCCCCC;
    padding: 5px;
}

.test-summary-title {
    display: block;
    margin-left:5px;
}

.test-summary-content {
    margin-left:15px;
}

.test-summary-content-title-last {
    margin-top: 15px;
}

.timed-minutes-textbox {
    display: inline;

}

.add-section-form-div {
    padding:8px 4px;
   
}
.width-1000 {
    width:1000px;
}

.add-section-label-txt {
    width: 20%;
    float: left;
}

.open-question-library .modal-dialog{
    width: 1170px;
    min-height: 640px;
    
}

.modal-content #question-list-select{
    padding-left:0px;
    padding-right:0px;
}
.modal-content #panel {
    margin:0px;
}

.popup-panel-footer {
    padding: 10px 15px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.popup-btn {
    margin-right:3px;
    margin-left:3px;
}

#question-add-grid {
    height:auto;
    margin-top: 70px;
}
.score-range-container {
    float: left;
    width: 170px;
}
.left-side {
    float: left;
}
.add-target-btn-container {
    padding: 5px 0;
}
.add-score-report-text-btn {
    margin-top: 5px;
}
.urq-text-btn {
    margin-top: 5px;
}
.score-report-text-title {
    overflow:auto;
}
/*.urq-text-grid-container .grid.ui-grid {
    height:63px !important;
}*/
.score-report-grid-container .no-results-style,
.urq-text-grid-container .no-results-style {
    text-align:center;
}
.urq-text-grid-container .no-results-style{
    height:20px;
}
.introduction-save-button-container {
    margin: 10px;
    height: 50px;
}

.no-results {
    padding-top: 9px;
    text-align: center;
    min-height: 50px;
}

.duplicate-test-popup .modal-dialog {
    width: 650px;
}

.duplicate-test-popup .panel{
    margin-bottom:0px;
}

.cursor-pointer{
    cursor:pointer;
}

.background-blue{
    background-color: #7097E3;
}

.feedback-save-btn{
    margin-right: 10px;
}
.test-checkbox{
    display: inline-block;
    text-align: center;
    width: 100%;
}
.test-state-dropdown{
    border-radius: 4px;
    width: 107px;
    height: 28px;
    display: flex;
    margin: auto;
}

.test-state-container{
    margin-top: 5px;
}
/********************* Manage Tests Ends Here ***********************************************/

/********************* Add Test Starts Here ***********************************************/

.text-black
{
	color: black;
}
.tabs-design
{
	background:linear-gradient(#E4E6EA, #f9f9f9);
}
.li-button-padding
{
	padding-left: 6.5em; 
	padding-top: 0.2em;
}
.prop-heading-background
{
	background:linear-gradient(white 10%,#E2EFFC 80%,white 10%); 
	padding: 0.3em;
}
.panel-bg
{
	background:linear-gradient(#6E95E2,#A1C1FA);
	box-shadow: 0.4em 0.4em 0.6em #CBCBCB;
}
.properties-label
{
	width: 12em;
	padding-left: 1em;
}
.properties-text-box
{
	width: 22em;
}
.def-page
{
	width: 3em;
}
.properties-label-answer
{
	padding-left: 5em;
}
.prop-ans-ques-type
{
	padding-left: 0.5em;
}
.prop-desc-textarea
{
	height: 5em; 
	width: 12em; 
	resize: none;
}
.prop-desc
{
	vertical-align: top;
}
.prop-div-button
{
	height: 3.5em;
}
.prop-save-reset-button
{
	padding-right: 1.5em;
}
.QA-bottom
{
	padding-bottom: 0.7em;
}
.content-table-bg
{
	background:linear-gradient(#f2f2f2, #d9d9d9);
}
.table-right-border-color
{
	border-right: 1px solid white;
}
.reco-summary-bg
{
	background-color: #CCCCCC;
	border-bottom: 1px solid white;
}
.reco-link
{
	padding-right: 1em;
}
.QA-div-overflow
{
	overflow: auto;
}
.bottom-dotted-border
{
	border-bottom: 1px dotted #ADBFD5;
}
.scoring-label
{
	padding-top: 1em;
}
.scoring-table
{
	margin-top: 1em;
}
.CA-display-order
{
	margin-top: -1.4em;
	padding-right: 0.5em;
}
.tree-container
{
    height:600px;
    overflow:scroll;
    background-color:#fff;
}
.grid-container
{
    height:600px;
    overflow:scroll;
    background-color:#fff;
}
#content-library-panel-heading {
    background: linear-gradient(white 10%,#E2EFFC 80%,white 10%);
    width: 100%; 
}

#file-library-panel-heading {
    background: linear-gradient(white 10%,#E2EFFC 100%,white 10%);
    width: 100%; 
}

.open-content-library .modal-dialog{
    width: 1170px;
    height: 716px;
    
}

#newNode {
    color: black;
    font-weight: 500;
}

.no-border-panel {
    border: 0px !important;
    background: unset !important;
    box-shadow: unset !important;
}

.width-400 {
   width:400px;
}
.content-library-node, .navigation-category-node
{
    text-decoration:none !important;
    color:inherit;
}

.navigation-category-node.invisible-category {
    color: #ABABAB;
}

.filter-parent > * {
    margin-left: 5px;
}
.table-striped>tbody>tr.active-record{
    background-color:#cde6ff;
}
.icon-adjust{
    text-align:center;
}
.record-path{
    padding:5px 15px;
    background-color:#F5F5F5;
}
.add-edit-parent-disable{
    pointer-events:none;
}
.content-type-dropdown {
    width:100%;
}
.content-library-node:hover
{
    text-decoration:none;
    cursor:default;
}
.grid-action:hover
{
    cursor:pointer;
}

.content-library-grid .grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-viewport{
    overflow: auto !important; /*cause it overrides to scroll by the grid's inline property*/
}

.color-black {
    color:black;
}

.dropdown-container-fieldgroup{
    display: flex;
    margin-top: 16px;
    align-items: center;
    width: 98%;
}

.dropdown-container-fieldvalues{
    display: flex;
    margin-top: 16px;
    align-items: center;
    justify-content: space-between;
}

.field-name-fieldvalues{
    margin-right: 5px;
    margin-left: 5px;
}

.field-name-fieldgroup{
    margin-right: 2px;
    margin-left: 5px;
    width: 23%;
}

.dropdown-content-library{
    border: 1px solid #666666;
    width: 232px;
    padding: 0.2rem;
    border-radius: 4px;
    background-color: #FFFFFF;
    height: 38px;
    padding: 10px 10px;
}

.dropdown-menu-content-library{
    
    min-width: 232px;
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    overflow-y: auto;
    max-height: 100px;
}

.dropdown-toggle-content-library{
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    max-width: 232px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.overflow-content-library{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fieldcount-content-library{
    display: flex;
    align-items: center;
}

.list-item-content-library{
    padding: 8px 10px;
}

.list-item-content-library:hover{
    font-weight: bold; 
    background-color: #99cbf6;
}

.grid-item-content-library {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 15px;
}

.textarea-content-library{
    resize: vertical; 
    width: 100%;
}

.content-item-label-content-library{
    position: relative;
}

.content-attribute-list-content-library{
    position: relative;
}

.cursor-content-library{
    cursor: pointer;
}

.show-navigation-panel-learn-module{
    font-weight: 400;
}

.title-label-learn-module{
    width: 70%;
}

.type-label-learn-module{
    width: 20%;
}

.actions-label-learn-module{
    width: 10%;
}


.content-library-body-height {
    max-height: 500px !important;
}

.content-library-popup-metadata-component {
    margin-left: -15px;
}


/********************* Add Test Ends Here ***********************************************/
/*********************Manage test - Custom Attributes tab starts here*************************/

 #custom-atrributes-tab .custom-attribute-grid {
     margin-top: 20px;
}
#custom-atrributes-tab .display-custom-attribute {
    padding:5px;
    margin-bottom: 5px;
}
#custom-atrributes-tab .custom-attributes {
    padding-left: 10px;
    padding-right: 10px;
}
#manage-test-tabs .test-title {
    padding-left: 15px;
    color: #FFFFFF;
    font-size: 16px;
}
.font-weight-600 {
    font-weight: 600;
}
 /*********************Manage test - Custom Attributes tab ends here*************************/
 
  
 
 /*********************Manage test - Scoring tab starts here****************************/

.test-scoring-tab .display-cl1-physical-section {
    margin-left: 20px;
    margin-top: 10px;
}

.test-scoring-tab .display-cl2-scoring {
    margin-left: 20px;
    margin-top: 10px;
}

.display-enhanced-recommendation {
    margin-bottom: 10px;
    margin-left: 20px;
}

.color-blue {
    color:#6495ED;
}


 /*********************Manage test - Scoring tab ends here****************************/

 
 /*********************Topic Catalog starts here*************************/
.filter-button {
    padding-top: 10px;
}

.row .topic-list-grid {
    height: 432px;
}

.row.topic-list-grid {
    margin-right: 0;
    margin-left: 0;
    margin-top: 10px;
}

.topic-list-page .content-level-2-title {
    margin-top: 10px;
}

.topic-list-page .topic-catalog {
    height: 656px;
}
/*********************Topic Catalog ends here*************************/

 
/********************* Topic Catalog Starts Here ***********************************************/

#add-topic-a
{
	text-decoration:underline;
	margin-left:30em;
}

/********************* Topic Catalog Ends Here ***********************************************/

/********************* Add Topic Starts Here ***********************************************/

#panel-heading-height
{
	height: 2em;
}
#topic-textbox-width
{
	width: 90%;
}
#topic-title-padding-margin
{
	padding-top: 1em; 
	margin: 1em;
}
#description-margin-p
{
	margin: 1em;
}
#default-page-margin-p {
    margin: 1em;
    display: inline;
}
.defaultPageDroodown {
    margin-bottom: 10px;
}
#create-topic-design
{
	border: 1px solid black; 
	width: 98%; 
	margin: auto; 
	background-color: #F2F2F2;
}
#create-topic-padding
{
	padding: 1em 1em 1em 2em;
}
#default-page-padding
{
	padding: 1em 1em 0 2em;
}
.topic-panel-width-margin
{
	width: 95%; 
	margin: auto;
}
#topic-panel-title-design
{
	background:linear-gradient(#E8EBEF, #F); 
	float: right; 
	margin-top: -2.5em;
}
#topic-panel-body-padding
{
	padding:20px 5px 5px 5px;
}
#layout-padding-padding
{
	padding: 1em;
}
#page-title-padding
{
	padding: 0em 1em 1em 1em;
}
#page-friendly-url-padding
{
	padding: 0em 1em 1em 1em;
}
.page-title-input
{
	width: 90%; 
	margin-left: 2em;
}
.page-friendly-url-input
{
	width: 89%;
    margin-left: 0.6em;
}
#panel1-border
{
	border: 1px solid #E3E3E3;
}
#table-topic-panel
{
	margin-left: 2em; 
	margin-top: 3em;
}
#topic-note
{
	color: #9999BB; 
	margin-left: 0.8em;
	font-size: 12px;
}
#add-topic-button-margin, #add-learn-button-margin
{
	margin: 1em 1em 1em 2em;
}
#reorder-topic-button-margin, #reorder-learn-button-margin
{
	margin: 1em 1em 1em 32em;
}
.save-button-topic-margin
{
    float:right;
	margin: 1em 0.5em 1em 0em;
}

.topic-panel-container .topic-panel-body{
    overflow: auto;
    padding: 20px;
}
.topic-panel-container .topic-panel-left-container{
    width:500px;
}
.preview-btn-container {
    overflow: auto;
    height: 46px;
    margin-right: 20px;
}

.blue-panel-container {
    background: linear-gradient(#6E95E2,#A1C1FA);
    box-shadow: 0.4em 0.4em 0.6em #CBCBCB;
    width: 95%;
    margin: auto;
}
    .blue-panel-container > .panel-heading {
        background: linear-gradient(#6E95E2,#A1C1FA);
    }
.content-info-container {
    background-color: #D2D2D2;
    margin: 5px;
}
    .content-info-container .content-info {
        color: #2A55FF;
        font-size: 14px;
        padding-left: 10px;
        vertical-align: middle;
        line-height: 24px;
    }
    .content-info-container .content-info-commands {
        float: right;
        color: #2A55FF;
        padding-right: 8px;
        vertical-align: middle;
        line-height: 24px;
        font-size: 12px;
    }

        .content-info-container .content-info a,
        .content-info-container .content-info a:visited,
        .content-info-container .content-info a:active,
        .content-info-container .content-info a:hover {
            color: #1c68b5;
            text-decoration: none;
            cursor: pointer;
        }
.content-levels-choice-box {
    height: 110px;
    border: 1px solid #B3B7B7;
}
        
.add-edit-content-asset .ca-containers {
    overflow: auto;
    margin: 5px;
}
.add-edit-content-asset .ca-containers .ca-labels {
        float: left;
        width: 23%;
    }
.add-edit-content-asset .ca-containers .ca-items {
        float: left;
        width: 75%;
    }
.ca-containers .ca-items.ca-title input[type='text'], .ca-containers .ca-items.ca-description input[type='text']{
    width: 100%;
}
.add-edit-content-asset .modal-dialog{
        width: 900px;
}


.add-edit-content-asset .ca-content-levels-holder, 
.add-edit-content-asset .ca-additional-attributes-holder{
    border: 1px solid #B3B7B7;
    height: 100px;
    overflow: auto;
} 
.add-edit-content-asset .ca-content-levels-holder .ca-item-container{
    overflow:auto;
}

.ca-additional-attributes-holder .domain-item,
.ca-additional-attributes-holder .user-level-item,
.ca-additional-attributes-holder .difficulty-level-item,
.ca-content-levels-holder .content-level-item {
        float: left;
        width: 550px;
    }

.add-edit-content-asset .content-level-1-container,
.add-edit-content-asset .content-level-2-container {
    width: 230px;
    float: left;
}
.additional-attributes-choice-box .domain-container,
.additional-attributes-choice-box .subdomain-container,
.additional-attributes-choice-box .user-level-container,
.additional-attributes-choice-box .difficulty-container {
    width: 200px;
    height:51px;
    float: left;
}

.additional-attributes-choice-box .subdomain-container,.additional-attributes-choice-box .difficulty-container {
    margin-left: 100px;
}

.add-edit-content-asset .content-level1-list-dropdown,
.add-edit-content-asset .content-level2-list {
    width: 220px;
    
}
.add-edit-content-asset .content-level2-list {
    overflow: auto;
    height:80px;
}
.add-edit-content-asset .content-level-buttons-container .add-content-level-button, 
.add-edit-content-asset .content-level-buttons-container .cancel-content-level-button{
    margin: 10px;
}

.add-attributes-buttons-container {
    width: 129px;
    height: 36px;
    float: right;
}
.add-attributes-buttons-container .add-attributes-button,
.add-attributes-buttons-container .cancel-add-attributes-button {
    margin: 5px;
}
.add-additional-attributes-container .additional-attributes-choice-box {
    overflow: auto;
    width: 650px;
    border: 1px solid #B3B7B7;
    padding: 10px;
}

.clear-page-button {
    position: relative;
    top: -43px;
    right: 90px;
}

/********************* Add Topic Ends Here ***********************************************/

/********************* Add Edit Course Starts Here ***********************************************/

#manage-course-tabs .course-title {
    padding-left: 15px;
    color: #FFFFFF;
    font-size: 16px;
}

.manage-course-container {
    min-width:1170px;
}

.add-edit-course-button {
    
}

.course-button-container {
    padding: 1em 7em;
    width: 79em;
    margin:auto;
    background-color:#e2effc;
}

.pad-5 {
    padding:5px;
}
.second-row-button {
    margin:0 17.5em;
}
.inline-block {
    display:inline-block;
    text-align:center;
}

.course-prop-textarea
{
	height: 10em; 
	width: 50em; 
	resize: none;
}

.confirm-save .modal-content {
    width:23em;
}

.confirm-save .modal-dialog {
    width:23em;
}

.confirm-save-popup {
    background: linear-gradient(#6E95E2,#A1C1FA);
}

.confirm-save-popup .modal-header {
    border:0;
    padding:0.5em;
}

.confirm-save-popup .modal-footer {
    border:0;
    padding:0.5em;
}

.confirm-save-popup .modal-body{
    padding: 0.5em;
}

.confirm-save-popup .popup-body{
    height:20em;
    overflow-y: scroll;
}

.modal-bg {
    background:linear-gradient(to right,#E2EFFC,white);
}

/********************* Add Edit Course Ends Here ***********************************************/

/***********************Insert Content Asset from Library Starts Here***************************/

.close-image {
    margin-bottom: 10px;
}

.content-datepicker{
    display: inline-flex;
}

.content-dropdown-label {
    padding-left: 8px;
}

.question-list-filter {
    display: inline-block;
}

.mouse-cursor-content {
    position: relative;
    top: -19px;
    right: 10px;
    float: right;
}

.insert-content .modal-dialog  {
    width: 1170px;
    height: 730px;
}

.filter-button-content-library-catalog {
    margin: 10px 5px;
}

.metadata-field-group {
    margin-bottom: 50px;
}

.disable-field {
    pointer-events: none;
    opacity: 0.6;
}
/***********************Insert Content Asset from Library Ends Here***************************/

/***********************Course Catalog Starts Here***************************/
#manage-courses .course-content-datepicker > datepicker{
   margin: 0;
}

#manage-courses .course-content-datepicker .input-group {
    width: 180px;
}

#manage-courses .search {
    padding-right: 0; 
    padding-left: 0; 
}

#manage-courses #search_container {
    margin-left: 0;
    margin-top: 0;

}
#manage-courses #filtertext {
    width: 200px;
}

#manage-courses .filter-buttons {
    margin: 10px 1px;
}

#manage-courses .div-filter-buttons {
    margin-left: 10px;
}

#manage-courses .course-date-title {
    margin-left: 15px;
    padding-bottom: 5px;
    padding-top: 10px;
}

#manage-courses .from-date,
#manage-courses .to-date {
    margin-left: 7px;
}

#manage-courses .go-filter {
    margin-top: 5px;
}
#manage-courses .no-results-div {
        padding-top: 10px;
    text-align: center;
}

#manage-courses .manage-courses-filters .first-row > td {
    max-width:200px;
    padding: 0 10px;
    padding-bottom: 10px;
}
#manage-courses .manage-courses-filters .second-row > td {
    max-width:150px;
    padding: 0 10px;
    /*padding-bottom: 10px;*/
}

#manage-courses .manage-courses-filters .second-row .div-filter-buttons {
    padding-top: 10px;
}

#manage-courses .manage-courses-filters .second-row .div-filter-buttons .apply-filter-div {
    float:left;
}
/*
#manage-courses .manage-courses-filters .second-row .div-filter-buttons > div {
    width:100px;
    max-width:100px;
}*/
/***********************Course Catalog Ends Here***************************/

/********************* course Assessment starts Here ***********************************************/
.bottom-border
{
	border-bottom:1px solid #D2D2D2;
}
.course-title-color
{
	color:#AD432B;
}
.astrix-color
{
	color:red;
}
.acordian-bg-color
{
	background-color:#F2F2F2;
}
.text-area-width
{
	width:700px;
}
.btn-padding
{
	padding:1em;
}
.btn-right-padding
{
	padding:2em;
}
.btn-top-padding
{
	padding-top:0.5em;
}

.unit-label {
    padding-bottom: 5px;
}

.insert-course-assessment-product .modal-header.title {
    background-color:#789EE4;
}

.products-as-test .modal-dialog {
    width: 1000px;
}

.insert-course-assessment-product .title {
    color: white;
    font-size: 16px;
}
.assessment-info-table {
    border: 1px solid;
    width: 960px;
    margin-top: 13px;
    margin-bottom: 13px;
    border-collapse: collapse;
    border-spacing: 0;
    height: 72px;
    margin: 10px auto;
}

#course-assessment .assessment-info-table >thead > tr > td,
#course-assessment .assessment-info-table >tbody > tr > td{
    width: 140px;
    padding: 0 5px;
    word-break: break-word;
}

#course-assessment .checkbox-toggle.course-assessment-dropdown{
    width: 800px;
    text-align: left;
    margin-bottom: 13px;
}

#course-assessment .checkbox-toggle .dropdown-label {
     width: 800px;
     max-width: 800px;
}

.toggle-content.course-assessment-list {
    width: 800px;
}

.lesson-assessment-table-header, .tableheader {
    background-color: #cdcdcd;
    text-align: center;
    font-weight: bold;
    height: 30px;
    border-color: transparent;
}

.lesson-assessment-text, .pre-post-test-assessment-text {
    text-align: center;
}

.lesson-name, .unit-name {
    font-weight: bold;
}

.insert-course-assessment .modal-dialog  {
    width: 500px;
    height: 730px;
}

#course-assessment .blue-panel-container .panel-body {
    background-color: #F1F1F3;
}

#course-assessment .view-assessment-product-ids {
    margin-bottom: 40px;
    margin-right: 30px;
}

#course-assessment .panel-group .blue-panel-container.panel .panel-heading .panel-title .accordion-toggle {
    text-decoration: none;
}

#course-assessment .horizontal-line {
    border-top: 1px solid #A5A5A5;
}
/********************* course Assessment Ends Here ***********************************************/

/**********************Course Introduction & Summary starts here***********/

.course-introduction-subheading-div {
    font-weight: bold;
}

.course-insert {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}

.course-insert input[type=radio] {
    margin: 5px;
}

.course-intro-heading, .course-summary-heading {
    padding: 10px;
}

.course-intro-table, .course-summary-table {
    padding: 10px;
    margin: 10px;
}

.course-intro-goclick-buttons, .course-summary-goclick-buttons {
    padding-right: 400px; 
    padding-bottom: 10px
}

.pad-5.course-intro-and-summary {
   margin-left: 80px;
}

/**********************Course Introduction & Summary ends here***********/

/**********************Course Content starts here***********/

.course-content-container .cc-heading {
    margin: 30px;
}

.course-content-container .toggle-content {
    font-size: 11px;
}

.course-content-container, 
.course-content-container .toggle-content #bg-white{
    padding: 10px;
}

.course-content-container .full-width{
    width:100%;
}

.course-content-container .unit-display-title-container,
.course-content-container .unit-description-container,
.course-content-container .unit-introduction-input-container,
.course-content-container .unit-summary-display-title-input-container,
.course-content-container .lesson-container .lesson-display-title-container,
.course-content-container .lesson-container .lesson-description-container,
.course-content-container .lesson-container .lesson-introduction-input-container,
.course-content-container .lesson-container .lesson-summary-input-container {
    height: 50px;
    padding:20px;
}

    .course-content-container .lesson-container .lesson-description-container {
    height:90px;
    }

.lesson-description-value textarea {
    resize:none;
}
.alternate-note {
    padding:0px 220px;
}

.course-content-container .unit-display-title-label,
.course-content-container .unit-description-label,
.course-content-container .unit-introduction-display-title-label,
.course-content-container .unit-summary-display-title-label,
.course-content-container .lesson-container .lesson-display-title-label,
.course-content-container .lesson-container .lesson-description-label,
.course-content-container .lesson-container .lesson-introduction-display-title-label,
.course-content-container .lesson-container .lesson-summary-display-title-label
 {
    width: 150px;
    float: left;
}

.course-content-container .lesson-container .lesson-introduction-display-title-label,
.course-content-container .lesson-container .lesson-summary-display-title-label
 {
    width: 160px;
    float: left;
}

.course-content-container .unit-display-title-value, 
.course-content-container .unit-description-value, 
.course-content-container .unit-introduction-display-title-value, 
.course-content-container .unit-summary-display-title-value{
        width: 750px;
        float:left;
}

.course-content-container .lesson-container .lesson-display-title-value,
.course-content-container .lesson-container .lesson-description-value,
.course-content-container .lesson-container .lesson-introduction-display-title-value,
.course-content-container .lesson-container .lesson-summary-display-title-value {
    width: 650px;
    float: left;
}

.course-content-container .unit-introduction-title,
.course-content-container .unit-summary-title,
.course-content-container .lesson-container .lesson-introduction-title,
.course-content-container .lesson-container .lesson-summary-title{
    border-bottom: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
    padding-left: 10px;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11.8px;
    font-weight: bold;
    font-family: Trebuchet MS;
}

.course-content-container .unit-introduction-content-asset-value-holder, 
.course-content-container .unit-summary-content-asset-value-holder, 
.course-content-container .lesson-container .lesson-introduction-content-asset-value-holder, 
.course-content-container .lesson-container .lesson-summary-content-asset-value-holder{
    background-color: #D2D2D2;
}
    .course-content-container .unit-introduction-content-asset-value-holder .content-asset-value,
    .course-content-container .unit-summary-content-asset-value-holder .content-asset-value,
    .course-content-container .lesson-container .lesson-introduction-content-asset-value-holder .content-asset-value,
    .course-content-container .lesson-container .lesson-summary-content-asset-value-holder .content-asset-value {
        color: #2A55FF;
        font-size: 14px;
        padding-left: 10px;
        vertical-align: middle;
        line-height: 24px;
    }
    .course-content-container .unit-introduction-content-asset-value-holder .content-asset-commands,
    .course-content-container .unit-summary-content-asset-value-holder .content-asset-commands,
    .course-content-container .lesson-container .lesson-introduction-content-asset-value-holder .content-asset-commands,
    .course-content-container .lesson-container .lesson-summary-content-asset-value-holder .content-asset-commands {
        float: right;
        color: #2A55FF;
        padding-right: 8px;
        vertical-align: middle;
        line-height: 24px;
        font-size: 12px;
    }

.course-content-container .unit-summary-container {
    /*height: 200px;*/
    min-height: 120px;
}
    .course-content-container .unit-introduction-content-asset-container, 
    .course-content-container .unit-summary-content-asset-container, 
    .course-content-container .lesson-container .lesson-introduction-content-asset-container, 
    .course-content-container .lesson-container .lesson-summary-content-asset-container{
        margin-top: 10px;
        height: 70px;
        margin-left: 20px;
    }

.course-content-container .lesson-topic-container {
    background-color: #F2F2F2;
    padding: 10px;
    margin-top: 10px;
    font-size: 13px;
}

.course-content-container .add-another-unit-container {
    margin-bottom: 10px;
}

.course-content-container .lesson-topic-container .topic-commands{
    float:right;
}

.course-content-container .lesson-topic-container .topic-commands .edit-topic-btn,
.course-content-container .lesson-topic-container .topic-commands .remove-topic-btn{
    margin-left:10px;
}

.unit-listing-popup .modal-dialog {
    width:1170px;
}

.lesson-listing-popup .modal-dialog {
    width:1170px;
}

.topic-listing-popup .modal-dialog {
    width:1170px;
}

.modal-dialog .topic-list-page {
    padding:0px;
}
.container-box > .container{
    padding:0px;
}

.course-content-container .float-container {
    overflow: auto;
}

.search .add-new-topic-button-container{
    margin-left:70px;
}

.no-results-wrapper {
    text-align:center;
}

/**********************Course Content ends here***********/

/*** custom navigation starts here ****/
.custom-nav-tabs > li.active-tab > a {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.custom-nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.custom-nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

/*** custom navigation ends here ****/

/**********************Study Plan starts here*************/

.stydyplan-header {
    text-align: center;
    height: 38px;
    background-color: #CDCDCD;
}

.stydyplan-header td {
    border: 1px solid black;
    font-weight: bold;
}

.studyplan-table {
    width: 90%;
    margin: auto;
}

.heading1 {
    width: 35%;
}

.score-text {
    /*margin-left: 8px;*/
    width: 80%;
    text-align: center;
}

.plan-type {
    border-bottom: 1px solid #999999;
}

.plan-type-no-border {
    border-bottom: 0px;
    margin-top: 2px;
}

.plan-type label, .plan-type-no-border label {
    font-weight: normal;
}

.study-plan-row {
    text-align: center;
}

.no-pretest, .no-posttest {
    text-align: center;
    border: 1px solid black;
    width: 100%;
    margin: 4px 0px auto;
}

.course-title-color .pretest-heading, .pretest-heading, .course-title-color .posttest-heading, .posttest-heading {
    display: inline-block;
    color: #AD432B;
}

#course-study-plan-tab .panel-body {
    background-color: #F1F1F3;
}

#course-study-plan-tab .panel-heading {
    height: 35px;
}

#course-study-plan-tab .panel-group .blue-panel-container.panel .panel-heading .panel-title .accordion-toggle {
    text-decoration: none;
}
/**********************Study Plan ends here******************/

/**********************Course properties starts here*************/

.course-prop-textarea.maxlength-info {
    padding-left: 170px;
    color: #C0C0C0;
}
.properties-text-box.maxlength-info {
    color: #C0C0C0;
}

/**********************Course properties ends here*************/
/***************************************Header starts here***************************************/
.ca-page-container {
    min-width:1170px;
}

.cl-container {
    width: 250px;
}

.ca-container {
    padding-right: 366px;
    padding-left: 384px;
    margin-right: auto;
    margin-left: auto;
    min-width: 1170px;
}
/************************drag and drop attributes starts here************************/
.drag-drop-question-attribute-container .modal-dialog{
    width:1160px;
}
.drag-drop-attribute-container .label-value-container{
    /*overflow:auto;*/
    height: 50px;
    padding:5px;
}
.drag-drop-attribute-container .label-container{
    width:344px;
}
.drag-drop-attribute-container .target-label-container{
    width:150px;
}
.drag-drop-attribute-container .target-alt-text-container{
    width:75px;
    margin-left:15px;
}

.drag-drop-attribute-container .extra-height{
    height: 65px;
}

.drag-drop-attribute-container .extra-margin{
    margin: 5px 0;
}

.drag-drop-attribute-container .group-container{
    margin-left:15px;
}

.drag-drop-attribute-container .group-container .group-label-container{
    width: 90px;
}

.drag-drop-attribute-container .group-container .group-dropdown {
    font-size: 16px;
    padding: 2px 5px;
}

.drag-drop-attribute-container .question-weightage-container .value-container {
    overflow: auto;
}
    .drag-drop-attribute-container .question-weightage-container .value-container input,
    .drag-drop-attribute-container .target-weightage-container .correct-value input,
    .drag-drop-attribute-container .target-weightage-container .incorrect-value input {
        width: 100px;
    }

.drag-drop-attribute-container .target-weightage-container .correct-value {
    margin-left: 20px;
}
.drag-drop-attribute-container .target-weightage-container .incorrect-value {
    margin-left:10px;
}


    .drag-drop-attribute-container .question-weightage-container .value-container .incorrect-value{
        margin-left:10px;
    }

.target-coordinates-table-holder .clearfix {
    overflow: auto;
}
.target-coordinates-table-holder .number-header,
.target-coordinates-table-holder .target-number {
    border: 1px solid #8EA5CE;
    width: 180px;
    text-align:center;
}
.target-coordinates-table-holder .cordinates-header,
.target-coordinates-table-holder .coordinates,
.target-coordinates-table-holder .groups-header,
.target-coordinates-table-holder .groups
 {
    border: 1px solid #8EA5CE;
    width: 210px;
    text-align: center;
}

.target-coordinates-table-holder .incorrect-header,
.target-coordinates-table-holder .incorrect-value,
.target-coordinates-table-holder .correct-header,
.target-coordinates-table-holder .correct-value {
    border: 1px solid #8EA5CE;
    width: 80px;
    text-align: center;
}

.target-coordinates-label,
.question-weightage-container .question-weightage-label{
    width:300px;
}

.question-weightage-container .incorrect-value {
    margin-left: 10px;
}

.target-coordinates-container .remove-target-btn-container {
    margin-left: 50px;
}

.dnd-group-container {
    display: flex;
    margin: 16px 0;
}

.dnd-group-editor {
    margin-left: 32px;
}

.remove-group-btn-container {
    margin-left: 32px;
}

/************************drag and drop attributes ends here************************/
.center-align {
    margin: 0 auto;
}

.header-first-row,
.header-second-row{
    margin: 0 auto;
    width:1135px;
}
.header-first-row > div {
    min-width: 300px;
}

.header-first-row .product-navigation-wrapper {
    /*width: 150px;
    min-width: 150px;*/
    border-radius: 5px;
}
.admin-logo {
    float: left;
}

.product-navigation-wrapper {
    width: 300px;
    /*background-color: white;*/
    float: left;
    margin-left:45px;
}
.utility-navigation-wrapper {
    width: 300px;
    display: inline;
    margin-top:10px;
}

.product-navigation-wrapper-ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display:inline;
}

.product-navigation-wrapper-ul > li {
    display: inline;
    float: left;
    margin-bottom: -1px;
    padding: 10px;
    pointer-events: none;
}

.product-navigation-wrapper-ul > li > span {
    text-decoration: none;
}

.product-navigation-wrapper-ul > li > a {
    text-decoration: none;
    color: #555;
}

.header-second-row .nav-list{
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.header-second-row .nav-list>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.header-second-row .nav-list > li> a {
    color: white;
    text-decoration: none;
}

.content-list.tab-pane:hover{
    color: #555;
}

.content-list.tab-pane .open {
    border-radius: 5px;
    background-color: white;
}
.content-list.tab-pane:hover .nav-list > li> a {
    color: #555;
}

.utility-navigation-wrapper >ul > li{
    text-decoration: none;
    display: inline;
}

.utility-navigation-wrapper > ul {
    display: inline;
    float: right;
    margin-top:14px;
}

.header-second-row {
    margin-top: 48px;
}

/*.header-second-row .content-list {
    width: 160px;     
}*/

.dropdown:hover{
    background-color:white;
}

.dropdown-width
{
    width: fit-content;
}

.nav-list > li {
    float:left;
    border-radius: 5px;
}

.dropdown:hover .dropdown-menu{
    display:block;
}

.dropdown:hover .header-dropbtn{
    color:black;
}


.header-first-row .sign-out-holder {
    margin-left: 10px;
}

 #content .nav-list > li > a {
    border-radius: 5px;
}

.hide-element {
    display:none;
}

.show-element {
    display:block;
}

.header-second-row #content .nav-list .dropdown.open .dropdown-menu {
    margin-top: 0;
}
/***************************************Header ends here***************************************/
/***************************************Manage Tests- Survey test type starts***************************************/

.change-answer-option .modal-dialog {
    width: 1020px;
}

.change-answer-option .answer-display-option-table {
    width:990px;
}

.change-answer-option .answer-display-option-table > thead > tr > td,
.change-answer-option .answer-display-option-table > tbody > tr > td {
    height: 50px;
    padding: 5px 0;
    
}

.change-answer-option .answer-display-option-table > thead > tr > td {
    background-color: #CDCDCD;
    font-size: 14px;
}

.change-answer-option .answer-display-option-table .description-div{
     height: 46px;
}

.change-answer-option .answer-display-option-table .description-div > textarea{
     height: 46px;
     resize: none;
}

.answer-option-display-popup .modal-header {
    padding: 10px;
    background-color: #89AAE9; 
    width: 100%;
    height: 45px;
    color: #FFFFFF;
}

.answer-option-display-popup .modal-header .title {
    font-size: 16px;
}

.manage-test-properties-tab .properties-div .dropdown.survey-test-type {
    margin-right: 15px;
}
/***************************************Manage Tests- Survey test type ends***************************************/

   

/************************Hotspot attributes starts here************************/
.hsq-question-attribute-container .modal-dialog{
    width:710px;
}

.hotspot-attribute-container .label-value-container{
    height:70px;
    padding:5px;
}

.hotspot-attribute-container .label-container{
    width:255px;
}

.hotspot-attribute-container .question-weightage-container .value-container {
    overflow: auto;
}
    .hotspot-attribute-container .question-weightage-container .value-container input,
    .hotspot-attribute-container .target-weightage-container .correct-value input,
    .hotspot-attribute-container .target-weightage-container .incorrect-value input {
        width: 100px;
    }

.hotspot-attribute-container .target-weightage-container .correct-value {
    margin-left: 20px;
}

.hotspot-attribute-container .target-weightage-container .incorrect-value {
    margin-left:10px;
}


    .hotspot-attribute-container .question-weightage-container .value-container .incorrect-value{
        margin-left:10px;
    }

.question-weightage-container .question-weightage-label{
    width:300px;
}

.question-weightage-container .incorrect-value {
    margin-left: 10px;
}

.hsqDisplay-Container .attribute-detail-row {
    overflow:auto;
}
    .hsqDisplay-Container .attribute-detail-row .left-panel-container {
        width: 430px;
    }

.open-in-popup-container label{
    font-weight: normal ;
}

/************************Hotspot attributes ends here************************/
/************************answer block for DND(Question catalog) starts here************************/
.add-edit-answers .modal-body .answer-row .draggable-item-image {
    border: 1px solid #1A202C;
}

.add-edit-answers .modal-body .answer-row .dnd-answer-row {
    padding: 10px;
}

.add-edit-answers .modal-body .answer-row .dnd-answer-row .position-dropdown,
.add-edit-answers .modal-body .answer-row .dnd-answer-row .position-dropdown .filter-dropdowns,
.add-edit-answers .modal-body .answer-row .dnd-answer-row .position-dropdown .filter-dropdowns > li,
.add-edit-answers .modal-body .answer-row .dnd-answer-row .position-dropdown .dropdown-label, 
.add-edit-answers .modal-body .answer-row .dnd-answer-row .position-dropdown .dropdown-menu {
    width: 90px;
    min-width: 90px; 
}

.add-question-container .answer-block .dnd-answer {
    display: inline;
}

.add-edit-answers .dnd-answer-row .image-path-textbox {
    width: 400px;
}

.add-edit-answers .dnd-answer-row .answer-label {
    width: 100px;
    display: inline;
    float: left;
}

.add-edit-answers .dnd-answer-row .drop-item {
    width: 400px;
}

.add-edit-answers .dnd-answer-row .image-path{
    padding-left: 100px;
}
.add-edit-answers .dnd-answer-row.draggable-item-image {
    border-width: 0px;
}

.add-edit-answers .dnd-answer-row.draggable-item-image .draggable-image {
    height: 200px;
    width: 200px;
}

.add-question-container .answer-block .answer-body .draggable-item-image .image {
    height: 200px;
    width: 200px;
}

.meta-data-box{
    display: flex;
    padding-top: 20px;
    justify-content:space-between;
    
}
.meta-text{
    margin-top: 9px;

}
.checkbox-toggle.dropdown.meta-data-dropdown{
    border: 1px solid black;
    width:200px ;
    border-radius: 5px;
    margin-right: 15px;
    background-color: #efefef;
    border-color: #919293;
    color: #555;
}

.toggle-content.fixed-height.dropdown-menu.width-200px {
    width: 200px;
    max-width: 200px;
}

.meta-data-dropdown:hover{
    background-color: rgb(217, 211, 211);
}
/************************answer block for DND(Question catalog) ends here************************/
/************************Image Library starts here************************/
.open-image-library .modal-dialog {
    width:1200px;
}

.image-library-popup .image-library-panel {
    border-radius: 0;
}

.image-library .image-container {
    width: 100%;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    height: 513px;
}

.image-library .image-box {
    width: 195px;
    float: left;
    border: solid 1px #ccc;
    margin-bottom: 10px;
    padding: 3px;
    min-height: 140px;
}

.image-library .image-holder {
    border: solid 1px #d2d2d2;
    min-height: 100px;
    background-color: #fff;
    padding: 4px;
    position: relative;
    width: 150px;
    margin: 0 auto;
}

.image-library .image-title-div {
    text-align: center;
    padding: 0 15px;
}

.image-library .image-holder .image {
    width: 100%;
    height: 100px;
}

.image-library .image-col {
    width: inherit;
    padding-right: 5px;
    padding-left: 5px;
}

.image-library .grid-container {
    overflow: auto;
    height: inherit;
}

.image-library .image-grid {
    padding-left: 0;
}
.image-container .row {
    margin: 0 auto;
}

.image-library .image-label {
    font-weight: normal;
}

.image-library .grid-container .panel-body {
    height: 605px;
}

.image-library .paginationWrap {
    padding-top: 0;
    border: 0;
}

.selected-image-item {
    background-color: #DAEDFF;
}

.image-library .tree-container {
    overflow: auto;
    height: 680px;
    width: 253px;
}
.image-library .tree-container .panel-body,
.image-library .tree-container .panel-heading {
        width: 100%;
}

.image-library .panel .popup-panel-footer {
    background-color: #90B2F2;
}

.open-image-library .image-library-popup .image-library-panel{
     border-radius: 5px;
}

.image-library .hide-scroll-x {
    overflow-x: hidden;
}

.popup-scroll-vertical{
    max-height: 550px;
    overflow-y: auto;
}

#files-list {
    display: none;
}

.li-select {
    background-color: #FFF;
}

.li-select:hover {
    background-color: #F0F;
}

.image-holder {
    height: 110px;
}

.image-box-height {
    height: 173px;
}

.tree-fixed {
    position: absolute;
    z-index: 999;
}

.tree-margin {
    margin-top: 55px;
}

.preview-image-pabel {
    border: 1px solid grey;
    min-height: 300px;
}

.file-size-warning {
    color: red;
    font-size: 18px;
    line-height: 14px;
    padding-left: 15px;
}

.image-preview-link:hover{
    text-decoration: underline;
}

.no-padding {
    padding: 0px;
}

.node-width {
    width: 350px;
}

.dropdown-160 {
    max-width: 160px;
}

.accel5-image-popup-panel-body {
    padding: 0 15px;
}

/************************Image Library ends here************************/
/******************************hsq attribute popup starts here************************************/
.hsq-attribute-popup .image-path-textbox {
    width: 400px;
}

.hsq-attribute-popup .image-button {
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 22px;
    width: 22px;
    cursor: pointer;
}
/******************************hsq attribute popup ends here************************************/

/******************************************************************COMMERCE ADMIN STARTS HERE************************************************************************/

/****************************** Manage access code starts here************************************/
#manage-access-code .blue-background.filter .filter-row .filter-div {
    display: inline;
}

#manage-access-code .blue-background.filter .filter-row {
    margin: 10px;
}

#manage-access-code .blue-background.filter .filter-row .filter-div .filter-radio-label {
    font-weight: 500;
    margin: 0 5px;
}

#manage-access-code .blue-background.filter .filter-row .filter-div .filter-checkbox-label {
    font-weight: 500;
    margin: 0 5px;
}

.filter-radio-btn {
    padding-right: 5px;
}

#manage-access-code .blue-background.title-div .title-row {
    margin: 10px 10px 0px;
}

#manage-access-code .blue-background.title-div .title-note {
    margin: 0 10px;
}

.title-row.row .page-title{
    font-size:1.1em;
    font-weight:600;
}

.color-red{
    color:red;
}

.form-prop{
    padding-top: 10px;
    margin-bottom: 10px;
}
.form-prop .form-control{
    display:inline;
}
.form-prop-label
{
	width: 12em;
	padding-left: 1em;
    display: inline-block;
}
.form-prop .form-date-row{
    width:40em;
    display:inline-block;
}
.form-long-label{
    width: 17em;
	padding-left: 1em;
    display: inline-block;
}

.form-text-box
{
	width: 22em;
}

.default-centers-text-box
{
	width: 62em;
}

.small-text-box{
    width: 6.8em;
}

.text-small {
    font-size:0.9em;
}

.textarea-lg{
    width:33.5em;
    resize:none
}

.textarea-box, .form-inline-info{
    padding-left: 1em;
}

.text-xs{
    font-size:0.85em;
}

.valign-top{
	vertical-align:top;
}

.textarea-md{
    width: 22em;
    resize:none;
}

.wid-3{
    width:25%;
}

.page-footer{
    border:0px;
    background-color:transparent;
}

.product-list-popup .modal-dialog {
    width:1200px;
}

#product-list .product-list-grid .grid.ui-grid  {
    height: 240px;
}

#product-list .selected-product-body .custom-table-header {
    background-color: white;
}

#product-list .selected-product-body .custom-table-row {
    background-color: #f9f9f9;
}

#product-list .selected-product-body .custom-table-wrapper {
    max-height: 200px;
    overflow-y: auto;
}

#product-list .selected-product-body .selected-product-title {
    padding-top: 0;
    height: auto;
}

#product-list .selected-product-body .custom-table-wrapper table {
    margin-bottom: 0;
}

#product-list .selected-product-body .custom-table-wrapper table select option{
    display: none;
}

#product-list .selected-product-body .custom-table-wrapper table select{
    width: 100%;
    height: 30px;
}

#product-list .selected-product-body .custom-table-wrapper table select option.mapping-type-option{
    display: block;
}

#product-list .custom-answer-mapping-pagination {
    text-align: end;
}

#product-list .custom-answer-mapping-pagination .paginationWrap {
    border: none;
    background: none;
}

#product-list .selected-product-body .selected-product-title.custom-answer-mapping h3,
#product-list .selected-product-body .selected-product-title.custom-answer-mapping h4 {
    display: inline-block;
}

#product-list .selected-product-body .selected-product-title.custom-answer-mapping h4 {
    right: 39px;
    margin-top: 4px;
    position: absolute;
}

#manage-access-code .grid.ui-grid .disabled-action,
 .product-list-grid .grid.ui-grid .ellipsis .disabled-action {
    pointer-events:none;
    opacity:0.5;
}

.margin-left-0{
    margin-left:0;
}

.margin-right-0 {
    margin-right: 0;
}

#manage-access-code .blue-background.filter .filter-row .add-new {
    padding-top: 5px;
}

.edit-date-popup .end-date.ca-page-container {
    min-width: 500px;
}

.view-access-codes .modal-dialog {
    min-width: 800px;
    width:800px;
}

.add-edit-access-code .margin-0{
    margin:0;
}

.manage-access-code .filter-input-text {
    width: 220px;
}

.panel-content{
    padding:0 15px;
}
/****************************** Manage access code ends here************************************/
/*********************************Recommendations tab starts here**************************************************/
#recommendation-tab .custom-attributes .grid-div {
    
}
#recommendation-tab .recommendation-grid {
     margin-top: 20px;
}

.open-add-recommendation .modal-dialog {
    width:800px;
}
.open-add-recommendation .add-recommendation {
    min-width:800px;
}
.open-add-recommendation .add-recommendation  .label-value-container{
    /*overflow:auto;*/
    height: 50px;
    padding:5px;
}
.height-25 {
    height:25px;
}

.font-700{
    font-weight:700;
}
.cursor-pointer {
    cursor:pointer;
}

.open-add-recommendation .modal-dialog {
    width:800px;
}
.open-add-recommendation .add-recommendation {
    min-width:800px;
}
.open-add-recommendation .add-recommendation  .label-value-container{
    /*overflow:auto;*/
    height: 50px;
    padding:5px;
}
.height-25 {
    height:25px;
}

.font-700{
    font-weight:700;
}
.cursor-pointer {
    cursor:pointer;
}

.open-add-recommendation .add-recommendation .panel-body .label-value-container .label-container {
    line-height: 35px;
}

.open-add-recommendation .add-recommendation .panel-body .label-value-container .value-container .checkbox-toggle.dropdown {
    margin-left: 10px;
}

.open-add-recommendation .add-recommendation .panel-body .label-value-container .value-container a,
.open-add-recommendation .add-recommendation .panel-body .label-value-container .value-container span {
    margin-left: 10px;
    line-height: 35px;
}
.open-add-recommendation .add-recommendation .panel-body .label-value-container .value-container input[type='text']{
    margin-left: 10px;
}

/*********************************Recommendations tab ends here**************************************************/
/**************************************Product JSON starts here**************************************************/
.product-catalog-title{
    font-size:1.2em;
}

.height-300{
   min-height:300px;
}

.product-tab-body{
   /*overflow: auto;*/
    padding: 10px;
}

.product-tab-body .preview-products {
    padding: 5px 0px;
}

.product-tab-body .product-list {
    // min-height: 500px;    
}

.json-radio-label{
    padding:0 5px;
    text-decoration:none;
    font-weight:300;
}
.navcat-radio-label{
    text-decoration:none;
    display:block;
}
/****************************************Product JSON ends here**************************************************/

/****************************************Product JSON starts here**************************************************/
.btn-parent {
    float:right;
}
/****************************************Product JSON ends here**************************************************/

/**************************************Navigation Category starts here**************************************************/
.navigation-select-popup .modal-dialog {
    width: 600px;
}

.nav-cat-body {
    height:500px;
    overflow-y:auto;
}

.nav-cat-menu-icons {
    margin-left: 15px !important;
    height: 30px;
}

.nav-cat-node div{
    word-break: break-word;
}

.make-copy-node {
    height: 500px;
    overflow-y: auto;
}

.node-clone .panel-body {
    background-color: #E2EFFC;
}

.make-copy-node .rename-nodes-table td{
    padding: 5px;
}

.rename-nodes-table .current-name,
.rename-nodes-table .rename-to,
.rename-nodes-table .current-friendly-name {
    font-weight: bold;
    padding: 20px 5px 10px 5px;
}

.additional-pages-checkbox h4 {
    padding: 20px 0px 10px 0px;
}

.additional-pages-checkbox .pages-checkbox-container {
    padding: 5px;
}

.node-clone .modal-dialog  {
    width: 700px;
}

.text-red{
    color:#F00;
}

.nav-cat-body.make-copy-node ul {
    list-style-type: none;
}

.node-clone .multi-step-container {
    height: 60px;
}

.node-clone .step-container {
    padding-left:10px;
}

/*.node-clone .step-title {

}*/

.multi-step-list {
    list-style-type: none;
    height: 100%;
    padding-left: 0px;
}

.multi-step-list .current-step {
    background-color: #347CBA;
    border-color: #347CBA;
}

.multi-step-list li {
    display: inline-block;
    padding: 5px 10px;
}

.multi-step-list li>* {
    position: relative;
    padding: 10px 15px 10px 30px;
    color: white;
    background-color: #696969;
    border-color: #696969;
}

.multi-step-list li>*::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #E2EFFC;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.multi-step-list li>*::before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #696969;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.multi-step-list .current-step::before {
    border-left: 20px solid #347CBA;
}
/****************************************Navigation Category ends here**************************************************/

/*******************************************************************COMMERCE ADMIN ENDS HERE**************************************************************************/

/********************************************************Topic catalog-Page reorder starts here***********************************************************************/

.open-page-reorder .modal-dialog {
    width:800px;
}

.open-page-reorder .page-reorder.ca-page-container {
   min-width:800px;
}

.page-list {
	list-style: none outside none;
	margin: 10px;
	padding: 10px;
}

.page {
	padding: 5px 10px;
	margin: 5px 0;
	border: 1px solid #829DB4;
	border-radius: 5px;
	background-color: #f5f5f5;
	font-size: 1.1em;
	cursor: move;
}

.open-page-reorder .page-reorder .page-reorder-text {
    margin: 10px;
}
/********************************************************Topic catalog-Page reorder starts here***********************************************************************/
/********************************************************Course menu tab starts here***********************************************************************/
#course-menu .horizontal-line {
    border-top: 1px solid #A5A5A5;
}

#course-menu .course-empty-div {
    color: Red;
    font-size: 12px;
    text-align: center;
}

#course-menu .panel-group .blue-panel-container.panel .panel-heading {
    height: 40px;
}

#course-menu .panel-group .blue-panel-container.panel .panel-body {
    padding: 10px;
}

#course-menu .panel-group .blue-panel-container.panel .panel-body .toggle-content .panel-group {
    /*padding: 10px;*/
    margin-bottom: 0;
}

#course-menu .panel .panel-body .panel-group {
    margin-bottom: 0;
}
/********************************************************Course menu tab ends here***********************************************************************/
/********************************************************Manage courses- reorder list starts here***********************************************************************/

.open-reorder-list .modal-dialog {
    width:800px;
}

.open-reorder-list .reorder.ca-page-container {
   min-width:800px;
}

.page-list {
	list-style: none outside none;
	margin: 10px;
	padding: 10px;
}

.page {
	padding: 5px 10px;
	margin: 5px 0;
	border: 1px solid #829DB4;
	border-radius: 5px;
	background-color: #f5f5f5;
	font-size: 1.1em;
	cursor: move;
}

.open-reorder-list .reorder .reorder-text {
    margin: 10px;
}

#course-menu .blue-panel-container.panel .float-container {
    width: 100%;
    height: 20px;
}

.blue-accordion-div {
    height: 40px;
    background: linear-gradient(#6E95E2,#A1C1FA);
    color: #333;
    border-color: #ddd;
    padding: 10px 15px;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-sizing: border-box;
    box-shadow: 0.4em 0.4em 0.6em #CBCBCB;
    font-weight: 500;
    font-size: 16px;
    margin: 5px 10px;
}

#course-menu .toggle-content .bg-white {
    background-color:white;
    padding: 10px;
}

#course-menu .panel .panel-body .panel-heading.accordion-div {
    padding: 0 18px;
}

.blue-accordion-div.unit-content {
    width: 95%;
    margin: 5px auto;
}

.reorder-unit {
    float:right;
    margin-right: 29px;
}
/********************************************************Manage courses- reorder list starts here***********************************************************************/
/********************************************************Manage courses- view course components starts here***********************************************************************/
.view-course-components .modal-dialog {
    width:800px;
}

.view-course-components .course-components {
    min-width:800px;
}

.course-components-node
{
    text-decoration:none;
    color:inherit;
}
.course-components-node:hover
{
    text-decoration:none;
    cursor:pointer;
}
.course-components-node .fa.fa-circle {
    font-size: 6px;
}
.topic-node {
    pointer-events: none;
}
/********************************************************Manage courses- view course components ends here***********************************************************************/
/****************************** question type tab starts here************************************/
.edit-question-container .panel-body {
    height: 520px;
}

/****************************** question type tab ends here************************************/
/*****************************************************************add-edit-question-block starts*****************************************************************************/
.hsq-attribute-popup #hotspot-attributes .panel-title,
#survey-attributes .panel-title,
.dropdown-question-attribute-container .panel-title,
.drag-drop-question-attribute-container .panel-title,
.checkbox-question-attribute-container .panel-title,
.fib-scored-question-attribute-container .panel-title{
    padding: 10px;
}

.add-question-container .hsqDisplay-Container .attribute-detail-row .label-container,
.add-question-container .dndDisplay-Container .scoring-type-label,
.add-question-container .dndDisplay-Container .min-drop-items-label,
.add-question-container .dndDisplay-Container .max-drop-items-label,
.add-question-container .dndDisplay-Container .question-weightage-label,
.add-question-container .dndDisplay-Container .correct-value,
.add-question-container .dndDisplay-Container .incorrect-value,
.add-question-container .dndDisplay-Container .target-coordinates-label
{
    font-weight: bold;
}
/*****************************************************************add-edit-question-block ends*****************************************************************************/


/*****************************************************************JSON Generation starts*****************************************************************************/
.json-form{
    
    min-height:25em;
}

.hublist-box, .cf-json-type-list-box{
    border:1px solid black;
    padding:4px;
}

.hublist-box {
    height:22em;
    overflow-y:scroll;
}

.hublist-box .hub-label{
    display:block;
    text-align:left;
    font-weight:normal;
}

.json-generation-updates-container {
    border: 1px solid black;
    margin: 15px;
    padding: 10px;
}


/*****************************************************************JSON Generations ends*****************************************************************************/


.disclaimer-panel .panel-body {
    height: 450px;
}

/*-----------------------------------------------------------------MANAGE COLLECTION CSS-------------------------------------------------------------------------------*/
/********************************************************************* CUSTOM DROPDOWN MENU ***************************************************************************/
.custom-dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.custom-dropdown-menu > li > a:hover,
.custom-dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.custom-dropdown-menu > .active > a,
.custom-dropdown-menu > .active > a:hover,
.custom-dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.custom-dropdown-menu > .disabled > a,
.custom-dropdown-menu > .disabled > a:hover,
.custom-dropdown-menu > .disabled > a:focus {
  color: #777;
}
.custom-dropdown-menu > .disabled > a:hover,
.custom-dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .custom-dropdown-menu {
  display: block;
}

.custom-dropdown-menu {
    /*min-width: 160px;*/
}

.custom-dropdown-menu-default-width {
    width: 430px;
}

.custom-dropdown-menu-default-width .custom-dropdown-menu.list-unstyled {
    padding-left: 15px;
    padding-right: 15px;
}

.custom-dropdown-menu-default-width .custom-dropdown-menu.list-unstyled .dropdown-header {
    padding: 3px 20px;
}

.custom-dropdown-menu.list-unstyled .dropdown-header > li > a {
    padding: 3px 20px;
}
/**********************************************************************************************************************************************************************/
#manage-collection .blue-background.filter .filter-row .filter-div {
    display: inline;
}

#manage-collection .blue-background.filter .filter-row {
    margin: 10px;
}

#manage-collection .blue-background.filter .filter-row .filter-div .filter-radio-label {
    font-weight: 500;
    margin: 0 5px;
}

#manage-collection .blue-background.filter .filter-row .filter-div .filter-checkbox-label {
    font-weight: 500;
    margin: 0 5px;
}

#manage-collection .blue-background.title-div .title-row {
    margin: 10px 10px 0px;
}

#manage-collection .blue-background.title-div .title-note {
    margin: 0 10px;
}



#manage-collection .grid.ui-grid .disabled-action,
 .product-list-grid .grid.ui-grid .ellipsis .disabled-action {
    pointer-events:none;
    opacity:0.5;
}

#manage-collection .blue-background.filter .filter-row .add-new {
    padding-top: 5px;
}

.manage-collection .filter-input-text {
    width: 220px;
}

.add-edit-collection .margin-0{
    margin:0;
}

#manage-collection .form-prop-label
{
	width: 13em;
	padding-left: 1em;
    display: inline-block;
}

#manage-collection .form-prop-label-centers
{
	width: 32.9em;
	padding-left: 1em;
    display: inline-block;
}

#manage-collection .form-prop-label-instruction-one
{
	width: 32.7em;
    padding-left: 1.8em;
    display: inline-block;

}

#manage-collection .form-prop-label-instruction-two
{
	width: 37.9em;
    /* padding-left: 1em; */
    display: inline-block;
    padding-bottom: 0.6em;
}


.padding-left-25 {
    padding-left: 25px;
}

/*#manage-collection #mceu_39 {
    height: 50px;
}*/

.centerslist-boxparent {
    border: 1px solid #CCCCCC;
    background-color: white;
}
.centerslist-box{
    padding:4px;
    height:31.3em;
    overflow-y: auto;
    background-color: white;
}

.centerslist-box .center-label{
    display:block;
    text-align:left;
    font-weight:normal;
}

.scrollable-Ul {
    overflow-y: auto;
    height: 28.1em;
}

.padding-left-0 {
    padding-left: 0px;
}

.margin-left-10px {
    margin-left: 10px;
}


.margin-right-10px {
    margin-right: 10px;
}

.padding-top-0 {
    padding-top: 0px;
}

.padding-bottom-0 {
    padding-bottom: 0px;
}

.margin-10 {
    margin: 10px;
}

.btn-clear {
    margin-bottom: 13px;
}

.bold {
    font-weight: bold;
}

.disabled-rearrange-button {
    cursor: not-allowed !important;
}

.group-text-collection-page {
    margin-left: 11px;
}

.empty-hidden-text-collection-page {
    font-weight: bold;
    visibility: hidden;
}
/*---------------------------------------------------------------------MANAGE COLLECTION CSS ENDS HERE----------------------------------------------------------------*/

 /*********************Guidance Catalog starts here*************************/
 .guidance-list-page .panel-heading.guidance-catalog-heading {
     background-color: #7097E3;
 }

.guidance-list-page .panel-body {
    background-color: #FFFFFF;
    padding: 0;
}

.guidance-list-page .panel-body .row {
    width: 1153px;
}


.guidance-list-page .panel-body .sub-title {
    padding: 15px 15px 15px 15px;
    border-bottom: 1px solid #7097E3;
    margin: 0;
}

.guidance-list-page .panel-body .left-container {
    height: 591px;
    border-right: 1px solid #7097E3;
}

.guidance-list-page .panel-body .right-container {
    height: 644px;
    background-color: #FFFFFF;
}


.guidance-catalog-heading{
    height: 40px;
}

.guidance-catalog-title-text {
    font-size:18px;
}

.guidance-list-page .nav-cat-body {
    height:640px;
    overflow-y:auto;
    overflow-x:auto;

    /*background:linear-gradient(#6E95E2,#A1C1FA);*/
    /*background:linear-gradient(to right,#E2EFFC,white);*/
	background:#E2EFFC;
}
.nav-cat-body.attributes-left-container {
    height:590px;

}
.nav-cat-body.content-library-panel {
    height:660px;

}
.guidance-list-page .nav-cat-body.site-messages {
    height:745px;
    
}
.guidance-list-page .panel-body .right-container.site-messages {
    height:745px;
    
}
.guidance-list-page .panel-body .left-container.site-messages {
    height:745px;
    
}
.panel-body.site-messages .left-container.site-messages {
    height:745px;
}
.guidance-catalog-list .display-title {
    font-size: 24px;
    font-weight: bold;
    padding-top: 10px;
}
.guidance-catalog-list .grid-list-no-results{
    min-height: 320px;
    text-align: left;
    padding: 20px 0;
    font-size: 16px;
}
.guidance-catalog-list.right-container {
    overflow-y:hidden;
    overflow-x:hidden;
}
.guidance-catalog-generate-json {
    margin-top: -7px;
}

.grid-list-no-results .link-box{
    padding: 15px;
}

.grid-list-no-results .action-link{
    color: #337ab7;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 600;
}

.width51 {
    width: 51%;
}

.width49 {
    width: 49%;
}

.add-guidance-catalog .modal-dialog {
    width:1170px;
}

.add-guidance-catalog .linkText {
    color: #1c68b5;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    float: right;
    padding: 3px;
}

.guidance-list-page .modal-footer {
    display: none;
}

.add-guidance-catalog .modal-dialog .modal-footer {
    display: block;
}

/*.grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-viewport{
    overflow-y: auto !important;
}*/

.guidance-list-page .site-messages .date-panel {
    clear: left;
    margin-bottom: 70px;
    height: 100%;
}

.guidance-list-page .site-messages .date-panel .col1 {
    max-width:350px; 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}

.guidance-list-page .site-messages .date-panel .col1 .from-date,
.guidance-list-page .site-messages .date-panel .col1 .to-date {
    width : 80px;
}

.guidance-list-page .site-messages .date-panel .col1 .content-datepicker{
    width : 270px;
}

.guidance-list-page .site-messages .message-duration {
    clear: left;
    overflow: auto;
    margin-top: 10px;
}

.guidance-list-page .site-messages .message-duration .center-block {
    padding-top: 5px;

}

.file-library .panel-body .right-container {
    height: px;
    background-color: #FFFFFF;
    padding-left: 0;
}

.file-library .file-library-body {
    margin-right: 0;
    width: 100% !important;
}
.file-library-popup-heading{
    height: 45px;
}

.file-library-container {
    height: 590px;
}

.list-group .active-file{
    background-color: lightblue;
}
.file-upload-table td:nth-child(2){
    width: 6%;
    padding-left: 8px;
}
.file-upload-table td:last-child{
    width: 4%;
    padding-left: 5px;
}
tr.file-upload-table td {
	padding-top : 0
}
tr.file-upload-table td:first-child {
	padding-left: 0
}
.ca-items table{
    width: 100%;
}
.menu-settings[disabled] {
    opacity: 0.5;
}

.menu-settings[disabled]:hover,
.menu-settings[disabled]:focus {
    cursor: auto !important;
    color: #337ab7 !important;
}


.file-library .menu-settings-panel .menu-settings {
    /* position: absolute; */
    /* left: 50%; */
    /* transform: translate(-50%); */
    margin: 0 auto;
    width: 20px;
    display: block;
    padding: 0;
}

.file-library .menu-tree .menu-settings-panel{
    height: 55px;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    background-color: aliceblue;
    font-size: 20px;
    padding: 10px 0;
}

.file-library .menu-tree .menu-settings-panel .menu-button-cell {
    height: 100%;
    border: 1px #e5e6e6 solid;
    background-color: #deeefc;
    cursor: pointer;
    padding-top: 3px;
    display: inline-block;
    padding: 0 15px;
    text-align: center;
}

.file-library .menu-icons {
    text-align: left;
    margin-left: 30px;
}

.file-library .form-inline {
    display: inline-block;
}

.curr-page-input {
    width: 45px;
    padding: 6px 6px;
    text-align: center;
}

.file-controls {
    padding: 10px;
}

.file-controls .total-pages {
    margin-left: 10px;
}

.main-files-header {
    color: #fff;
}

.file-library .main-files-header {
    margin-top: 5px;
    font-size: 15px;
}

.modal-close-btn {
    position: absolute;
    right: 10px;
    top: 16px;
}

.file-controls .file-controls-display-page-info {
    display: inline-block;
    margin-top: 7px;
}

@media (min-width: 768px) {
    .form-inline .curr-page-input {
        width: 45px;
    }
}

.edit-folder-props-popup .breadcrumb {
    margin-bottom: 0;
}

.file-library-main-container .last-para {
    margin: 0;
}

.file-library-main-container .list-group-item {
    /*background-color: inherit;*/
}

/* .file-library-main-container .panel-body {
    background-color: inherit;
    height: 649px !important;
    overflow-y: auto;
} */

.file-library.guidance-list-page .panel-body .list-group-item .row {
    width: auto;
}

.file-library .slider-div .row {
    width: auto;
}

.file-library .row .grid-list-pagination {
    width: calc(100% - 30px);
}

.black-link {
    color: #000;
}

.no-files-para {
    text-align: center;
    margin-top: 15px;
}


/********************* Guidance Catalog Ends Here ***********************************************/

.menus-and-pages .panel-body .right-container {
    height: 644px;
    background-color: #FFFFFF;
    overflow-y: auto;
}

.menus-and-pages .menu-settings-panel .menu-settings {
    /* position: absolute; */
    /* left: 50%; */
    /* transform: translate(-50%); */
    margin: 0 auto;
    width: 20px;
    display: block;
    padding: 0;
}

.menus-and-pages .menu-tree .menu-settings-panel{
    height: 55px;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    background-color: aliceblue;
    font-size: 20px;
    padding: 10px 0;
}

.menus-and-pages .menu-tree .menu-settings-panel .menu-button-cell {
    height: 100%;
    border: 1px #e5e6e6 solid;
    background-color: #deeefc;
    cursor: pointer;
    padding-top: 3px;
    display: inline-block;
    padding: 0 15px;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: ">";
}
.breadcrumb-panel .breadcrumb{
    margin: 0px;
}

.breadcrumb-panel ol {
    margin: 0px;
}

.panel-body .desc-textarea {
    width:100%;
    resize: none;
}

.edit-menu-props-level3 .panel-body .left-panel,
.edit-menu-props-level3 .panel-body .right-panel {
    width: 50%;
    float: left;
}

.guidance-list-page .panel-body .pages-row {
    width: calc(100% + 30px);
    margin-right: 0;
}

.pages-panel #panel-heading-height {
    height: auto;
}

.clear-pages-and-menu-btn {
    top: 0;
    right: 0;
    margin-left: 5px;
    margin-right: 5px;
}

.marg-lr-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.edit-menu-props-level3.panel.add-new-attribute-panel {
    width: 1000px;
}

.padding-rl-5 {
    padding-right: 5px;
    padding-left: 5px;
}
.image-library-structure-panel .image-library .image-col {
    padding-right: 5px;
    padding-left: 5px;
    width : 207px;
}

.guidance-list-page .image-library-structure-panel .tree-container {
    background-color: #E2EFFC;
    padding: 0;
    width: 270px;
}
.guidance-list-page .image-library-structure-panel .image-list{
    box-sizing: border-box;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;	
    float: left;	
	width: 270px;
}
.guidance-list-page .image-library-structure-panel .image-grid{
    box-sizing: border-box;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;	
    float: left;	
	width: 880px;
}
.guidance-list-page .image-library-structure-panel .image-container .row {
    width: 830px;
}

.page-fw-input {
    width: 100%;
}

.scrollable-page-body {
    max-height: 561px;
    overflow-y: auto;
}

#create-topic-design.create-page-design {
    border: none;
    width: 100%;
    padding-top: 10px;
}
.guidance-list-page .image-library-structure-panel .slider-div .row {
    width: 380px;
}
.image-library-structure-panel .image-library .paginationWrap {
    padding-left: 20px;
}

.image-library-structure-panel .tree-container .menu-settings-panel .menu-button-cell {
    height: 100%;
    border: 1px #e5e6e6 solid;
    background-color: #deeefc;
    cursor: pointer;
    padding-top: 3px;
}
.image-library-structure-panel .tree-container .menu-settings-panel{
    height: 55px;
    width: 270px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: aliceblue;
    font-size: 20px;
    padding: 10px 40px 10px 30px;
}
.image-library-structure-panel #add-new{
    margin-left: 20px;
}
.image-library-structure-panel .blue-button{
    background-color: #337ab7;
    color: white;
}
.panel .image-list-container{
    margin-top: 10px;
}
.last-para {
    margin: 0;
}

.guidance-list-page .panel-body .row.page-row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
}

.textbox-margin {
    margin-left: 1em;
}

.content-info-container {
    padding-left: 5px;
    padding-right: 5px;
}

.menus-popup-input-field {
    width: calc(100% - 80px);
    display: inline-block;
}

.form-control-sm {
    height: 28px;
}

.image-library-structure-panel  {
    width:1168px;
}
    
.add-new-attribute-panel-body .row {
    margin-bottom: 5px;
}

.multi-file-instruction {
    padding: 0px 5px 10px;
    font-size: 15px;
}

.remove-title {
    color:transparent;
    display: inline-block !important;
    width: 100px;
}

.access-children-check {
    margin: 15px 5px 0px;
}

.pages-container .breadcrumb>.active {
    font-weight: 600;
}

.no-pages {
    margin-left: 1em;
    margin-right: 1em;
}

.pages-container .scrollable-page-body {
    height: 489px;
    overflow-y: auto;
    background-color: #F2F2F2;
}

.pages-container .main-page-heading {
    min-height: 111px;
}

.pages-container .pages-panel {
    padding-bottom: 20px;
}

.menus-and-pages .menu-icons {
    text-align: center;
}

.add-new-attribute-panel-body .row.is-popup {
    margin: 0;
}

.is-popup #panel {
    box-shadow: none;
    padding-top: 20px;
}

.is-popup #create-topic-design {
    background-color: transparent;
}

.is-popup #panel-body {
    background-color: transparent;
    background: none;
}

.is-popup.pages-container .scrollable-page-body {
    max-height: 430px;
}

.resource-popup .nav-cat-body {
    max-height: 472px;
}

.popup-pages.guidance-catalog-list {
    padding-right: 5px;
}
.attribute-details-panel-body {
    margin: 15px;
}

.empty-hr {
    margin-top: 5px;
    margin-bottom: 10px;
}

.empty-para {
    text-align: center;
}

/* Menu Settings Style */

.menu-settings-panel .menu-settings {
    margin: 0 auto;
    width: 20px;
    display: block;
    text-align: center;
    padding: 0 15px;
    box-sizing: content-box;
}

.menu-tree .menu-settings-panel {
    height: 55px;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    background-color: aliceblue;
    font-size: 20px;
    padding: 10px 0;
}

.menu-tree .menu-settings-panel .menu-button-cell {
    height: 100%;
    border: 1px #e5e6e6 solid;
    background-color: #deeefc;
    cursor: pointer;
    padding: 3px 0;
    display: inline-block;
}

.menu-icons {
    text-align: left;
    margin-left: 30px;
}

.menu-pages-button-container {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.textarea-width-accordion {
    width: 100%;
    box-sizing: border-box; 
    max-width: 100%;
}



/* Menu Settings Style Ends Here */

/* Product Attributes Styles */

.product-attributes.guidance-list-page .panel-body .row {
    width: auto;
}

.product-attributes .menu-tree .menu-settings-panel {
    width: 100%;
}

.product-attributes .panel-body .left-container {
    height: 646px;
}

.product-attributes .panel-body .right-container {
    overflow-y: auto;
    height: 646px;
    background-color: #FFFFFF;
}
.multiselect-parent {
    width: 100%;
    display: flex;
    color: #333;
    background-color: #fff;
    border: 1px solid #8080807d;
    border-radius: 4px;
}
.dropdown-btn {
    
    padding:5px 8px;
    overflow-x:hidden;
    border:0px;
    text-align:left;
    width : 27em;
}
.caret.attribute-caret {
    margin-top: 13px;
    margin-right: 4px;
    cursor:pointer;
}

.attribute-values-panel-body .form-control {
    line-height: unset !important;
}

.attribute-values-panel-body .form-check {
    display: inline;
}

.attribute-values-panel-body .attribute-value-true {
    padding-right: 20px;
}

.attribute-values-panel-body .default-value {
    background-color: #D4E0F7;
}

.attribute-values-panel-body .attr-value-data {
    /*min-height: 485px;*/
    height: 490px;
    overflow-y: auto;
}

.attr-value-data .list-group-item {
    padding: 9px 15px !important;
}

.attribute-container .panel-body {
    min-height: 585px;
}

.product-attributes .list-group {
    max-height: 544px;
    overflow: auto;
    margin-bottom: 0;
}
.add-attribute-node,
.node-to-be-cloned {
    
    text-decoration-line: none !important;
    color:inherit;
}
.main-attr-header {
    padding: 10px;
    color: #fff;
}

.attribute-container.panel {
    margin-bottom: 0;
}

.menu-settings[disabled] {
    opacity: 0.5;
}

.menu-settings[disabled]:hover {
    cursor: auto !important;
    color: #337ab7 !important;
}

.attributes-value-seperator {
    border-color:#8EA5CE;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*.edit-folder-props-popup .breadcrumb {
    margin-bottom: 0;
}

.file-library-main-container .last-para {
    margin: 0;
}

.file-library-main-container .list-group-item {
    //background-color: inherit;
}

.file-library-main-container .panel-body {
    //background-color: inherit;
    height: 515px;
    overflow-y: auto;
}

.file-library.guidance-list-page .panel-body .list-group-item .row {
    width: auto;
}

.file-library .slider-div .row {
    width: auto;
}

.file-library .row .grid-list-pagination {
    width: calc(100% - 30px);
}

.black-link {
    color: #000;
}*/

/* Product Attributes Styles End */

/*.opace-menu {
    opacity: 0.5;
}

.no-opace-menu {
    opacity: 1;
}*/

/* EMAIL TEMPLATES */

.pagination-input-box {
    margin-left: 15px;
    float: left;
    max-width: 50px;
    text-align: center;
}

.pagination-label-left {
    float:left; 
    margin-right:15px;
    line-height:40px;
    margin-left: 15px;
}

.pagination-label-right {
    float:right; 
    margin-right:15px;
    line-height:40px;
    margin-right: 15px;
}

/* Content Items CSS  */

.top-right-pagination {
    margin-top: 20px;
    margin-bottom: 15px; 
    float: right;
}

.text-overflow-ellipsis {
    text-overflow: ellipsis;
}

.margin-top-20 {
    margin-top: 20px;
}

/* EMAIL TEMPLATES */

.email-templates-seperator {
    border-color:#8EA5CE;
    margin-top: 10px;
    margin-bottom: 10px;
}

.email-templates-form-container {
    width: 80%;
    margin: 40px auto 40px auto;
}

.table-striped>tbody>tr.active-row {
        background-color: #5db1fd;
}

.hand-cursor {
    cursor: pointer;
}

.pagination-input-box {
    margin-left: 15px;
    float: left;
    max-width: 50px;
    text-align: center;
}

.pagination-label-left {
    float:left; 
    margin-right:15px;
    line-height:40px;
    margin-left: 15px;
}

.pagination-label-right {
    float:right; 
    margin-right:15px;
    line-height:40px;
    margin-right: 15px;
}

/* Email Templates end */

/* Dev Config Start */

.dev-config-controls {
    padding: 10px;
}

.dev-config-controls .page-count {
    width: 20px;
    display: inline-block;
    text-align: center;
}

.dev-config-controls .dev-config-controls-display-page-info {
    display: inline-block;
    margin-top: 7px;
}

.dev-config-panel .form-inline {
    display: inline-block;
}

.dev-config-grid .ui-grid-cell {
    padding: 10px;
    height: 40px !important;
}

.domain-config-grid .ui-grid-cell {
    padding: 10px;
    height: 40px !important;
    cursor: pointer;
}

.dev-config-grid .mta-icons {
    vertical-align: top;
    margin-left: 5px !important;
    margin-right: 5px  !important;
    display: inline-block;
    font-size: 20px;
    margin-top: -5px !important; /* Font adjustment */
}

.dev-config-panel .total-pages {
    margin-left: 10px;
}

.no-results-para {
    padding-top: 5px;
    padding-bottom: 5px;
}

.curr-page-input {
    width: 45px;
    padding: 6px 6px;
    text-align: center;
}

@media (min-width: 768px) {
    .form-inline .curr-page-input {
        width: 45px;
    }
}

.add-new-attribute-panel .panel-header {
    position: relative;
}

.modal-close-btn {
    position: absolute;
    right: 10px;
    top: 16px;
}

.no-results-para {
    text-align: center;
}
/* Dev Config End */
.content-definition-main-container {
    height: 744px !important;
}

.content-definition-main-container .panel-body {
    height: unset;
}

.content-definition-main-container .panel {
    height: 100%;
}

.content-definition .definition-records {
    min-height: 550px;
    height: 540px;
}

.content-definition .fixed-menu-bar .dropdown, 
.content-definition .fixed-menu-bar .btn-primary {
    margin: 0px 0px 7px 7px;
}

.fixed-menu-bar {
    background-color: #fff;
}

.content-definition .left-container {
    height: 680px !important;
}

.fixed-menu-bar + .panel-body {
    height: 556px;
    line-height: 1;
}

.content-definition .list-group-item {
    padding: 10px 15px 0px 15px;
}

.content-definition .file-controls {
    background-color: #fff;
}

.content-definition .col-md-2 .btn-link {
    font-size : 20px;
}

.content-definition .col-md-2 .btn-link {
    margin-top : 30px;
}

.content-definition .col-md-2 .btn-link:nth-child(2) .fa {
    top : -1px;
}

.content-definition .no-results {
    margin-top: 40px;
}

.content-definition .definition-path {
    padding: 10px 15px;
}

.image-library-structure-popup .question-catalog-heading {
    height: 40px;
}

.image-library-structure-popup .modal-dialog {
    width: 1170px;
}

.image-library-structure-popup #panel {
    box-shadow: none;
}

.image-type-container .ca-items .image-holder {
    width: 120px;
    height: 80px;
    border: 2px solid #89AAE9;
    text-align: center;
}

.image-type-container .ca-items .image-holder .image{
    width: 100%;
    height: 100%;
}

.image-type-container .ca-items table{
    width: 100%;
}

.image-type-container .ca-items table tr td[rowspan]{
    width: 20%;
}

.add-edit-content-item .modal-dialog {
    width: 930px;
}

.add-edit-content-item .modal-dialog .panel-body{
    overflow-y: auto;
    max-height: 700px;
}
.content-item-pagination {
    padding-top:0px !important;
    position:absolute;
    bottom:0;
    width:100%;
}
.add-edit-content-item .glyphicon-remove-circle {
     font-size: 15px;
    top: 3px;
    margin-left: 3px;
    color: #607cb1;
}
.remove-file,.remove-image{
    cursor:pointer;
}
.date-label {
    line-height:3;
}
.menu-page-popup .modal-dialog{
    width: 1170px;
}
.menu-page-popup #panel{
    box-shadow: none;
}
.file-library-popup .modal-dialog{
    width: 1170px;
}
.file-library-popup #panel{
    box-shadow: none;
}

.datepicker-container {
    min-height: 45px;
}

.datepicker-items {
    position: absolute;
    display: inline-flex;
}

.datepicker-specific-width {
    width: 40%;
}

.datepicker-time-dropdown {
    margin: 5px;
}

.add-edit-content-item .datepicker-items .glyphicon-remove-circle {
    top: 15px;
}

.custom-item-page .main-files-header {
    font-size: 15px;
    /*font-weight: bold;*/
    max-width: 465px;
    color: black;
}
.path-color {
    color:#0C2A68 !important;
}
.custom-item-page .content-items-list {
    min-height: 400px;
    margin-top: -15px;
}
.no-records{
    margin-top:30px;
    text-align:center;
}
.custom-item-page .content-items-list table:first-child tr th:first-child, 
.custom-item-page .content-items-list table:first-child tr td:first-child {
    width: 42%;
}
.custom-item-page .content-items-list table:first-child tr th:not(first-child), 
.custom-item-page .content-items-list table:first-child tr td:not(first-child) {
    width: 18%;
}

.content-library.content-items-list {
    min-height: 445px;
}
.content-items-list .record-title{
    width:43% !important;
}
.content-items-list .record-username{
    width:18% !important;
}
.content-items-list .record-updated{
    width:13% !important;
}
.content-items-list .record-status{
    width:12% !important;
}
.content-items-list .record-type{
    width:17% !important;
}
.checkbox-toggle.dropdown.sort-dropdown {
    width:190px;
}

.filters.sort-dropdown {
    width:190px;
}
.custom-item-page .icon-adjust .btn-link {
    padding-top: 0px;
    padding-bottom: 0px;
}

.custom-item-page .filter-parent .button-status {
    width: 112px;
}

.custom-item-page .custom-item-btn-disabled {
    pointer-events: none;
}

.content-definition .right-container .panel .panel-heading {
   /*height: 80px; */  
}

.content-definition .panel .panel-body .menu-tree .menu-settings-panel {
    height: 63px;
}

.content-definition .panel .panel-body .menu-tree .menu-settings-panel .menu-icons {
   /* margin-left: 75px; */ 
    margin-top: 5px;
}

.custom-item-page .header-shadow {
    background: linear-gradient(white, #E2EFFC, white);
}
.right-container.content-item-right-container{
    height:710px !important;
    overflow-y:hidden !important;
}

.content-definition .pagination-space {
    height: 55px;
    background-color: white;
}
.status-dropdown {
    width:inherit;
}
.button-pannel-white {
    background-color: white;
}

.product-catalog-table-header {
    cursor: pointer;
}

.file-library-main-container .panel-body .inside-panel-body {
    /*background-color: inherit;*/
    height: 470px;
    overflow-y: auto;
}

.file-library-main-container .panel-body {
    min-height: 590px;
}

.top-table-row-left-div {
    display: inline-block;
    width: 30%;
}

.top-table-row-right-div {
    display: inline-block;
    width: 30%;
    float: right;
}

.product-catalog-pagination-input-box {
    max-width: 57px;
}

.product-catalog-table {
    cursor: pointer;
}

.edit-manage-product .product-tab-body .ca-containers .ca-labels {
    display: inline-block;
    width: 150px;
}

.edit-manage-product .product-tab-body .ca-containers .ca-items {
    display: inline-block;
    width: 60%;
}

.feedback-tiny-mce{
    min-width: 70%;
}

.edit-manage-product .product-tab-body .ca-containers .ca-items .ca-checkbox {

}

.edit-manage-product .seo-data > div {
    padding: 5px;
}

.edit-manage-product .product-tab-body .ca-containers {
    margin-top: 15px;
}

.edit-manage-product .product-tab-body .ca-containers .ca-btn-full {
    min-width: 100%
}
.ca-btn-full .btn-full {
    text-align: left;
}
.edit-manage-product .product-tab-body .ca-containers .ca-labels .btn-full {
    min-width: 100%;
}

.edit-manage-product .product-tab-body .ca-containers .product-dimensions {
    width: 40%;
    display: inline-flex
}

.edit-manage-product .product-tab-body .ca-containers .product-dimensions input[type="text"] {
    margin-right: 10px;
}

.edit-manage-product .product-tab-body .ca-containers .ca-containers .ca-items {
    width: 60%;
}

.edit-manage-product .product-tab-body .ca-containers .ca-containers .ca-items .sku-attribute-list {
    border: 1px solid #888888;
    min-height: 200px;
    margin-top: 10px;
    
    padding:5px 5px 0px 5px; 
}
.enum-input-box {
    padding:5px 5px;
    width : 60%; 
}
.enum-remove-attr {
    text-align:center;
}
.sku-attribute-title {
   width : 35%;
}
.enum-input-box .attr-input {
    width:98%;
}
.edit-manage-product .product-tab-body .ca-containers .ca-containers .attributes-list {
    width: 100%;
}

.edit-manage-product .product-tab-body .ca-containers .ca-items .attributes-list .sku-attribute-list{
    height: 200px;
    margin-top: 10px;
}

.product-info-attribute-list {
    border: 1px solid #888888;
    min-height: 200px;
    margin-top: 10px;
    padding : 10px;
}
.dropdown-menu.dropdown-menu-form {
    width:inherit;
    overflow : auto !important;
    max-height:140px;
}
.product-info-attribute-list{
    
    margin-top: 5px 5px 0px 5px;
    
}
.col-md-6.product-attr-info-parent {
    width : 65%;
}
.col-md-6.sku-details-parent {
    width : 35%;
}
.edit-manage-product .product-tab-body .sku-details-parent .ca-containers .ca-labels {
    width : 15%;
}
.col-md-6.sku-attr-parent {
    width : 65%;
}
.ca-labels.desc-labels {
    vertical-align : top;
}
.product-type-title.dropdown-disable,
.dropdown-disable {
    pointer-events:none;
    background-color:#d3d3d38f;
}
ul.tab-disable li:not(:first-child) {
    pointer-events:none;
    opacity : 0.4;
}
 .prod-info-attr,.sku-info-attr{
     display:inline-block;
     font-weight:100;
 }
 .promotion-attr{
     display:inline-block;
     margin-right : 20px;
 }

.adv-details-parent .adv-details-container {
    padding-top : 17px;
    width : 35%;
}
.sku-attribute-container{
    padding : 10px;
}
.dropdown.tax-category-title{
    width : 242px;
}
.filter-dropdowns.tax-category-list{
    width : 240px;
}
.dropdown.product-type-title{
    width : 202px;
}
.filter-dropdowns.product-type-list{
    width : 200px;
}
.dropdown-label.tax-category-label{
    max-width:100%;
    width:100%;
}

.product-showcase-div {
    min-height: 500px;
}

.product-showcase-div .product-table-container {
    margin: 20px 0px;
    /*min-height: 320px;
    height: 430px;*/
    overflow: auto;
    width: 100%;
}

.product-table-container table {
    margin: unset !important;
}

.seo-tab{
    width: 75%;
}
.seo-containers {
    overflow: auto;
    margin: 5px;
    display:flex;
}
.seo-containers .seo-labels{
    display: inline-block;
    width : 240px;
     float: left;
}

.seo-containers .seo-items {
    float: left;
    width: 650px;
}
.seo-containers .seo-items.seo-title input[type='text']{
    width: 100%;
}
#seo-desc{
    min-height: 130px;
}
.image-library .menu-button-cell[disabled] {
    opacity: 0.5;
    cursor: initial;
    pointer-events: none;
}

.image-library .menu-button-cell[disabled] a,
.image-library .menu-button-cell[disabled] a i {
    cursor: initial;
}

.product-catalog-showcase-dropdown {
    margin-top: 20px;
}

.product-catalog-showcase-dropdown-search-input {
    width: 65%;
}

.dropdown .product-catalog-showcase-dropdown-list {
    width: 160px;
}

.display-inline-block {
    display: inline-block;
}

.display-block {
    display: block;
}

.display-inline {
    display: inline;
}

.display-flex {
    display: flex;
}

.flex-grow-1 {
    flex-grow: 1;
}

.align-items-center {
    align-items: center;
}

.align-items-start {
    align-items: start;
}

.justify-content-center {
    justify-content: center;
}

.align-self-flex-start {
    align-self: flex-start;
}

.content-definition-panel-body {
    padding-bottom: 0px;
    overflow-y: auto;
    min-height: 540px;
}

.content-definition-pagination {
    min-height: 50px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.hundred-percent-width, .hundred-percent-width-row, .hundred-percent-width-div {
    width: 100% !important;
}

.template-type {
    width: 65% !important;
    text-align: left;
}

.template-list {
    width: 100% !important;
}

.hundred-percent-height, .hundred-percent-width-row, .hundred-percent-height-div {
    height: 100% !important;
}

.default-cursor {
    cursor: default;
}

.filter-list-container {
    overflow: auto;
    height: 560px;
    min-height: 300px;
}

.nav-cat-table-container {
    overflow: auto;
    margin: 15px 0px;
    height: 300px;
    min-height: 300px;
}

.nav-cat-table-container table {
    margin: unset !important;
}

.filter-list-container table {
    margin: unset !important;
}

.navigation-category-action-button {
    margin-top: 20px;
}
.filter-conditions-parent {
    border : 1px solid #CCCCCC;
}
.filter-conditions {
    width : 100%;
}
tr.filter-conditions-label > td {
    padding : 5px;
}
tr.filter-conditions-inputs > td{
    padding : 5px;
}
td > .filter-conditions-textbox {
    width : 98%;
}
.filter-conditions-buttons {
    padding : 5px;
    text-align : right; 
}
.content-definition-status-dropdown.checkbox-toggle.dropdown, .content-definition-status-dropdown.checkbox-toggle.dropdown .filters {
    width: 170px;
}

.custom-col-width-6-percent {
    width: 6%;
}

.custom-col-width-12-percent {
    width: 12%;
}

.custom-col-width-16-percent {
    width: 16%;
}

.custom-col-width-25-percent {
    width: 25%;
}

.custom-col-width-31-percent {
    width: 31%;
}

.single-character-btn {
    padding: 6px 5px;
}

.round-btn {
    border-radius: 50%;
}

.checkbox-toggle.dropdown.navigation-categories-filters-tab-btn, .navigation-categories-filters-tab-label {
    width: 100%;
    max-width: 100%;
}

.navigation-categories-filters-tab-label.navigation-categories-filters-tab-operator-label {
    width: 84px;
    float: left;
}

.navigation-categories-filters-tab-label.navigation-categories-filters-tab-field-label {
    width: 8%;
}

.checkbox-toggle .dropdown-menu.navigation-categories-filters-tab-div {
    width: 100%;
    min-width: 50px;
}

.navigation-categories-filters-tab-input {
    width: 85%;
}

.checkbox-toggle.dropdown.navigation-categories-filters-tab-small-btn, .navigation-categories-filters-tab-small-label {
    width: 55%
}

.navigation-categories-filters-tab-dropdown-input {
    display: inline-block;
    width: 92%;
    border: none;
    float: left;
    height: 100%;
    padding: 2px 5px;
}

.navigation-categories-filters-tab-dropdown-input:focus ~ .dropdown-menu {
    display: block;
}

.attribute-value-select-input {
    width: 85%;
}

.filter-tab-footer-info-div-left {
    width: 50%;
}

.filter-tab-footer-info-div-right {
    width: 20%;
}

.filter-tab-footer-info-div--label {
}

.filter-tab-footer-info-div--input {
    height: 35px;
}

.filter-tab-footer-info-footer {
    position: absolute;
    bottom: 0px;
    width: 97%;
    padding-bottom: 15px;
    background-color: white;
    padding-top: 10px;
}

.filter-tab-footer-info-footer-option-btns {
    display: inline-block;
    height: 35px;
}

.dropdown-menu.filters .filter-dropdowns.filter-tab-footer-info-footer-option-btns-dropdown {
    max-height: 112px;
}

.navigation-categories-filters-tab {
    padding-bottom: 65px;
}

.navigation-categories-main-controller .detail-input {
    padding: 5px;
}

.navigation-categories-main-controller .save-btn,
.navigation-categories-main-controller .reset-btn {
    margin: 10px;
}

/*
.navigation-categories-main-controller .product-list {
    min-height: 400px;
} */

.navigation-categories-main-controller .nav-product-pagination {
    min-height: 50px;
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 10px;
}

.preview-products-count-div {
    left: 30px;
    bottom: 23px;
    display: inline-block;
    position: absolute;
}
.draggable-list {
  width: 95%;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: left;
  cursor: move;
  list-style: none;
  margin-bottom:5px;
  border-radius: 5px;
  border: 1px solid #829DB4;
  background-color: #f5f5f5;
}
.draggable-list span {
  height: 20px;
  width: 150px;
  color: black;
  padding: 5px;
  
}

/*li.draggable-list:nth-child(odd) {
    background-color:#f0f0f0;
}
li.draggable-list:nth-child(even) {
    background-color: #ffffff;
}*/
.reorder-list-parent {
    height : 40em;
    overflow-y:auto;
}
.reorder-save-parent {
    text-align : center;
}
.checkbox .checkboxInput {
    /*margin-top:2px;*/
}
.col-md-6.global-info-attr-parent {
    width : 100%;
}
.col-md-6.global-info-attr-parent .ca-title-container.ca-containers{
    width : 65%;
    display:inline-block;
}
.ca-containers .ca-items .global-info-attribute-list {
    border: 1px solid #888888;
    min-height: 200px;
    margin-top: 10px;
    padding:5px 5px 0px 5px; 
}
.add-product-popup .modal-dialog {
    width:60%;
}
.panel-body .selected-product-body {
    float:right;
    width:30%;
    border:1px solid #CCCCCC;
    min-height:600px;
}
.panel-body .display-product-body {
    float:left;
    width:69%;
}

.display-product-body .search-product-parent, .display-product-body .search-expert-parent {
    border:1px solid #CCCCCC;
    
    background-color:#e5e6e6;
}
.selected-product-body div.selected-product-title {
    height:4em;
    background-color:#e5e6e6;
}
.selected-product-body div.selected-product-title{
    padding-top:15px;
    padding-left:10px;   
}
.selected-product-body div.selected-product-title > h3 {
    margin:0; 
    
}
.search-product-parent .type-selection td {
    padding:10px;
    width:70%
}
.search-product-parent .type-selection td input, .search-expert-parent .type-selection td input {
    width:100%
}
.product-list {
    margin:10px 0px;
    width:100%;
    /*height:480px;*/
    overflow-y:auto;
}

.file-library-container .dropdown {
    text-align: left;
}
.file-library-container .dropdown-label {
    width: auto;
}

.product-list > .table-striped th {
    background-color:#f9f9f9;
}
.product-list > .table-striped tr:nth-child(2n) {
    background-color:#f9f9f9;
}
.product-list > .table-striped tr:nth-child(2n+1) {
    background-color:#ffffff;
}
.product-list > .table-striped th:nth-child(1) {
    width:10%;
    
}
.product-list > .table-striped td:nth-child(1) {
    text-align:center;
}
.product-list > .table-striped th:nth-child(2) {
    width:40%;
}
.product-list > .table-striped th:nth-child(3) {
    width:35%;
}
.selected-product-list > .table-striped td:nth-child(1) {
    width:85%;
    
}
.selected-product-list > .table-striped tr:nth-child(2n) {
    background-color:#ffffff;
}
.selected-product-list {
    height:550px;
    overflow-y:auto;
}
.selected-product-list table {
    margin:0;        
}
.sku-info-attr-check {
    display:inline-block;
}
.col-md-6.adv-details-attr {
    float:right;
    width:35%;
    margin-top:15px;
}
.ca-title-container.ca-containers .add-remove-btn-container {
    float:right;
}
.ca-title-container.ca-containers h4.included-product-label {
    display:inline-block;
}
.connectorpage_button{
    position: relative;
    top: 1px;
    left: 12px; 
    padding: 4px 9px;
}
.selected-product-table {
    min-height: 300px;
    max-height: 600px;
    overflow-y:auto;
    border:1px solid #ddd;
}
.selected-product-table table th:nth-child(1){
    width:30%;
}
.selected-product-table table th:nth-child(2){
    /*width:50%;*/
}
.selected-product-table table thead tr{
    background-color:#f0f0f0;
}
.table-striped>tbody>tr.active-product{
    background-color:#cde6ff;
}

#tree-root div:focus {
    outline: none;
}

.reorder-list-products {
    height: 34.8em;
}

#page-title.pull-left {
    word-break:break-all;
}

.content-library-panel div.tree-node {
    word-break: break-word;
}
.reorder {
    padding: 20px 20px 10px 20px;
}
.reorder h4 {
    font-weight: bold;
}
.padding-bottom-20 {
    padding-bottom: 20px;
}
.reorder-list-content {
    height: 34em;
}
.reorder-save-content {
    text-align: center;
    margin-top: -15px;
}
.edit-rubric-property
{
    height: 490px; 
    margin-top: 10px;
}

.rubric-dropdown{
    border-radius: 4px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

.container {
  margin-right: auto;
  margin-left: auto;
}

.disabled-dropdown-input {
    width: 190px;
}

.vertically-aligned-label {
    display: table-cell;
    vertical-align: middle;
    height: 34px;
}

.forgot-password-link {
    font-size: 1.5rem;
    height: 38px;
    display: table-cell;
    vertical-align: middle;
}

.form-btn {
    font-size: 1.7rem;
}

.login-form-row {
    margin: 0;
}

.forgot-password--container {
    margin-top: 20px;
}

.forgot-password--heading {
    font-size: 3rem;
}

.forgot-password--paragraph {
    font-size: 1.6rem;
    margin-bottom: 20px;
}

.forgot-password--input-row {
    margin-top: 20px;
}

.forgot-password--second-row {
    margin-top: 20px;
}

.forgot-password--submit-button {
    margin-left: 10px;
}

.inside-block {
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 15px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-20 {
    padding-top: 20px;
}

.rubric-info{
    float: right;
    margin: 20px 25px;
}

.font-size-20 {
    font-size: 20px;
}

.input-type-width-645 {
    width: 645px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.inside-block {
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 15px;
}

fieldset {
    background-color: #d7defc;
    padding: 5px 15px;
    border: double #78AADD;
}

legend {
    background-color: #78AADD;
    color: white;
    padding: 5px 10px;
    width: auto;
    border-radius: 5px;
    font-size: inherit;
    margin-bottom: 0px;
}

.nav-cat-filters {
    display: flex;
    align-items: center;
}

.nav-cat-filters .left{
        flex: 1;
}
.disable-link-button {
    pointer-events: none;
    opacity: 0.5;
    color: gray;
}

.disable-link-button:hover {
    cursor: text !important;
}

.margin-top-120 {
    margin-top: 120px;
}

.height-110 {
    height: 110px;
}

/************************Resource Tracking starts here************************/

.advanced-filter-panel {
    margin-bottom: 20px;
    border: 1px solid black;
}

.solid-bottom-border {
    border-bottom: 1px solid black;
}

#advanced-filter-center{
    width: 250px;
}

#advanced-filter-product{
    width: 250px;
}

#advanced-filter-tag{
    width: 250px;
}

.padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}
.width-250 {
    width: 250px !important;
}

.width-auto {
    width: auto !important;
}

.resource-tracking-tab-div {
    min-height: 50px;
}

.resource-table-input {
    float: left;
    margin: 5px !important;
    cursor: pointer;
}

.disable-action-button {
    pointer-events: none;
    opacity: 0.5;
    color: gray;
}

.disable-action-button:hover {
    cursor: text !important;
}

.resource-listing-table {
    max-width: 1850px !important;
    width: 1850px !important;
}

.bulk-edit-table {
    max-width: 1700px !important;
    width: 1150px !important;
}

.unset-overflow {
    overflow: unset !important;
}

.dropdown-max-height {
    max-height: 140px !important;
}

.dropdown-width-20 {
    width: 20% !important;
    display: inline !important;
}

.dropdown-width-25 {
    width: 25% !important;
    display: inline !important;
}
.margin-top-15 {
    margin-top: 15px;
}

.margin-top-28 {
    margin-top: 28px;
}

.margin-top-27 {
    margin-top: 27px;
}

.edit-button::after {
    font-family: FontAwesome;
    content: '\f044';
}

.delete-button::after {
    font-family: FontAwesome;
    content: '\f014';
}

.hide-node-checkbox {
    opacity: 0;
    float: right;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.margin-left-15 {
    margin-left: 15px;
}

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

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.padding-right-15 {
    padding-right: 15px;
}

.recommendation-list {
    margin:10px 0px;
    width: 1150px;
    overflow-y: auto;
}

.bulk-edit-table >tbody > tr > td {
    cursor: pointer;
}


.bulk-edit-table> tbody> tr.active-record {
        background-color: #cde6ff;
}

.margin-left-25 {
    margin-left: 25px;
}

.dropdow-width {
    width: 160px !important;
 }
    
.height-600 {
    height: 600px;
}

.add-recommendation-popup .modal-dialog {
    width: 1200px !important;
}

.word-wrap {
    word-wrap: break-word !important;
}

.padding-left-l0 {
    padding-left: 10px;
}

.width-15-per {
    width: 15% !important;
}

/************************Resource Tracking ends here************************/

.disable-link-button {
    pointer-events: none;
    opacity: 0.5;
    color: gray;
}

.disable-link-button:hover {
    cursor: text !important;
}


/**********************************Learn Module starts here**********************************/

#add_learn_module{

}

.generate-using-ai-img {
    padding-bottom: 5px;
}

.add-edit-learn-container{
    padding: 10px;
}

.search-container{
    padding-left: 20px;
}

.uib-accordion-container {
    margin-top: 20px;
}

.learn-layout-padding{
    padding: 0em 1em 1em 1em;
}
.learn-page-title-padding{
    padding: 1em;
}

.learn-layout-margin
{
}

.learn-textbox-margin
{
    width: 80%;
	margin-left:1em;
}

.select-content-type{
    margin-left: 15px;
    width: 40%;
}

.page-details-container{
    padding: 10px;
}

.learn-table-container .edit:before, .learn-panel-container .edit:before, .completion-criteria-row .edit:before{
    font-family: FontAwesome;
    content: '\f044';
    font-size: large;
    font-weight: 500;
}

.learn-table-container .duplicate:before {
    font-family: FontAwesome;
    content: '\f24d';
    font-size: large;
    font-weight: 500;
}

.learn-table-container .delete:before, .completion-criteria-row .delete:before, icons.delete.delete-question:before {
    font-family: FontAwesome;
    content: '\f014';
    font-size: large;
    font-weight: 500;
}

.hs-question-type-popup-disabled{
    pointer-events: none;
}

.highlight-info-container{
    margin: 10px 0px;
    /*display: flex;*/
    float: right;
}

.highlight-icon{
    margin-left: 5px;
}

.learn-panel-container .remove:before {
    font-family: FontAwesome;
    content: '\f014';
    font-size: large;
    font-weight: 500;
}

.learn-panel-container .save:before {
    font-family: FontAwesome;
    content: '\f0c7';
    font-size: large;
    font-weight: 500;
}

.learn-panel-container .learn-panel-body{
    padding: 20px 0 10px 0;
}

.topic-page-add-reorder-button-container {
    width:95%;
    margin:1.5em auto;
}
.save-button-learn-margin
{
    float:right;
	margin: 2.5em 0.5em 1em 0em;
}
#learnIdInformationText {
    margin-left: 153px;
}
#product-lvl-poll-container{
    display: flex;
}
#product-lvl-poll-cancel-btn{
    margin: 0 10px;
}
#product-lvl-poll-cancel-btn::after{
    content:"✖";
    font-weight: bold;
    color: white;
}
#product-lvl-poll-add-btn::after{
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    content: " \2026";
}
/**********************************Learn Module ends here**********************************/

/**********************************Interactive Module starts here**********************************/

.interactive-table-container .edit:before {
    font-family: FontAwesome;
    content: '\f044';
    font-size: large;
    font-weight: 500;
}

.interactive-table-container .duplicate:before {
    font-family: FontAwesome;
    content: '\f24d';
    font-size: large;
    font-weight: 500;
}

.interactive-table-container .delete:before {
    font-family: FontAwesome;
    content: '\f014';
    font-size: large;
    font-weight: 500;
}

.interactive-properties{
    width:95%;
    margin:auto;
}

.interactive-details-container .glyphicon-remove-circle {
    font-size: 15px;
    top: 3px;
    margin-left: 3px;
    color: #607cb1;
}

.interactive-details-container .image-type-container .image-holder{
    margin-right: 10px;
}

.open-interactive-library .modal-dialog{
    width: 1170px;
    min-height: 640px;
}

.open-interactive-library .modal-dialog .interactive-table-container {
    background-color: white;
    margin: auto 10px;
}

.open-interactive-library .modal-dialog #panel-body {
    background: white;
}

.create-content-instance-container {
    width: 95%;
    margin: auto;
}

.clear-instance-button {
    position: relative;
    top: -43px;
    right: 85px;
}

.table-striped>tbody>tr.active-interactive-row{
    background-color:#cde6ff;
}

.interactive-no-item-info{
    text-align: center;
    margin: 20px 0 0;
    padding-bottom: 10px;
}


.media-parent-container .image-holder {
    width: 120px;
    height: 80px;
    border: 2px solid #89AAE9;
    text-align: center;
}

.media-parent-container .image-holder .image{
    width: 100%;
    height: 100%;
}

.media-parent-container table{
    width: 100%;
    margin: 10px 0px;
}

.media-parent-container table tr td[rowspan]{
    width: 20%;
    padding-right: 10px;
}

.media-parent-container .form-control {
    margin: 10px 0px;
}

/**********************************Interactive Module ends here**********************************/

.create-content-container{
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid black;
}

.async-type-dropdown div.checkbox-toggle.dropdown{
    max-width: 500px;
    width: 300px;
}

.async-type-dropdown div.checkbox-toggle.dropdown label.dropdown-label{
    max-width: 500px;
    width: 300px;
}

.async-type-dropdown div.checkbox-toggle.dropdown div.dropdown-menu{
    max-width: 500px;
    width: 300px;
}
.bg-image-container{
    width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.answer-row.media-parent-container table tr td .selectable-image-path {
    width: 100%
}

/* Learn page reorder start */
.page-list .page-content {
display: flex;
}
.page-list .page-content-title {
    flex: 0 0 90%;
}
.page-list .page-content-type {
    font-style: italic;
    flex: 1;
    text-align: center;
}
/* Learn page reorder end */


/* 3M start */
.checkbox-toggle.dropdown.increased-width {
    width: 290px;
}

.checkbox-toggle.dropdown.increased-width .dropdown-label {
    width: 290px;
    max-width: 290px;
}

.checkbox-toggle.dropdown.increased-width .filters {
    width: 290px;
}

.checkbox-toggle.dropdown .dropdown-filter-input {
    width: 96%;
    padding: 5px;
    margin: 5px
}

.save-button-metadata-margin {
    float: right;
    margin: 2em -0.8em 0.1em 0em;
}

.metadata-resource-id-map-button {
    margin-right: 284px;
    float: right;
}

.table-layout-fixed {
    table-layout: fixed;
}

.taxonomy-selected-node-container {
    padding: 10px;
    border: 1px solid black;
    overflow: auto;
    max-height: 300px;
}

#taxonomy-nodes-not-found-info {
    width: 290px;
    margin-bottom: auto;
    margin-top: auto;
}

.resource-preview-taxonomy-ltree-container {
    margin-top: 10px;
    border: 1px solid black;
    padding: 10px;
    width: 100%;
    overflow: auto;
    max-height: 300px;
}

.selected-field-value-item {
    width: 60%;
    display: inline-block;
}

.selected-field-value-item > input.form-control {
    width: 35%;
}

.cv-dependency-field-values-container {
    display: flex;
}

.cv-dependency-field-values-container .learn-table-container {
    padding: 10px;
}

.cv-dependency-field-values-container .field-values-container {
    width: 30%;
    border: 1px solid #8EA5CE;
    border-radius: 5px;
}

.cv-dependency-field-values-container .related-field-values-container {
    width: 70%;
    margin-left: 10px;
    border: 1px solid #8EA5CE;
    border-radius: 5px;
}

.cv-dependency-field-values-container .header {
    padding: 10px 0;
    text-align: center;
    background-color: #DAEDFF;
}

.available-and-selected-related-field-values-container {
    display: flex;
}

.selection-icons {
    display: flex;
    align-items: center;
}

.horizontal-line {
    background-color: grey;
    height: 1px;
}

.show-linked-standards-button-container button{
    margin: auto 10px;
}

.linked-standards-container hr {
    margin: 10px 0;
    border-top: 1px solid grey;
}

.linked-standard-name {
    border-bottom: 1px solid grey;
}

.field-values-selection-open-button {
    color: #1C68B5;
    cursor: pointer;
    margin: 0;
}

.metadata-field-properties-container {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.metadata-field-properties-container .metadata-field-properties-label {
    width: 30%;
}

.metadata-field-properties-container .ai-metadata-field-properties-label {
    font-family: "Lato", sans-serif;
    width: 164px;
}

.metadata-field-properties-container .metadata-field-properties-label .metadata-auto-generated-tags-label {
    width: 55%;
}

.metadata-field-properties-container .metadata-field-properties-item {
    width: 100%;
}

.taxonomy-standard-selection-dropdown .dropdown-menu.filters .filter-dropdowns {
    max-height: 120px;
}

/*************************** Product Bundle reordering starts here ****************************/
.product-bundle-reorder-active, .product-bundle-reorder-active:focus, .product-bundle-reorder-active:hover {
    color: #337ab7;
    background-color: #fff;
}
.product-bundle-draggable-heading {
    display: flex;
    align-items: center;
    height: 37.5px;
    background-color: #F0F0F0;
    border: 2px solid #DDD;
}
.product-bundle-draggable-heading-item {
    font-weight: 700;
    padding-left: 8px;
}
.product-bundle-draggable-heading-item:first-child {
    width: 325.5px;
}
.product-bundle-reorder-list {
    height: fit-content;
    padding: 2px;
    overflow-y: visible;
}
.product-bundle-draggable {
    display: flex;
    height: fit-content;
    width: 100%;
}
.product-bundle-draggable-item {
    width: 325.5px;
    padding-left: 5px;
}
.product-bundle-reorder-save-parent {
    text-align: right;
    margin-top: 10px;
}
/*************************** Product Bundle reordering ends here ****************************/
/*************************** Learning Path starts here ****************************/
.learning-path-delete-bundle-button {
  padding: 1px 4px;
}

.completion-criteria-row .edit {
    margin-left: 3px;
}

.completion-criteria-row .delete {
    margin-right: 3px;
}

.completion-criteria-cell {
    display: flex;
    align-items: center;
}

.flex-space-between {
    display: flex;
    justify-content: space-between;
}

.flex-align-center {
    flex: 1;
    display: flex;
    align-items: center;
}

uib-accordion .panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.full-width {
    width: 100%;
}

.fixed-layout {
    table-layout: fixed;
}

.grey-header {
    background-color: #F0F0F0; /* Grey color */
}
.grey-body{
    background-color: #F9F9F9;
}

.bg-white{
    background-color: white;
}

.column-width-learning-path-30 {
    width: 30%;
}

.column-width-learning-path-40 {
    width: 40%;
}

#panel.no-box-shadow {
    background:linear-gradient(#6E95E2,#A1C1FA);
    box-shadow: none ;
}

#panel .tablist-learning-path {
   margin: 20px 0px;
   width: 100%;
}

.tablist-learning-path h4.panel-title 
{
    line-height: 1.42857143;
}

.flex-align-center-learning-path {
    flex: 1;
    display: inline-flex;
    align-items: center;
}

.bundle-learning-path-btn{
    margin-right: 10px;
}

.spacing {
    margin-left: 10px; 
}

.product-showcase-left {
    float:left; 
    margin-left:15px;
}
/*************************** Learning Path ends here ****************************/

/* Add Images in product and sku attributes STARTS  */
table.attribute-image-container td.image-container-row{
    width: 33%;
}

table.attribute-image-container .image-holder{
    width: 120px;
    height: 80px;
    border: 2px solid #89AAE9;
    text-align: center;
}

.image-container-row .image {
    width: 100%;
    height: 100%;
}

.attribute-image-container .attribute-image-path{
    text-overflow: ellipsis;
}

.enum-remove-attr.image-type{
    vertical-align: top;
    padding: 10px 0px;
}

/* Add Images in product and sku attributes ENDS  */

/* Glossary Term highlighting starts here */

span.glossary-term {
    text-decoration: underline;
    font-style: italic;
    background-color: #DDD;
}

/* Glossary Term highlighting ends here */

/* Glossary Add/Edit Page starts here */
.link-glossary-terms-page-button {
    position: relative;
    top: -43px;
}
.linked-glossary-terms-table {
    max-height: 600px;
    height: auto;
    overflow-y: auto;
    border: 1px solid #ddd;
}
.linked-glossary-terms-table .delete:before {
    font-family: FontAwesome;
    content: '\f014';
    font-size: large;
    font-weight: 500;
}
.linked-terms-header {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 1;
    background: #eee;
}
.center-mapping-container {
    height: 535px;
}
.center-mapping-container .form-prop-label-instruction-one {
    width: 32.7em;
    padding-left: 1.8em;
    display: inline-block;
}
.center-mapping-container .selected-center {
    padding: 5px 10px;
    margin: 5px 0;
    border: 1px solid #829DB4;
    border-radius: 5px;
    background-color: #f5f5f5;
    font-size: 1.1em;
}
.center-mapping-container .no-selected-center-message {
    margin: 100px auto;
    width: fit-content;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-left-20 {
    margin-left: 20px;
}
.ca-items-small {
    width: 35% !important;
}

.no-terms-linked {
    font-style: italic;
    background-color: lightgray;
    margin-left: 20px;
    padding: 10px;
    border: 1px solid;
}

.glossary-creation-page .panel-group .panel {
    width: auto;
}

.glossary-listing {
    padding-bottom: 0;
}

/* Glossary Add/Edit Page ends here */

/* Glossary Term Link Popup starts */
.glossary-term-link .modal-dialog {
    width: auto;
}
.glossary-term-link .modal-content {
    width: fit-content;
    margin: auto;
}
.glossary-term-link .container {
    min-width: 925px;
    max-width: 75vw;
    width: max-content;
}
.glossary-term-link span.is-selected-term {
    display: none;
}
.glossary-term-link .active-record span.is-selected-term {
    float: right;
    display: inline-block;
    color: #0052fb;
}

.glossary-filter.filter-row {
    margin-top: -6px;
}

.glossary-term-link .glossary-filter.filter-row {
    margin-top: -16px;
}

#product-list tr.row_white {
    background-color: #f9f9f9;
}

.mce-btn[aria-label="Remove Linked Glossary Term"] button {
    font-weight: bold;
}

.link-glossary-term .top-table-row-left-div {
    display: flex;
}

.link-glossary-term .top-table-row-left-div input{
    margin-left: 10px;
}

.link-glossary-term .filter-row.glossary-filter {
    margin-left: 623px;
}

.link-glossary-term .product-catalog-showcase-dropdown-search-input {
    width: 182px;
}

.glossary-term-link .modal-footer {
    border-top: none;
}

/* Glossary Term Link Popup ends */

/* Shopify SKU - Product Mapping starts */
.sku-product-library-filter-block{
    display: flex;
    column-gap: 20px;
}
/* Shopify SKU - Product Mapping end */

/* PII Decryption Tool starts */

.pii-decryption-tool .input-field{
    width: 250px;
}

.pii-decryption-tool .input-field .dropdown-label{
    width: 230px;
    max-width: 250px;
}

.pii-decryption-tool .query-result-table-container {
    margin-top: 20px;
    max-height: 600px;
    border: 1px solid #ccc;
}

.pii-decryption-tool .query-result-table-container table {
    margin-bottom: 0;
}

.pii-decryption-tool  table{
    border-collapse: separate;
    border-spacing: 0px; 
}            

.pii-decryption-tool  th{
    position: sticky;
    top:0px;
    background-color: rgb(249, 251, 251);
}
.pii-decryption-tool .table-wrapper{
    max-height: 500px;
    overflow-y: scroll; 
}
.pii-decryption-tool  th,td{
    border: 1 px solid black;
    padding: 10px;
}
.pii-decryption-tool  .label-width{
    display: block;
}

.pii-decryption-tool-button{
    margin-left: 10px;
}

.pii-decryption-tool-label{
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
/* PII Decryption Tool ends */

/* UPM Products and Permissions starts */
.custom-add-edit-permission-label {
    font-weight: normal;
}
/* UPM Products and Permissions ends */
/* Content branching Starts */
.branching-question-title { 
    cursor: pointer;
}
.branching-question-title:before{
    content: '\f054';
    white-space:pre;
    font: normal normal normal 10px FontAwesome;
    padding-right: 8px;
}
.branching-question-title.expanded:before{
    content: '\f078';
}
.answer-mapping-wrapper{
    padding: 16px;
}
.answer-mapping-div {
    display: flex;
    align-items: stretch;
    border: 1px solid grey;
}
.answer-mapping-wrapper :not(:first-child){
    border-top: none;
}
.answer-mapping-div .answer, .answer-mapping-div .page-dropdown {
    width: 50%;
    text-align: center;
    padding: 16px;
}

.answer-mapping-div .answer img {
    width: 100px;
    height: 100px;
}

.answer-mapping-div .page-dropdown{
    padding: 8px;
    border-left: 1px solid grey;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ellipsis-2-dropdown {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 53px;
}

/* Content branching Ends */

/* minor changes for question catalog new metadatascheme*/

.prev-btn{
    float: left;
    margin-left: 5px;
}
/* User Deletion Tool Starts Here */
.user-input-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px;
  }
  
  .user-input-container label {
    font-weight: bold;
    margin-bottom: 10px;
  }
  
  .user-input-container input[type="text"] {
    width: 300px;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
  }
  
  .user-input-container button[type="submit"] {
    padding: 6px 10px;
    /* font-size: 16px; */
    background-color: #337ab7;
    border-color: #2e6da4;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
  }
  
  .user-input-container button[type="submit"]:hover {
    background-color: #286090;
    border-color: #204d74;
  }

.query-result-table-container a.delete:before{
    font-family: FontAwesome;
    content: '\f014';
    font-size: large;
    font-weight: 500;
}
.get-user-data{
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Table Striped class for accel5 added products table */

.table-striped-accel5 {
    
}

.table-striped-accel5>tbody>tr:nth-of-type(odd) {
    background-color: #e5e6e6;
}

#grid-accel5 {
    height: fit-content;
}

#grid-accel5 .ui-grid-header .ui-grid-header-cell {
    height: 35px;
}

#grid-accel5 .ui-grid-viewport {
    height: fit-content;
}

#grid-accel5 .ui-grid-header-cell:first-child {
    background-color: #fcfcfc;
}

#grid-accel5 .ui-grid-row:nth-child(odd) .ui-grid-cell.ui-grid-row-header-cell {
    background-color: #fdfdfd;
}

#grid-accel5 .ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell {
    background-color: #c9dde1;
}

#grid-accel5 .ui-grid-canvas {
    padding-top: 0px;
}

.hide-vertical-scroll {
    overflow-y: hidden;
}

.auto-vertical-scroll {
    overflow-y: auto;
}

.migration-progress .table-wrapper {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: scroll;
}

.migration-progress .migration-bold-text {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.migration-progress .green-text{
    color: green;
}

.migration-progress .red-text, .user-input-container .red-text, .customer-migration-input-container .red-text{
    color: red;
}

#temporary-to-permanent-tables .user-migration-button-container{
    text-align: center;
}

.user-migration-logs{
    height: 200px;
    padding: 10px;
    overflow: auto;
    margin: 20px auto;
    border: 2px solid gray;
    white-space-collapse: preserve-breaks;
}

.user-migration-checkbox{
    height: 20px;
    width: 20px;
    margin-right: 5px;
    vertical-align: -5px;
}

.customer-migration-checkbox{
    height: 20px;
    width: 20px;
    margin-right: 5px;
    vertical-align: -5px;
}

.customer-migration-input-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px;
  }
.customer-migration-button-container{
    margin-top: 10px;
}

.customer-migration-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background-color: tan;
  }

  .customer-migration-table th, .customer-migration-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
  }

  .customer-migration-table th {
    background-color: #f2f2f2;
  }
  .nav-cat-center-dropdown{
    width: 65%;
  }

/* AI Metadata Preloader Start */
.preloader-popup-div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147480000 !important;
    background-color: rgba(0, 0, 0, 0.5);
}
.preloader-popup {
    width: 389px;
    min-height: 295px;
    background: #FFFFFF;
    border: 1px solid #707070;
    border-radius: 4px;
    position: fixed;
    top: calc(50% - 150px);
    left: calc(50% - 192px);
    padding-bottom: 10px;
}

.loader-img {
    height: 81px;
    background: #FFF7F2;
    display: flex;
    justify-content: center;
}

.loader-img>div {
    border-radius: 50%;
    background: #ECEFFF;
    height: 93px;
    width: 101px;
    margin-top: 36px;
    display: flex;
    justify-content: center;
    z-index: 999;
}

.preloader-shield-badge {
    width: 90px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
}

.preloader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 61px;
}

.wait-text{
    font-size: 14px;
    line-height: 13px;
    letter-spacing: 0px;
    color: #333333;
}

.analyse-que-number{
    font-weight: 600;
    font-size: 14px;
    line-height: 13px;
    letter-spacing: 0px;
    color: #222222;
    margin-top: 10px;
    margin-bottom: 11px;
}

.btn-cancel{
    margin-top: 20px;
    padding: 4px 16px;
    font: 14px / 24px Helvetica;
    letter-spacing: 0px;
    color: #fff;
    background: #337AB7;
    border-radius: 6px;
    margin-bottom: 40px;
}

.progress-barr {
    width: 181px;
    height: 6px;
    background: #E9E9E9;
    border-radius: 4px;
    margin-top: 11px;
}

.progress-bar-fill {
    /* display: block; */
    /* width: 88px; */
    height: 100%;
    background: transparent linear-gradient(92deg, #9C345E 0%, #7D38C2 100%) 0% 0% no-repeat padding-box;;
    border-radius: 4px;
}
/* AI Metadata Preloader End */

.ai-q-metadata-container * {
    font-family: "Lato", sans-serif;
}

.que-added-container p {
    margin: 0;
}

.container-border-gray{
    background-color: #B2BBF6;
}

.ai-metadata-title, .ai-question-title{
    padding-left: 15px;
    height: 40px;
    display: flex;
    align-items: center;
    color: white;
    background: #306AC4;
}

.ai-quest-gen-main-container {
    background: #EFEEF0;
}
#header-text{
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 22px !important;
}

.btn-insert{
    padding: 4px 16px;
    font: normal normal normal 14px/24px 'Lato';
    letter-spacing: 0px;
    color: #FFFFFF;
    background: #337AB7;
    border-radius: 6px;
    margin-right: 16px;
}

.btn-insert:hover{
    text-decoration: none;
    color: #fff;
}

.metadata-field-regenerate-button{
    background: #BFC7FB 0% 0% no-repeat padding-box;
    border: 1px solid #4756B5;
    border-radius: 6px;
    margin-left: 13.5px;
    display: flex;
    align-items: center;
    padding: 4.95px 9px 4.95px 7px;
    height: 32px;
}

.metadata-field-regenerate-button span{
    color: #222222;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin-left: 5px;
    letter-spacing: 0px;
}

.score-box{
    border-radius: 8px;
    border: 1px solid #949494;
    padding-left: 8px;
}

#metadata-label {
    font-size: 12px;
    font-family: "Lato", sans-serif;
    line-height: 20px;
}

#metadata-label-14 {
    font-size: 14px;
    font-family: "Lato", sans-serif;
    line-height: 20px;
}

.header-items{
    display: flex;
    height: 40px;
    padding-top: 3px;
    align-items: center;
}

.generate-metadata-button {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.updated-btn-styles {
    margin-left: 0;
}

.authoring-page-btns {
    width: 72px;
}

.question-title-input {
    padding: 10px;
    width: 307px;
    height: 32px;
    border: 1px solid #949494;
    border-radius: 8px;
    background: #fff;
}

.question-title-field {
    display: flex;
    align-items: center;
    margin-top: 22px;
}

.question-title,  #question_title_span.question-title {
    color: #333;
    font-family: 'Lato';
    font-size: 14px;
    line-height: 20px;
}

.question-title-label {
    padding-right: 12px;
}

.question-container {
    margin-left: -23px;
}

#add-question-block {
    background: white;
    border: none;
}

.question-field {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 12px;
}

.edit-question-label {
    margin-left: 12px;
}

.question-type-label {
    margin-right: 8px;
    font-size: 14px;
    font-family: 'Lato';
}

.answer-setting-label {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
}
input[type=checkbox].custom_checkbox {
    appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    height: 18px;
    width: 18px;
    border: 2px solid #337AB7;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}
input[type=checkbox].custom_checkbox:checked::after {
    content: '✔';
    color: #337AB7;
    font-size: 13px;
    position: absolute;
    font-weight: bold;
    top: -2px;
    left: 1px;
}
input[type=checkbox].custom_checkbox:focus {
    outline: none;
}
#checkbox_calc.custom_checkbox_container {
    padding-left: 0;
}
.custom_checkbox_container {
    display: flex;
    align-items: center;
}
.padding-bottom-32{
    padding-bottom: 32px;
}
.padding-top-7{
    padding-top: 7px;
}

.file-upload-form-container{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding-top: 40px;   
}

  .opacity-40 {
      pointer-events: none;
      opacity: 0.4;
  }

  .margin-top-60 {
    margin-top: 60px;
  }

  .spaced-text {
      margin-left: 10px;
  }

  .top-margin-none {
      margin: 5px;
      margin-top: 0px;
  }

  .studyplan-bordered th,
  .studyplan-bordered td{
      border: 1px solid black;
  }

  .scroll-y {
      max-height: 120px;
      overflow-y: auto;
      overflow-x: hidden;
  }

  .padding-8 {
    padding:8px;
  }
  .show-test-recommendation-instruction-label {
    margin-bottom: 5px;
    font-size: small;
  }
.service-health-check-cell {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-upload-form{
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
    border: 2px solid black;
    border-radius: 5px;
}

a.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.regenerate-test-container {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
    max-height: 300px;
    overflow: auto;
}

input[type=checkbox].regenerate-test-checkbox {
    appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    height: 18px;
    width: 18px;
    border: 2px solid #337AB7;
    border-radius: 3px;
    position: relative;
}

input[type=checkbox].regenerate-test-checkbox:checked::after {
    content: '✔';
    color: #337AB7;
    font-size: 13px;
    position: absolute;
    font-weight: bold;
    top: -2px;
    left: 1px;
}

input[type=checkbox].regenerate-test-checkbox:focus {
    outline: none;
}

.test-list {
    display: flex;
    flex-direction: column;
}

.regenerate-test-checkbox-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.disabled-label {
    color: gray;
    opacity: 0.7;
    cursor: not-allowed;
}

input[type=checkbox].disabled-regenerate-test-checkbox {
    appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    border: 2px solid gray;
    border-radius: 3px;
    position: relative;
}

.taxonomy-name-label {
    margin: 0;
}

.disabled-dropdown {
    pointer-events: none;
    cursor: not-allowed;
}

.rubric-container {
    margin-top: 0;
}

.custom-dropdown {
    border: 1px solid #949494;
    border-radius: 8px;
    height: 32px;
}

.status-dropdown-container {
    padding-bottom: 0;
}

#question-status {
    margin-left: 32px;
}
  .pointer-events-auto{
    pointer-events: auto;
  }
  .box-sizing-border-box {
    box-sizing: border-box;
  }
  
  .search-expert-parent .type-selection td {
    padding:10px;
    min-width:70%
 }
 
 #criteria-type-dropdown {
    width: 200px;
  }