@import url('../css/fonts/lato.css');
@import url('../css/fontawesome/css/font-awesome.css');

  /*
  .fancybox-wrap{
    border:2px solid #444444;
    border-radius:5px;
  }*/
.fancybox-skin {
  position: relative;

  background:rgba(20,20,20,0.85);
  background:rgba(230,230,230,0.85);
  background: none;
  border-radius:0px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;

}
/*
.fancybox-close{display:none;}
*/

*{
  margin:0px;padding:0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html{height:100%; }



.nyx h1{
	font-family: 'Lato', sans-serif;
  font-weight:600;
	margin: 0px 0px 10px 0px;
	font-size:12pt;

	color:#413838;
  /*
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#494949;
  */
	/*
  background:url(/system/images/tag.gif) no-repeat;
	background-position:right;
  */

}
.nyx h2{
	font-family: 'Lato', sans-serif;
	margin: 0px 0px 10px 0px;
	font-size:11pt;
	font-weight:normal;
	color:#413838;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#AEACAC;
	text-transform:none;

}
.nyx h3{
	font-family: 'Lato', sans-serif;
	margin: 0px 0px 10px 0px;
	font-size:11pt;
	font-weight:bold;
	color:#413838;
	border-bottom:1px;

	text-transform:none;
}
.nyx p{margin-bottom:15px;}
.nyx h4{	font-family: 'Lato', sans-serif;font-size:10pt;font-weight:bold;color:#7D7D7D;}
.nyx h5{	font-family: 'Lato', sans-serif;margin: 0px 0px 10px 0px;font-size:10px;padding:3px;color:#7D7D7D; border:1px;border-style:solid;  border-color:#494949;}

.admin_table#td,body#nyx{
		font-family: 'Lato', sans-serif;
	font-size: 12px;
}

.nyx hr	{ color: #cccccc; background-color: #cccccc; height: 1px; border: 0; margin-bottom:15px;}

.popbody {
	font-family: 'Lato', sans-serif;
	font-size: 12px;
  background:#ffffff;
  background:none;
  display:block;
}
/*
.popbody a,.popbody td a{
	color:#000000;
	text-decoration:underline;
}
*/
.popbody a:hover,td a:hover{
	color:#7D7D7D;
	text-decoration:underline;
}

.popbody p,.popbody td {
	color:#494949;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	background-color:inherit;
}

.hint_text a{
	color:#494949;
	text-decoration:none;
}

.info_border{
  padding:3px;
  border: 1px dashed #e0e0e0;
}
.admin_border{
  padding:5px;
  margin:0px;
  margin-bottom:15px;
  border: 1px dashed #e0e0e0;
  clear:both;
}

.admin_border_hover{
  padding:3px;
  border: 1px dashed #C5922D;
}

.text_button{
	background-color:#F5F5F5;
	color:#ffffff;
	border:1px;
	border-style:dashed;
	border-color:#7D7D7D;

	font-size:11px;
	padding-left:5px;
	padding-right:5px;
	height:19px;
	cursor:pointer;
}

.help_button{
	background-color: #22A72D;
	font-family: 'Lato', sans-serif;
	border-top:1px solid #52E55F;
	border-left:1px solid #52E55F;
	border-right:1px solid #055C0C;
	border-bottom:1px solid #055C0C;
	font-size: 9px;
	padding:2px;
	color: #ffffff;
	padding:1px;
	cursor:pointer;
	height:15px;
}

.help_button a{
	color: #ffffff;
}

.help_popup{
	position:absolute;
	background-color:#E5E6EC;
	color:#000000;
	border:1px;border-style:solid;  border-color:#7F7C73;
	display:none;
	overflow:auto;
}

.context_button{
	background-color:#E5E6EC;
	color:#134E19;
	width:140px;
	border:1px;border-style:solid;  border-color:#7F7C73;
	font-size:11px;
	padding-top:2px;
	margin-top:3px;
	height:14px;
}

.context_button a{
  color:#134E19;
}

.context_button a:hover{
  width:138px;
	color:#ffffff;
	background-color:#494949;
	border:1px;border-style:solid;
	border-color:#7D7D7D;
	font-size:11px;
	height:14px;
}

.text_button_input{
	background-color:#E5E6EC;
	color:#ffffff;
	border:1px;border-style:solid;  border-color:#413838;
	font-size:11px;
	padding-left:2px;
	height:19px;
	cursor:pointer;
}

.text_button:hover{
	color:#ffffff;
	background-color:#494949;
	border:1px;border-style:solid;
	border-color:#7D7D7D;
	font-size:11px;
	padding:1px;
}

.context_menu_heading{
  padding-left:5px;
  margin-bottom:5px;
  font-weight:bold;
  color:#134E19;
  border-bottom:1px;
  border-bottom-style:solid;
  border-bottom-color:#134E19;
}

.nyx_info{
  padding:10px;
  border: 1px solid #7D7D7D;
  background-color: #F9F9F9;
  margin:15px;
}

.nyx_button{
	background-color: #F9F9F9;
	font-family: 'Lato', sans-serif;
	border: 1px dashed #7D7D7D;
	font-size: 11px;
  display:inline-block;
	padding:2px;
	padding-left:18px;
	padding-right:10px;
	margin-bottom:0px;
	color: #000000;
	background-repeat:no-repeat;
	font-weight:normal;
  text-decoration:none;
	cursor:pointer;
}

.error{
	background-color: #E5E6EC;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	border: #D3CFD8 1px solid;
	font-size: 12px;
	color: #ff0000;
}
/*
.table_row_odd{
	background-color: #DEDEDE;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	color: #000000;
	cursor:pointer;
}

.table_row_even{
	background-color: #E9e9e9;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	color: #000000;
	cursor: pointer;
}
*/
.adminCell{
	background-color:#E5E6EC;
}

.popupmenu{
  display:none;
  position:absolute;
}

.nyx_frame_table {
	background-color: #ffffff;
	border: 1px #413838 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

.nyx_frame_table td {
	padding: 4px 8px 4px 8px;
	color: #134E19;
}


.admin_table td{
	/*background-color:#E2E3EA;*/
}

.nyx_table {
	background-color:#E2E3EA;
}
.nyx_table td {
	padding: 4px 8px 4px 8px;
	border-bottom: 1px solid #7F7C73;
	color: #134E19;
	background-color:#E2E3EA;
}
.nyx_table tr {
	padding: 2px 0px 2px 0px;
}
.nyx_table th {
	padding: 4px 8px 4px 8px;
	font-family: 'Lato', sans-serif;
	font-size:10pt;
	color: #ffffff;
	background-color:#666666;
	font-weight:bold;
	text-align:left;
	border-bottom: 1px solid #494949;
}

.nyx_table_odd,.nyx_table_odd td {
	background-color:#F3F4F7;
	color:#494949;
}

.nyx_table_sel,.nyx_table_sel td {
	background-color:#ffffff;
}

.nyx_table_unsel,.nyx_table_unsel td {

}
tr .nyx_table_odd:hover,
.nyx_table_even:hover{
	background-color:#ffffff;
}


.nyx_input{
	background-color: #F9F9F9;
	border: 1px #413838 dashed;
}

.nyx_select{
  width:100%;
  height:30px;
  margin-bottom:15px;
	background-color: #F9F9F9;
	border: 1px #413838 dashed;
}

  /*.sysIcon{padding-left:17px;background:url(/system/images/icons/edit.gif) left center no-repeat;}*/
  .sysIcon::before {
    display: inline-block;
    margin-right: .5em;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
  }
/*.
  .iconHeading{background-image: url(/system/images/icons/heading.gif);}
  .iconEdit{background-image: url(/system/images/icons/edit.gif);}
  .iconDelete{background-image: url(/system/images/icons/delete.gif);}
  .iconLink{background-image: url(/system/images/icons/link.gif);}
  .iconRollback{background-image: url(/system/images/icons/rollback.gif);}
  iconImage{background-image: url(/system/images/icons/image.gif);}
  .iconOptions{background-image: url(/system/images/icons/options.gif);}
  .iconOption{background-image: url(/system/images/icons/option.png);}

  */

  .iconHeading:before{content: "\f031";}
  .iconEdit:before{content: "\f044";}
  .iconSave:before{content: "\f0c7";}
  .iconSave:focus:before{
    content: "\f110" !important;
    -webkit-animation: fa-spin 2s infinite linear !important;
    animation: fa-spin 2s infinite linear !important;
    }
  .iconSave:visited:before{
    content: "\f110";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
  }

  .iconDelete:before{content: "\f00d";content: "\f1f8";}
  .iconCancel:before{content: "\f00d";}
  .iconClose:before{content: "\f00d";}
  .iconSpinner:before{content: "\f110";}

  .iconLink:before{content: "\f0c1";}
  .iconReload:before,
  .iconRollback:before{content: "\f1da";}
  .iconAdd:before{content: "\f055";}
  .iconRemove:before{content: "\f056";}
  .iconImage:before{content: "\f03e";}
  .iconFile:before{content: "\f0f6";}
  .iconOptions:before{content: "\f085";}
  .iconOption:before{content: "\f013";}
  .iconFolder:before{content: "\f115";}
  .iconUpload:before{content: "\f0ee";}
  .iconCloud:before{content: "\f0c1";}
  .iconPage:before{content: "\f18c";}
  .iconFollow:before{content: "\f18e";}


  .iconSearch:before{content: "\f002";}
  .iconDownload:before{  content: "\f019";}
  .iconLogin:before{  content: "\f0f0";}
  .iconUser:before{  content: "\f0f0";}
  .iconBack:before,.iconBackwards:before,.iconPrevious:before,.iconPrev:before{  content: "\f048";}
  .iconForward:before,.iconForwards:before,.iconNext:before{  content: "\f04e";}

  .iconPermissions:before,.iconPadlock:before{  content: "\f023";}

  .iconTick:before{content:"\f145";}
  .iconCross:before{content:"\f00d";}
  .iconPlus:before{content:"\f067";}
  .iconPlusBlank{color:#fff;}
  .iconPlusBlank:before{content:"\f067";}
  .iconMinus:before{content:"\f068";}
  .iconView:before{content:"\f06e";}

  .iconGlobal{margin-left:-15px;display:inline-block;width:12px;height:12px;background: url(../images/icons/globe-bw.gif) center center;background-size:auto 100%;}


.adminFrame{
	position:absolute;
	top:200px;
	margin-left:auto;
	margin-right:auto;
	display:none;
	border:0px;
	z-index:99;
  box-shadow:5px 5px 8px #444444;
}

.adminPleaseWaitContainer{
	text-align:center;
	display:none;
	margin-left:auto;
	margin-right:auto;
	width:200px;
}

.adminPleaseWaitInner{
	z-index:10;
	position:absolute;
	top:350px;
	width:250px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	text-align:left;
	font-family: 'Lato', sans-serif;
	font-size:12px;

	border:1px solid #134E19;
	color:#134E19;
	background-color: #E5E6EC;
}
.adminPleaseWaitInner p{
  padding-top:10px;
}

.adminSmallText{
  font-size:9px;
	font-family: 'Lato', sans-serif;
}

.messageCell{
  margin:10px;
  padding:20px;
  background:#e9e9e9;

  background-repeat:no-repeat;
  background-position:2px center;
  border:2px solid #444444;
  box-shadow:3px 3px 3px #847171;

  border-radius:10px;
}
.nyxClr{clear:both;}


/* ----------------- Experimental ---------------- */


.nyxFrameOuter{
  border-radius:10px;
  background:#f6f6f6;
  padding:0px 15px 15px 15px;
  background:#ffffff;
  background: url(../images/bg_poptop-v2.png) top center repeat-x #fff;
  /*
   border-radius:25px;
  box-shadow:10px 10px 25px #847171;
  box-shadow:5px 5px 5px #847171dd;
  margin-right:15px;
  margin-bottom:15px;
  */

	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);

  display:block;
}

.nyxFrameInner{

  padding:15px;
}
.nyxFrameOuter a{color:inherit;}
#SubAdminFrame{

/*

  box-shadow:10px 10px 25px #847171;
   box-shadow:5px 5px 5px #847171dd;
*/
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
.nyx > h1,
.nyx > form > h1{
  margin:0px;
  margin-bottom:20px;
  color:#645656;
  /*border-bottom:2px solid #413838;*/
  padding-bottom:5px;

  color:#ffffff;
  font-size:15px;
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
  padding-top:5px;
}


.nyx_button{
  background:#e9e9e9;
  background-repeat:no-repeat;
  background-position:2px center;
  border:1px solid #999999;

  border-radius:5px;
  cursor:pointer;
  padding: 6px 20px 5px 20px;
  padding:0px 20px;
  line-height:30px;
  height:35px;
  font-size:13px;
  margin-bottom:5px;

	color: #151515;
  /*text-shadow:1px 1px #d2d2d2;*/
  text-align:center;
	font-weight:normal;
  white-space:nowrap;
  /*
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
*/

}
.nyx_button_full{
  width:100%;
}
.nyx_button:hover{
  background-color:#d4d4d4;
  border:1px solid #999999;
	color: #151515;

  /*text-shadow:1px 1px #d2d2d2;*/
  text-shadow:none;
}

.nyx_button:active{
  /*box-shadow: 0 3px #888888;*/
  transform: translateY(1px);
  box-shadow:0px 0px 0px #847171;

}

.nyx_button_right{float:right;}
.nyx_button_primaryaction{
  background-color:#2f5b97;
  background-color:#80bb25;
  background-color:#494949;
  border:1px solid #74a824;
  border:1px solid #494949;
	color: #ffffff;
  text-shadow:1px 1px #333333;
  text-shadow:none;
}

.nyx_input{
  border:1px solid #444444;
  border-radius:3px;
  padding:5px 5px;
  background:#ffffff;
  margin-bottom:15px;
  width:100%;
	background-color: #F9F9F9;
	border: 1px #413838 dashed;
}

.nyxCloseButton{
  display:block;
  float:right;
  margin-top:5px;
  margin-right:15px;
  position:relative;

  color:#fff;
}
.nyxCloseButton > i{color:#fff;}

.nyxPageHalf{
  float:left;
  width:50%;
  padding-right:20px;
}
.nyxAdminBarShim{
  height:45px;
  display:block;
}
.nyxAdminBar{
  /*
  position:fixed;
  */
  width:100%;
  z-index:800000;

  padding:10px;
  margin:0px;
  padding-top:10px;



  /*border:3px solid #272727;*/
  /*
  border-radius:15px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  */
background:#85c226;
background:#80bb25;
background:#80bb25;
background:#494949;
margin-bottom:15px;
border-bottom:1px solid #eaedf1;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);

  /*background:url(/system/images/bg_top.png) center top repeat-x;*/


}

#systemMenuRoot li{
  background:#fff;
}
/* Font customize */
i.fa{margin-right:10px;font-size:18px;line-height:inherit;vertical-align:top;}
.nyxMCEContainer{padding:20px;}

.nyxFrameContainer{

  padding:0px 30px 30px 30px;
  margin-top:30px;
}
/* ----------------- /Experimental ---------------- */

@media screen and (max-width: 768px) {
  .nyxAdminBar{position:relative;}
  .nyxAdminBarShim{display:none;}
  .nyxPageHalf{float:none;width:100%;}
}