/* -----------------------------------

Projekt: panel administracyjny
webmaster: Maciej Kloch

------------------------------------- */

/* Czyszczenie stylów */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,
img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td {border:0;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

[class*="col-"] {
    float: left;
    padding: 5px;
    width: 100%;
}



@media only screen and (min-width: 600px) {
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 769px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}

    img {
        width: auto;
        height: auto;
    }


}

/* Layout */
body {background: #000000 url('../../image/Admin/backgroundBody.gif') no-repeat scroll center top;	font-family: 'Montserrat', sans-serif; font-size:12px; color:#f7f7f7; margin:10px;}
.cb, .clearBoth {clear:both;}
.right {
    float: right;         
}
.left {
    float: left;
}
a {
	color:#4182AB;
	text-decoration:none;
}
h1 {
	font-size:21px;
	font-weight:normal;
        color: #4889ae;
}

h2 {
	font-size: 12px;
}
h3 {
	font-size:18px;
	font-weight:normal;
}

.none {
	display: none;
}

/* NAGLOWEK PANELU 	ADMINISTRACYJNEGO */
div.titleHeader {width: 100%;	font-size: 20px; color: #6eb6df; margin-bottom:10px;}
div.titleHeader img {vertical-align: middle;}
div.titleHeader a {color: #6eb6df; text-decoration:none;
width: 100%;
display: block;
margin: 0 auto;
text-align: center;
}
div.titleHeader a:hover { text-decoration:none;}

/* GLOWNA RAMKA */
div.mainContentFrame {background-color:#262626;	padding:10px;}
div.mainContentFrameLogin { background-color:#1d1d1d; padding:10px; width:500px; margin:0 auto;}


/* 	ZAKLADKI MENU GLOWNEGO */
ul.tabs {margin-top: 10px; padding-left: 10px;	list-style: none; height:40px;}
ul.tabs li {float: left;}
ul.tabs li a {width: 150px; height: 40px; color:#ffffff; text-decoration: none; font-weight: normal; font-size: 1.3em;	background-color:#4889ae; text-align: center; display: block; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; margin-right:1px; line-height: 40px;
/*-webkit-box-shadow: inset 0px -5px 5px 0px rgba(51, 51, 50, 0.5);
-moz-box-shadow:    inset 0px -5px 5px 0px rgba(51, 51, 50, 0.5);
box-shadow:         inset 0px -5px 5px 0px rgba(51, 51, 50, 0.5);*/
}
ul.tabs li a:hover {background-color:#262626; display: block; }
ul.tabs a.selected {width: 150px; height: 41px;	color:#ffffff; font-weight:bold; text-decoration: none; font-size: 1.3em;	background-color:#262626;	text-align: center;	display: block; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; margin-right:1px; line-height: 40px;
/*-webkit-box-shadow: inset 0px 0px 0px 0px rgba(51, 51, 50, 0.5);
-moz-box-shadow:    inset 0px 0px 0px 0px rgba(51, 51, 50, 0.5);
box-shadow:         inset 0px 0px 0px 0px rgba(51, 51, 50, 0.5);*/
}
ul.tabs a.selected:hover {width: 150px; height: 41px;	color:#b9b9b9; font-weight:bold; text-decoration: none; font-size: 1.3em;	background-color:#262626;	text-align: center;	display: block; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; margin-right:1px; line-height: 40px;}


/* MENU BOCZNE */
.sideMenuContainer {float: left;	width: 25%;  border-radius: 1px;	-moz-border-radius: 1px;	-webkit-border-radius: 1px; padding:0px; border:0px solid #cccccc; background-color:#1d1d1d; margin-right:10px;} 
.sideMenu {background:#262626;	margin:10px; border-radius: 2px;	-moz-border-radius: 2px;	-webkit-border-radius: 2px; }
.sideMenuIcons {  padding:0px; padding-bottom: 10px;}
.sideMenuIcons a { border-right:1px dotted #595959;  }

.elementContainer {
    margin-bottom: 10px;
    border-bottom: 2px solid #3e3e3e;
}
.elementBar {
    padding-left: 20px;
    font-size: 16px;
    height: 0;
    border-bottom: 33px solid #3e3e3e;
    border-left: 6px solid transparent;
    position: relative;
}
.elementBar h1 {
    font-size: 14px;
    color: #fff;
    padding: 7px;
}


.addModule {
    color: #fff;
    line-height: 35px;
    display: inline-block;
    padding-left: 30px;
	font-size: 16px;
    padding-right: 10px;
    background: url('../../images/white_plus.svg') no-repeat left 8px top 8px  ;
    background-color: #3e3e3e;
    background-size: 18px 18px;
    border-bottom: 3px solid #003D96;
    cursor: pointer;
}
.addModule:hover {
    background-color: #003D96;
    color: #fff;
    border-bottom: 3px solid #003D96;
}
.addItemMenu {
    color: #ffffff;
    line-height: 35px;
    display: inline-block;
	font-size: 16px;
    padding-left: 30px;
    padding-right: 10px;
	margin-right:10px;
	margin-left:10px;
    background: url('../../images/white_plus.svg') no-repeat left 8px top 8px;
    background-color: #3e3e3e;
    background-size: 18px 18px;
    border-bottom: 3px solid #3abe16;
    cursor: pointer;
}
.addItemMenu:hover {
    background-color: #3abe16;
    color: #fff;
    border-bottom: 3px solid #3abe16;
}
.deleteItemMenu {
    color: #ffffff;
	font-size: 16px;
    line-height: 35px;
    display: inline-block;
    padding-left: 30px;
    padding-right: 10px;
    background: url('../../images/white_bin.svg') no-repeat left 8px top 8px;
     background-color: #3e3e3e;
    background-size: 18px 18px;
    border-bottom: 3px solid #cc0000;
}

.editItemMenu {
    color: #3abe16;
    line-height: 25px;
    display: inline-block;
    padding-left: 24px;
    padding-right: 6px;
    background: url('../../images/white_edit.svg') no-repeat left 3px top 4px  ;
    background-color: #3e3e3e;
    background-size: 18px 18px;
    border-bottom: 3px solid #3abe16;
}





.deleteItemMenu:hover {
    background-color: #cc0000;
    color: #fff;
    border-bottom: 3px solid #cc0000;
}
.editItemMenu:hover {
    background-color: #cc0000;
    color: #fff;
    border-bottom: 3px solid #cc0000;
}

.sideTitleGroup {
    padding-left: 20px;
    font-size: 16px;
    height: 0;
    border-bottom: 33px solid #3e3e3e;
    border-left: 6px solid transparent;
}

.section { margin:10px; }
.section ul {list-style-type:none; line-height: 35px;}
.section ul li a { 
    color: #f7f7f7;
    text-decoration: none;
    display: block;
    font-size: 18px;
    /*padding-top: 7px;*/
    min-height: 25px;
    position: relative;
    left: 40px;
    /*text-indent: -36px;*/
    max-width: 83%;
}
.section ul li.sub { margin-left: 18px; }
.section ul li a:hover { 
    /*color: #4889ae;*/
    
    background-color:#404040;
}
.section ul li a.active {  min-height: 25px; border:0px solid #595959; background-color:#4889ae; border-radius: 1px;	-moz-border-radius: 1px;	-webkit-border-radius: 1px;}
.section ul li a.nonactive { color: #f7f7f7;}
.sideMenu h2 { 
    font-size:14px; 
    font-weight:normal;  
    padding: 5px 10px;
    line-height: 30px;
    box-shadow:inset 0px -10px 20px #595959; 
    -webkit-box-shadow: inset 0px -10px 20px #595959; 
    -moz-box-shadow: inset 0px -10px 20px #595959; 
    -o-box-shadow: inset 0px -10px 20px #595959;
}
.sideMenu h2 a { 
    text-decoration:none; 
    color:#f7f7f7;
}
.sideMenu h2 img { margin-right:5px;}

.mainContent {
	margin:0;
	border-radius: 1px;	-moz-border-radius: 1px;	-webkit-border-radius: 1px; padding:0px; border:0px solid #cccccc; background-color:#1d1d1d;
	padding:10px;
	overflow: hidden;
}

.mainContentLogin {
	margin:0 auto;
	border-radius: 1px;	-moz-border-radius: 1px;	-webkit-border-radius: 1px; padding:0px; border:0px solid #595959; background-color:#3e3e3e;
	padding:10px;
}
.mainOptions {
	background:#262626; border:0px solid #595959; border-radius: 1px;	-moz-border-radius: 1px;	-webkit-border-radius: 1px;
	margin-top:10px;
	float: left;
	width:100%;
        position: relative;
}

.mainOptions h2 {
	border-radius: 1px;	-moz-border-radius: 1px;	-webkit-border-radius: 1px; padding:0px; background-color:#3e3e3e;
	padding:5px 10px;
	/* background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(226,226,226)), color-stop(0.63, rgb(255,255,255)));
background:-moz-linear-gradient(center bottom, rgb(226,226,226) 10%, rgb(255,255,255) 63%); border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;
*/
/*box-shadow:inset 0px -10px 20px #595959; -webkit-box-shadow: inset 0px -10px 20px #595959; -moz-box-shadow: inset 0px -10px 20px #595959; -o-box-shadow: inset 0px -10px 20px #595959;
	border-radius: 1px;	-moz-border-radius: 1px; -webkit-border-radius: 1px;*/
}
.mainOptions h2 a {
	text-decoration:none;
	color:#ffffff;
        line-height: 42px;
        color: #ffffff;
text-decoration: none;
font-weight: normal;
font-size: 1.2em;
}

.moduleContainer {
    float: left;
    width: 100%;
}

.optionContent {
	padding:10px;
}

.optionIconBox {
    position: absolute;
    border: 0px solid red;
    top: 0;
    right: 0;
    margin-top: 10px;
    line-height: 32px;
    padding-right: 10px;
}
.optionIcon {
    margin: 4px auto;
    width: 25px;
    height: 25px;
    border-radius: 20%;
    display: inline-block;
    justify-content: center;
    align-items: flex-end;    
    position: relative;    
    cursor: pointer;
    margin-left: 4px;
}

.optionIconDisabled{
    display: none;        
}

.iconSetup {
    background: url('../../images/black_setup.png') no-repeat left 3px top 3px;
    background-size: 19px 19px;
    background-color: #fff;
    
}
.iconSetup:hover {
    background-color: #d5d5d5;
    color: #fff;
    /*border-bottom: 3px solid #3abe16;*/
}
.iconQmark {
    background: url('../../images/black_qmark.png') no-repeat left 3px top 3px;
    background-size: 19px 19px;
    background-color: #fff;
    
}
.iconQmark:hover {
    background-color: #d5d5d5;
    color: #fff;
    /*border-bottom: 3px solid #3abe16;*/
}
.iconPublishOff {
    background: url('../../images/eye-slash.svg') no-repeat left 3px top 3px;
    background-size: 19px 19px;
    background-color: #d5d5d5;
    transition: all .5s ease-in-out;
    
}
.iconPublishOn {
    background: url('../../images/eye.svg') no-repeat left 3px top 3px;
    background-size: 19px 19px;
    background-color: #3abe16;
    transition: all .5s ease-in-out;
    
}
.iconPublishOn:hover {
    background: url('../../images/eye-slash.svg') no-repeat left 3px top 3px;
    background-size: 19px 19px;
    background-color: #d5d5d5;
    color: #fff;
    transition: all .5s ease-in-out;
    /*border-bottom: 3px solid #3abe16;*/
}
.iconPublishOff:hover {
    background: url('../../images/eye.svg') no-repeat left 3px top 3px;
    background-size: 19px 19px;
    background-color: #3abe16;
    color: #fff;
    transition: all .5s ease-in-out;
    /*border-bottom: 3px solid #3abe16;*/
}


.iconEdit {
    background: url('../../images/black_edit.svg') no-repeat left 3px top 3px;
    background-size: 19px 19px;
    background-color: #fff;
    
}
.iconEdit:hover {
    background: url('../../images/white_edit.svg') no-repeat left 3px top 3px;
    background-size: 19px 19px;
    background-color: #003D96;
    color: #fff;
    /*border-bottom: 3px solid #3abe16;*/
}
.iconAdd {
    background: url('../../images/black_plus.svg') no-repeat left 3px top 3px;
    background-size: 19px 19px;
    background-color: #fff;
    
}
.iconAdd:hover {
    background: url('../../images/white_plus.svg') no-repeat left 3px top 3px;
    background-size: 19px 19px;
    background-color: #3abe16;
    color: #fff;
    /*border-bottom: 3px solid #3abe16;*/
}
.iconDelete {
    background: url('../../images/black_bin.svg') no-repeat left 3px top 3px;
    background-size: 19px 19px;
    background-color: #fff;
    
}
.iconDelete:hover {
    background: url('../../images/white_bin.svg') no-repeat left 3px top 3px;
    background-size: 19px 19px;
    background-color: #cc0000;
    color: #fff;
    /*border-bottom: 3px solid #3abe16;*/
}
.iconUp {    
    background: url('../../images/black_left.svg') no-repeat left 5px top 3px;
    background-size: 19px 19px;
    background-color: #fff;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.iconUp:hover {
    background-color: #d5d5d5;
    color: #fff;
    /*border-bottom: 3px solid #3abe16;*/
}
.iconDown {   
    background: url('../../images/black_left.svg') no-repeat left 5px top 3px;
    background-size: 19px 19px;
    background-color: #fff;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.iconDown:hover {
    background-color: #d5d5d5;
    color: #fff;
    /*border-bottom: 3px solid #3abe16;*/
}

.setupBox {
  display: none;
}

table.loginTable {
	width:350px;
	margin:0 auto;
}
table.loginTable,table.loginTable td  {
	border:none;
}
table.loginTable tr:nth-child(odd), th:nth-child(odd) {
	background-color:transparent;
}

table.loginTable tr:hover {
	/*background:#404040;*/
}
table.commonTable {
	border: none;
	margin-bottom:10px;
}
tr:nth-child(odd), th:nth-child(odd) {
	background-color:#1d1d1d;
}
table.commonTable tr:nth-child(odd) th {
	background-color:#1d1d1d;
}
table.commonTable tr:nth-child(even) th {
	background-color:#1d1d1d;
}


table.commonTable th {
	background-color: #1d1d1d;
	text-align:right;
	width:5%;	
	white-space:nowrap;
	border-bottom:1px solid #404040;
	padding-right:10px;
	border-right:1px solid #404040;

}
.commonTable tr:nth-child(odd):hover {
		background: #404040;
}
.commonTable tr:nth-child(even):hover {
		background:#404040;
}
.commonTable tr::nth-last-child:hover {
		background:#fff;
}

table.commonTable tr td {
	border-bottom:0px solid #404040;
	padding:4px;
	vertical-align:middle;
	padding-left:10px;
}
table.commonTable tr:nth-last-child(-n+1) td, table.commonTable tr:nth-last-child(-n+1) th {
	border-bottom:none;
}
.commonTable td {
	padding:2px 6px; border:0px solid #eeeeee; border-width:0 0px 0px 0;
	vertical-align: top;
}

input[type=text], textarea, input[type="password"] {
	width: 90%;
	font-family: 'Montserrat', sans-serif;
	font-size:1.1em;
        line-height: 24px;
        border-radius: 2px;
        border: 0px;
        background-color: #e8e8e8;

}


select {
	width:225px;
        font-family: 'Montserrat', sans-serif;
	font-size:1.1em;
        line-height: 24px;
}
select.tiny {
	width:50px;
	font-size:11px;
	
}
input[type=text].tiny, input[type=password].tiny
{
	width:50px;
}
input[type=text].small, select.small, input[type=password].small {
	width:150px;
}

input[type=text].medium, input[type=password].medium {
	width:220px;
}
input[type=text].long, input[type=password].long {
	width:300px;
}

.long {
	color:#386884;
	font-size:16px;
	font-weight:normal;
	line-height:35px;
}

.witamy {
	color:#386884;
	font-size:16px;
	font-weight:normal;
	line-height:35px;
}

input[type=radio], input[type=checkbox] {
	width: none;
	margin-top:8px;
	margin-right:6px;
}
input[type=submit], input[type=button]  {
	padding:5px 50px;
        line-height: 30px;
        font-size: 1.7em;
	background-color: #3e3e3e;
        background-size: 18px 18px;
        border: 0;
		color: #fff;
        border-bottom: 3px solid #3abe16;
	margin-left: 5px;
	cursor:pointer;
        border-radius: 1px;	-moz-border-radius: 1px;	-webkit-border-radius: 1px;
}

input.mini {
	padding:5px 30px;
        line-height: 20px;
        font-size: 1.2em;
}

input.cancel {
	border: 0;
        border-bottom: 3px solid #cc0000;
		    color: #fff;
}
input.cancel[type=button]:hover {
	background-color: #cc0000;
        color: #fff;	
}
input[type=submit]:hover, input[type=button]:hover {
		background:#3abe16;
                color: #fff;
                border-bottom: 3px solid #000;
}
input.date {
	width:150px;
}

input[type=submit].adminSubmit {
    background:#1d1d1d;
    color: #fff;
}
input[type=submit].adminSubmit:hover {
    background:#3abe16;
}

input[type="file"] {
    position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap; /* 1 */
  clip-path: inset(50%);
  border: 0;
}

.custom-file-upload {
        padding:5px 10px;
        line-height: 18px;
        font-size: 1.2em;
	background-color: #3e3e3e;
        background-size: 18px 18px;
        border: 0;
        /*border-bottom: 3px solid #3abe16;*/
	margin-left: 5px;
	cursor:pointer;
        border-radius: 1px;	-moz-border-radius: 1px;	-webkit-border-radius: 1px;
}

.custom-file-upload:hover {
   
	background-color: #4889ae;
        
}

.custom-file-upload:focus-within {
    outline: 5px solid;
}

.fileSelected {
    padding:5px 10px;
        line-height: 18px;
        font-size: 1.2em;
	background-color: #3e3e3e;
        background-size: 18px 18px;
        border: 0;
        /*border-bottom: 3px solid #3abe16;*/
	margin-left: 5px;
	cursor:pointer;
        border-radius: 1px;	-moz-border-radius: 1px;	-webkit-border-radius: 1px;
}



.mainContent table th {
	background-color: #848484;
	padding:10px;
	text-align:left;
	color:#333333;
	border-left:0px solid #ffffff;
}

table th a {
	text-decoration:none;
	color:#193341;
}

.addItemTable {
    display: inline-block;
    color: #ffffff;
		font-size: 16px;
    padding-left: 30px;
    padding-right: 10px;
    line-height: 35px;
    display: inline-block;
    background: url('../../images/white_plus.svg') no-repeat left 8px top 8px  ;
    background-color: #3e3e3e;
    background-size: 18px 18px;
    border-bottom: 3px solid #3abe16;
    min-width: 40px;
    margin-top: 4px;
}
.deleteItemTable {
    display: inline-block;
    color: #ffffff;
    line-height: 32px;
    display: inline-block;
	font-size: 14px;
    padding-left: 30px;
    padding-right: 10px;
    background: url('../../images/white_bin.svg') no-repeat left 8px top 8px  ;
     background-color: #3e3e3e;
    background-size: 18px 18px;
    border-bottom: 3px solid #cc0000;
    min-width: 40px;
    margin-top: 4px;
}
.editItemTable {
    display: inline-block;
    color: #ffffff;
    line-height: 32px;
    display: inline-block;
	font-size: 14px;
    padding-left: 30px;
    padding-right: 10px;
    background: url('../../images/white_edit.svg') no-repeat left 8px top 8px  ;
    background-color: #3e3e3e;
    background-size: 18px 18px;
    border-bottom: 3px solid #3366ff;
    min-width: 40px;
    margin-top: 4px;
}

.addItemTable:hover {
    background-color: #3abe16;
    color: #fff;
    border-bottom: 3px solid #3abe16;
}

.deleteItemTable:hover {
    background-color: #cc0000;
    color: #fff;
    border-bottom: 3px solid #cc0000;
}
.editItemTable:hover {
    background-color: #3366ff;
    color: #fff;
    border-bottom: 3px solid #3366ff;
}


table {
	width:100%;
}
table td {
	padding:10px;
	border:0px solid #dddddd;
}
table tr:hover {
	background-color:#404040;
	}
	
tr.selAllRow {
	background:transparent;
	border:none;
}
tr.selAllRow:hover {
	background-color: transparent;
}
tr.selAllRow td {
		border:none;
		border-bottom: 1px solid #dddddd;
}
tr.selAllRow .cornerTop {
	background: transparent url('../../image/Admin/CornerTop.gif') no-repeat scroll 16px 17px;
	border:none;
}
.mainContent tr.selAllRow .cornerBottom {
	background: transparent url('../../image/Admin/CornerBottom.gif') no-repeat scroll 16px -6px;
	border:none;
}
.mainContent tr.selAllRow td {
	border-bottom:none;
}
tr.selAllRow a {
	font-weight: bold;
	margin-right:10px; 
	padding-right:10px;
	border-right: 1px solid #ccc;
}
tr.selAllRow a:nth-last-child(-n+1) {
	border:none;
}
table td.selAll {
	width:14px;
	background: #ffffff url('../../image/Admin/sellAllBg.gif') repeat-y scroll 10px top;
	border-bottom:none;
}

td.selAll input[type=checkbox] {
	margin:0;
}
div.sort {
	width: 6px;
	height:12px;
	float:right;
	position:relative;
}
.sort a.ascending {
	width:6px;
	height:4px;
	background: transparent url('../../image/Admin/up.gif') no-repeat scroll 0 0;
	position:absolute;
	top:0;
}
.sort a.descending {
	width:6px;
	height:4px;
	background: transparent url('../../image/Admin/down.gif') no-repeat scroll 0 0;
	position:absolute;
	bottom:0;
}
.sort a.ascendingAct {
	width:6px;
	height:4px;
	background: transparent url('../../image/Admin/up_act.gif') no-repeat scroll 0 0;
	position:absolute;
	top:0;
}
.sort a.descendingAct {
	width:6px;
	height:4px;
	background: transparent url('../../image/Admin/down_act.gif') no-repeat scroll 0 0;
	position:absolute;
	bottom:0;
}


.sort img {
	margin-bottom:2px;
}
.validate {
	color:#cc0000;
	font-size:11px;
	background:transparent url('../../image/Admin/validation.gif') no-repeat scroll left top;
	line-height:15px;
	padding-left:20px;
	margin-top: 5px;
}
h2.slidingTab {
	cursor:pointer;
        height: 0;
        border-bottom: 33px solid #4889ae;
        border-left: 6px solid transparent;
        
}
h2.slidingTab a.expand {
	cursor:pointer;
}
h2.slidingTab a.colapse {
        cursor:pointer;
}
.add {
	padding-left:20px;
	background:transparent url('../../image/Admin/add.gif') no-repeat scroll left -2px;
	position:relative;
	height:1px;
}
.searchBox {
	border:1px solid #cccccc; border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding:10px 20px; margin-bottom: 10px;
}
.searchBoxFilters {
	box-shadow:inset 0px -10px 30px #eee; -webkit-box-shadow: inset 0px -10px 30px #eee; -moz-box-shadow: inset 0px -10px 30px #eee; -o-box-shadow: inset 0px -10px 30px #eee;

	border:1px solid #cccccc; border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding:10px 20px; margin-bottom: 10px;
	margin-top:10px;
	padding-bottom:20px;

}
.searchBoxFilters h4 {
	margin-bottom: 10px;
	float:left;width:100%;
	
}
.searchBoxFilters h4 a {
	float:right;
	text-decoration:none;
	color:#333;
	box-shadow: none; -moz-box-shadow:none;
	border:none;
	background:transparent;
	
}
.searchBoxFilters h4 a span {
	border:1px solid #666;
	padding:0px 2px;
	font-size:10px;
}
.searchBoxFilters a {
	padding:5px;
	background-color: #999999;
	box-shadow:inset 0px -10px 30px #666; -webkit-box-shadow: inset 0px -10px 30px #666; -moz-box-shadow: inset 0px -10px 30px #666; -o-box-shadow: inset 0px -10px 30px #666;
	border:1px solid #cccccc; border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	color:#fff;
	text-decoration:none;
}
.searchBoxFilters a span {
	font-weight: bold;
	font-size:9px;
	border:1px solid #999;
	padding:0 2px;
	position:relative;
	bottom:1px;
	margin-right:3px;
	
}
.searchBox table {
	margin-top: 10px;
}
.searchBox table.commonTable td, .searchBox table.commonTable th{
	vertical-align:top;
}

.searchBox table tr:hover, .searchBox table.commonTable tr:hover  {background-color: transparent;}
.searchBox tr:nth-child(odd), th:nth-child(odd) {
	background-color: transparent;
}
.searchBox table.commonTable tr:nth-child(odd) th {
	background-color:#EDEDED;
}
.searchBox table.commonTable tr:nth-child(even) th {
	background-color:#F7F7F7;
}

.noSort .sort{
	visibility:hidden;
	
}
a.edit {
	background: transparent url('../../image/Admin/edit.gif') no-repeat scroll left top;
	padding: 2px 10px 2px 20px;
}
a.read {
	background: transparent url('../../image/Admin/read.gif') no-repeat scroll left -1px;
	padding: 3px 10px 3px 20px;
}
a.linked {
	background: transparent url('../../image/Admin/iconType03.gif') no-repeat scroll left 5px;
	padding: 3px 10px 3px 20px;
}
a.delete {
	background: transparent url('../../image/Admin/delete.gif') no-repeat scroll left top;
	padding: 2px 10px 2px 20px;
}

table.pictures th {
	vertical-align:top;
	white-space:nowrap;
	width:10%;
}
table.pictures td {
	vertical-align:top;
} 
table.pictures tr:hover{
	background:transparent;
}

.pager {
	float:right;
	color:#777;
	margin-top:10px;
	
} 
tr.selAllRow .pager a {
	padding-right:5px;
	padding-left:5px;
	font-weight:normal;
	margin-right: 2px;
}
tr.selAllRow .pager a.active {
	font-weight:bold;
}
.pager a {
	border: 1px solid #ccc; 
	font-size:11px;
	font-weight:normal;
	padding: 2px 5px; 
	margin-right: 2px;
	margin-left: 2px;
	color:#777;

} 
.pager a.active {
	background-color: #ccc;
	color:#fff;
	font-weight:bold;
}
.pager a.prvnext {
	border:none;
}
.pager a.prvnext:hover {
	text-decoration:underline;
}
.perpage {
	float:right;
	font-size:11px;
	color:#777;
}

.pager .perpage {
	float:right;
	font-size:11px;
	color:#777;
	position:relative;
	bottom:13px;
}


.messageError {
	padding:10px;
	padding-left:35px;
	background: #be7075 url('../../image/Admin/error.gif') no-repeat scroll 4px center;
	color:#ffffff;
	margin-bottom:10px;
	font-weight:bold;
	border:1px #cc0000 dashed;
        background-size: 30px;
        font-size: 1.8em;
}
.messageInfo {
	padding:10px;
	padding-left:35px;
	background: #f0eec3 url('../../image/Admin/inf.gif') no-repeat scroll 4px center;
	color:#000000;
	margin-bottom:10px;
	font-weight:normal;
	border:1px #f0cd56 solid;
        background-size: 30px;
        font-size: 1.8em;
}
.messageOk {
	padding:10px;
	padding-left:35px;
	background: #3abe16  url('../../images/white_check.svg') no-repeat scroll 4px center;
	color:#000000;
	margin-bottom:10px;
	font-weight:normal;
	border:1px #3abe16 solid;
        background-size: 30px;
        font-size: 1.8em;
}
.bigTable {
	font-size:11px;
}
table.bigTable  td {
	padding:4px;
}

div.addBanerForm{
    margin: auto;
    width: 300px;
}
div.addBanerForm input{
    margin-top: 10px;
}

.panelButtons{
    /*padding-top: 5px;*/
    margin-top: 20px;
    text-align: right;
    margin-right: 50px;
}

.iconCatalogy{
    background-image: url("../images/iconCatalogy.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.iconCategoryUnder{
    background-image: url("../images/iconCategoryUnder.gif");
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-bottom: 3px;
}



ul#configList {
   margin: 2em; 
}
ul#configList li {
   padding-left: 1em; 
   margin-bottom: .5em; 
}




/*=====tree==css=================================================*/

.structureTree {
    line-height: 2em;
}
.structureTree ul li a {
    text-indent: -36px;
    padding-top: 7px;
}

.structureTreeRoll {
    float: left;
    margin-top: 7px;
    height: 14px;
    width: 14px;
    padding: 2px;
    background-color: #3abe16;
    /*border-radius: 50%*/
}


/*--tree---end------------------------------------------------------*/