body {
        font-family: 'FontAwesome';
        margin: auto;
        background-image:url(/EIntecon/global/images/body_p-bg.png);
        background-position:center top;
        background-repeat:repeat-x;
        overflow:auto;
    }


@font-face {
    font-family: 'FontAwesome';
    src: url('/EIntecon/global/Fonts/opentype.eot') format('embedded-opentype');
    src: url('/EIntecon/global/Fonts/opentype.woff') format('woff'), url('/EIntecon/global/Fonts/opentype.ttf') format('truetype');
    font-weight:400;
}

#header_p_wrapper{
    float:left;
    width:100%;
    background-image:url(/EIntecon/global/images/header_p-bg.png);
    background-position:center center;
    background-repeat:repeat-x;
}

#header_p_container{
    float:left;
    width: 100%;
}

#header_p{
    margin:auto;
    width:1300px;
    height:140px;
}

.footer_p{
	text-align:right; 
	margin-top:9%; 
	padding-top: 8px;
	font-size:12px;
}

.footer_p a{font-size: 14px; font-weight: 600; color:#333; margin-left:5px;}
.footer_p a:hover{color:#555;}

.logo_p{
        float:left;
        /*margin-top:40px;*/
       	margin-top:20px;
    }


#company_name_container{
    float:right;
    width:600px;
    height:40px;
    /*background-color:orange;*/
    margin-top:15px;
}
#company_name_container span{
	float: right;
	margin-top: 30px
}

#compnay_info{
    float:right;
    width:380px;
    margin-right:15px;
    border-radius:5px;
    background-color:#F9F9F9;
    border:1px solid #E5E5E5;
    padding:5px;
    font-size:12px;
    text-align:center;
}

#left_menu{
    float:left;
    width:213px;
height: auto;
    border:1px solid #333333;
   
    /*background-color:orange;*/
}

#left_menu_v_header{
    float:left;
    width:35px;
    height: auto;
    background-color:/*#484848*/#ADD8E6;
    background-image:url(/EIntecon/global/images/left_menu_v_header-bg.png);
    background-position:center center;
    background-repeat:no-repeat;
}

.left_menu_header{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 59%, #d8d8d8 100%, #f8f8f8 100%, #e2e2e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(59%,#f3f3f3), color-stop(100%,#d8d8d8), color-stop(100%,#f8f8f8), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 59%,#d8d8d8 100%,#f8f8f8 100%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 59%,#d8d8d8 100%,#f8f8f8 100%,#e2e2e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 59%,#d8d8d8 100%,#f8f8f8 100%,#e2e2e2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 59%,#d8d8d8 100%,#f8f8f8 100%,#e2e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
font-size:16px;
}

#left_menu ul{
    margin-left:-4px;
    margin-top:0px;
    margin-bottom:0px;
    list-style:none;
    float:left;
    width:auto;
    height:auto;
}



#left_menu ul li{
    float:left;
    width:172px;
    padding:7px 0px 7px 5px;
    float:left;
    margin:0px;   
    width:172px;
    background-color:/*#EEEEEE*/#F8F8F8;
    border-top:1px solid #d1d1d1;
    border-bottom:1px solid #d1d1d1;
}

#left_menu ul li a{
    font-size:12px;
    text-decoration:none;
    color:#333333;
}

#left_menu ul li a:hover{
    color:#999999;
}

.btn_change{

float:right;
width:90px;
height:28px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 35%, #e2e2e2 54%, #f8f8f8 75%, #f8f8f8 100%, #f8f8f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f4f4f4), color-stop(54%,#e2e2e2), color-stop(75%,#f8f8f8), color-stop(100%,#f8f8f8), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 35%,#e2e2e2 54%,#f8f8f8 75%,#f8f8f8 100%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 35%,#e2e2e2 54%,#f8f8f8 75%,#f8f8f8 100%,#f8f8f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 35%,#e2e2e2 54%,#f8f8f8 75%,#f8f8f8 100%,#f8f8f8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 35%,#e2e2e2 54%,#f8f8f8 75%,#f8f8f8 100%,#f8f8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
border:1px solid #E5E5E5;
border-radius:5px;
font-size:12px;


}

.btn_change:hover{
    background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 1%, #ffffff 53%, #f8f8f8 55%, #f8f8f8 57%, #f8f8f8 75%, #e2e2e2 100%, #f8f8f8 100%, #e2e2e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f4f4), color-stop(53%,#ffffff), color-stop(55%,#f8f8f8), color-stop(57%,#f8f8f8), color-stop(75%,#f8f8f8), color-stop(100%,#e2e2e2), color-stop(100%,#f8f8f8), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 1%,#ffffff 53%,#f8f8f8 55%,#f8f8f8 57%,#f8f8f8 75%,#e2e2e2 100%,#f8f8f8 100%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 1%,#ffffff 53%,#f8f8f8 55%,#f8f8f8 57%,#f8f8f8 75%,#e2e2e2 100%,#f8f8f8 100%,#e2e2e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 1%,#ffffff 53%,#f8f8f8 55%,#f8f8f8 57%,#f8f8f8 75%,#e2e2e2 100%,#f8f8f8 100%,#e2e2e2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 1%,#ffffff 53%,#f8f8f8 55%,#f8f8f8 57%,#f8f8f8 75%,#e2e2e2 100%,#f8f8f8 100%,#e2e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}

.btn_accept{

float:left;
width:90px;
height:28px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 35%, #e2e2e2 54%, #f8f8f8 75%, #f8f8f8 100%, #f8f8f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f4f4f4), color-stop(54%,#e2e2e2), color-stop(75%,#f8f8f8), color-stop(100%,#f8f8f8), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 35%,#e2e2e2 54%,#f8f8f8 75%,#f8f8f8 100%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 35%,#e2e2e2 54%,#f8f8f8 75%,#f8f8f8 100%,#f8f8f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 35%,#e2e2e2 54%,#f8f8f8 75%,#f8f8f8 100%,#f8f8f8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 35%,#e2e2e2 54%,#f8f8f8 75%,#f8f8f8 100%,#f8f8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
border:1px solid #E5E5E5;
border-radius:5px;
font-size:12px;

}

.btn_accept:hover{
    background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 1%, #ffffff 53%, #f8f8f8 55%, #f8f8f8 57%, #f8f8f8 75%, #e2e2e2 100%, #f8f8f8 100%, #e2e2e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f4f4), color-stop(53%,#ffffff), color-stop(55%,#f8f8f8), color-stop(57%,#f8f8f8), color-stop(75%,#f8f8f8), color-stop(100%,#e2e2e2), color-stop(100%,#f8f8f8), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 1%,#ffffff 53%,#f8f8f8 55%,#f8f8f8 57%,#f8f8f8 75%,#e2e2e2 100%,#f8f8f8 100%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 1%,#ffffff 53%,#f8f8f8 55%,#f8f8f8 57%,#f8f8f8 75%,#e2e2e2 100%,#f8f8f8 100%,#e2e2e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 1%,#ffffff 53%,#f8f8f8 55%,#f8f8f8 57%,#f8f8f8 75%,#e2e2e2 100%,#f8f8f8 100%,#e2e2e2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 1%,#ffffff 53%,#f8f8f8 55%,#f8f8f8 57%,#f8f8f8 75%,#e2e2e2 100%,#f8f8f8 100%,#e2e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft..gradient( startColorstr='#f4f4f4', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */

}

#company_info_2{
     float:left;
     width:100%;
     text-align:center;
     margin-top:10px;
     font-size:14px;
}


.breadcrump{
    float:left;
    width: 82%;
    position:relative;
    height:auto;
    /*background-color:orange;*/
    font-size:12px;
    padding-left:20px;
    padding-top:15px;
    padding-bottom:9px;
    border-bottom:1px solid #d1d1d1;
}

.breadcrump .span{
    float:left;
    background-image:url(/EIntecon/global/images/arrow.png);
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:20px;
   

}

.breadcrump .span1{
    float:left;
    margin-left:15px;
    color:red;
}

.breadcrump .span1 a{
    color:red;
    text-decoration:none;

}

.content_wrapper{
    float:left;
    min-width:100%;

}

.content_container{
    margin:auto;
    width:1349px;

}

.content{
    float:left;
    max-width:81%;
    min-height:200px;
    /*background-color:orange;*/
    padding-left:20px;
    padding-top:20px;
    text-align:center;

}

.content-invoice{
float:left;
width:1065px;
padding:5px;
}

/*.right_content{
	float:right;
	width:100%;
}*/


.select{float:left; width:190px; padding:5px; border-radius:5px; }
.select2{float:left; padding:5px; border-radius:5px; }
.texbox{float:left; width:350px; padding:5px; border-radius:5px; border:1px solid #D1D1D1;}

.texbox2{float:left; padding:5px; border-radius:5px; border:1px solid #D1D1D1;}

.button{
    padding:5px 10px;
    background-color:lightblue; 
    border:none;
    border-radius:5px;
    border:1px solid lightblue;

}

.button:hover{
    background-color:#d1eaf2;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;

}

.button-ara{
    padding:10px 30px;
    background-color:lightblue;
    border:none;
    border-radius:5px;
}

.button-ara:hover{
   
background-color:#d1eaf2;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;

    }


.box_wrapper{
    float:left;
    width:100%;
    min-height:150px;
    border:1px solid #E0E0E0;
    border-radius:5px;
    padding-top:10px;
    padding-bottom:20px;
    padding-left:15px;
    /*background-color:orange;*/
}

.box_balance{
    margin:auto;
    width:100%;
    height:auto;
}

.box{
    display:inline-block;
    width:215px;
    min-height:120px;
    /*background-color:lightblue;*/
}

.box_container{
    float:left;
    width:100%;
    min-height:34px;
    /*background-color:lightgreen;*/
    padding:5px 0px 0px 0px;
}

.box_container span{
    float:left;
    font-size:13px;
    font-weight:400;
}


.margin-top-10{
    margin-top:10px;
}


#grid_wrapper{
    float:left;
    width:100%;
    margin-top:10px;
    /*overflow:auto;*/
}

#grid_container{
    margin:auto;
    max-width:872px;
}

.grid_wrapper{
    float:left;
    width:100%;

}


.table_1 {
    float: left;
    width: auto;
    border-top:1px solid lightblue;
    border-right:1px solid lightblue;
}
    
    

.table_2 {
        float: left;
        width: auto;
        border: 1px solid lightgray;
    }
    
.table_2 td{
 font-size:13px;
 padding:5px;
 font-weight: 400;
}

.table_2 td a {
    text-decoration:underline;
}

.password_container{
    float:left;
    width:250px;
    height:auto;
    border-right:1px solid lightblue;
    padding-right:30px;
}

.span_container{
    float:left;
    width:100%;
    margin-bottom:25px;
}


.span_password{
    float:left;
    width:50%;
}

.span_container span{
    float:left;
    font-size:14px;
   
}

.texbox_container{
    float:left;
    width:250px;
    height:auto;
    padding-left:30px;
}

.text_container{
    float:left;
    width:100%;
    margin-bottom:10px;
}

    .login_wrapper {
        float: left;
        width: 100%;
        height: auto;
        margin-top: 60px;
        background-image: url('/EIntecon/global/images/Intecon_logo_gray.png');
        background-position: center center;
        background-repeat: no-repeat;
    }

.login_container{
    margin:auto;
    width: 600px;
    height: 240px;
    padding-top: 60px;
    /*background-color:orange;*/
    /*background-color:#f1f1f1;*/
    border-radius:10px;
    /*background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );*/

background-image:url('/EIntecon/global/images/login-bg.png');
background-position:left center;
background-repeat:repeat;

-webkit-box-shadow: 0px 0px 63px 3px rgba(230,227,230,1);
-moz-box-shadow: 0px 0px 63px 3px rgba(230,227,230,1);
box-shadow: 0px 0px 63px 3px rgba(230,227,230,1);

}

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



.login_div{
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    width: 380px;
    height:auto;
    margin-bottom:15px;
}

.login_span_container{
    float:left;
    width: 156px;
    margin-top:5px;

}

.login_text_container{
    float:left;
    width: 224px;
}


@media only screen and (max-width: 1280px)  {
	.content_container{
    margin:auto;
    width: 100%;

}

.content{
    float:left;
    width: 80%;
    min-height:200px;
    /*background-color:orange;*/
    padding-left:20px;
    padding-top:20px;
    text-align:center;

}

#header_p{
    margin:auto;
    width:1243px;
    height:140px;
}

.breadcrump{
    float:left;
    width: 78%;
    position:relative;
    height:auto;
    /*background-color:orange;*/
    font-size:12px;
    padding-left:20px;
    padding-top:15px;
    padding-bottom:9px;
    border-bottom:1px solid #d1d1d1;
}

.box_wrapper{
    float:left;
    width:100%;
    min-height:150px;
    border:1px solid #E0E0E0;
    border-radius:5px;
    padding-top:10px;
    padding-bottom:20px;
    padding-left:0px;
    /*background-color:orange;*/
}

.box{
    display:inline-block;
    width:195px;
    min-height:120px;
    /*background-color:lightblue;*/
}




#grid_wrapper{
    float:left;
    width:100%;
    margin-top:30px;
    overflow:auto;
	padding-bottom:10px;
}
}

@media only screen and (max-width: 1024px) {

	.content_container{
    margin:auto;
    width: 100%;

}

.content{
    float:left;
    width: 76%;
    min-height:200px;
    /*background-color:orange;*/
    padding-left:20px;
    padding-top:20px;
    text-align:center;

}

#header_p{
    margin:auto;
    width:985px;
    height:140px;
}

.breadcrump{
    float:left;
    width: 76%;
    position:relative;
    height:auto;
    /*background-color:orange;*/
    font-size:12px;
    padding-left:20px;
    padding-top:15px;
    padding-bottom:9px;
    border-bottom:1px solid #d1d1d1;
}

.box_wrapper{
    float:left;
    width:100%;
    min-height:150px;
    border:1px solid #E0E0E0;
    border-radius:5px;
    padding-top:10px;
    padding-bottom:20px;
    padding-left:0px;
    /*background-color:orange;*/
}

.box{
    
 float:left;
 margin-left:9px;
    max-width: 135px;
    min-height:120px;
    /*background-color:lightblue;*/
}



#grid_wrapper{
    float:left;
    width:100%;
    margin-top:30px;
    overflow:auto;
	padding-bottom:10px;
}

.select{float:left; width:130px; padding:5px; border-radius:5px; }
.texbox{float:left; width:120px; padding:5px; border-radius:5px; border:1px solid #D1D1D1;}

}


.left-logo{
	z-index:10;
	position:absolute;
	margin-left:0px;
	margin-top: 141px;
	width: 36px;
	height:100%;
	background-image:url(../images/left_menu_v_header-bg.png);
	background-position:center 100px;
	background-repeat:no-repeat;
	background-color:#ADD8E6;
}


@media only screen and (max-width: 1925px) and (min-width:1681px) {

	.content_container{
    margin:auto;
    width: 1920px;

}

.footer_p{
	text-align:right; 
	margin-top:7.6%; 
	padding-top: 5px;
	
}

	#header_p{
     margin:auto; 
    display:block;
    
     width: 1852px;
    height:140px;
}

.content{width:88%;}

}


@media only screen and (max-width: 1680px) and (min-width:1601px) {

	.content_container{
    margin:auto;
    width: 1680px;

}


	#header_p{
     margin:auto; 
    display:block;
    
     width: 1652px;
    height:140px;
}

.content{width:100%;}


}


@media only screen and (max-width: 1600px){
	.content_container{
    margin:auto;
    width: 1583px;
	background-color:orange;

}


	#header_p{
     margin:auto; 
    display:block;
    
     width: 1510px;
    height:140px;
}

.content{width:86%; }


}


@media only screen and (max-width: 1480px)  {

.content{max-witdh:80%;}

}


@media only screen and (max-width: 1440px) and (min-width:1401px) {
	.content_container{
    margin:auto;
    width: 1423px;
	background-color:orange;

}


	#header_p{
     margin:auto; 
    display:block;
    
     width: 1367px;
    height:140px;
}

}



@media only screen and (max-width: 1400px) {
	.content_container{
    margin:auto;
    width: 1400px;
	background-color:orange;

}


	#header_p{
     margin:auto; 
    display:block;
    
     width: 1330px;
    height:140px;
}

}



@media only screen and (max-width: 1366px) {
	.content_container{
    margin:auto;
    width: 1349px;
	background-color:orange;

}


	#header_p{
     margin:auto; 
    display:block;
    
     width: 1280px;
    height:140px;
}

}


@media only screen and (max-width: 1360px) {
	.content_container{
    margin:auto;
    width: 1343px;
	background-color:orange;

}


	#header_p{
     margin:auto; 
    display:block;
    
     width: 1270px;
    height:140px;
}

}



@media only screen and (max-width: 1280px) {
	.content_container{
    margin:auto;
    width: 1280px;
	background-color:orange;

}


	#header_p{
     margin:auto; 
    display:block;
    
     width: 1210px;
    height:140px;
}

}