/*-------------*/

.disabled{
    display:none;
}

.fl{
    float: left;
}
.fr{
    float: right;
}
.red{
    color: #ff6900;
    margin: 0;
    padding: 0;
}
ul{ margin: 0; padding: 0;}
li{ list-style: none; margin:0; }
a:hover{ text-decoration: none;}
.mt-40{ margin-top: 40px;}
.mr-10{ margin-right: 10px;}
.mr-25{ margin-right: 25px;}
.fsize20{ font-size: 20px;}
.fsize30{ font-size: 30px;}
.mycustomer{ min-height: 700px;}
.mycustomer #pager{
    text-align: center;
}

.mycustomer ul.pagination li > a:hover{ background: #fb6d4a; color: #FFF;}
.mycustomer h2{ color: #666666;}


.mycustomer .navbox{
    box-shadow: 1px 1px 10px #adadab;
    background: #FFFFFF;
    border-radius: 3px;
    margin: 20px 0;
    overflow: hidden;
}
.mycustomer .navbox li a {
    background-color: transparent;
    color: #989797;
    padding: 18px 0;
    display: block;
    text-align: center;
}
.mycustomer .navbox .add-new-job{
    text-align: right;
}
.mycustomer .navbox .add-new-job a{
    color: #ff6900;
}
.mycustomer .navbox .add-new-job img{ margin-right: 10px; width: 10px; height: 10px;}

.mycustomer .navbox .add-new-job img{
    color: #d4d4d4;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}
.mycustomer .navbox .add-new-job:hover img{
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}
.mycustomer .navbox li a:hover {
    background-color: #f3f3f3;
    text-decoration: none;
}
.mycustomer .navbox li .current{
    background-color: #f3f3f3;
}


/*Active Jobs*/
.actbox{
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid #dddddd;
    font-size: 14px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    background: #FFFFFF;
}
.actbox h4{
    overflow: hidden;
    clear: both;
    color: #666666;
    font-size: 16px;
    background: #f4f4f4;
    margin: 0;
    padding: 15px 0;
}
.actbox h4 .day{
    color: #999999;
    text-align: right;
    font-size: 14px;
}
.actbox .info{
    overflow: hidden;
}
.actbox .info p{
    overflow: hidden;
    margin: 0;
    font-size: 16px;
    color: #333333;
}
.actbox .info .filename{
    margin-right: 20px;
    float: left;
    margin-top: 10px;
}
.actbox .info .tagbox{
    float: left;
    margin-top: 10px;
}
.actbox .info .tagbox .tag{
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 20px 0 0;
    padding: 0 5px;
    font-size: 14px;
}
.actbox .probox{
    padding: 10px 0;
    overflow: hidden;
}
.actbox .progress{
    height: 12px;
    margin-bottom: 0;
    margin-top: 6px;
    float: left;
    margin-right: 8px;
    width: 270px;
}
.actbox .progress span{
    float: right;
}
.actbox .progress .bar{
    background: #ff6900;
    box-shadow: none !important;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    transition: width 0.6s ease 0s;
}
.actbox .user{
    padding: 10px 0;
    text-align: center;
    overflow:hidden;
}
.actbox .user .userimg{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    float: left;
    vertical-align: middle;
    position: relative;
    top: -3px;
    margin-right: 10px;
}
.actbox .user p{
    margin: 8px 0;
}
.actbox .star{
    width: 103px;
    height: 19px;
    float: left;
}

.actbox .undone .btn-default{
    background: none;
    border: 1px solid #d8d8d8;
    color: #d8d8d8;
}
.pending{overflow: hidden;}
.pending h4{ font-size: 16px; color: #666666;}
.pending .close {
    font-size: 0;
}
.pending .close img{
    color: #d4d4d4;
    width: 8px;
    margin-left: 16px;
    margin-top: 3px;
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}
.pending .close:hover img{
    color: #999999;
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}
.pending h4 .number {
    color: #999999;
    float: right;
    text-align: right;
}
.pending .pend-l h5{ margin:16px 0; color: #666666;}
.pending .pend-l p{ margin-bottom: 16px;}
.pending .pend-l .tag{
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 0 0 20px;
    padding: 0 5px;
    font-size: 14px;
}
.pending .pend-l img{ width: 18px; height: 18px; border-radius: 50%; border: 1px solid #cccccc; margin-right: 6px; position: relative; top: -2px;}
.pending .pend-l p{ font-size: 14px;}
.pending .pend-l .flag_to{ overflow: hidden;}
.pending .pend-l .flag_to span{ float: left; display: block; padding: 0; margin:0;}
.pending .pend-l .flag_to ul{ float: left; padding: 0; margin: 0;}
.pending .pend-l .flag_to li{ display: block; float: left; margin-right: 16px; font-family: "Source Sans Pro",sans-serif;}
.pending .pend-r{ margin-top: 20px;}
.pending .pend-r p{ margin: 0 20px; text-align: right; margin-top: 20px;}
.pending .pend-r span{ font-size: 30px; color: #ff6900;}
.order-number{
    padding:0 15px 15px 15px;
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid #dddddd;
    font-size: 14px;
    margin-bottom: 20px;
    background: #FFFFFF;
}
.mycustomer .total .total-b span{ font-size: 14px; margin-right: 16px;}
.mycustomer .total .total-b a{
    border-radius: 4px;
    font-size: 18px;
    line-height: 1.46667;
    padding: 4px 20px;
}
.mycustomer .total p{ text-align: right;}

/*Account Settings*/
.pre-data .panel-heading a{ padding: 10px 15px; color: #666666; width: 50%;}
.pre-data .panel-heading .alter{ float: right; color: #ff6900; float: right; width: auto;}
.pre-data h4{ overflow: hidden;}
.pre-data .panel-heading .data-tit{ width: 50%;}
.pre-data .panel-collapse ul li{ margin: 8px 0; color: #666666; overflow: hidden;}
.pre-data .panel-collapse ul span{ display: block;}
.pre-data .panel-collapse ul .mane{ margin-right: 15px; color: #999999; font-weight: bold; width: 177px; display: block; float: left;}
.pre-data .panel-collapse ul input[type="text"]{
    min-width: 500px;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    display: block;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    outline: medium none;
    padding: 0 15px;
    position: relative;
    resize: none;
    transition: all 0.2s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}
.pre-data .panel-collapse ul input[type="text"]:hover,.pre-data .panel-collapse ul input[type="text"]:focus{
    border-color: #ff6900;
}



/*Billing & Payments*/
.billbox .tabnav{ margin-left: 20px; clear: both; overflow: hidden; margin-bottom: -1px;}
.billbox .tabnav li{
    border-color: #eaeaea;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    margin-right: 15px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    float: left;
    overflow: hidden;
}
.billbox .tabnav li a{
    background: #f3f3f3;
    border: medium none;
    color: #181818;
    display: inline-block;
    margin: 0;
    padding: 10px 20px;
    border-top: 3px solid #f3f3f3;
}
.billbox .tabnav .current{
    border-bottom: 1px solid #FFFFFF;
}
.billbox .tabnav .current a{
    background-color: #FFFFFF;
    border-top: 3px solid #ff6900;
}
.billbox .bill,.billbox .order-history,.billbox .balance{
    padding: 15px;
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid #dddddd;
    font-size: 14px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    background: #FFFFFF;
}
.billbox .bill h4 a{ float: right; color: #ff6900;}
.billbox .bill ul{ padding: 15px;}
.billbox .bill ul li{ margin: 8px 0; color: #666666; overflow: hidden;}
.billbox .bill ul span{ display: block;}
.billbox .bill ul .mane{ margin-right: 15px; color: #999999; font-weight: bold; width: 177px; display: block; float: left;}

/*Balance*/
.billbox .balance{ padding:20px 15px;}

.billbox .balance thead th{ font-weight: bold; font-size: 16px;}
.billbox .balance table th,.billbox .balance table td{ text-align: center;}
.billbox .balance table td{ height: 32px; line-height: 32px;}
.billbox .balance table td .fa-check{ color: #1abc9c;}
.billbox .balance table td .fa-close{ color: #e74c3c;}
.billbox .balance .total{ margin-right: 62px;}



@media (max-width: 1024px) {
    .mycustomer{ padding: 0;}
    .mycustomer .navbar-default{
        background: none;
        border: none;
        float: left;
    }
    .mycustomer .navbar-header{
        background: none;
    }
    .mycustomer  .navbar-default .navbar-collapse{
        border: none;
    }
    .mycustomer .navbar-toggle{
        float: left;
        border: none;
        font-size: 2em;
        color: #ff6900;
        cursor:pointer;
        margin: 0;
        padding: 0;
    }
    .mycustomer .navbar-toggle:hover{
        background: none;
        margin: 0;
        padding: 0;
    }
    .mycustomer .navbar.navbar-default{
        margin: 0;
    }
    .actbox .tit{ display: none;}
}
@media (max-width: 992px){
    .actbox h4 .project{
    }
    .actbox h4 .day{margin-top: 5px;}
    .actbox .text-center .btn-lg{
        padding: 4px 15px;
    }
    .actbox .progress{
        width: 200px;
    }
    .actbox .text-center .btn-lg{
        padding: 2px 10px;
    }
    .actbox .info .tagbox .tag{
        margin: 0 8px 0 0;
    }

    }
    .pending .pend-l .flag_to span{ margin-bottom: 15px;}
    .pending .price{text-align: center; margin-top: 10px;}
    .mycustomer .total p{ text-align: center;}

@media (max-width: 768px){
    .actbox h4 .project,.actbox h4 .day{
        font-size: 12px;
    }
    .actbox h4 .day{margin-top: 5px;}
    .actbox .text-center .btn-lg{
        padding: 4px 15px;
    }
    .actbox .progress{
        width: 200px;
    }
    .actbox .text-center .btn-lg{
        padding: 2px 10px;
    }
    .actbox .info .tagbox .tag{
        margin: 0 8px 0 0;
    }

    .pending .pend-l .flag_to span{ margin-bottom: 15px;}
    .pending .price{text-align: center; margin-top: 10px;}
    .mycustomer .total p{ text-align: center;}
}


@media (max-width: 480px){
    .actbox h4 .project,.actbox h4 .day{
        font-size: 12px;
        float: right;
    }
    .actbox .text-center .btn-lg{
        padding: 4px 15px;
    }
    .actbox .progress{
        width: 200px;
    }
    .actbox .text-center .btn-lg{
        padding: 2px 10px;
    }
    .actbox .info .tagbox .tag{
        margin: 0 8px 0 0;
    }

    .pending .pend-l .flag_to span{ margin-bottom: 15px;}
    .pending .price{text-align: center; margin-top: 10px;}
    .billbox .tabnav{ margin-left: 0;}
    .billbox .tabnav li{ width: 100%;}
    .billbox .tabnav li a{ width: 100%;}
}
@media (max-width: 360px){
    .actbox .text-center .btn-lg{
        padding: 2px 10px;
    }
    .actbox .info .tagbox .tag{
        margin: 0 5px 0 0;
        font-size: 12px;
    }
    .actbox .user span{ font-size: 12px;}
    .pending .pend-l .flag_to span{ margin-bottom: 15px;}
    .pending .price{text-align: center; margin-top: 10px;}
}


.portrait{padding: 22px 0 5px 0;}
.portrait p{ text-align: center;}
.portrait p img{ width: 50px; height: 50px;}


/*----------project view--------------------------------------------------*/

.yincang{
	display:none;
}
.xianshi{
	display:block;
}

.customer-a a{ color: #333;}

/*----------common new version big number 2015-9-10--------------------------------------------------*/

/*
p{
    font-size: 15px;

}
*/

.ste-project-list{ background: #fff; padding: 15px; border-radius: 3px; margin-bottom: 20px; border: 1px solid #eee; }
.ste-project-list .form-control{background: #f9f9f9;}
.ste-project-list p{ font-size: 15px;}


/*--------------------------------------order histroy--------------------------------*/


 .font-big{font-size: 25px;}
 .font-sm{font-size: 18px;}

 .text-black{color: #555;}
 .text-grey-1{color: #999;}
 .text-red{color: #ff6900;}
 .text-white{color: #fff;}
 .big-number{ font-size: 25px; }
 .medium-number{ font-size:25px;  }
 .sm-word{ font-size: 16px;}


 .mr-sm-btn{
    margin-right: 5px !important;
}

.circle-algin{float: right;}
.circle-pd{padding-left:20px; padding-right: 20px;}

.btn-wid{ width: 180px;}
.btn-100-all{ width: 100%;}

.btn-mb{}




@media screen and (min-width: 992px) and (max-width: 1200px)  {

    .circle-algin{float: left;}
}


.btn.btn-default-1{
    background-color: #fff;
    border: #ff6900 1px solid;
    color: #ff6900;
    font-size: 16px;
    padding: 6px 26px;
    border-radius: 50px;
}
.btn.btn-default-1:hover {
    background-color: #ff6900;
    border-color: #e25637;
    color: #fff;
}

.btn.btn-default-sm{
    background-color: #ff6900;
    border: #e25637 2px solid;
    color: #fff;
    font-size: 14px;
    padding: 3px 6px;
    border-radius: 50px;
}
.btn.btn-default-sm:hover {
    background-color: #e25637;
    border-color: #e25637;
    color: #fff;
}

.btn.btn-default-sm:hover {
    background-color: #ff6900;
    border-color: #e25637;
    color: #fff;
}

.btn.btn-default-gray{
    background-color: #fff;
    border: #999 1px solid;
    color: #999;
    font-size: 16px;
    padding: 6px 26px;
    border-radius: 50px;
}
.btn.btn-default-gray:hover {
    background-color: #ff6900;
    border-color: #e25637;
    color: #fff;
}

.btn.btn-gray-1{
    background-color: #fff;
    border: #ddd 1px solid;
    color: #ddd;
    font-size: 16px;
    padding: 6px 26px;
    border-radius: 50px;
}

.btn.btn-gray-2 {
    background-color: #eee;
    border: 1px solid #ddd;
    color: #999;
    font-size: 16px;
    padding: 12px 26px;
    border-radius: 50px;
}

.btn-default-white {
    background-color: #fafafa;
    border-color: #ddd;
    color: #333;
    border-radius: 50px;
}
.progress {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: none;
}

.text-gray-1{color: #999;}
.text-gray-2{color: #666;}

.text-right-center{ text-align: right;}

@media (max-width: 768px){
    .text-right-center{ text-align: center;}
}
/*--------------------------------------order histroy--------------------------------*/
.order-history-list{ background: #fff;padding: 15px; margin-bottom: 15px; border-radius: 3px;}
.order-big-history{ }
.order-big-history-sub{padding: 25px 0px;}
.order-sub-list-title{
    border-bottom: 1px solid #ddd;

}
.order-sub-list{
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    padding: 15px 0px;
    border-top: 1px dotted #ddd;;
}

.text-algin-payment{ text-align: right;}
.text-black{ color:#666;}
a.text-link-black{ color:#666;}
.text-al-r{ text-align: center}

@media screen and (min-width: 767px) and (max-width: 992px) {
    .order-number-pb{padding-bottom: 10px;}
    .order-number-money{padding-top: 15px;}
    .payment-mb{ margin-bottom: 15px;}
    .text-al-r{ text-align: right}

}

@media (max-width:767px){
    .order-number-pb{padding-bottom: 10px;}
    .order-number-money{padding-top: 15px;}
    .payment-mb{ margin-bottom: 15px;}
    .text-al-r{ text-align: right}

}

.Open-Sans{font-family: "Open Sans",sans-serif;}

.aside-collapsed .user-block > .user-block-picture {
    float: none;
    margin: 0 auto;
    width: 40px;
}
.dropdown-menu{ z-index: 999;}

/*-------------------------------------- Search job-list histroy--------------------------------*/
.job-list-translate-home{ background: #fff; padding: 15px; border-radius: 3px; margin-bottom: 20px; border: 1px solid #eee;}
.job-list{ background: #fff; padding: 15px; border-radius: 3px; margin-bottom: 20px; border: 1px solid #eee;}
.job-list:hover{ box-shadow:1px 0px 3px rgba(0, 0, 0, 0.2);border: 1px solid #fff;}
/*------left----*/
.profile-stars {
    color: #ff6900;
}
/*------pendding order----*/
.text-24-14{ font-size: 30px;}
@media screen and (min-width: 767px) and (max-width: 992px) {

    .text-24-14{ font-size:18px;}
}
@media (max-width:767px){

    .text-24-14{ font-size:18px;}
}

/*transate home*/

.hpanel{
    border-radius: 3px;
}

.hpanel .panel-body {
    padding: 15px;
    position: relative;
    border-radius: 3px;
}
.hpanel > .panel-footer { border-radius: 0px 0px 3px 3px;}

a.jobs-box, div.jobs-box{border:1px solid #eee; display: block; border-radius: 3px;   background: #fff none repeat scroll 0 0;}
a.jobs-box:hover, div.jobs-box:hover{border: 1px solid #fff; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); display: block; border-radius: 3px; }
div.jobs-box a.send-sms{display: block; text-align: center;}

a.payment-box{border:1px solid #eee; display: block; border-radius: 3px;   background: #fff none repeat scroll 0 0; margin-bottom: 15px; color: #555; padding: 10px;}
a.payment-box:hover{border: 1px solid #fff;  box-shadow:0px 0px 4px rgba(0, 0, 0, 0.2); display: block; border-radius: 3px; }

/*common header*/

.fa-tasheelexpress{ font-size: 1.5em;}
.aside-collapsed .profile-stars{ display: none;}

/*faile type*/

.stats-icon img{border: 0px;}
.img-doc{background: url("https://customer.tasheelexpress.com/template/tasheelexpress/img/file-type.png") no-repeat 0px 0px; width: 52px; height: 66px;}
.img-docx{background: url("https://customer.tasheelexpress.com/template/tasheelexpress/img/file-type.png") no-repeat 0px 0px; width: 52px; height: 66px;}
.img-pdf{background: url("https://customer.tasheelexpress.com/template/tasheelexpress/img/file-type.png") no-repeat 0px -65px; width: 52px; height: 66px;  }
.img-text{background: url("https://customer.tasheelexpress.com/template/tasheelexpress/img/file-type.png") no-repeat 0px -131px; width: 52px; height: 66px;  }
.img-txt{background: url("https://customer.tasheelexpress.com/template/tasheelexpress/img/file-type.png") no-repeat 0px -197px; width: 52px; height: 66px;  }

.img-pptx{background: url("https://customer.tasheelexpress.com/template/tasheelexpress/img/file-type.png") no-repeat 0px -264px; width: 52px; height: 66px;  }
.img-ppt{background: url("https://customer.tasheelexpress.com/template/tasheelexpress/img/file-type.png") no-repeat 0px -330px; width: 52px; height: 66px;  }
.img-html{background: url("https://customer.tasheelexpress.com/template/tasheelexpress/img/file-type.png") no-repeat 0px -396px; width: 52px; height: 66px;  }
.img-xml{background: url("https://customer.tasheelexpress.com/template/tasheelexpress/img/file-type.png") no-repeat 0px -462px; width: 52px; height: 66px;  }
.img-xls{background: url("https://customer.tasheelexpress.com/template/tasheelexpress/img/file-type.png") no-repeat 0px -528px; width: 52px; height: 66px;  }
.img-xlsx{background: url("https://customer.tasheelexpress.com/template/tasheelexpress/img/file-type.png") no-repeat 0px -594px; width: 52px; height: 66px;  }


/*faile type*/
.mb-lg-pop{ margin-bottom: 15px;}
hr {
    margin-bottom: 15px;
    margin-top: 15px;
}


/*top  type*/
.customer-top-box{
    line-height: 70px; width: 70px; height: 70px; background: #ccc; border-radius: 50%; text-align: center; font-size: 30px; color: #fff;
}

.customer-bg-yellow{background: #f1c40f;  }
.customer-bg-blue{background: #4ebcda;  }
.customer-bg-green{background: #37bc9b;  }
.customer-red{background: #ff7155;  }
.customer-danger{background: #f05050;  }



a.customer-a{ color: #333;}
a.customer-a:hover{ color: #ff6900;}


.label-deprecated {
    background-color: #ff8517;
    display: inline-block;

}
.label-success {
    background-color: #8bc34a;
    display: inline-block;

}
.label-do-not-use {
    background-color: #ff4b4b;
    display: inline-block;

}
.label-warning {
    background-color: #ffc107;
    display: inline-block;

}


.text-deprecated {
    color: #ff8517;
}
.text-success {
    color: #4cc78d;
}
.text-do-not-use {
    color: #ff4b4b;
}
.text-warning {
    color: #f0c346;
}
.text-green-dark{
    color: #4cc78d;
}
.tasheelexpress-outside #ConfirmMessageBody {
    padding: 15px 20px 5px !important;
}