/*@charset "utf-8";
@import url("../../DB_Helvethaica_X_65_Med/stylesheet.css");*/
@viewport { width: 320px; }

*{
  /*font-family: "DB Helvethaica X 65 Med", Tahoma, "MS Sans Serif", Arial;*/
  font-family: Tahoma, "MS Sans Serif", Arial;
  font-size:14px;
  line-height: 20px;
}

.ui-body-c, .ui-overlay-c { text-shadow:none; }

a{ text-shadow: none;}



@media only screen and (max-width: 320px) {
    /* Smart Phone */    
    .logo_img{
       width:100px;
    }
    .header{
        width:95%;
    }
}
@media only screen and (max-width: 766px) {
    /* Tablet */    
    .logo_img{
       width:100px;
    }
    .header{
        width:95%;
    }
}

@media only screen and (min-width: 768px) {
    /* desktop */
    .logo_img{width:155px;}
    .header{
        width:700px;
    }
}
.ui-btn-text {
    font-size: 25px; /* Play with font size of the text */
}

.content{
    margin:0 auto;
}
.input{
    margin-top:20px;
    width:280px;
}
.logo_div{
	margin:0 auto;
	text-align:center;
	margin-top:5%;
}
h3{
	font-size:1.5em;
        line-height:1em;
}
.header{
    margin:0 auto;
    text-align:center;
    font-size:1.5em;
    line-height:1em;
    font-weight: bold;
    margin-top:5px;
}

.textlink_div{
    color:gray;
    text-align:right;
    font-size:.9em;
    text-decoration: underline;
    
}

.page_title_bg{
    background-image: url(../../../images/page_title_bg.png);
    /*background-repeat:  repeat-x;*/
    height:46px;
}
.page_title_img{
    float:left;
    height:46px;
}
.page_title_txt{
    /*float:left;*/
    color:white;
    font-weight: bold;
	padding:9px 0px 0px 80px;
    text-shadow: none;
	font-size: 14px;
	text-align: center;
	/*width:220px;*/
	background-image: url(../../../images/page_title_logo.png);
	background-repeat:no-repeat;
}
.osu_page_title_img{
    float:left;
    height:46px;
    /*background: white;*/
    width: 15%;
}
.page_title_previous a:link {
    text-decoration: none;
    color:white;
    font-size: 1.5em;
}
.page_title_previous {
    padding-top:15px; 
    text-align: center;
    line-height: 14px;
    color: white;
    font-weight: bold;
    text-shadow: none;
    width: 15%;
    height: 68%;
    float: left;
}
.page_title_txt2 {
    padding-top:10px; 
    text-align: center; 
    line-height: 14px;
    color:white;
    font-weight: bold;
    text-shadow: none;
    width: 45%;
    height: 75%;
    float: left;
}
.page_title_next a:link {
    text-decoration: none;
    color:white;
    font-size: 1.5em;
}
.page_title_next {
    padding-top: 15px; 
    text-align: center; 
    line-height: 14px;
    color: white;
    width: 15%;
    height: 68%;
    float: left;
}
.page_title_clock {
    padding-top:15px; 
    text-align: center; 
    line-height: 14px;
    color: white;
    height: 55%;
    float: right;
    width: 10%;
}

.page_title_txt2 a:visited {
    text-decoration: none;
    color:white;
    font-size: 1.5em;
}
.page_title_txt2 a:active {
    text-decoration: none;
    color:white;
    font-size: 1.5em;
}
.page_title_txt2_line2{
    text-align: center; 
    line-height: 12px;
    color:white;
    font-weight: bold;
    text-shadow: none;
    /*background-color:yellow; */
}
.page_title_loginby_txt{font-size:12px; font-weight:normal;
	padding: 2px 5px 0px 5px;
	text-align:left;
	background-color:#0368c2;
	line-height:15px;
}
.page_title_username_txt{font-size:12px; font-weight:normal;
	padding: 0px 5px 3px 5px;
	text-align:left;
	line-height:17px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	width:100px;
	background-color:#0368c2;
}

#page_title_back{
    float:left;
    color:white;
    font-weight: bold;
    padding-top:3px;
    padding-right:0px;
    text-shadow: none;
    cursor:pointer;
	/*font-size: 24px;*/
}
#page_title_back a{
    background-color: transparent; border: none;
}
.page_title_back a:hover{
    color:orange;
}
.page_title_back a:link{
	text-decoration: none;
	color:white;
	font-size: 1em;
	font-weight: bold;
	font-family:   tahoma;
}
.page_title_back a:visited{
	color:white;
}
.page_title_change{
    color:white;
    font-weight: bold;
    padding-top:15px;
    padding-right:10px;
    text-shadow: none;
    cursor:pointer;
}

.popup_header{
    padding:5px;
    text-align:center;
    font-size:14px;
}
a:hover{
    font-weight: normal;
    color:orange;
}
a:visited{
    font-weight: normal;
    color:silver;
}
a:link{
    font-weight: normal;
    color:gray;
}
.login_message{
    padding-top:7px;
    color:red;
    text-align:center;
/*    background-color:white;*/
}
.sale_name{
	font-family: sans-serif, tahoma;
	font-size:1em;
	margin:0px 2% 0px 0px;
}
.nodata{
	text-align: center;
	padding: 10% 1% 0 1% ;
	font-size: 16px;
}

/*------- PRICE STRUCTURE ----------------------------------------------*/
#price_structure_tab{margin:0px;height:37px;max-height: 37px;}
.bg_OPEN{background-image: url(../../../images/bg_tab_open.png);}
.bg_PR{background-image: url(../../../images/bg_tab_pr.png);}
.bg_LOSS{background-image: url(../../../images/bg_tab_loss.png);}
#tab_open{
	background-color: #f38120;
	margin: 1px 1px 0 2px;
	width:33%;
        height:31px;
}
#tab_open:hover{
	color:#f5d20a;
	box-shadow: 0px 0px 5px 0px rgba(255, 128, 0, 0.75);
}
#tab_pr{
	background-color: #5dd813;
	margin: 1px 1px 0 1px;
	width:31%;
        height:31px;
}
#tab_pr:hover{
	color:#00ff00;
	box-shadow: 0px 0px 5px 0px rgba(0, 255, 0, 0.75);
}
#tab_loss{
	background-color: #035ba9;
	margin: 1px 1px 0 1px;
	width:33%;
        height:31px;
}
#tab_loss:hover{
	color:#0080ff;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 255, 0.75);
}
.tab_style{
	height:23px;
	float:left;
	-webkit-border-radius: 5px 5px 0px 0px; 
	border-radius: 5px 5px 0px 0px;
	padding-top:8px;
	text-align: center;
	color:white;
	font-size:1em;
	cursor:pointer;
	text-shadow: 0 0 0;
	font-weight: bold;
}
.tab_style:hover{
	/*color:yellow;*/
}
.price_structure_row{
	border-bottom: 1px solid silver;
	min-height:70px;
}
.price_structure_row:hover{background-color:#e8f3ff; cursor: pointer;}

.price_structure_row .date{float:left; width:11%; padding-left:1%;}
.price_structure_row .data{float:left; width:86%; border-left: solid 1px silver; margin:0px; padding-left:1%; height: 70px;}
.price_structure_row .date .day{text-align:center; font-size:20px;margin-top:8px; line-height: 18px;/*background-color:silver; */}
.price_structure_row .date .month{text-align:center;line-height: 12px; margin-top:5px; white-space: nowrap; overflow: hidden;  /*background-color:red; */}
.price_structure_row .date .year{text-align:center; font-size: 12px; line-height: 16px; /*background-color:green; */}
.price_structure_row .data .row1{margin-top:5px;}
.price_structure_row .data .row1 .brand{float:left; width:65%; color:navy; font-weight: bold;/*background-color:silver; */}
.price_structure_row .data .row1 .amount{float:right; width:33%; text-align: right; margin-right:2%; font-size:16px;color:#d20000; font-weight:bold;/*background-color:white;*/}
.price_structure_row .data .row2{clear:both;}
.price_structure_row .data .row2 .submodel{float:left; width:61%;color:#5b5b5b; font-weight: 500; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.price_structure_row .data .row2 .netprice{float:right; width:37%; text-align:right; margin-right:2%; font-size:14px; font-weight: bold; color:#5b5b5b;}
.price_structure_row .data .row3{clear:both;}
.price_structure_row .data .row3 .company{float:left; width:65%; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; color:#f38120; /*background-color:silver;*/}
.price_structure_row .data .row3 .rv{float:right; width:30px; text-align: right; color:#035ba9;/*background-color:white;*/}
.price_structure_row .data .row3 .type{float:right; width:30px; text-align: right; color:#5dd813;/*background-color:red;*/}
.price_structure_row .data .row3 .years{float:right; width:30px; margin-right:2%; text-align: right; color:#f38120;/*background-color:blue;*/}
.price_structure_row .data .row4 .issue_info{float:left; width:100%; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; color:#88d332;  /*background-color:silver;*/}
.price_structure_row .data .row4 .pr_amount{float:right; width:30%; text-align: right; color:#035ba9; margin:0 12px 0 0;font-size:14px; font-weight: bold;/*background-color:white;*/}


.list_brand{color:navy; font-weight: bold;}
.list_submodel{width:100%; color:#5b5b5b; font-weight: 500; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}

/*------ CUSTOMER SELF SERVICE ------------------------------------*/
.company_row {clear:both;	border-bottom: 1px solid silver; min-height:70px; width:100%;}
.company_row:hover{background-color:#dfdfff; cursor: pointer;}
.company_row .company{padding:8px 2% 5px 2%;color:navy; font-weight: bold; }
.company_row .contract{float:left; padding:5px 2% 5px 2%;color:navy; }
.company_row .vehicle{float:right; padding:5px 2% 5px 2%;color:#f38120; }

.approve_icon {text-align: center;}
.approve_icon img{width:30px;}

    .header_price{
        font-size:18px;
        font-weight:bold;
        text-align:right;
    }
    .header_status{
        background-repeat:no-repeat;
        background-size:20px, 20px;
        text-align:left;
        width:82px;
        padding: 0px 0px 0px 22px;
        font-size:14px;
    }
    .status_APPROVED{background-image: url(../../../images/approved.png);}
    .status_REJECTED{background-image: url(../../../images/rejected.png);}
    .status_CALCULATE{background-image: url(../../../images/calculate.png);}
    .status_WAITAPPV{background-image: url(../../../images/waitclock.png);}
    .ae_info{color: #88d332; min-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .ae_name{position: relative; top:-1px; font-size: 13px;}
    .ae_date{position: relative; top:-1px; font-size: 11px;}
    .ae_time{position: relative; top:-1px; font-size: 11px;}