/*!
* Copyright (c) 2019 or the year of first publication, if earlier, HighQ Solutions Limited or its licensors
*/
.adminContainer {min-height:434px;}
.templateheader{border-bottom:1px solid #d9d9d9;padding:15px 0 10px; margin:0 auto; max-width:1370px; }
.headFixed.show .headFixedInner .templateheader {padding:15px 0px 10px 0px;}

/*x-editable CSS default overwrite*/
.editable-click, a.editable-click, a.editable-click:hover{font-size:18px; line-height:22px;border-bottom:0 none;margin-top:4px;display:inline-block;}
.editable:after {color:#b5b5b5; font-family: "highq50"; content: "\e0dd"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; font-style: normal; display: inline-block; width:18px; height:18px; margin: 2px 0 0 10px; vertical-align: -2px;}
.editable-input input{font-size: 18px;line-height: 22px;color: #2f2f2f;}
.editable-unsaved, .editable-empty, .editable-empty:hover, .editable-empty:focus {color:#2f2f2f; font-weight:normal; font-style: normal;}
.editable-submit{padding:5px 8px; background:#FFFFFF; border:1px solid #FFFFFF; color:#85C441;}
.editable-cancel{background:#f5f5f5; border:1px solid #cccccc; color:#2f2f2f;padding:5px 8px; margin-left: 7px;}
.editable-submit .icon-tick,.editable-cancel .icon-cross{font-size:16px;padding: 0;}
.editable-clear-x{  margin-top: -9px;color:#999898; cursor: pointer;}
.editable-clear-x:after {font-family: "highq50"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e032";}
/*end of x-editable CSS default overwrite*/

.titleouter {margin:0 280px 0 0; word-break: break-word; }
.titleouter .editable-input {width:375px;}

.gethtmlcode{min-width:112px;}
.gethtmlcode li a.icon{font-size:28px;line-height:30px;}
.gethtmlcode li a.icon:hover{color:#000000;}

.componentprop{display:none;}
.componentprop .input-group #autoSuggestBox .tokenfield.form-control{ overflow: visible;} 

/*filter Drag and drop section*/
.filterdragheading{margin-bottom:0; padding:10px 10px 10px 25px;  }
.filterdragheading li{display: inline-block;font-weight: 700;}

.filterdrag li{background: #f5f5f5;  margin:4px 0;padding:5px;border-radius:4px; border:1px solid #e4e4e4;position: relative;}
.filterdrag li.placeholder{min-height:46px; height: 46px !important;padding:0; margin: 4px 0;}
.filterdrag li .userinfo{margin:0 25px 0 30px;}
.filterdrag li .useremail{font-size:12px;color:#999;}
.filterdrag li .filtermove,.filterdrag li .icon-cross, .filterdrag li .icon-edit {position:absolute; top:50%; margin-top:-10px;}
.filterdrag li .filtermove{cursor: move; font-size:12px; left:5px; padding: 0 6px;}
.filterdrag li .icon-cross{font-size:14px; color:#cf4d4f; right:5px;  padding: 0 6px;}
.filterdrag li .icon-edit{font-size:14px; right:30px; color:#999999;}
.filterdrag li .img-avatar{margin:4px 10px 0 0;width:34px;height:34px;}
.filterdrag li .img-avatar img{width: 100%;height: 100%;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
/*Set twocolumn view in filter drag and drop*/
.filterdrag.twocolumnfilter{margin-left: -2%;}
.filterdrag.twocolumnfilter li{width:47.64%;display:inline-block; margin-left:2%;}
/*filter Drag and drop section*/

/*filter Drag and drop section for system metadata order*/
.filterdragSysOrder li{background: #f5f5f5;  margin:4px 0;padding:5px;border-radius:4px; border:1px solid #e4e4e4;position: relative;}
.filterdragSysOrder li.placeholder{min-height:46px; height: 46px !important;padding:0; margin: 4px 0;}
.filterdragSysOrder li .userinfo{margin:0 25px 0 30px;}
.filterdragSysOrder li .useremail{font-size:12px;color:#999;}
.filterdragSysOrder li .filtermove,.filterdragSysOrder li .icon-cross, .filterdragSysOrder li .icon-edit {position:absolute; top:50%; margin-top:-10px;}
.filterdragSysOrder li .filtermove{cursor: move; font-size:12px; left:5px; padding: 0 6px;}
.filterdragSysOrder li .icon-cross{font-size:14px; color:#cf4d4f; right:5px;  padding: 0 6px;}
.filterdragSysOrder li .icon-edit{font-size:14px; right:30px; color:#999999;}
.filterdragSysOrder li .img-avatar{margin:4px 10px 0 0;width:34px;height:34px;}
.filterdragSysOrder li .img-avatar img{width: 100%;height: 100%;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
/*Set twocolumn view in filter drag and drop*/
.filterdragSysOrder.twocolumnfilter{margin-left: -2%;}
.filterdragSysOrder.twocolumnfilter li{width:47.64%;display:inline-block; margin-left:2%;}
/*filter Drag and drop section for system metadata order*/

/* Start Temporory fix of CK Dialog */
.tasklistdialog{z-index:5010;background:#fff;border:1px solid #e5e5e5;}

DIV.sitePointDialog .ui-dialog-title {
    color: #0098d4 !important;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: normal;
}
DIV.sitePointDialog .ui-widget-header {
    background-color: transparent;
    background-image: none;
    border: 0 none;
}
.imagelistdialog{z-index:5020;background:#fff;border:1px solid #e3e3e3;}
/*End Temporory fix of CK Dialog*/

/* tree view */
.treeMainDiv, .modalScrollDiv {width:100%; height:100%; overflow: auto !important;}



/*	SYSTEM ADMIN PAGE CSS  */

/*Admin pages and User page*/
.adminLeftBar, .adminLeftBar .LeftInnerData {padding:0px;}
.adminLeftBar ul,.adminLeftBar ul li{ padding:0px; margin:0px;}
.adminLeftBar .LeftInnerData ul li a{display: block; padding-left: 10px; margin: 0px; color:#51545d;}
.adminLeftBar .LeftInnerData ul li a:hover {background: #f5f5f5;}
.adminLeftBar .LeftInnerData > ul > li.active > a,
.adminLeftBar .LeftInnerData > ul > li.active > a:hover,
.adminLeftBar .LeftInnerData > ul > li > a {color: #000; padding-left:30px;}
.adminLeftBar .LeftInnerData > ul > li.active > a.filterbrowseicon,
.adminLeftBar .LeftInnerData > ul > li.active > a:hover.filterbrowseicon,
.adminLeftBar .LeftInnerData > ul > li > a.filterbrowseicon,
.adminLeftBar .LeftInnerData > ul > li > a:hover.filterbrowseicon {padding-left: 10px; background:none;}
.adminLeftBar .LeftInnerData > ul > li > a, 
.adminLeftBar .LeftInnerData > ul > li > a:hover {background:transparent;}
.adminLeftBar .LeftInnerData ul ul li.active > a,
.adminLeftBar .LeftInnerData ul ul li.active > a:hover,
.adminLeftBar .LeftInnerData ul ul li > a.filterbrowseicon + a {color: #000; padding-left:50px;}
.adminLeftBar .LeftInnerData > ul ul li.active > a.filterbrowseicon,
.adminLeftBar .LeftInnerData > ul ul li.active > a:hover.filterbrowseicon,
.adminLeftBar .LeftInnerData > ul ul > li > a.filterbrowseicon,
.adminLeftBar .LeftInnerData > ul ul > li > a:hover.filterbrowseicon {padding-left: 30px; background:none;}
.adminLeftBar .filterbrowseicon .icon {color:#000; z-index:1; position: relative; cursor:pointer}
.adminLeftBar .LeftInnerData ul ul a{padding-left: 50px;}
.adminLeftBar .LeftInnerData ul ul ul a{padding-left: 60px;}
.adminLeftBar .LeftInnerData ul li a.selected {background:#f5f5f5; color: #000;}
/*.adminLeftBar .arrowicon{font-size: 12px; margin-right: 5px;}*/

.pagination td {background-color:  #fff !important; text-align: right;}

.lable-invalid{background: #dc0a0a; font-size: 11px; font-weight:normal;}
.purplecolor{color:#7f3f98;}
.GreenColor{color: #2db200;}
.colorRed{color: #ff0000; text-decoration: none;}
.yellowColor{color: #d9a300;}
.orangeColor{color:#f7941e;}
.firebrickColor{color:#dc3811;}
.lightBlueColor, .lightBlueColor:before{color:#77cbe6;}
.iconInside{ background:#FFF; border-radius: 10px; bottom: -1px; font-size: 12px; line-height: 13px; position: absolute; right: 0;}
.headEdit{color:#939393; position: relative; top: 5px; margin-left: 10px; font-size: 13px;}

/* Add new user page css start */
.CustomMaxMenu {width:100%; max-height:275px; overflow-x:hidden; overflow-y:auto;}
.alert-info.OrgDomainStep .domainTitle {color:#FFFFFF;}
.alert-info.OrgDomainStep {color:#2f2f2f; background: #f3f8fa;}
.OrgDomainStep li {border-left:1px solid #95C1D5; width:33%; float:left; font-size:13px; padding:0 20px; line-height:normal}
.OrgDomainStep li:first-child {border:0 none;}
.OrgDomainStep li .label-number {color:#fff; width:20px; border-radius:50%; height:20px; display:block; font-size:12px; margin:5px auto; line-height:20px; background:#FFFFFF;}
.OrgDomainStep li.Inactive {color:#A7A7A7}
.OrgDomainStep li.Inactive .label-number {background:#A7A7A7;}
.adminContent .form-horizontal .form-group {margin-right: -10px;}
.adminsearchOrg{width: 240px;}

/* dhtmlx grid hover and select color */
div.gridbox_mt table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected,
div.gridbox_dhx_skyblue .odd_dhx_skyblue:hover, div.gridbox_dhx_skyblue .ev_dhx_skyblue:hover, 
.odd_dhx_skyblue:hover, .ev_dhx_skyblue:hover {background-color:#f5f5f5 !important;}
.gridbox td, .gridbox th{word-wrap:normal;}


/*admin Quick search Accordion*/
.usersearchDropdown{width:270px;}
.adminQuicksearchAcc{}
.input-group .adminQuicksearchAcc .searchOrg{border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.adminQuicksearchAcc > li > a{ padding: 6px 10px; color:#404040; display: block; text-decoration: none;}
.adminQuicksearchAcc > li > a .icon{font-size:12px; color:#747474;}
.adminQuicksearchAcc > li > a:hover,.adminQuicksearchAcc > li.active > a{text-decoration: none; background:#f5f5f5;}
.adminQuicksearchAcc .sub-menu{padding: 10px; display: none;}
.userfilters{ max-height:170px; overflow-y:auto; overflow-x:hidden; margin: 0 -10px; padding: 0 10px; }
.accordDrop .browseicon{float: left; text-decoration: none;}
.accordDrop .browseicon .icon{color: #000; font-size: 12px;}
.accordDrop .checkbox{margin: 0px 0px 0px 18px;}
.accordDrop .sub-menu{ padding: 0px; list-style: none; margin-left: 8px;}
.accordDrop ul li{padding:2px 0px;}

.icon.negativeIcon {color:#FFFFFF; font-size:30px; top:2px}
.normalSidebar {border:0 none; margin:0; padding:0;}

/*practicegrouplist*/
.practicegrouplist{border:1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; min-height:250px; max-height:250px; overflow-y:auto; }

.metadatalabels{max-height:200px; overflow-y:auto;}

/*Video,audio icon for vidio & audio Libraries*/
.thumbidentifier{position: absolute; border-radius: 50%; background: #fff; right: -4px; bottom: -4px; width: 25px; height: 25px;}
.thumbidentifier.icon-play:before{font-size: 20px; margin-left: 3px; margin-top: 3px;}
.thumbidentifier.icon-volume-down:before{margin-left: -2px; }
.videoLibThumbView .thumbidentifier.icon-volume-down:before{margin-left: 0px; }
.thumbidentifier.icon-play{color:#2F3092;}
.thumbidentifier.icon-volume-down{color:#E6890F;}

.CTK_autoSuggestBox .twitter-typeahead,.CTK_autoSuggestBox .twitter-typeahead .token-input.tt-input{width:100% !important;}
.metadataTabDivs{ min-height:200px;}

.sidebar ul li a.colorpickico,.colorpickico{padding:1px 7px; display:block;border:1px solid transparent; color:#999898; margin-left: 0;}
.alerterAutoSuggest .tokenfield.form-control{overflow: inherit;}

/*Audit summary*/
.summaryInfoSection{margin:0 0 15px; border-bottom:1px solid #333333; padding-bottom: 15px;}
.summaryInfo .icon-avatar,
.summaryInfo .icon-building-large {font-size:70px;}
.summaryChartArea{min-height:120px;}
.summaryChartArea strong, .summaryChartIconArea strong{font-size:25px; }
.summaryChartIconArea{ margin-top: 30px; min-height: 120px;}
.activityInfo{margin:0 25px;}
.activityInfo li > span:first-child, .accessStatus li > strong{width:75px; font-size: 20px; font-weight:700; margin-right:20px; text-align: right; display: inline-block;}
.accessStatus li > strong{ font-size: 18px; width:50px;  }


/* Form Module Admin section */
.formDragable > li, .formDragableSub > li{background: #f3f3f3; margin:4px 0; padding:0px; border-radius:4px; border:1px solid #e3e3e3; position: relative;}
.formDragable >  li.placeholder{min-height:41px; height: 41px !important;padding:0; margin: 4px 0;}
.formDragable li .userinfo, .formDragableSub li .userinfo{margin:0px 0px 0px 35px; background: #FFF; padding: 3px 15px 3px 8px; border-left:#e3e3e3 solid 1px; border-radius: 0px 3px 3px 0px;}
.formDragableSub li .userinfo.noFormDrag{margin: 0px; border-radius:3px;}
.formDragable li .useremail, .formDragableSub li .useremail{font-size:12px; color:#747474; line-height: 26px;}
.formDragable li .userinfoinner .useremail, .formDragableSub li .userinfoinner .useremail{display: block; line-height: 16px;}
.formDragable li .filtermove,.filterdrag li .icon-cross, .filterdrag li .icon-edit {position:absolute; top:50%; margin-top:-10px;}
.formDragable li .filtermove{cursor: move; font-size:12px; left:5px; padding: 0 6px;}
.formDragable .img-avatar{margin:4px 10px 0 0;width:34px;height:34px;}
.formDragable li .img-avatar img{width: 100%;height: 100%;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}


/* The switch - the box around the slider */
.switch {position: relative; display: inline-block; width: 28px; height: 15px; margin: 5px 0px 0px;}

/* Hide default HTML checkbox */
.switch input {display:none;}


/* The slider */
.switchSlider{position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #949494; -webkit-transition: .4s; transition: .4s;}
.switchSlider:before {position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 1px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .switchSlider{background-color: #005da2;}
input:focus + .switchSlider{box-shadow: 0 0 1px #005da2;}
input:checked + .switchSlider:before {-webkit-transform: translateX(12px);  -ms-transform: translateX(12px);  transform: translateX(12px);}
.formError .formEffect:focus ~ label, .formError .has-content.formEffect ~ label{color: #dc0a0a;}
.formError .formEffect ~ .focus-border{background-color: #dc0a0a;}


/* Rounded sliders */
.switchSlider.round {border-radius: 34px;}
.switchSlider.round:before {border-radius: 50%;}

.fullScreenMode .BrowsePanel{left: -9999px; position: absolute;}
.fullScreenMode .BrowseContent{width: 100% !important;}
.headPageTitle.fixed {margin-top:0px; border-bottom: 1px solid #ddd; position:fixed; z-index: 3; background:#FFF;}


@media (min-width: 768px) and (max-width: 960px) {
	.adminLeftBar {display:none;}
}