*{margin:0; padding:0;}

body{background:#eeeeee; font-family: 'Lato', sans-serif; font-size:15px;}

a, a:hover{text-decoration:none;}

.red{color:#ff0000;}

/*color*/

.yDefault, .yDefault-h:hover{background:#f6cb3e !important; color:#000 !important; }
.lbDefault{background: #222 !important;}
.bDefault, .bDefault-h:hover{background: #000; !important}
.bDefault a{color:#fff !important;}
.greydefault, .greydefault-h:hover{background: #3c454c !important; color: #fff !important;}
.greydefault a{color: #fff !important;}
.albDefault, .albDefault-h:hover{background: rgba(0,0,0,0.4);}
.y-colDefault{color: #f6cb3e !important;}
a.greydefault-h{border-color:#3c454c !important;}
a.greydefault-h:hover{border-color:#f6cb3e !important;}


.lblue-col, .lblue-col-h:hover{background:#00bff3 !important; color:#fff !important; }
.lbDefault{background: #222 !important;}
.bDefault, .bDefault-h:hover{background: #000; !important}
.bDefault a{color:#fff !important;}
.dblue-col, .dblue-col-h:hover{background: #0072bc !important; color: #fff !important;}
.dblue-col a{color: #fff !important;}
.alb-back, .alb-back-h:hover{background: rgba(0,0,0,0.4);}
.lblue-col-text{color: #00bff3 !important;}
a.dblue-col-h{border-color:#0072bc !important;}
a.dblue-col-h:hover{border-color:#00bff3 !important;}
	
	
.vio-col, .vio-col-h:hover{background:#93628f !important; color:#fff !important; }
.lbDefault{background: #222 !important;}
.bDefault, .bDefault-h:hover{background: #000; !important}
.bDefault a{color:#fff !important;}
.sblue-col, .sblue-col-h:hover{background: #45536e !important; color: #fff !important;}
.sblue-col a{color: #fff !important;}
.alb-back, .alb-back-h:hover{background: rgba(0,0,0,0.4);}
.vio-col-text{color: #93628f !important;}
a.sblue-col-h{border-color:#45536e !important;}
a.sblue-col-h:hover{border-color:#93628f !important;}


.mtur-col, .mtur-col-h:hover{background:#369b8e !important; color:#fff !important; }
.lbDefault{background: #222 !important;}
.bDefault, .bDefault-h:hover{background: #000; !important}
.bDefault a{color:#fff !important;}
.dslategrey-col, .dslategrey-col-h:hover{background: #162b2f !important; color: #fff !important;}
.dslategrey-col a{color: #fff !important;}
.alb-back, .alb-back-h:hover{background: rgba(0,0,0,0.4);}
.mtur-col-text{color: #369b8e !important;}
a.dslategrey-col-h{border-color:#162b2f !important;}
a.dslategrey-col-h:hover{border-color:#369b8e !important;}

.lgreen-col, .lgreen-col-h:hover{background:#aba54c !important; color:#fff !important; }
.lbDefault{background: #222 !important;}
.bDefault, .bDefault-h:hover{background: #000; !important}
.bDefault a{color:#fff !important;}
.lbrown-col, .lbrown-col-h:hover{background: #392c1f !important; color: #fff !important;}
.lbrown-col a{color: #fff !important;}
.alb-back, .alb-back-h:hover{background: rgba(0,0,0,0.4);}
.lgreen-col-text{color: #aba54c !important;}
a.lbrown-col-h{border-color:#392c1f !important;}
a.lbrown-col-h:hover{border-color:#aba54c !important;}


.lmendi-col, .lmendi-col-h:hover{background:#646b49 !important; color:#fff !important; }
.lbDefault{background: #222 !important;}
.bDefault, .bDefault-h:hover{background: #000; !important}
.bDefault a{color:#fff !important;}
.dmendi-col, .dmendi-col-h:hover{background: #393e27 !important; color: #fff !important;}
.dmendi-col a{color: #fff !important;}
.alb-back, .alb-back-h:hover{background: rgba(0,0,0,0.4);}
.lmendi-col-text{color: #646b49 !important;}
a.dmendi-col-h{border-color:#393e27 !important;}
a.dmendi-col-h:hover{border-color:#646b49 !important;}


.pblue-col, .pblue-col-h:hover{background:#4f6b96 !important; color:#fff !important; }
.lbDefault{background: #222 !important;}
.bDefault, .bDefault-h:hover{background: #000; !important}
.bDefault a{color:#fff !important;}
.smoke-col, .smoke-col-h:hover{background: #414141  !important; color: #fff !important;}
.smoke-col a{color: #fff !important;}
.alb-back, .alb-back-h:hover{background: rgba(0,0,0,0.4);}
.pblue-col-text{color: #4f6b96 !important;}
a.smoke-col-h{border-color:#414141 !important;}
a.smoke-col-h:hover{border-color:#4f6b96 !important;}
/*color*/

/*image Upload*/

.img-upload{     
    border: 4px solid #fff;
    /*height: 208px;*/
    overflow: hidden;
    box-shadow: 0px 0px 5px #ccc;     position: relative;}
	
.img-upload img{    width: 248px;
    height: 238px;}

.img-icon{    position: absolute;
    left: 0;
    width: 100%;
    text-align: left;
    padding-left: 8px;
    bottom: 2px; transition:0.5s;     overflow: hidden;}
	
.img-icon .fa{    font-size: 24px;
    color: #999;
    margin-right: 13px; transition:0.5s;}
	
.img-icon span{display:none;}
	
.img-icon input{position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer; padding-left:0;}
	
.img-icon:hover span{ display:inline-block;     font-size: 13px;}

.img-icon:hover{    background: rgba(0,0,0,0.6);
    transition: 0.5s;
    color: #fff; padding:6px 0px 6px 8px} 
	
.img-icon:hover .fa{ font-size: 20px; transition:0.5s; color:#fff;}


.view-supply{    background: #f6cb3e;
    color: #000;
    padding: 3px 12px;
    font-size: 14px;
    transition: 0.5s;
    border: 0;
    border-left: 5px solid #3c454c;}

.footer-login{    background: #000;
    color: #fff;
    padding: 8px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;}
.footer-login p{margin:0; text-align:right; font-size:13px}

/*login*/
#login-page{background:#fff; overflow:hidden; min-height:670px;}
#login-page header{    background: #f6cb3e;     padding: 7px 0;}
/*.llg img{    width: 195px;}*/
.llh h3{    font-size: 36px;
    color: #000;
    margin: 0;     
    margin-top: 24px;font-weight:bold;}
.lhd h4{    font-size: 13px;
    font-weight: 300;
    text-align: right;}
	
.lhd h4 span{    background: #000;
    padding: 2px 0px;
    color: #fff;
    padding-right: 3px;
    box-shadow: 0px 4px 4px #fcd554;}
	
.lhd h4 span span{    background: #3c454c;
    color: #fff;
    padding: 2px 3px; box-shadow: 0px 0 0; margin-right:5px;}
	
.lhd h5{    text-align: right;
    padding-right: 80px;
    font-weight: bold;
    font-size: 17px;
    }
	
.lhd h5 img{width: 25px;
    vertical-align: sub;
    margin-right: 3px;}
	
.lhd h5 a{color:#000;}

.login-box{    width: 50%;
    margin: 0 auto;
    border: 1px solid #dbdbdb;
    border-bottom: 6px solid #a6b0b4;
    margin-top: 50px;     margin-bottom: 50px;
    min-height:initial;
    overflow:initial;
}
	
.login-box h2{    background: #f6cb3e;
    margin: 0;
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 10px;
    border-radius: 0;}
	
.login-box form{padding: 30px 20px;}

.login-box input{height: 42px}

.login-box .input-group-addon{    min-width: 40px;}
.login-box .input-group{margin-bottom: 20px;}
.login-box .bx-for input{height:inherit;     vertical-align: top;}
.login-box .bx-for{font-size: 14px;
    font-weight: 400; margin-top: 30px;}
	
.sub-btn{    background: #3c454c;
    border: 0;
    color: #fff;
    padding: 10px 30px;
    height: initial;
    text-transform: uppercase;
    border-radius: 5px;     margin-top: 15px; transition:0.5s;
    }
	
 .sub-btn:hover{transition:0.5s; background:#f6cb3e; color:#000;}
	
.sub-btn.sign-in{float: left;}
.sub-btn.sign-out{float: right;}

footer#footer{    background: #3c454c;
    color: #fff;
    text-align: right;
    padding: 20px 0;
    font-weight: 300; position:absolute; bottom:0; left:0; width:100%;}
	
footer#footer p{margin-bottom:0;}
	
/*login*/

/*header*/

header{color:#000;     position: relative;
    z-index: 999;}

header .logo{    font-weight: bold;
    font-size: 20px;     padding-left: 25px;}
	
.top-nv{background:#f6cb3e;     padding:6px 0;}

.head-pro{text-align: right; }
	
.head-pro a{text-decoration:none; color:#000;     font-size: 14px;     padding: 16px 0;}

.head-pro span{position:relative;     padding: 16px 0;}

.head-pro .dropdown-menu li a{background:#222;}

.head-pro .dropdown-menu{padding:0;     right: 0;
    left: initial;}

.head-pro span img{    width: 25px;
    height: 25px;
    border-radius: 50%; margin-left:5px;}
	
header .nav>li>a>img{    vertical-align: sub;
    margin-right: 7px;}
	
header .navbar-inverse .navbar-nav>li>a{color: #fff;     padding: 8px 0; transition:0.5s;}

header .navbar-inverse .navbar-nav>li>a:hover{background: #3c454c; transition:0.5s;}

header .navbar-inverse{background:#000;}

header .navbar{border-radius:0;     margin-bottom: 0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.navbar-nav{    display: table;
    width: 100%;     text-align: center;     margin-left: 0;
    margin-right: 0;     font-size: 13px;}
	
.navbar-nav>li{display: table-cell; float:initial;}

.navbar-nav>li.dropdown:hover .dropdown-menu{display:block; background:#222; padding:0; border:0; -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0; border-radius:0; min-width: 100%;     font-size: 13px; animation: fadeInUp 400ms;}
	
.dropdown-menu li a{color:#fff; padding: 8px 20px;
    border-bottom: 1px solid #000;}
	
.dropdown-menu li a:nth-last-child(1){border-bottom:0;}
	
.dropdown-menu li a:hover{background:#f6cb3e;}

.navbar{min-height: 39px;}


.aside{position: absolute;
    top: 0;
    left: 0;
    padding-top: 20px;
    min-height: 100%;
    width: 220px;
    z-index: 810;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
	 background:#3c454c; color:#fff;}
.aside .img-pro{text-align:center;}

.aside-pro img{    width: 77px;
    height: 77px;
    border-radius: 50%;}

.aside-pro1 img{    width: 100%;
    height: 100%;
    border-radius: 2%;}
	
.pro-vw{text-align:center;     margin-top: -3px;}
	
.pro-vw a{    background: #f6cb3e;
    color: #000;
    font-size: 11px;
    padding: 2px 5px;
    border-radius: 4px;}
	
.aside .user-name{    text-align: center;
    font-size: 16px;
    font-weight: 600; margin-top: 0; margin-bottom:8px;}
	
.aside .user-designation{    text-align: center;
    color: #c5c5c5;
    font-size: 13px;
    font-style: italic;
    margin-top: 0;}
	
.aside .qk-lk{    color: #4b646f;
    background: #1a2226;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 25px 10px 15px;}
	
.aside-ul li {
    position: relative;
    margin: 0;
    padding: 0;     
}

.aside-ul li a{color: #b8c7ce;
    padding: 12px 5px 12px 15px; position: relative; display:block; font-size: 14px;}
	
.aside-ul li .fa{margin-right:6px;}

.aside-ul li a:hover{background:#1a2226; text-decoration:none;}

.right-container{
	-webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    margin-left: 220px;
	 min-height: 100%;
    background-color: #eee;
    z-index: 800;
    margin-top: 0px;
}

.sec-head{    position: relative;
    padding: 15px 15px 0 15px;}
	
.sec-head h2{    font-size: 24px;
    margin-top: 0; display:inline-block;}
	
.breadcrumb{    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: absolute;
    top: 15px;
    right: 10px;
    border-radius: 2px;}
	
.breadcrumb > li > a {
    color: #444;
}

.breadcrumb > li .fa{margin-right:5px;}

.dash-box{background: #fff;
    border: 1px solid #dddddd;     margin-bottom: 15px;}
	
.dash-box-lft{float:left; margin-right: 5%; padding-top: 4px; width:33%}
.dash-box-lft img{max-width:100%;}

	
.dash-box-rht{float:left; width:62%}

.dash-box-inner{padding: 0 15px;}

.dash-box-inner ul{list-style-type: square;
    list-style-image: url(../images/arrow-icon.png);
    padding-left:16px;
    margin-top: 0; font-size: 14px;}
	
.dash-box-inner ul li{margin-bottom:5px ;     padding-left: 5px;}
	
.dash-box h3{    background: #3c454c;
    margin: 0;
    text-align: left;
    color: #fff;
    padding: 10px 15px;
    margin-bottom: 15px;     position: relative; font-size: 16px;}
	
.dash-box h3 a{color:#fff;}
	
.dash-box h3 span{float: right;}

.dash-box h3 span .fa{color: #f6cb3e;
    font-size: 18px;}
	
.dash-box h3 span span{    background: #f6cb3e;
    color: #000;
    border-radius: 50%;
    padding: 1px 3px;
    font-size: 11px;
    float: right;
    margin-top: -5px;
    line-height: 18px;
    margin-left: -6px;
    margin-right: 0px;}
	
.dash-box h4{font-weight: bold;
    font-size: 16px;     margin-top: 0;}

.view-mr{text-align:right;     margin-bottom: 3px;     margin-top: 5px;}

.view-mr a{background: #f6cb3e;
    color: #000;
    padding: 5px 12px;
    font-size: 14px;
    border-left: 5px solid #3c454c; transition:0.5s;}
	
.view-mr a:hover{transition:0.5s; border-left: 5px solid #f6cb3e; background: #3c454c; color:#fff;}
	
.view-mr a:hover{text-decoration:none;}

.pad-same{    padding: 0 7px;}

.dash-hm{    margin-right: -7px;
    margin-left: -7px;}
	
.inner-container{padding: 0 15px;}

.copy-rht{background: #fff;
    padding: 10px 10px;
    margin-bottom: 0;
    font-size: 14px;}
	
.copy-rht a, #comcopy a{color:#9e58d9;}

.main-section{position:relative;}

.same-table{font-size:14px;     margin-top: 10px;}
.inner-container .same-table thead,
.same-table thead
{border: 1px solid #000;}
.inner-container .same-table thead th,
#other-supply .same-table thead th
{background:#3c454c; color:#b8c7ce; border-color: #1a2226;}

.nav-page{text-align: center;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding: 7.9px 8px; vertical-align:top;}

.nav-page .pagination{margin-top: 0;     margin-bottom: 5px;}
.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li>a, .pagination>li>span{    background: #3c454c; 
    color: #fff; border-color: #1a2226;}
	
.pagination>li>a, .pagination>li>span{padding: 3px 12px;     font-size: 14px;}
	
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover,
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background:#f6cb3e; color:#000; border-color:#3c454c;}

.selected{
    /*background-color:#3c454c;*/
}

.active {
    background-color:#1a2226;
}

.addcopy{
	position:absolute;
	bottom:0px;
	background: #fff;
    padding: 10px 10px;
    margin-bottom: 0;
    font-size: 14px;
}

#other-supply .modal-body, #uploaded-ret .modal-body{border: 5px solid #3c454c;}
#other-supply .same-table{margin-bottom:0;}

#other-supply .close, #uploaded-ret .close{    background: #f6cb3e;
    opacity: 1;
    color: #000;
    width: 30px;
    height: 30px;
    font-size: 28px;
    right: -10px;
    z-index: 99;
    cursor: pointer;
    position: absolute;
    top: -4px;
    right: -36px;
    margin-top: 0px;}
	
.same-table .fa-eye, .same-table .fa-pencil,.same-table .fa-upload, .same-table .fa-envelope-o,.same-table .fa-wrench,.same-table .fa-trash-o,.same-table .fa-lock{color:#000;}

.client-name{    margin-top: 0;
    font-size: 14px;}
	
.count-rht{text-align:right;}

.btnBackPosition{
    margin-top:-40px;z-index:99999;position:relative;
}

#uploaded-ret h2{    margin-top: 0;
    font-size: 19px;
    font-weight: bold;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 8px;
    margin-bottom: 16px;}
	
#uploaded-ret .modal-dialog{width: 400px;}

#uploaded-ret select{    border-radius: 0;
    height: 38px; margin-bottom:20px;}
	
#uploaded-ret .view-mr a{    padding: 5px 22px;}

.col-pic{    position: absolute;
    top:110px;
    left: 0;
    z-index: 999;}
	
#col-pat{color:#fff; font-size: 14px; background: #000; padding: 8px 10px; width: 44px;}
#col-pat .fa{display:block; font-size:28px;}
.col-pic-box{list-style:none; padding-left:0;     width: 90px;}
.col-pic-box li{float:left; width:30px; height:30px; background:#000;}
.col-pic-box li:nth-child(1){background:#f6cb3e;}
.col-pic-box li:nth-child(2){background:#00bff3;}
.col-pic-box li:nth-child(3){background:#93628f;}
.col-pic-box li:nth-child(4){background:#369b8e;}
.col-pic-box li:nth-child(5){background:#aba54c;}
.col-pic-box li:nth-child(6){background:#646b49;}
.col-pic-box li:nth-child(7){background:#4f6b96;}

.col-pic-bx{position:relative;}

.checkbx-gst{    width: 30px;
    height: 16px !important;
    min-width: initial !important;}
	
.same-table input, .same-table select{border-radius:0; height:28px; padding: 0 4px; min-width: 80px;}
.hfor-head .view-mr{float:right;}
.hfor-head{margin-bottom:20px;}
.edit-form{background: #ddd;
    padding: 9px 10px;
    margin-top:30px;
    margin-bottom: 20px; position:relative;}
.edit-form label{font-size:13px;}
.edit-form input, .edit-form select
{border-radius:0; height:34px; padding: 0 4px; min-width: 80px;}
.edit-form .close{opacity:1}
.edit-form .close span{     position: absolute;
    top: -15px;
    right: 0;
    padding: 4px 13px;
    font-size: 23px;
    color: #666;
    opacity: 1;
    background: #ccc;
    border: 1px solid #c1c1c1;}
	
.same-table input[type="checkbox"]{    height: inherit;
    min-width: inherit;}
	
#dashcontent ol, #dashcontent ul{margin-left:25px; font-size:14px;}
#dashcontent ol li{padding-left:10px;}

.checkbox-inline input[type="checkbox"]{    width: 18px;
    height: 18px;
    margin-top: 1px;     margin-left: -28px;}
.checkbox-inline{    margin-left: 8px; margin-right:10px;}

@media(max-width:1024px){
.dash-box-lft{    width: 25%; padding-top: 30px;}	
.dash-box-lft img{max-width:100%;}
.dash-box-rht{width:63%;}
header .logo{padding-left: 0;}
	}
	
@media(max-width:769px){
header .nav>li>a>img{margin-right: 0px; height: 15px;}
.dash-box-lft{padding-top: 10px;}

.login-box{width: 80%;}
#login-page{min-height:initial;}
.llh h3{margin-bottom: 20px;}
.lhd h5, .lhd h4{    text-align: center;
    padding-right: 0;}
.llg img{    margin-top: 32px;}
	}
	
@media(max-width:736px){
.aside{display:none;}
.right-container{margin-left:0;}

.navbar-nav>li{display:block; text-align: left;}
header .nav>li>a>img{margin-right:10px;}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{    position: absolute;
    background: #000;
    right: -170px; transition: 0.5s;}
	
.navbar-inverse .navbar-toggle{border:0; cursor: pointer;}
.navbar-inverse .navbar-toggle .icon-bar{    background-color: #f6cb3e;     width: 30px;
    height: 3px;}
.navbar-toggle{    padding: 4px 10px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color:transparent;}

.navbar-inverse .navbar-collapse.in{right:-1px;     animation: fadeInRight 400ms;}

.table-responsive{border:0;}
.table-responsive>.table-bordered{border:1px solid #ddd;     margin-bottom: 15px;}
.breadcrumb{display:none;}

footer#footer{position:relative;}
    #login-page {
        min-height: initial;
        overflow: initial;
    }
	}
	
@media(max-width:667px){

	}
	
@media(max-width:568px){
.llh h3{
    font-size: 30px;}
	}
	
@media(max-width:480px){
.dash-box-lft{width: 30%;}	
.dash-box-rht {
    width: 65%;
}

.inner-container .same-table thead th,
.inner-container .same-table tbody td
{display:block; width:100%; text-align:center;}

.inner-container .same-table tbody td{border:0;}
.inner-container .same-table tbody tr{border:1px solid #ddd; text-align:center;}

#login-page header .col-xs-6{width:100%; text-align:center;}
.llg img{margin: 0 auto;}
.llh h3{
    text-align: center; margin-top:20px;
}
.lhd h5 {
    text-align: center; margin-top:0px; padding-right:0;
}
.lhd h4{text-align: center;}
footer#footer{padding: 6px 0;     font-size: 13px;}
.login-box {
    width: 100%;
}
#login-page header{padding: 12px 0;}
	}
	
@media(max-width:414px){
.copy-rht{font-size: 12px;}
.top-nv .top-lft{padding-right:0;}
.top-nv .top-rht{padding-left:0;}
header .logo{font-size: 18px;}
.breadcrumb{display:none;}
#login-page .login.col-md-12{padding:0;}
	}
	
@media(max-width:375px){
.dash-box-lft{padding-top: 19px;}	
.login-box .bx-for{    font-size: 12px;}
	}
	
@media(max-width:360px){
.dash-box-lft{padding-top: 30px;}	
	}