/* 
    Document   : admin.css
    Created on : 23.2.2012, 10:53:27
    Author     : tonik
    Description:
        Purpose of the stylesheet follows.
*/
img {border-width: 0}
body{background:url(../images/admin/bg.png) repeat scroll 0 0 transparent; margin: 0px;}

.admin_btn{background: url(../images/bg-menuitem.png) repeat-x scroll 0 0 transparent; /*font-weight: bolder;*/ border-radius: 6px; height: 28px; display: block; float: left;border:1px solid #c5d9e3}
.admin_btn:hover{background-position: 0 -35px;}
.admin_btn a{display: block; height: 22px; padding: 5px 10px 0 7px;text-align: center; text-decoration: none; color: #000; font-weight: 600;font-size: 13px;}

a{color: blue; text-decoration: underline;}

.header{position: relative;padding: 17px 0 0 0; margin-left: auto; margin-right: auto; width: 980px}
.topPage{background: #dbe7cd;}

/*start:Login*/
form.form-signin{margin: 0 auto; max-width: 330px; padding: 15px;}
form.form-signin.well h3{text-align: center;}
.login_wrapper{padding-top: 150px}
.loginForm{margin: 0 auto 0 auto}
.login{position:relative; top: -15px; float: right;font-size: 10px; clear: right}
.login a{text-decoration: underline;}
.admin_img{position:absolute; top: 130px; margin-left: 120px;}
/*end:Login*/
/*start:Button options*/
.btn_align_right{ padding: 15px;}
/*end:Button options*/
/*start:Nav padding*/
.nav_padding{ padding: 10px 0px; }
/*end:Nav padding*/

iframe{border: none}
.main{background: #fafeff; border-style: solid; border-width: 1px; border-color: #a1bedb; padding: 10px 15px 10px 15px}

.top h2{padding-left: 25px;}

.clr{clear:both;}

ul.submenu{position: relative; top:30px;}

.menu {height: 30px;font-weight: bold; position: relative}
.menu ul{margin-bottom: 0; padding:0;line-height: normal;}
.menu li.active {border-bottom: none;height: 30px;background-position: 0 -35px;}
.menu li{border-bottom-left-radius: 0;
         border-bottom-right-radius: 0;list-style-type: none; 
         margin: 0 1px 0 2px;}
.menu li a{display: block; height: 22px; padding: 5px 10px 0 7px;}
.menu li a img{margin:0 4px 0 0 ;display:block; float:left; border:none}

.submenu {padding-left: 10px; height:30px; background: #e8e6ce;border-style: solid; border-width: 1px; border-color: #d7d3a2;}
.submenu span{display: block; float:left; font-weight: bolder; font-size: 11px; padding: 8px 0 0 15px}
.submenu span a{text-decoration: underline; color: #000}

.dataGrid{border: 1px solid #a1bedb; padding:0}

.dataGrid tr.filter th, .dataGrid tr.filterAction th{background:#ffffff; height: 13px; text-align: left;}
tr.filterAction th .btn{font-size: 9px; height: 22px}
tr.filterAction th .btn a {font-size: 9px; height: 10px; padding: 5px 3px 3px 17px; position: relative}
tr.filterAction th .btn a img{max-height: 18px; padding: 0; position: absolute; left: 1px; top: 3px}
tr.filteraction th {}
tr.filterAction {text-align: right}

tr.filter th input{width: 100%}

.dataGrid tr th{background:#e8e6ce; height: 15px; padding: 8px 8px 8px 8px; text-align: left}
.dataGrid tr td{height: 30px; padding: 2px 2px 2px 5px}
.dataGrid tbody tr:hover{background: #cedfe8}
.dataGrid tfoot {text-align: right;background: #e8e6ce;}
.dataGrid tfoot tr td{text-align: right;background: #e8e6ce;border-top: 1px solid #a1bedb;}
/*table.dataGrid tr td:first-child { width: 30px;}*/

.actionMenu{margin: 0 0 10px 0; font-weight: bolder}
.actionMenu img{margin: 0 5px 0 0}

table.dataGrid {width: 100%}

.action a {text-decoration: none}
.action {text-align: right; width: 100px}
.action img {border: none; padding: 2px 3px 0 0 }
.action img:hover{border: 1px solid #ffffff}

.alt_row{background: #f1f9fd}

.item h4{text-align: center; margin: 5px 0 5px 0}
.item {display: block; float: left; margin: 5px 10px 5px 0}
.item p {margin:0; text-align: center}
.prev img{border:none; width: 250px;}

.filemanager{height: 600px;}

.inputBrowse{float: left;}
.listBtn {float: left; margin-left: 10px; height: 24px; background: url(../images/bg-menuitem.png) repeat-x scroll 0 0 transparent; font-size: 10px; border-radius: 6px;}
.listBtn a{padding: 5px 5px 5px 5px; display:block }
p.listBtn:hover{background-position: 0 -35px;}

.formAction {background: #f1f9fd; padding: 0 10px 0 10px}
.formAction p{float: right}
.formAction span{margin-left: 10px;}
.formAction h2 {float: left;}



.mainForm label {width:150px; display: block; float: left}
.longLabels label{width: 250px;}
/*.mainForm input {background: #f1f9fd; border: 1px solid #c5d9e3;height: 20px;color: #4c4b4b;}*/
.mainForm select {background: #f1f9fd; border: 1px solid #c5d9e3;color: #4c4b4b; width: 150px;}
.mainForm select option {background: #f1f9fd; color: #4c4b4b;}
.mainForm textarea {max-width: 500px;}

label.twoinrow{float: none; display: inline}
label.long {width: 350px;}
label.medium {width: 200px;}
label.title_kategoria{float: left; font-size: 15px; font-weight: bold; width:100%;}
label.small {width: 50px;}

.long input {width: 500px;}
.medium input{width: 300px;}
.small input{width: 50px;}

.long select {width: 500px;}
.medium select{width: 300px;}
.small select{width: 50px;}

.error{display: block; background: #ecdfdf; border: 1px #e8b6b6 solid; padding: 10px 5px 10px 5px}

span.browseData {display: block; float: left; margin-right: 15px}

td.cellThumb{width: 200px;}
td.cellThumb img{max-width: 200px; border: none; max-height: 85px}

img.langFlag { height: 19px}

.langPanel {margin: 10px 0 20px 0; position: relative}
.langItem {display: table-cell; height: 28px; vertical-align: middle; margin-left: auto; margin-right: auto; padding: 0}

.langItem img.langFlag{border: 1px solid #bdbdbd}

div.langPanel span.active {background-position: 0 -35px;}

.hidden{display:none}

.menuIcon{width:75px;}

input.valueError {background-color: #fef1ec}

#tabs li .ui-icon-close{ cursor: pointer;
                         float: left;
                         margin: 0.4em 0.2em 0 0;
}

.debug {font-size: 10px; background-color: #ffffbe}
.debug table td{border: 1px solid}
.debug table th{border: 1px solid}


.width100 {width: 100px}
.width75 {width: 75px}


div.infoBox{height: 100px; width: 195px; background: #f1f9fd; float: left; margin: 10px 10px 5px 5px;clear: none; position: relative}
div.infoBox div.caption{background: url("../images/bg-menuitem.png") repeat-x scroll 0 5px; padding: 7px; text-align: center; font-weight: bold; font-size: 15px;}
div.infoBox div.content{padding: 5px 22px; position: relative}

div.infoBox div.content table{width: 100%}
div.infoBox div.content table tr td{border: #D3D3D3 solid 1px;padding: 0 5px}
div.infoBox div.content table tr td:first-child{width: 80%}
div.infoBox div.content table tr td:last-child{text-align: right}
div.infoBox div.content table tr{height: 30px;}

div.middleBox{height: 215px; width: 300px}
div.largeBox{height: 445px; width: 615px}
div.wwideBox{height: 215px; width: 615px}
div.tallBox{height: 445px; width: 300px}
div.wideBox{width: 300px}
div.wwwideBox{width: 615px}
div.fullBox{width: 930px; height: 345px}

div.mainDashboard{float: left}
div.sideInfo{width: 315px;float: left}

a.quickLink{ margin: 5px;}

a.quickLink img{height: 50px}

span.quickLink{font-size: 45px;margin: 0 10px; color: #cedfe8; margin-bottom: 20px}

ul.quickLinks{padding-left: 20px; font-size: 14px}
ul.quickLinks li{margin-bottom: 10px;}

div.waiting{
    background: url("/images/admin/loading.gif") no-repeat center  #ccc;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    overflow:auto;
    opacity: 0.5;
}

.categoryRestriction input, .productService input{width: 500px; border: none; background: none; margin-left: 10px}

.theme div.prev img{max-height: 250px; max-width: 230px}
.theme div.prev{height: 250px; width: 250px}
.theme {margin-top: 10px}

.quest p{padding: 0; margin: 10px 5px}
.questName {width: 200px; float: left}
.questHit {float: left;min-width: 5px; background: #e8b6b6; margin-right: 10px}
.questHitVal {float: left; }

th.filter_radio{width: 80px}
tr.filter th.filter_radio label{float: left; font-size: 9px; width: 50px}
tr.filter th.filter_radio input{float: left; width: 10px}

div.menu>ul>li{position: relative}
div.menu ul.popup {position: absolute; top: 29px; left: 0px; background: #e8e6ce; width: 100%; display: none; z-index: 999}
div.menu ul.popup li a {font-size: 9px; text-align: left; height: 18px}
div.menu ul.popup li:hover {background: #fafeff}

ul li{list-style-image:none}
ul li.new{list-style-image:url(../images/admin/new.png);}
ul li.improvements{list-style-image:url(../images/admin/improvements.png); }
ul li.repair{list-style-image:url(../images/admin/repair.png);}

/*start:Modify Bootstrap*/
span.glyphicon-info-sign {font-size: 4em;}
div.main div.mainDashboard div.panel-body a.btn.btn-default.btn-xs.glyphicon{ font-size: 2em;}
/*end:Modify Bootstrap*/

div#wrapper.admin-modal>nav.navbar {display: none}
div#wrapper.admin-modal>div#page-wrapper{margin: 0};

.icon-green{color: #7AB675;}
.icon-red{color: #D50600;}

 li a img{
  padding: 0px 10px;  
}