*{margin:0; padding:0;}

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

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


/*--------------------------------------------------------------Self--------------------------------------------------*/
.pcode{    background: #4f6c90;
    text-align: center;
    color: #fff;
    padding: 9px 5px;
    border-radius: 10px 0px;}
	.pcode:hover{background: #f7b97a; color: #000;}
.pcodetext{    padding-left: 10px;
    border-bottom: 1px dashed #fbc26d;
    padding: 10px;
    text-align: left;}
.cnt-rht h4 {
    margin: 0;
    text-align: center;
    color: #f9f8f8;
    background: #35526d;
    padding: 12px 15px;
    margin-bottom: 1px;
    position: relative;
    font-size: 18px;
}
.bbox11{background:#000; border-radius:10px 10px 0px 0px;}
header h2{ color:##1b446a; font-size:36px;}
.rbuttom{text-align:right; margin-top:10px; margin-bottom:100px;}
.rbuttom ul{margin:0px; padding:0px;}
.rbuttom ul li{display:inline-block; padding:10px 15px; margin-left:10px; border-radius:10px; color:#FFF; background-color:#f9840d;}
.rbuttom ul li:hover{ background-color:#1f497d;}
.cbox{}
.cbox ul{}
.cbox ul li{ display:inline-block; padding:0px 15px; margin:2px; font-size:17px;}
.bgback{background: linear-gradient(to left, #1b446a 50%, #f48b20 50%); height:100% !important;}
.form-control{ color:#1b446a; /*margin-left:4px;*/ background-color:rgb(0.21.32,43); width: 18%; position:absolute;
     padding-bottom:5px;}
	 option:hover{background-color:#fff;}
	 .panel-heading{color:#fff !important; background-color:#1b446a !important;}
.option:{background-color:#036; line-height:25px;}
td{background-color:#fff; padding:6px;}
table{border:1px solid #0b647e;}
.modal-dialog {
    width: 694px;
    margin: 150px auto;
}
.modal-header .close {
    margin-top: -50px;
    margin-right: -34px;
    padding: 10px 15px;
    background: #f48b20;
    transition: 74%;
    opacity: 100;
    color: #fff;
    border-radius: 50%;
}
button{border: none;
    background: #f48b20;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;}
.alink{border: none;
    background: #f48b20;
    padding: 5px 15px;
    color: #fff;
    border-radius: 5px;}
	.alink:hover{background: #1b446a;
    color: #fff;}	
.aside{position: absolute;
background-color:#1b446a;
border-right:6px solid #f48b20;
    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;
	color:#fff;
	height: 100%;
    overflow-y: auto; transition:0.3s;}
	
header .logo img, header .logo h3, header .logo h4, .head-pro{transition:0.5s;}
.body-fx .aside{position:fixed; top: 78px;}
.body-fx header{position:fixed; top:0; width:100%;}
.body-fx header .logo img{    /*max-height: 35px;*/}
.body-fx header .logo h3{font-size: 17px;}
.body-fx header .logo h4{font-size: 11px;}
.body-fx .head-pro a{    font-size: 13px;}
.body-fx .head-pro{margin-top: 2px;}
.body-fx header .navbar-inverse .navbar-nav>li>a{padding: 5px 0;}
.body-fx .navbar {
    min-height: 31px;
}

.aside .img-pro{text-align:center;}

.aside-pro img{    width: 77px;
    height: 77px;
    border-radius: 50%;}
.dash-box h3{margin: 0;     border-radius: 10px 10px 0px 0px;
    text-align: center;
    color: #fff; margin-bottom:1px;
    padding: 12px 15px;
   position: relative; font-size: 24px;
   background: #1b446a;
    /*border-right: 5px solid #f48b20*/}
	
	.dash-box h3 a{color:#fff;}
   
   
   
.dash-box h4{     margin: 0;
    text-align: center;
        color: #f9f8f8;
    background: #35526d;
    padding: 12px 15px;
    margin-bottom: 1px;     position: relative; font-size: 18px;}
.box-t{	    text-align: center;
    color: #f9f8f8;
    line-height: 32px;
    /*border-right: 1px solid #fff;*/
    background: #35526d;}
	
.dash-box h3 span{float: right;}

.dash-box h3 span .fa{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{
    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; color:#fff;}
	
.view-mr a:hover{text-decoration:none;}

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

.dash-hm{    margin-right: -7px;
    margin-left: -7px;}
	
.inner-container{padding: 0 15px;}
.log1{}
.log1 span{background: #1b446a;
    border: 0;
    color: #fff;
    padding: 10px 30px;
    height: initial;
    text-transform: uppercase;
    border-radius: 5px;
    margin-top: 15px;
    transition: 0.5s;}
.log1 span:hover{background:#f48b20;}	
.copy-rht{background: #fff;
    padding: 10px 10px;
    margin-bottom: 0;
    font-size: 14px;}
#comcopy{position:fixed; bottom:0px; width:82%; right:0px;}	
.right-lft{float:left;}
.right-rht{float:right;}
	
.copy-rht a, #comcopy a{color:#000;}
a:hover{text-decoration:none;}
.copy-rht p{margin-bottom:0;}
.copy-rht p strong{color:#4b646f;}

.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
{color:#b8c7ce; border-color: #1a2226; font-size: 13px;}

.hbox{
background-color: #1b446a;
    line-height: 34px;
    color: #fff;
    padding: 11px 30px;
    text-align: center;
    font-size: 24px;
}
.pull-right a{color:#000;}



	

/*--------------------------------------------------------------Self--------------------------------------------------*/
/*color*/



.view-supply{
    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}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: transparent;}
	
/*login*/
#login-page{background:#fff; overflow:hidden; }
#login-page header{    background: #f6cb3e;     padding: 27px 0;}
.llg img{    width: 195px;}
.llh h3{    font-size: 36px;
    color: #000;
    margin: 0;     text-align: center;
    margin-top: 10px;}
.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;
    margin: 0;}
	
.lhd h5 img{width: 25px;
    vertical-align: sub;
    margin-right: 3px;}
	
.lhd h5 a{color:#000;}
.plogo{    margin-top: 170px;
    margin-bottom: 230px; text-align:center;}
.plogo h2{    color: #fff;
    font-weight: bold;
    line-height: 6px;}
.plogo h1{color:#fff; font-size:48px; font-weight:bold;}

.login-box{    /*width: 100%;*/
    margin: 0 auto;
    border: 1px solid #dbdbdb;
    border-bottom: 6px solid #a6b0b4;
    margin-top: 170px;     margin-bottom: 230px; background-color: rgba(247, 240, 240, 0.56); border-radius:10px;}
	
.login-box h2{    background: #1b446a;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold; border-radius:10px 10px 0px 0px;
    padding: 10px 10px;
   }
	
.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;}
	
.login-box .sub-btn{    background: #1b446a;
    border: 0;
    color: #fff;
    padding: 10px 30px;
    height: initial;
    text-transform: uppercase;
    border-radius: 5px;     margin-top: 15px; transition:0.5s;
    }
	
.login-box .sub-btn:hover{transition:0.5s; background:#f48b20; color:#000;}
	
.login-box .sub-btn.sign-in{float: left;}
.login-box .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; transition:0.5s;}

header .logo{    font-weight: bold;
    font-size: 20px;     padding-left: 25px;}
header .logo img{max-height:75px; float: left; margin-right:10px;}	
header .logo h3{    margin: 0;
    font-weight: bold;
    font-size: 22px;}
header .logo h4{    margin: 0;
    font-size: 14px;
    margin-top: 5px;
    letter-spacing: 1px;}
	
.top-nv{  /*padding:6px 0;*/
	    background: #fff !important;
    color: #000 !important;
    border-top: 2px solid #f48b20;
    border-bottom: 2px solid #1b446a;}

.head-pro{text-align: right;     margin-top: 11px;}
	
.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{padding:0;     right: 0;
    left: initial;}

.head-pro span img{    width:30px;
    height:30px;
    border-radius: 50%; margin-left:5px;}
	


.pro-vw{text-align:center;     margin-top: -3px;}
	
.pro-vw a{ 
    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: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 25px 10px 15px;}
	
.aside-ul li {
    position: relative;
    margin: 0;
    padding: 0;     
}
.aside-ul li .active{ background-color:#f48b20;}
.aside-ul li a{color: #fff;
    padding: 14px 5px 14px 15px; position: relative; display:block; font-size: 14px;}
	
.aside-ul li .fa{margin-right:6px;}

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

.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;
	 overflow:hidden;}
.dash-box-rht table thead{font-weight:bold;     font-size: 13px;}
.dash-box-rht table tbody{font-size:12px;}
.dash-box-rht table tbody td{padding:2px 2px;}
.dash-box-rht table thead td{padding:2px 2px;}
.dash-box-rht table tr td:last-child{display:none; transition:0.5s;}
	
.dash-box-lft{    float: left;
    margin-right: 4%;
    padding-top: 4px;
    width: 27%;
    transition: 0.4s;
    position: absolute;
    bottom: 68px;}
.dash-box-lft img{max-width:100%;}

	
.dash-box-rht{    float: left;
    width: 100%;
    transition: 0.4s;
    padding-left: 27%;}
.dash-box .view-mr{margin-top: 18px;
    position: absolute;
    right: 8px;
    bottom: 15px;}

.dash-box:hover .dash-box-lft{    width: 8%;
    opacity: 0.2;
    position: absolute;
    bottom: 16px;}
.dash-box:hover .dash-box-rht{width: 100%; padding-left:0;}
.dash-box:hover .dash-box-rht table tr td:last-child{display:block;}

.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;}
	
.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;}


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




	
#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;}


header .nav>li>a>img{margin-right:10px;}


.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;}	

	}