body{margin:0px; padding:0px;  font-family: 'Open Sans', sans-serif;  font-smooth:always; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; color:#333;}
input, select, textarea{ font-family: 'Open Sans', sans-serif; font-weight:600;}

#login_container {width:100%; min-height:750px; float:left;
background-color: #58595b;
 background: -webkit-gradient(linear, left top, right top, from(#ca0101), to(#58595b)); 
 background: -webkit-linear-gradient(left, #ca0101, #58595b); 
  background: -moz-linear-gradient(left, #ca0101, #58595b); 
   background: -ms-linear-gradient(left, #ca0101, #58595b); 
    background: -o-linear-gradient(left, #ca0101, #58595b); }
	
#login_box_area {
    margin: 0 auto;
    width: 350px;
}
.signin_box_area {
    float: left;
    margin: 50px 0 0;
    width: 100%;
}
.signin_box_area h1 {
    color: #fff;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
}
.signin-box {
    background-color: #fff;
    box-shadow: 0 0 8px #333;
    float: left;
    padding: 0 20px 20px;
    width: 88%;
}
.logo {
    float: left;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}

.logo2{
    float: left;
  padding:10px 0px; margin-left:5%;
  
    width: 134px;
}

.login-input {
    border: 1px solid #999999;
    color: #999999;
    float: left;

    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 3px 8px;
    width: 95%;
}
.signin_btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/check-box.png") no-repeat scroll center center #ca0101;
    border-color: -moz-use-text-color -moz-use-text-color #9e1717;
    border-image: none;
    border-radius: 3px;
    border-style: none none solid;
    border-width: medium medium 5px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1px;
    padding: 20px;
    text-shadow: 0 0 1px #666;
    text-transform: uppercase;
    width: 100%;
}


.rememberme {
    color: #fff;
    float: left;
    padding: 10px 0 0;
    width: 50%;
}
.rememberme a {
    color: #fff;
    font-size: 14px;
    font-weight: 700; text-decoration:none;
}
.forgot_pass {
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0 0;
    text-align: right;
    text-decoration: none;
    /*width: 50%;*/
}
.forgot_pass a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}




.login_submit_btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ca0101 !important;
    border-color: -moz-use-text-color -moz-use-text-color #9e1717;
    border-image: none;
    border-radius: 3px;
    border-style: none none solid;
    border-width: medium medium 5px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px !important;
    font-weight: 900;
    letter-spacing: 1px;
    padding: 9px !important;
    text-shadow: 0 0 1px #666;
    text-transform: uppercase;
    width: 100%;
}

.header_container{width:100%; float:left; background-color:#1e1e1e; min-height:30px; position:fixed; z-index:100; padding:5px 0px; /*border-bottom:solid 2px #efefef;  */}
.header_area{ width:100%; height:40px; float:left; }
.header_container p{color:#cccccc; padding:5px 0px 0px 1%; margin:0px; font-size:14px; font-weight:600; text-align:left;}
.header_container p span{ text-align:right; float:right; margin-right:20px;}
.wrapper{width:90%; margin:0px auto;}
.main{ width:100%; float:left;}
.left_area{width:18%; float:left; box-shadow:0px 5px 10px #ccc; position:fixed; height:100%; right:auto; background-color:#35454d; padding:25px 0px 0px 0px; }
.left_width{ width:18%; float:left;}
#icon{font-size:16px; margin-right:10px;}
#icon2{font-size:35px; margin-right:10px; margin-bottom:10px;}
.right_content{width:79%; float:left; margin-left:2%;}
.right_content h1{ font-size:28px; color:#666; font-weight:300;}
.breadcrumb{width:100%; float:left; background-color:#f5f5f5; padding:2px 0px; margin-bottom:20px;}
.breadcrumb ul{padding:0px 0px 0px 10px; margin:0px;}
.breadcrumb li{ list-style-type:none; list-style:none; float:left; font-size:14px; padding:5px 0px; color:#999;}
.breadcrumb li a{ font-size:14px; color:#c20000; text-decoration:none; float:left; font-weight:300;}
.breadcrumb li a:hover{ text-decoration:underline; color:#333}
.breadcrumb li:after{content: "/"; margin:0px 5px; font-family:Verdana, Geneva, sans-serif}
	
.breadcrumb li:last-child:after{ content: "";}
.dashboard_content_box{width:100%; float:left; margin:30px 0px 0px 0px;}
.content_box{  margin-left:5px;     display: inline-block;
    width: 100%; }
.content_box-report{ float:left; margin-left:5px; }
.company_profile_left{width:50%; float:left;}
.company_profile_left td{ font-size:14px;}

.company_profile_right{width:50%; float:left;}
.company_profile_right td{ font-size:14px;}

.dashboard_content_box ul{padding:0px; margin:0px; text-align:center;}
.dashboard_content_box li{list-style-type:none; list-style:none;  display:inline-block; text-align:center; width:32%; padding:2% 0px; margin-right:1%; margin-bottom:1%; float:none!important;}
.dashboard_content_box li a{ font-size:24px; font-weight:40; color:#FFF; text-align:center; float:left; text-decoration:none; width:100%;}
.dashboard_content_box li a span{ font-size:14px; }
.box1{background-color:#f37b53; font-size:14px; float:left; border-bottom:solid 5px #d24d21;}

.box2{background-color:#959801; font-size:14px; float:left; border-bottom:solid 5px #7a7c00;}
.box3{background-color:#ffb400; font-size:14px; float:left; border-bottom:solid 5px #ca8f00;}
.box4{background-color:#74b749; font-size:14px; float:left; border-bottom:solid 5px #509a21;}
.box5{background-color:#847cc5; font-size:14px; float:left; border-bottom:solid 5px #574cb2;}
.box6{background-color:#61b9ff; font-size:14px; float:left; border-bottom:solid 5px #2289dc;}
.box7{background-color:#00a489; font-size:14px; float:left; border-bottom:solid 5px #017d69;}
.add_btn{ background-color:#2196f3; float:right; color:#FFF; padding:3px 10px; margin-left:5px; font-weight:400; font-size:16px; text-decoration:none; border-right:solid 5px #FFFFFF; border:none;}
.add_btn:hover{background-color:#0c7cd5}

.single_bid_view_area{float:left; overflow:auto; width:100%; height:550px;}
.td_heading{ background-color:#a0b9d8; min-height:30px; border-right:solid 1px #CCCCCC;
background: -webkit-gradient(linear, center top, right top, from(#a0b9d8), to(#ced7e6)); 
 background: -webkit-linear-gradient(center, #a0b9d8, #ced7e6); 
  background: -moz-linear-gradient(center, #a0b9d8, #ced7e6); 
   background: -ms-linear-gradient(center, #a0b9d8, #ced7e6); 
    background: -o-linear-gradient(center, #a0b9d8, #ced7e6);
 font-size:12px; font-weight:600;
 
 }

.td1{border-bottom:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; font-size:14px;}

.input{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #dcddde;
    box-shadow: 3px 3px 3px #efefef inset;
    color: #8c99a9;
    font-family: "Open Sans","sans-serif";
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    margin-bottom: 5px;
    padding: 3px;
    width: 35px;
}

.blockbid_input{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #dcddde;
    box-shadow: 3px 3px 3px #efefef inset;
    color: #8c99a9;
    font-family: "Open Sans","sans-serif";
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    margin-bottom: 5px;
    padding:3px;
    width: 245px;
}



.input2{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #dcddde;
    box-shadow: 3px 3px 3px #efefef inset;
    color: #8c99a9;
    font-family: "Open Sans","sans-serif";
    font-size: 12px;
    font-weight: 700;
       padding: 10px 6px 10px; float:left;
	   width:300px;
   
}

.input3{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #dcddde;
    box-shadow: 3px 3px 3px #efefef inset;
    color: #8c99a9;
    font-family: "Open Sans","sans-serif";
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    padding: 5px 6px 4px;
    width: 305px;
}

.form_checkboxt{ float:left; color: #8c99a9; font-size: 12px;font-weight:700; margin-right:10px;}
.INRRate{float:left; background-color:#c20000; color:#FFF; padding:5px 15px; font-weight:600;}
.date_picker{width:100%; float:left; margin:0px 0px 20px 0px;}
.search_btn{padding: 8px 15px; background-color:#f27f22; color:#FFF; color:#FFF; border:none; font-size:14px; cursor:pointer;}
.month-prev a{visibility:hidden;}
.month-next a{visibility:hidden;}
.error_msg{color:#FFF; text-align:center}

#supercal .ui-datepicker-inline{ width:99%;}
#supercalblock .ui-datepicker-inline{ width:99%;}
.right_panel{ width:25%; float:right;}
