/**************AdminHome.aspx***************/

#AdminWindow {text-align:center; margin-left:auto; margin-right:auto; vertical-align:middle;width:750px;height:auto;background:#fff;border:0px solid #111111;}

#AdminWindowHeader {font-family:Arial; font-size:12pt; font-weight:bold; text-align:left;vertical-align:middle; padding: 2px 5px 8px 5px; background:#fff;color:#666;height:25px;}
#AdminWindowHeaderIcon {width:25px;font-size:18px;height:22px;float:left; padding-top:3px;}
#AdminWindowHeaderTitle { padding-top:20px; line-height:6px;}

#AdminHomeTabs { margin: 4px auto 4px auto; text-align:right; border: solid 0px #dcdcdc;}
.adminTabPageContainer {overflow:auto;}
#AdminHomeTabs li {display:inline; list-style-type: none; height:25px;}
.MenuTabNormal { height: 25px; width:120px; padding: 2px 4px 2px 4px; text-align:left; border: solid 0px #f0f0f0; }
.MenuTabNormal a {font-family:Verdana , sans-serif; font-size: 12px; font-weight:bold; color:#556677; text-decoration:none;}
.MenuTabNormal a:hover { font-family:Verdana , sans-serif; font-size: 12px; font-weight:bold; color:#223344; text-decoration:none;}
.MenuTabSelected { background-color: #DCDCDC; color:#336699; height: 25px; width:120px;padding: 2px 4px 2px 4px; border:solid 1px #808080;  }
.MenuTabSelected a { font-family:Verdana , sans-serif; font-size: 12px; font-weight:bold; color:#336699; text-decoration:none;}

/*#AdminHomePages { padding-top: 7px; padding-bottom:10px;}*/
.IconButtonContainer {width:100%;float:left;height:220px;}
.IconButton {width: 102px; height:80px; float:left; cursor:hand; text-align:center; margin: 6px 2px 12px 2px; padding-top: 1px; padding-left:1px; padding-bottom:1px; padding-right:1px; background-repeat:no-repeat; text-decoration:none; }
.IconButton:visited {color: #666;}
.IconButton img { position:relative; left:-1px; top: 3px; padding-bottom: 4px; border: 0px;}
.IconButton span {position:relative; top:2px; bottom:2px; height: 30px; vertical-align:middle; margin-left:4px; margin-right:4px;}
.IconButton:hover { padding-top: 1px; padding-left: 0px; padding-bottom: 1px; padding-right:2px;}
.IconButtonDisabled { width: 102px; height:80px; float:left; cursor:pointer; text-align:center; margin: 6px 2px 12px 2px; padding-top: 1px; padding-left:1px; padding-bottom:1px; padding-right:1px; background-repeat:no-repeat; }
.IconButtonDisabled img {position:relative; left:-1px;  top: 10px; padding-bottom: 4px; border: 0px;}
.IconButtonDisabled span {position:relative; top:2px; bottom: 2px; height: 30px; vertical-align:middle;margin-left:4px; margin-right:4px;}
.IconButtonDisabled:hover { padding-top: 1px; padding-left: 0px; padding-bottom: 1px; padding-right:2px; }

.IconSections { width:100%; }
.IconSectionCaption {border: outset 0px; text-align:left; font-weight:bold; color: #666; height:20px; padding-left:5px;}
.IconSectionBody {}


.AdminBtn {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    font-size: 13px;
    border-radius: 2px;
}

.AdminBtn-primary {
    color: #fff;
    background-color: #4C717E;
    border: solid 1px #4C717E;
}

.AdminBtn-secondary {
    border: solid 1px #868686;
    color: #868686;
    background-color: #fff;
    cursor: pointer;
}

.AdminHeaderRightSection {
    float: right;
}

.AdminHeaderLeftSection {
    float: left;
}

.AdminInput {
    height: 25px;
    vertical-align: middle;
    border: solid 1px #d8d8d8;
    padding: 1px;
}
    .AdminInput:focus {
        border: solid 2px #4c717e;
        border-radius: 2px;
        padding: 0;
    }

.EmbeddedSearchButton {
    display: inline-block;
    width: 20px;
    height: 25px;
    position: relative;
    left: -26px;
    font-size: 15px;
    text-align: center;
    color: #6b6b6b;
}

#moreMenu {
    width: 142px;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.29);
    border: solid 1px #d8d8d8;
}

    #moreMenu a {
        display: inline-block;
        padding: 7px 12px;
        width: 118px;
        color: #7e7e7e;
    }

        #moreMenu a:hover {
            background-color: red;
            text-decoration: underline;
            background-color: #e5e5e5;
        }


/**************Section Styles***************/

.icon-asterix {background:url(images/wizard.png) right no-repeat;height:18px; height:18px;float:left}

.DataFormSection {width:100%;background:transparent}
.DataFormSectionHeader {margin:0px 0px 1px 0px;width:100%;}

.DataFormSectionHeaderToggle {cursor:pointer; width:20px; height:27px; border:0px; text-decoration:none;background:transparent;margin-left:4px;}
.DataFormSectionHeaderToggDataFormSectionInnerContentle:visited {cursor:pointer; width:16px; height:16px; border:0px; text-decoration:none;background:transparent;}
.DataFormSectionHeaderToggle:hover {cursor:pointer; width:16px; height:16px; border:0px; text-decoration:none;background:transparent;}
.DataFormSectionHeaderToggle:active {cursor:pointer; width:16px; height:16px; border:0px; text-decoration:none;background:transparent;}

.DataFormSectionHeaderCaption {}
.DataFormSectionHeaderCaption span {float:left;}
.DataFormSectionHeaderCaption a {float:left}
.DataFormSectionHeaderAux {width: 18px; padding-right:0px;}
.DataFormSectionCollapseButton {}

.DataFormSectionRow { margin-bottom:5px; padding:0px;border:0px; vertical-align:top; text-align:left;clear:both; overflow:visible; height:auto; display:inline-block;width:100%;}
.DataFormSectionContent {width:100%;text-align:center;padding:0px 0px 0px 0px;background:transparent;border:0px solid red}

/* -----------------------------Admin Master Right Side Panel------------------------------ 
.module {margin-bottom:2px;width:98%;float:left;}*/
/*.modulewrap {background:#555555;}
.modulebodywrap {margin:0 3px;background:#2c2c2c;float:left;}

.modulebody {background:#2c2c2c;min-height:100%;padding:3px;height:100%;max-height:487px;overflow:auto;margin:0;color:#cccccc;}
.moduleheaderwrap {width:100%;height:auto;}
.moduleheader {margin-left:6px;height:13px;width:90%;float:left;}
.modulemin {width:15px;height:15px;float:left;background:url(images/arrow_down.gif) no-repeat top right;}

.modulebody ul {list-style-position:outside;padding:0px 0px 5px 0px;margin:0px 0px 0px 0px;list-style:none;}
.modulebody ul li a {color:#999999;display:block;margin:0 0 0 10px;font-size:10px}
.modulebody ul li a:hover{color:#2c2c2c;background:#cccccc;}
.modulesubheader {margin:0;font-size:10px;background:url(images/min_list.gif) no-repeat left;padding-left:15px;}
.module-header-wrap {width:100%;height:21px; text-align:left;}
.module-header-wrap img {padding-right:10px;float:right; margin-top:5px;}
.module-header {margin-left:6px;height:13px;width:auto;float:left;}

.module-body-wrap {float:left; width:95%; border-top:solid 1px #cccccc; padding:5px;}
.module-body {background:#000000;min-height:100%;padding:0px;height:100%;max-height:487px;overflow:auto;margin:0;color:#cccccc;vertical-align:top;text-align:left;}
.module-sub-header {}
.module-sub-body {padding-left:15px;}*/

/***********************************************
 * Box
 ***********************************************/
/*.module .hd,
.module .rc-tp, .module .rc-tp span,
.module .rc-bt, .module .rc-bt span {
    background: url(images/admin_module_bg.png) no-repeat;
}
.module .rc-tp, .module .rc-bt {
    position: relative; 
    display: block;
    height: 4px;
}
.module .rc-tp span, .module .rc-bt span {
    float: right;
    width: 4px;
    height: 4px;
}
.module .rc-tp {
    margin-bottom: -4px;
    background-position: -3px 0;
}
.module .rc-bt {
    margin-top: -4px;
    background-position: -3px -3px;
}
.module .rc-bt span {
    background-position: 0 -3px;
}

.module {
    position: relative;  
    
    margin-bottom:2px;width:98%;float:left;
}

.module .hd {
    height: 21px; 
    border: 1px solid #cccccc;
    border-bottom: none;
    background-color: transparent;
    background-position: 0 -7px;
    background-repeat: repeat-x;
}
.module .hd h3 {
    font-size: 12px;
    line-height: 21px; 
    color: #404040;
    padding-left: 10px;
    float:left;
}
.module .hd span {
    font-size: 12px;
    line-height: 21px; 
    color: #404040;
    padding-left: 10px;
    float:left;
}
.module .hd img 
{   
    margin-top:5px;
    line-height: 21px;
    vertical-align:middle;
    float:right;
}

.module .bd {
    padding: 10px;
    background-color: Transparent;
}

.module .ft .act {
    position: absolute;
    top: 1px;
    right: 1px;
    line-height: 21px;
    padding-right: 5px;
}
.module .ft .act li {
    float: left;
    padding-left: 10px;
}
.module .ft .act li a {
    color: #404040;
} 

.adminHdWrap{text-align:left;padding:10px;}
.adminBdWrap{padding:5px;}
.adminGridWrap{vertical-align:top; margin:3px;height:400px;color:#999999;}
.adminGridTopPanel{padding:3px 5px;position:relative; text-align:left;}*/

/*******************************************************************************************/
/* -------------------------------Grid and Pagination------------------------------------- */
/*******************************************************************************************/
.adminGrid {border:1px solid #ccc;margin:auto;width:100%;line-height:14px;color:#222}
.adminGrid tr td {border:1px solid #ccc}
.adminGrid th {padding-left:3px;border:1px solid #ccc}
.adminGridHeader  {padding:2px;background:#eee;line-height:22px;height:22px;color:#222;}
.adminGridHeader a {padding:3px;line-height:14px;color:#222}
.adminGrid a {color:#222}
.adminGridEvenRow td, .adminGridOddRow td {background:#f9f9f9;text-align:left;height:25px;max-height:25px;border:1px solid #ccc !Important;line-height:14px;padding-left:3px;}
.adminGridOddRow:hover, .adminGridEvenRow:hover {}/*templated*/

.adminGridAutoLayout {width:100% !Important}

.detailgrid {color:#333;}

/*********************** Pagination Exists in Darkweb ****************/

/*********************** Admin Grid Style *********************************


  .adminGrid {padding:3px;width:100%;margin:5px 0 5px 0;border:1px solid #fff;border-left:1px solid #ddd;}
  .adminGrid tr {}
  .adminGrid th {padding-left:3px;}
  .adminGridHeader {padding:3px;color:#666;border-left:1px solid #ddd;border-right:1px solid #fff}
  .adminGridHeader a {padding:3px;color:#666}
  .adminGridOddRow td, .adminGridEvenRow td {background:#eee;height:30px;line-height:30px;text-align:left;padding-left:3px;border-right:1px solid #fff}
  .adminGridEvenRow, .admingridOddRow {border-bottom:1px solid #fff;}
  .adminGridHeader th {border-left:1px solid #ddd;}
  */
  
  
.GridPager {background:#fff;border:0px solid #2b2b2b}
.GridColEllipsis
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.current {border:0px;}
.pagination {border:0px;}
/*********************** End Admin Grid Style ******************************/

.adminCheckBoxListContainer{padding:5px;overflow:auto;}
.adminpicklist {border:1px solid #ccc;background:#fff;color:#666;}


.AdminCluster {padding:0px;margin:0px;width:100%;border:0px solid red;width:auto !important}
.AdminClusterHeader{height:25px;line-height:25px;margin:5px 3px 0 3px;}
.AdminClusterHeaderCaption a, .AdminClusterHeaderCaption {margin-left:3px;float:left;font:bold 14px/25px Arial;letter-spacing:-.02pt;color:#888;padding:0 14px 0 9px;}

.AdminToolBarPanel { text-align:left; vertical-align:middle; margin-top:5px;}

.AdminClusterBodyOuter {margin:0px; padding:0px; background:transparent;overflow:auto;width:auto;bottom:100px;}
.AdminClusterBody {margin:0px;border-style:solid;border-width:0px;padding:1px;}

.AdminTreeViewContainer {height:375px; overflow:auto; width:100%; border:solid 1px #ccc; margin-top:5px;}
.AdminTreeViewBackGroundCell {width:30%; background-color: #fff; padding-left:1px;}
.AdminTreeViewNodeStyle { font-family:Arial; font-size:8pt; color:#666;}
.AdminTreeViewRootNodeStyle {font-weight:bold;}
.AdminTreeViewHoverNodeStyle { color:Olive;}
.AdminTreeViewSelectedNodeStyle { font-weight:bold; color:#000;background:#eee;padding:0 4px 0 0px;}
.AdminTreeViewParentNodeStyle { font-weight:bold;}
.AdminPadTop {padding:15px 0 0 0 !important;}
.AdminPadBot { padding:0 0 15px 0 !important;}
.AdminElementPad {margin-top:10px;margin-left:7px;margin-right:7px;margin-bottom:5px;}
.AdminElementPadTxt {margin-top:12px;margin-left:7px;margin-right:7px;margin-bottom:5px;}
/*.admintreenode {color:#cccccc;}
.admintreerootnode {color:#cccccc;}
.admintreehovernode {color:#2c2c2c;background:#cccccc;}
.admintreeparentnode {color:#cccccc;}
.admintreeselected {color:#2c2c2c;background:#cccccc;}*/

/*********************** admin button **********************************/

.rl-button {font: bold 12px/18px Arial;height:18px;outline: 0;padding: 0 4px 0 4px; text-decoration:none !important; cursor:pointer; /*position: relative;*/ text-align: center;font-weight:bold;border-left:1px dotted #ccc; }
.rl-buttonDisabled {font: 12px/18px Arial;height:18px;outline: 0;padding: 0 4px 0 4px; color:#ccc !important; text-decoration:none !important;  /*position: relative;*/ text-align: center;border-left:1px dotted #ccc;font-weight:bold; }
.rl-button:hover {text-decoration:underline;}

/*.rl-button .ui-icon {position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.rl-button { float:left; color:White; }
a.rl-right-button {float:right;}

.rl-button-icon-left { padding-left: 2.1em; }
.rl-button-icon-right { padding-right: 2.1em; }
.rl-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.rl-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.rl-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
/*	
.rl-buttonset { float:left; }
a.rl-buttonset {color:White;}
.rl-buttonset .rl-button { float: left; }
.rl-buttonset-single .rl-button, 
.rl-buttonset-multi .rl-button { margin-right: -1px;}

.rl-toolbar { padding: .5em; margin: 0; border:solid 1px #444444; }
.rl-toolbar .rl-buttonset { margin-right:1.5em; padding-left: 1px; }
.rl-toolbar .rl-button { font-size: 1em;  }

.rl-titlebar {padding: .5em; margin: 0; border:solid 1px #000000;}
*/
        .leftimage, .rightimage
        {
            cursor: pointer;
            padding-left: 1px;
            vertical-align: middle;
        }
        .topimage, .bottomimage
        {
            cursor: pointer;
            padding-left: 1px;
            display: none;
            visibility: hidden;
            vertical-align: middle;
        }

/*--------------------------------------------------
				toc widget styles
  --------------------------------------------------*/
  .module-body {background:#fff;}
  .module-body ul
{	
	text-align: left;
	list-style-type:none;

}

	.module-body ul li
{

}

	.module-body ul li a
{

	font-family:Arial;
	margin-top: 1px;
	border:1px solid transparent;
	border-bottom:1px solid #ddd;
	color: #666;
	display:block;
}

	.module-body ul li a:hover
{
	background:#eee;
	border:1px solid #ddd;
	color:#666;
}
/*--------------------------------------------------
				synopsis widget styles
  --------------------------------------------------
.SynopsisWidget
{
	width: 100%;
	height: auto;
}

.SynopsisGridRow
{
	text-align: left;
}

.SynopsisFieldName
{
	width:45%;
	text-overflow: ellipsis;
}

.SynopsisFieldValue
{
	width:55%;
	text-overflow: ellipsis;
}
*/

/***************
Designer Tree
***************/

.sectionLayoutContainer,
.clusterLayoutContainer,
.elementLayoutContainer, .nodeCaptionTable {padding-left:30px;}

.GridParamName
{
	width: 300px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 300px;
}

/***************
New Admin Grid
***************/
@font-face {
    font-family: 'Open Sans';
    font-weight: normal;
    src: url(../../Styles/fonts/Regular/OpenSans-Regular.svg);
    src: url(../../Styles/fonts/Regular/OpenSans-Regular.woff) format('woff'), url(../../Styles/fonts/Regular/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-weight: bold;
    src: url(../../Styles/fonts/Bold/OpenSans-Bold.svg);
    src: url(../../Styles/fonts/Bold/OpenSans-Bold.woff) format('woff'), url(../../Styles/fonts/Bold/OpenSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url(../../Styles/fonts/Semibold/OpenSans-Semibold.svg);
    src: url(../../Styles/fonts/Semibold/OpenSans-Semibold.woff) format('woff'), url(../../Styles/fonts/Semibold/OpenSans-Semibold.ttf) format('truetype');
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../../Styles/MaterialIcons-Regular.woff2) format('woff2'),
        url(../../Styles//MaterialIcons-Regular.woff) format('woff'),
        url(../../Styles/MaterialIcons-Regular.ttf) format('truetype'),
        url(../../Styles/MaterialIcons-Regular.svg) format('svg');
}


.newAdminHeader .AdminInput {
    padding-left: 12px;
    line-height: 30px; height: 30px;
}

    .newAdminHeader .AdminInput::-ms-clear{
        display:none;
    }


.newAdminGrid {
    font-family: "Open Sans";
    height: calc(100% - 50px);
    border: none !important;
}
.newAdminGrid * { box-sizing: border-box; }
.newAdminGrid #container {
    overflow: hidden !important;
    height: 100% !important;
}
.newAdminGrid #container > div { height: 100%; }
.newAdminGrid #container > div > div:not(.pagination) { height: calc(100% - 40px); overflow-y: auto; overflow-x: hidden; }
.newAdminGrid #container > div > .pagination { height: 30px; margin-top: 10px; padding: 0px; }

.newAdminGrid tr {
    height: 36px; line-height: 36px;
    padding: 0px;
}
    .newAdminGrid th,
    .newAdminGrid td {
        border: 1px solid #b0d9d5 !important;
        padding-left: 8px;
        height: 36px;
        line-height: 36px;
    }

.newAdminGrid th:first-child,
.newAdminGrid td:first-child { 
    padding-left: 0px;
    width: 36px !important;
    max-width: 80px !important;
    text-align: center;
}
.newAdminGrid .adminGridHeader { overflow: hidden; }
.newAdminGrid .adminGridHeader th,
.newAdminGrid .adminGridEvenRow td { background: #fff; }
.newAdminGrid .adminGridOddRow td { background: #f3f9f9 }
.newAdminGrid .adminGridEvenRow.rowSelected td { background: #ffffef; }
.newAdminGrid .adminGridOddRow.rowSelected td { background: #ffffe4 }
.newAdminGrid tr.rowSelected {
    border-top: 2px solid #4c717e;
    border-bottom: 2px solid #4c717e;
}
.newAdminGrid tr.rowSelected td:first-child {
    border-left: 2px solid #4c717e;
}
.newAdminGrid tr.rowSelected td:last-child{
    border-right: 2px solid #4c717e;
}
.newAdminGrid tr:nth-child(2).rowSelected {
    border-top: 2px solid #4c717e;
}

    .newAdminGrid .adminGridHeader a {
        padding: 0px;
        height: 36px;
        line-height: 36px;
    }
.newAdminGrid .adminGrid input[type=checkbox] { display: none; }
.newAdminGrid .adminGrid input[type=checkbox] + label {
    display: block;
    height: 36px; line-height: 36px;
}
    .newAdminGrid .adminGrid input[type=checkbox] + label:before {
        font-family: "Material Icons";
        content: "check_box_outline_blank";
        color: #868686;
        cursor: pointer;
        font-size: 20px;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: 'liga';
    }
.newAdminGrid .adminGrid input[type=checkbox]:checked + label:before {
    content: "check_box";
    color: #e34c00;
}
.newAdminGrid div.pagination {
    box-sizing: initial;
}
.newAdminGrid div.pagination .NumericButton {
    background: #eeeeee;
    border: #e0e0e0;
    color: #000;
 }
.newAdminGrid div.pagination .aspNetDisabled.NumericButton {
    background: #4c717e;
    border: #4c717e;
    color: #fff;
}
.newAdminGrid tr[display="none"] { display: none; }
.newAdminGrid a { color: #333; }

.newAdminGrid.fileMissing th:first-child, .newAdminGrid.fileMissing td:first-child { width: 100px !important;}

.newAdminGrid.fileMissing .adminGridEvenRow td,
.newAdminGrid.fileMissing .adminGridOddRow td { padding: 8px; }

.newAdminGrid.fileMissing th, .newAdminGrid.fileMissing td { line-height: 14px; }

    .newAdminGrid .adminGridHeader th {
        position: relative;
        background-clip: padding-box;
    }

    .newAdminGrid .adminGridHeader th.GridSortedHeaderAsc a:before,
    .newAdminGrid .adminGridHeader th.GridSortedHeaderAsc a:after,
    .newAdminGrid .adminGridHeader th.GridSortedHeaderDesc a:after,
    .newAdminGrid .adminGridHeader th.GridSortedHeaderDesc a:before {
        display: inline-block;
        font-family: 'Material Icons';
        content: "arrow_drop_down";
        color: #e0e0e0;
        position: absolute;
        z-index: 10;
        right: -2px;
        font-size: 20px;
        padding: 0;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: 'liga';
        width: 25px;
        height: 20px;
    }

    .newAdminGrid .adminGridHeader th.GridSortedHeaderAsc a:before,
    .newAdminGrid .adminGridHeader th.GridSortedHeaderDesc a:before {
        top: 6px;
    }

    .newAdminGrid .adminGridHeader th.GridSortedHeaderAsc a:after,
    .newAdminGrid .adminGridHeader th.GridSortedHeaderDesc a:after {
        top: -6px;
        content: "arrow_drop_up";
    }

    .newAdminGrid .adminGridHeader th.GridSortedHeaderAsc a:after,
    .newAdminGrid .adminGridHeader th.GridSortedHeaderDesc a:before {
        color: #e34c00;
    }

#General {
    height: 98%;
}