@media print {
.noprint {display:none !important;}
}

*:focus
{
  outline: none;
/*   -webkit-appearance: none; */
}
*
{
	box-sizing: border-box;
}


.inactive
{
  display:inline-block;
  background-color:#f90;
  padding: 2px 5px;
  border-radius: 3px;
  font-size:10px;
}

.inactive:before
{
  content: '\f071';
  font-family: 'FontAwesome', 'Arial Unicode MS';
  color: #fff;
  margin-right:5px;
  font-size: 11px;
}

.inactive:after
{
  content:'INACTIVE';
  color: #fff700;
  font-size: 10px;
}

.show-xs
{
  display:none !important;
}


/* ---------------------------------------------------------------------
   -- Float Clear
   */

.floatClear:after
{
  content:"";
  display:table;
  clear:both;
}


/* ---------------------------------------------------------------------
   -- LAYOUT BUILDER
   */
.panelContainer
{
	display: table;
	table-layout: fixed;
	
	margin:0;
	padding:0;
	width:100%;	

	box-sizing: border-box;
	
}

.panelCell
{
	display:table-cell;
  vertical-align:top;
  position:relative;

	margin:0;
	padding:0;
} 

/* ---------------------------------------------------------------------
   -- ADM options
   */

label.label
{
	display:block;
		font-size: 12px;
	color: #aaa;
	text-transform: uppercase;
}

.admOpt input[type=text],.admOpt input[type=file],.admOpt input[type=password],.admOpt input[type=number], .admOpt textarea
{
	font-family: 'Open Sans',Arial,Tahoma, Helvetica, sans-serif;
	border: 1px solid #d8d8d8;
	font-size: 12px;  
	color: #000;
	padding: 10px;
	-webkit-box-shadow: inset 0 1px #f5f5f5;
	box-shadow: inset 0 1px #f5f5f5;
	border: 1px solid #d5d5d5;
	border-radius:0;
	background-color:#FFF;
	margin:1px;

	width:100%;
}	

.admOpt input[type=text]:disabled, .admOpt input[type=number]:disabled, .admOpt input[type=file]:disabled,.admOpt input[type=file]:disabled:before, .admOpt input[type=password]:disabled,  .admOpt input[type=email]:disabled, .admOpt textarea:disabled {
	background: #fafafa;
}

.admOpt input.error, .admOpt textarea.error,.admOpt select.error 
{
	background-color: #FFC !important;
	border: 1px solid #d5d5d5 !important; 
}

/* Input type file */
.admOpt input[type=file]
{
	position:relative;
}

.admOpt input[type=file]:before
{
	content: attr(placeholder);
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	color:#888;
	position:absolute;
	padding:12px;
	font-size:12px;
	font-family:arial;
	box-sizing:border-box;
	z-index:2;
	top:0;
	left:0;
	right:30px;
	background-color:rgba(255,255,255,1);
	height:100%;
}

.admOpt input[type=file].error:before
{
	background-color: #FFC !important;
	border:none !important;
}

.admOpt input[type=file]:disabled:before
{
	color:#aaa;
}

.admOpt input[type=file]:after
{
	content:'\f016';
	font-family: 'FontAwesome', 'Arial Unicode MS';
	position:absolute;
	z-index:3;
	top:0;
	right:0;
	bottom:0;
	background-color:#5093e1;
	color:#fff;
	padding:13px;
	cursor:pointer;
	font-size:14px;
}

.admOpt input[type=file]:disabled:after
{
	cursor:default;
	background-color:#dadada;
}

/* Checkbox */
.admOpt input[type="checkbox"] + label:before {
	content: '\00a0';
	display: inline-block;
	width: 16px;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	margin-right: -10px;
	background-color: white;
	border: 1px solid #cbcac6;
	color: #000;
	text-align: center;
	cursor: pointer;
	position: relative;
	top: -1px;
	left: -20px;
	transition: all .3s;
	outline: 1px solid transparent;
}

.admOpt input[type="checkbox"]:checked + label:before {
	content: '\f00c';
	font-family: 'FontAwesome', 'Arial Unicode MS';
	background-color: #5093e1;
	border: 1px solid #5093e1;
	color: #fff;
}

.admOpt input[type="checkbox"] + label:hover:before {
	outline: 1px solid #5093e1;
}

.admOpt input[type="checkbox"] + label {
  cursor: pointer;
  display:inline-block;
}

.admOpt input[type="checkbox"]:disabled + label {
	color: #aaa;
	cursor: default;
}

.admOpt input[type="checkbox"]:disabled + label:before {
	background-color: #f8f8f8;
	border: 1px solid #ececec;
	color: #dadada;
	cursor: default;
	outline: 1px solid transparent;
}
.admOpt input[type="checkbox"]:disabled:checked + label:before {
	background-color: #f8f8f8;
	border: 1px solid #ececec;
	color: #dadada;
	cursor: default;
	outline: 1px solid transparent;
}

.admOpt input[type="checkbox"]:checked + label.tooltip:before {
	background-color: #7ccc7b !important;
	border: 1px solid #7ccc7b;
}

.admOpt label.error
{
	display:none !important;
}

/* buttons */

button.adm, .btn.adm
  {
      border: none;
      text-shadow: 0 0 1px rgba(255,255,255,0.3);
      font-size: 12px; 
      text-decoration: none;
      padding: 0px 15px;
  
      -moz-border-radius: 3px; 
      border-radius: 3px;
  
      height:30px; 
      color: #FFF;
      background-color:#585858;
      cursor:pointer;
  
      transition: all .2s;
  }
  
  button.adm:hover, .btn.adm:hover
  {
      background-color: #424242;
  }
  
  button.adm:disabled, .btn.adm:disabled
  {
      background-color:#d3d3d3;
      cursor:default;
  }

  @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
  @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
  @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
  
  
  button.adm.blue, .btn.adm.blue{ color: #FFF; background-color: #427fed; border:1px solid #427fed; }
  button.adm.blue.adm:hover, .btn.blue:hover { background-color: #2539d1; }
  
  button.red.adm, .btn.adm.red{ color: #FFF; background-color: #c65d5d; border:1px solid #c65d5d; }
  button.adm.red:hover, .btn.adm.red:hover { background-color: #b12a2a; }
  
  
  button.adm.clear, .btn.adm.clear{ color: #888; background-color: #FFF; border:1px solid #dadada; }
  button.adm.clear:hover, .btn.adm.clear:hover { color: #000; background-color:#eee; }



/*---------------------------------------------------------------------
	-- content placeholder
	*/

.content-placeholder table
{
	width:100%
}
.content-placeholder table td
{
	padding:2px;
	background-color:rgba(0,0,0,.05);
}
   
/*---------------------------------------------------------------------
	-- adm options
*/

.adm-options
{
	position:fixed;
	top:0px;
	bottom:0px;
	right:0px;
	z-index:99;
}

.adm-options .open-close
{
	float:left;
	margin-top:25px;
	background-color: rgba(102, 102, 111,.9);
	padding: 5px 5px;
	border-radius: 6px 0 0 6px;
	cursor: pointer;
}

.adm-options .pnl
{
	float:left;
	width:60px;
	background-color: rgba(102, 102, 111,.9);
	height:100%;
	overflow:hidden;

	transition: all .3s;
}
.adm-options .pnl.closed
{
	width:0;
}

.adm-options .pnl .option
{
	position:relative;
	padding:25px 15px;
	text-align:center;
	cursor: pointer;

	transition:all .3s;
}

.adm-options .pnl .option i
{
	font-size: 24px;
	color:#c5c5c5;
	text-shadow: 0 0 6px rgba(55,69,82,.6);
}

.adm-options .pnl .option:hover
{
	background-color:#5093e1;
}

.adm-options .pnl .option:hover i
{
	color:#FFF;

}

.adm-options .pnl .option i.small
{
	position:absolute;
	bottom: 18px;
	left: 32px;
	font-size:14px;
	color:#FFF;
	text-shadow:0 0 4px #000;

}
.adm-options hr
{
	margin: 0;
	border-bottom: 1px solid #828282;
	border-top: 1px solid #68686f;
}

  /*---------------------------------------------------------------------
  -- adm modal
 */
 .adm .modalOverlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .5);
    z-index: 1000;
  }
  
  .adm .modalDialog {
    position: fixed;
  
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -49.5%);
    transform: translate(-50%, -49.5%);
  
    min-width: 400px;
    min-height:50px;
    background-color: #FFF;
    box-shadow: 0px 0px 35px rgba(0, 0, 0, .25);
    border: 1px solid #c5c5d2;
    border-radius:0;
  
    z-index: 1001;
  }
  
  .adm .modalDialogLoader {
    display: none;
  
    position: fixed;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .85);
    z-index: 10;
  }
  
  .adm .modalHeader {
    position: relative;
  
    padding: 15px 50px 15px 15px;
    font-size: 16px;
    color:#000;
    border-bottom:1px solid #e7e7e7;
    border-radius:0;
    background-color:#FFF;
  }
  
  .adm .modalClose {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    font-size: 32px;
    color: #717379;
    font-weight: lighter;
  
    line-height: 28px;
  
    padding: 0 5px;
    border-radius: 2px;
    background-color: #FFF;
  
    transition: all .3s;
  }
  
  .adm .modalClose:hover {
    color: #fff;
    background-color: #a00f0f;
  }
  
  /*---------------------------------------------------------------------
    -- Adm Confirm
   */
   .adm .confirmOverlay {
    display: none;
  
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .5);
    z-index: 1100;
  }
  
  .adm .confirmDialog {
    position: fixed;
  
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -49.5%);
    transform: translate(-50%, -49.5%);
    border: 1px solid #c5c5d2;
  
    min-width: 400px;
    max-width: 500px;
    background-color: #FFF;
    box-shadow: 0px 0px 35px rgba(0, 0, 0, .25);
    z-index: 1001;
  }
  
  .adm .confirmHeader {
    padding: 10px 15px;
    font-size: 16px;
    color:#000;
    border-bottom:1px solid #e7e7e7;
  }
  
  .adm .confirmText {
    text-align: center;
    padding: 25px;
  }
  
  .adm .confirmFooter {
    text-align: right;
    padding: 10px;
  }

/* -------------------------------------------------------
   -- Date picker
*/


/* -------------------------------------------------------
   -- Page Parts
*/
.pageParts
{
    position:relative;
}

.pagePart
{
    float:left;

    overflow: hidden;
}

.pageParts .options
{
    width:100%;
    background-color:rgba(0,0,0,.2);
    padding:1px;
    border-radius:3px;
}
.pageParts .options i
{
    padding:5px;
    border-radius:3px;
    cursor:pointer;
    color: rgba(255,255,255,.75);

    transition: all .3s;
}

.pageParts .options i:hover
{
    background-color:#5093e1;
    color:#FFF;
}