/*This css file contains button styles*/
th.edit-button,th.delete-button,th.download-button,th.authentication-button,th.password-button,th.add-button,th.excel-button,th.resetState,th.clone-button,th.filter-button,th.start-button,th.results-button,th.email-button,th.build-button,th.editlink,th.view-button,th.hide-button,th.unhide-button{
	/*display: table-cell;*/
}
/* Colors
Green: #22B318
Blue: #006891
Yellow: #FBC709
Red: #C0371A
*/
/*Sizes*/
.edit-button,.delete-button,.download-button,.authentication-button,.password-button,.add-button,.excel-button,.resetState,
.clone-button,.filter-button,.start-button,.results-button,.email-button,.build-button,.editlink,.view-button,
.hide-button,.unhide-button,.insert-row-button,.section-add-button,.remove-button,.addlink,.history-button,.undo-button, .check-button,
.uncomplete-button, .reviewexclaim{
background-repeat: no-repeat;
background-size: 20px auto;
background-position: center;
text-decoration: none;
height: 20px;
width: 20px;
text-decoration: none;
display: inline-block;
}
em.button-icon-text-and-icon,.button-icon-text-and-icon{
background-size: 20px auto;
text-decoration: none;
width: auto;
padding-left: 25px;
background-position: left center;
font-style: normal;
display: inline-block;
height: 20px;
line-height: auto;
font-size: 14px;
color:#333;
cursor: pointer;
}
.button-icon{
background-repeat: no-repeat;
background-size: 20px auto;
background-position: center;
text-decoration: none;
height: 20px;
width: 20px;
text-decoration: none;
display: inline-block;
cursor: pointer;
}

.button-icon-text,.buttonClearFiltersField button{
cursor: pointer;
color: #006C9F;
background-color: none;
text-transform: uppercase;
font-weight: 600;
width: auto;
height: auto;
background-position: 10px center;
background-size: 20px auto;
background-repeat: no-repeat;
padding: 10px 10px 10px 35px;
font-style: normal;
margin-right: 20px;
margin-left: 10px;
display: inline-block;
text-align: center;
}
.button-icon-text:hover,.buttonClearFiltersField button:hover{
background-color: #ddd;
border-radius: 2px;
box-shadow: none;
}

.button-icon-text.resetState,.button-icon-text.excel-button{
color: #22B318;
}
.buttonClearFiltersField button{
color: #C0371A;
}

.authentication-button {
background-image:url("../img/icons/shield.svg");
}


.delete-button,.remove-button{
background-image:url("../img/icons/delete.svg");
}
.delete-button:hover,.remove-button:hover{
background-image:url("../img/icons/delete_invert.svg");
}

.download-button {
background-image:url("../img/icons/download.svg");
}

.edit-button{
background-image:url("../img/icons/pencil.svg");
}

.password-button {
background-image:url("../img/icons/key.svg");
}
.add-button,.addlink{
background-image:url("../img/icons/add.svg");
}
.add-button:hover,.addlink:hover{
background-image:url("../img/icons/add_invert.svg");
cursor: pointer;
}

.excel-button{
background-image:url("../img/icons/excel.svg");
}

.excel-button:hover{
background-image:url("../img/icons/excel_invert.svg");
}

.word-button{
background-image:url("../img/icons/word.svg");
}
.resetState{
background-image:url("../img/icons/reset.svg");
}
.exit-button, .ui-dialog-titlebar-close .ui-icon,.ui-dialog .ui-state-hover .ui-icon {
background-image:url("../img/icons/exit_white.svg");
}

.clone-button{
background-image:url("../img/icons/clone.svg");
}

.filter-button{
background-image:url("../img/icons/filter.svg");
}

.filter-button:hover{
background-image:url("../img/icons/filter_invert.svg");
}

.start-button{
background-image:url("../img/icons/start.svg");
}

.start-button:hover{
background-image:url("../img/icons/start_invert.svg");
}

.results-button{
background-image:url("../img/icons/results.svg");
}

.results-button:hover{
background-image:url("../img/icons/results_invert.svg");
}

.email-button{
background-image:url("../img/icons/mail.svg");
}

.email-button:hover{
background-image:url("../img/icons/mail_invert.svg");
}

.build-button{
background-image:url("../img/icons/hammer.svg");
}

.view-button{
background-image:url("../img/icons/view.svg");
}

.view-button:hover{
background-image:url("../img/icons/view_invert.svg");
}
.hide-button{
background-image:url("../img/icons/hide.svg");
}
.unhide-button{
background-image:url("../img/icons/unhide.svg");
}

.upload-button {
background-image:url("../img/icons/upload.svg");
}

.history-button{
background-image:url("../img/icons/history.svg");
}
.history-button:hover{
background-image:url("../img/icons/history_invert.svg");
}

.archive-button{
background-image:url("../img/icons/lock.svg");
}
.unarchive-button{
background-image:url("../img/icons/lock_open.svg");
}
.uncomplete-button{
    background-image:url("../img/icons/undo.svg");
}

.insert-row-button{
background-image:url("../img/icons/insert_row.svg");
}
.section-add-button{
background-image:url("../img/icons/add_section.svg");
}
.check-button{
background-image:url("../img/icons/check.svg");
}
.undo-button{
background-image:url("../img/icons/undo.svg");
}
.up-arrow-button{
    background-image:url("../img/icons/arrow-up-a.svg");
}
.down-arrow-button{
    background-image:url("../img/icons/arrow-down-a.svg");
}
.right-arrow-button{
    background-image:url("../img/icons/arrow-right-a.svg");
}
.left-arrow-button{
    background-image:url("../img/icons/arrow-left-a.svg");
}
.plus-button{
    background-image:url("../img/icons/plus-round.svg");
}
.minus-button{
    background-image:url("../img/icons/minus-round.svg");
}
.save-button{
    background-image:url("../img/icons/save.svg");
}
.trash-button{
    background-image:url("../img/icons/trash.svg");
}

.eraser-button{
background-image:url("../img/icons/eraser.svg");
}

/*Other buttons*/
.expand-button,.expandnode{
background-image:url("../img/icons/expand.svg");
}
.collapse-button,.collapsenode{
background-image:url("../img/icons/collapse.svg");
}

.choose-button{
padding: 10px 10px 10px 10px;
}

.buttonClearFiltersField button{
background-image:url("../img/icons/clearfilter.svg");
background-color: transparent;
box-shadow: none;
}
.buttonClearFiltersField button:hover{
color:#C0371A;
}

.helplink{
background-image:url("../img/icons/helplink.svg");
}

.reviewexclaim{
    background-image:url("../img/icons/exclamation.svg");
    vertical-align: middle;
    background-size: auto;
}

/*Specific buttons*/
.mappingcontainer .expandnode{
    background-image:url("data:image/svg+xml, %3Csvg%20version%3D%221.0%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23006891%22%20points%3D%228.807%2C1%207.193%2C1%207.193%2C7.193%201%2C7.193%201.002%2C8.807%207.193%2C8.807%207.193%2C15%208.807%2C15%208.807%2C8.807%20%0A%0915%2C8.807%2015%2C7.193%208.805%2C7.193%20%22%2F%3E%0A%3C%2Fsvg%3E") !important;
    background-color: #FFF;
}
.mappingcontainer .collapsenode{
    background-image:url("data:image/svg+xml, %3Csvg%20version%3D%221.0%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23006891%22%20points%3D%227.193%2C8.807%208.807%2C8.807%2015%2C8.807%2015%2C7.193%208.805%2C7.193%207.193%2C7.193%201%2C7.193%201.002%2C8.807%20%22%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
    background-color: #FFF;
}


button.multi-drop-button{
    background:none !important;
 background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23000000%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Crect%20x%3D%225.27%22%20y%3D%223.49%22%20width%3D%229.73%22%20height%3D%221.273%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Crect%20x%3D%225.27%22%20y%3D%227.364%22%20width%3D%229.73%22%20height%3D%221.272%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Crect%20x%3D%225.27%22%20y%3D%2211.237%22%20width%3D%229.73%22%20height%3D%221.273%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Ccircle%20cx%3D%222.114%22%20cy%3D%224.126%22%20r%3D%221.114%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Ccircle%20cx%3D%222.114%22%20cy%3D%228%22%20r%3D%221.114%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Ccircle%20cx%3D%222.114%22%20cy%3D%2211.874%22%20r%3D%221.113%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E") !important;;
 background-position: center !important;
 background-size: auto 100% !important;
 background-repeat: no-repeat !important;
overflow: visible;
    box-shadow: none;
 height: 15px !important;
 width: 15px !important;
 background-color: transparent !important;
 border:none;
 position:relative;
 top:-5px;
 margin-right: 5px;
}


button.multi-drop-button-open{
    background: none !important;
 background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22orange%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Crect%20x%3D%225.27%22%20y%3D%223.49%22%20width%3D%229.73%22%20height%3D%221.273%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Crect%20x%3D%225.27%22%20y%3D%227.364%22%20width%3D%229.73%22%20height%3D%221.272%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Crect%20x%3D%225.27%22%20y%3D%2211.237%22%20width%3D%229.73%22%20height%3D%221.273%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Ccircle%20cx%3D%222.114%22%20cy%3D%224.126%22%20r%3D%221.114%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Ccircle%20cx%3D%222.114%22%20cy%3D%228%22%20r%3D%221.114%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Ccircle%20cx%3D%222.114%22%20cy%3D%2211.874%22%20r%3D%221.113%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") !important;
 background-position: center !important;
 background-size: auto 100% !important;
 background-repeat: no-repeat !important;
overflow: visible;
    box-shadow: none;
 height: 15px !important;
 width: 15px !important;
 background-color: transparent !important;
 border:none;
 position:relative;
}
button.multi-drop-clr-btn{
    background: none !important;
 background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2216px%22%20height%3D%2216px%22%20fill%3D%22red%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20points%3D%2213.951%2C3.698%2012.303%2C2.049%208.001%2C6.351%203.699%2C2.048%202.049%2C3.698%206.351%2C8%202.049%2C12.303%203.699%2C13.951%208%2C9.65%20%0A%0912.301%2C13.951%2013.951%2C12.301%209.65%2C8%20%22%2F%3E%0A%3C%2Fsvg%3E") !important;
 background-position: center !important;
 background-size: auto 100% !important;
 background-repeat: no-repeat !important;
overflow: visible;
    box-shadow: none;
 height: 15px !important;
 width: 15px !important;
 background-color: transparent !important;
 border:none;
 position:relative;
 top:-5px;
}

i.jstree-icon.jstree-themeicon{
	background-image:url("../img/icons/folder.svg");
	background-size: 20px 20px;
	background-position: 0px 0px !important;
	padding-right: 5px;
	height: 24px !important;
	width: 24px !important;
}

.jstree-open >.jstree-anchor > i.jstree-icon.jstree-themeicon{
	background-image:url("../img/icons/folderopen.svg");
	background-size: 24px 24px;
	background-position: 0px 0px !important;
	padding-right: 5px;
	height: 24px !important;
	width: 24px !important;
}
li.jstree-open > i.jstree-icon.jstree-ocl {
    background-position: 7px 0px !important;
	background-image: url("../img/icons/tree_open.svg");
    background-size: 24px 24px;
    padding-right: 10px;
}
li.jstree-closed > i.jstree-icon.jstree-ocl {
    background-position: 12px 0px !important;
	background-image: url("../img/icons/tree_closed.svg");
    background-size: 24px 24px;
    padding-right: 10px;
}


.multi-drop-button:hover{
    opacity : .4;
    background-color: transparent;
}

.ajaxloader {
    background-image: url('../img/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    padding-left: 16px;
}