/* BEGIN: Original Yii created styles */
@font-face {font-family:"ProximaNova-Light"; src: url("ProximaNova-Light.otf")}
html,
body {
    height: 100%;
    color: #353535;
    font-family: ProximaNova-Light;
}
a{
    color: #fa9a00;
    text-decoration: none;
}
a:hover{
    text-decoration:underline;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -115px;
    padding: 0 0 115px;
}

.wrap > .container {
    padding-top:70px;
    padding-left: 0;
}

.footer {
    height: 65px;
    margin-top: 20px;
    font-size: 14px;
    color: #999;
    text-align: center;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
    margin-top: 10px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
    font-size: 14px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    font-size: 12px;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}
/* END: Yii Created Styles */

.webform-box { /* modelled after docs.css: .bs-example */
    position: relative;

    padding: 45px 15px 15px;
    /*margin: 0 -15px 15px;*/

    background-color: #f7f7f9;
    border-color: #ddd;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
}

.webform-box .webform-title {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    font-weight: 700;
    color: #959595;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.nav > li > a {
    font-weight: 500; /* make the menu items a bit more significant */
}

/* BEGIN:  WebPDF Related Styles */
.statusbar-img-btn{
	height:36px;
	width:36px;
	cursor: pointer;
}
.begin {
	background-image: url('/img/pageup_fast.png');
	background-size: 36px 36px;
	background-repeat: no-repeat;
}
.pre {
	background-image: url('/img/pageup.png');
	background-size: 36px 36px;
	background-repeat: no-repeat;
}
.begin-disable{
	background-image: url('/img/pageup_fast_dis.png');
	background-size: 36px 36px;
	background-repeat: no-repeat;
}
.pre-disable{
	background-image: url('/img/pageup_dis.png');
	background-size: 36px 36px;
	background-repeat: no-repeat;
}
.fwr-btn-disabled{
	opacity: 0.2;
	filter: alpha(opacity=20);
}
/* END:  WebPDF Related Styles */

/* BEGIN:  top-left Forms Publisher brand Related Styles */

.wrap > .navbar > .container {
    width:90%;
}

.wrap > .container {
    width: 100%;
}

.container > .navbar-header {
    height: 70px;
    margin-left: -15px;

}
/* Basically the Brand section to the left */
.container > .navbar-header > a {
    padding-top: 0px;
    margin-top: 10px;
    display: block;
    color:#fa9a00;
    font-size: 32px;
    /* background-color: #f78e1f; */
}

.container > .navbar-header > a:hover, .container > .navbar-header > a:focus {
   /* background-color: #f78e1f;*/
}

.navbar-fixed-top {
    border-bottom: 1px solid #ddd;
	position: absolute;
}

.navbar-nav > li > a {
    padding-bottom: 25px;
    padding-top: 25px;
    color: #808080;
}


/* END:  top-left Forms Publisher brand Related Styles */

.site-index  .jumbotron {
    padding-top:60px;
    padding-bottom: 0;
    margin-bottom: 10px;
    text-align: center;
}
.jumbotron  .lead{
    color: #d5d5d5;
}

.bg{
    background:url("../img/banner_bg.jpg") no-repeat center top;
    background-size: cover;
    padding-top: 80px;
    color: #fff;
}

.bgmap{
    background:url("../img/map_bckrd.jpg") no-repeat center top;
    background-size: cover;
    padding-top: 80px;
    color: #fff;
}

.jumbotron h1{
    margin-top: 20px;
}

.jumbotron p{
    margin-bottom: 35px;
    color: #808080;
}



.jumbotron img{
    margin: 76px auto 0 auto;
}

.jumbotron .btn-success{
    background-color: #fa9a00;
    border-color: #fa9a00;
}
.jumbotron .btn-success:hover{
    background-color: transparent;
    color: #fa9a00;
}

.jumbotron h3{
    font-size: 24px;
    font-weight: normal;
    color: #fa9a00;
}

.content-resp{
	overflow: scroll;
}

.col-lg-4 .btn{
    margin-top: 10px;
}

.row h2{
    padding-bottom: 10px;
}


.site-index > .container{
    width: 80%;
}



.footer > .container{
    width: 100%;
    /*border-top: 1px solid #ddd;*/
    padding-top: 20px;
}

.breadcrumb{
    margin-bottom: 0;
}

.breadcrumb a{
    color:#999 ;
}
.breadcrumb a:hover{
    color:#fa9a00 ;
}
.breadcrumb > .active {
    color: #999;
}

.nav a{
    color: #222;
}
.nav a:hover{
    color:#fa9a00 ;
}
.nav > li > a:focus{
    color:#fa9a00 ;
    background-color: #eee;
}
.nav > li > a:active{
    color:#808080 ;
}

.table a{
    color: #353535;
}
.table a:hover{
    color:#fa9a00 ;
}
.table a.btn-default{
    color: #333;
}
.table a.btn-default:hover{
    color:#fff ;
}

#publish {
   margin: 15px 0;
}
#content .btn-primary, #second-left-part .btn-primary{
    background-color: #fa9a00;
    border-color: #fa9a00;
}
#content .btn-primary:hover, #second-left-part .btn-primary:hover{
    background-color: transparent;
    color: #fa9a00;
}
.clear0{
    margin: 0;
    padding: 10px 0;
}

.container .jumbotron{
    border-radius: 0;
}
.breadcrumb{
    background-color: transparent;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
    border-bottom: 0;
}
.table th{
    font-weight: normal;
}

a.upload,a:active.upload{
background: url("/img/upload.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fa9a00;
    float: left;
    height: 40px;
    line-height: 40px;
    padding-left: 55px;
}
a:hover.upload{ background: url("/img/upload_hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);color: #337ab7;}
a.fill_forms_upload ,a:active.fill_forms_upload{
    background: url("/img/fill_forms_upload.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fa9a00;
    float: left;
    height: 32px;
    line-height: 32px;
    padding-left: 37px;
}
a:hover.fill_forms_upload{background: url("/img/fill_forms_upload_hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: #337ab7;}
.del-dl{
    padding:0 20px;
    line-height:40px;
    border-left:1px solid #eee;
    float:left;
    margin:0 20px
}
.del-dl a{
    margin-right: 15px;
	cursor: pointer;
}
.btn-default:hover{
    background-color: #fa9a00;
    color: #fff;
    border: 1px solid #fa9a00;
}

.navbar-inverse .navbar-toggle {
    border-color: #fa9a00;
    background-color: #fa9a00;
    margin-top: 20px;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color:transparent;
}
.navbar-inverse .navbar-toggle:hover .icon-bar {
    background-color: #fa9a00;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #ddd;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #E51D19;
}

.has-error .form-control {
    border-color: #E51D19;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.nav li.active > a{
    color: #fa9a00;
}
.form-signin {
    max-width: 430px;
    padding: 15px;
    margin:20px auto;
}
.form-group {
    margin-bottom: 10px;
}
.form-signin h1{
    color: #222;
}
.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: 0px;
}

#responseNote_textarea, #message_to_receiver_textarea {
    min-height: 34px;
    width: 300px;
    height: 34px;
    margin-top: 0;
    resize: vertical;
    position: absolute;
    z-index: 10;
}
.res-title{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#tooltipdiv {
	position: absolute;
	border: 1px solid #333;
	background: #ffffff;
	padding: 3px 3px 3px 3px;
	color: #000;
	display: none;
}
.alert {
	margin-top: 20px;
}
.font13{
	font-size: 14px;
}
.table > tbody > tr > td{padding-bottom: 16px;}
.dropdown {
	/*position:absolute;*/
}
.dropdown > .btn{ padding: 3px 10px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color: #fa9a00;}
.navbar-inverse .navbar-nav > li > a {
	color: #888;
    padding:25px 15px 24px 15px;
}
.edit-name .sure {
	background: url("/img/ok.png");
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin: 8px 0;
	cursor: pointer;
}
.edit-name .cancel {
	background: url("/img/cancel.png");
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin: 8px 0 8px 2px;
	cursor: pointer;
}
.field a{
	cursor: pointer;
	color: #fa9a00;
}
/*#res_body > tr > td {padding-bottom: 35px;}*/

.save-signature{
	background-image: url('/img/save_nor.png');
	background-size: 24px 24px;
	background-repeat: no-repeat;
}
.select-signature{
	background-image: url('/img/sign.png');
	background-size: 24px 24px;
	background-repeat: no-repeat;
}
.select-text{
	background-image: url('/img/text.png');
	background-size: 46px 24px;
	background-repeat: no-repeat;
	height: 36px;
	width: 46px;
	cursor: pointer;
}
.select-date{
	background-image: url('/img/date.png');
	background-size: 46px 24px;
	background-repeat: no-repeat;
	height: 36px;
	width: 46px;
	cursor: pointer;
}
.line{
	background-image: url('/img/split.png');
	background-size: 1px 35px;
	background-repeat: no-repeat;
}
.statusbar-split-img{
	position: absolute;
	margin-top: 2px;
	width:1px;
	height:35px;
}

.dropdown-toggle img{
	margin:0 4px 0 0;
	}
.topbar{
	height:32px;
	background-color:#5f6062;
	color:#fff;
	text-align:center;
	font-size:16px;
	}
.topbar ul{ list-style:none; margin:0; padding:0 5px;}
.topbar ul li{ 
	display:inline;
	float:left;
}

.topbar span{ line-height:32px;}


.leftPanel{
	height:100%;
	width: 212px;
	border-right:1px solid #e4e4e4;
	background-color:#f8f8f8;
	float:left;
	display:none;
	}
.rightPanel {
	height: 100%;
	text-align:center;
}
.leftnav{
	width:36px;
	height:100%;
	text-align:center;
	background-color:#ffffff;
}
ul.leftnav {
	list-style:none;
	padding:0;
	margin:0;
	}
ul.leftnav li{
	height:36px;
	padding:0;
	margin:0;
	}
ul.leftnav  li.active{
	background-color:#f2f2f2;
	}
.listPanel{
	width:172px;
	height:100%;
	padding:0;
	margin:0;
	}
.listPaneltitle{
	height:27px;
	border-bottom:1px solid #e4e4e4;
	background-color:#ffffff;
	line-height:27px;
}
.listPanelbody{
	height:100%;
	text-align:center;
}

.listPanelbody .col-lg{
	margin:10px 0;
	}
.listPanelbody a:hover img{
	border:1px solid #f05800;
	}
#sign-up-modal .modal-header,#login-modal .modal-header{border:0;}
.modal-header {border:0;}
.form-signin{ max-width:384px; margin:0 auto;}
.form-signin img{ margin-bottom:45px;}
.input-group{ margin-bottom:25px;}
.input-group input{height:45px;}
.fgtpw{ margin:50px 0;}
.fgtpw a{ margin-right:10px}
.fgtpw span{margin-left:10px}
/*.modal-dialog{ width:560px;margin: 30px auto;}*/

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 0px;
}

.fwr-goToPage-control{
    display: inline-block;
}

a:focus{
	color:#f08200;
	text-decoration:none;
}

.input-url{
    width: 205px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.dropdown-menu>li>a{
    height: 32px;
    line-height: 32px;
}

.from-computer{
    position: relative;
    }

.file-input {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;    
    width: 100%;
    height: 100%;
}

.margin10{margin-right:10px ;}
.formd form{padding-top:50px;}
.formd input,.formd textarea{max-width: 660px;}
.formd .col-md-3{width: 28%;}
.field-template-must_sign .col-md-6{width: 66.7%;}
.field-template-must_sign label{font-weight: normal}
.payinfo {
    position: relative;
    padding:15px 0 3px 10px;
    margin: 0;
    background-color: #f7f7f9;
    border-color: #ddd;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    margin-bottom: 10px;
}
.font22{font-size: 24px;padding-left: 20px; padding-bottom:10px;margin-top: 15px;}
.margin5{margin-left: 5px;}
.defaultcolor{color: #5f6062;}
.fwrJScrollPaneContainer{ height: 100%; border-left: 1px solid #d7d7d7;}
.clearbg{background: none;}
.Sliderbox{border:0; border-radius: 0; background: none; background-color: #888;}

/* BEGIN: admin */
div.admin-container {
    padding-top: 20px;
}
div.admin-container .tableTitle {
    border-bottom: 1px solid #f78e1f;
    font-weight: bold;
    font-size: 15px;
    margin-top: 20px;
    cursor: pointer;
}
div.admin-container .reportContent {
    display: none;
}
div.admin-container .chartDiv {
    border: 1px solid #ddd;
    display: inline-block;
    margin-bottom: 20px;
    height: 260px;
}
div.admin-container .chartDiv > table {
    height: 240px;
}
/* END: admin */

/* Begin Pricing */
/* COMMON PRICING STYLES */
.panel.price,
.panel.price>.panel-heading{
    border-radius:0px;
    -moz-transition: all .3s ease;
    -o-transition:  all .3s ease;
    -webkit-transition:  all .3s ease;
}
.panel.price:hover{
    box-shadow: 0px 0px 30px rgba(0,0,0, .2);
}
.panel.price:hover>.panel-heading{
    box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
}


.panel.price>.panel-heading{
    box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
    text-shadow:0px 3px 0px rgba(50,50,50, .6);
}

.price .list-group-item{
    border-bottom-:1px solid rgba(250,250,250, .5);
}

.panel.price .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.panel.price .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.price .panel-footer {
    color: #fff;
    border-bottom:0px;
    background-color:  rgba(0,0,0, .1);
    box-shadow: 0px 3px 0px rgba(0,0,0, .3);
}


.panel.price .btn{
    box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
    border:0px;
}

/* green panel */


.price.panel-green>.panel-heading {
    color: #fff;
    background-color: #57AC57;
    border-color: #71DF71;
    border-bottom: 1px solid #71DF71;
}


.price.panel-green>.panel-body {
    color: #fff;
    background-color: #65C965;
}


.price.panel-green>.panel-body .lead{
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-green .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* blue panel */


.price.panel-blue>.panel-heading {
    color: #fff;
    background-color: #608BB4;
    border-color: #78AEE1;
    border-bottom: 1px solid #78AEE1;
}


.price.panel-blue>.panel-body {
    color: #fff;
    background-color: #73A3D4;
}


.price.panel-blue>.panel-body .lead{
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-blue .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* red price */


.price.panel-red>.panel-heading {
    color: #fff;
    background-color: #D04E50;
    border-color: #FF6062;
    border-bottom: 1px solid #FF6062;
}


.price.panel-red>.panel-body {
    color: #fff;
    background-color: #EF5A5C;
}




.price.panel-red>.panel-body .lead{
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-red .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* grey price */


.price.panel-grey>.panel-heading {
    color: #fff;
    background-color: #ffad33;
    border-color: #B7B7B7;
    border-bottom: 1px solid #B7B7B7;
}


.price.panel-grey>.panel-body {
    color: #fff;
    background-color: #fa9a00;
}



.price.panel-grey>.panel-body .lead{
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-grey .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* white price */


.price.panel-white>.panel-heading {
    color: #333;
    background-color: #f9f9f9;
    border-color: #ccc;
    border-bottom: 1px solid #ccc;
    text-shadow: 0px 2px 0px rgba(250,250,250, .7);
}

.panel.panel-white.price:hover>.panel-heading{
    box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
}

.price.panel-white>.panel-body {
    color: #fff;
    background-color: #dfdfdf;
}

.price.panel-white>.panel-body .lead{
    text-shadow: 0px 2px 0px rgba(250,250,250, .8);
    color:#666;
}

.price:hover.panel-white>.panel-body .lead{
    text-shadow: 0px 2px 0px rgba(250,250,250, .9);
    color:#333;
}

.price.panel-white .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    /* font-weight:600; TODO: restore this, add size in font declaration*/
    font-weight:normal;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}
/* End Pricing */


/*---- Begin Web Site Marketing Content -----*/
.feature-icon {
    width: 150px;
    height: 150px;
}
.separator-row {
	background-color: #ddd; border-radius: 4px 4px 4px 4px;
}

.landing .row {
	margin-bottom: 30px;
}

.landing p, .landing li {
	font-size: 16px;
}
/*---- End Web Site Marting Content ----*/

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{ background-color: #fff; color: #fa9a00;}
.appnamel{ font-size: 32px; color: #fa9a00; line-height: 70px; margin-left:60px; float: left; }
.appnamel a,.appnamel a:hover{ color: #fa9a00; text-decoration: none;}

.formtext{text-align: center; padding: 40px;}
.formtext img{margin-bottom: 20px; margin-right: 20px;}
.formtext button{ margin: 20px 2px;}

.font-fa9a00,.font-fa9a00:hover{ color: #fa9a00}
.fontsize{font-size: 20px;}
.sign {color: #fff;
    background-color: #fa9a00;
    border-color: #fa9a00;
    height: 32px;
    padding: 0;
    margin-top: 16px;
    margin-right: 8px;
}

.navbar-inverse .navbar-nav > li.sign > a {
    color: #fff;
    padding:5px 15px;

}
.navbar-inverse .navbar-nav > li.sign:hover,.navbar-inverse .navbar-nav > li.sign > a:hover{
    border-color: #fa9a00;
    color: #fa9a00;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .active.sign,.navbar-inverse .navbar-nav > .active.sign  >a, .navbar-inverse .navbar-nav > .active>.sign  > a:hover, .navbar-inverse .navbar-nav > .active >.sign > a:focus {
    color: #fa9a00;
    background-color: transparent;
    border-color: #fa9a00;
}
.uploading{
	width:100%;
	height:100%;
	position: fixed;
	top:0px;
	left:0px;
	line-height:56px;
	color:#fff;
	padding-left:60px;
	font-size:15px;
	background: #000 url(/img/loader.gif) no-repeat 10px;
	opacity: 0.5;
	z-index:9999;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	background-position: center center;
	text-align: center;
}

.table > tbody > tr > td{
    padding-bottom:8px;
    vertical-align: middle;
}
/* start img container */
/*
    how to use
    div.col-md-4 > div.img-container.img-64 > img
    div.img-container 会 基于父级 div.col-md-4  水平居中
*/
.img-container{
    margin:0 auto;
    position:relative;
    /*border:1px solid #eee;*/
    border-radius:8px;
    /*overflow:hidden;*/
}
.img-container-align-left{
    float:left;
}
.img-container-align-right{
    float:right;
}
.img-container a img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin: auto;
    border-radius: 4px;
}
.app-list-sale-icon{
    width: 60px;
    height: 27px;
    position: absolute;
    top: 0px;
    left: -13px;
    transform: rotate(-14deg);
}
.rrp{
    padding:2px 0;
    font-size: 12px;
}
.rrp-pad-fix-ie{
    padding-left: 76px;
}
.dis-block{
    display: block;
}
.bor-rdis-4{
    border-radius: 4px;
}
.mg-bt-10{
    margin-bottom: 10px;
}
.img-16{
    height:18px;
    width:18px;
}
.img-32{
    height:34px;
    width:34px;
}
.img-48{
    height:50px;
    width:50px;
}
.img-64{
    height:66px;
    width:66px;
}
.img-128{
    height:130px;
    width:130px;
}
.border-radius-10{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:1px solid #eee;
}
/* end img container */
.text-information{
    color:#B1B1B1;
}
.break-word{
    word-break: break-all;
}
.mar-top-0{
    margin-top:0;
}
.mar-bot-0{
    margin-bottom:0;
}
.mar-l-0{
    margin-left:0;
}
.mar-r-0{
    margin-right:0;
}
.mar-0{
    margin:0;
}
.navbar.navbar-default{
    background-color: transparent;
    border:none;
}
.navbar.navbar-default .nav li > a{
    /*border-bottom:1px solid #eee;*/
}
.navbar.navbar-default .nav li.active:before{
    content:'';
    height:20px;
    width: 3px;
    background:#fa9a00;
    float: left;
    margin-top:10px;
}
.font-title-color{
    color:#353535;
}
.font-content-color{
    color:#868686;
}
.table>thead>tr{
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.table>thead>tr>th{
    padding:12px 8px;
    font-size: 20px;
    color:#353535;
}
@media (min-width: 1200px){
    .col-lg-20-percent {
        width: 20%;
    }
}
@media screen and (max-width: 560px) {
    #content .col-xxs-12 {
        width: 100%;
    }
    #content .col-xxs-11 {
        width: 91.66666667%;
    }
    #content .col-xxs-10 {
        width: 83.33333333%;
    }
    #content .col-xxs-9 {
        width: 75%;
    }
    #content .col-xxs-8 {
        width: 66.66666667%;
    }
    #content .col-xxs-7 {
        width: 58.33333333%;
    }
    #content .col-xxs-6 {
        width: 50%;
    }
    #content .col-xxs-5 {
        width: 41.66666667%;
    }
    #content .col-xxs-4 {
        width: 33.33333333%;
    }
    #content .col-xxs-3 {
        width: 25%;
    }
    #content .col-xxs-2 {
        width: 16.66666667%;
    }
    #content .col-xxs-1 {
        width: 8.33333333%;
    }
}

@media screen and (max-width: 413px) {
    #content .col-xxxs-12 {
        width: 100%;
    }
    #content .col-xxxs-11 {
        width: 91.66666667%;
    }
    #content .col-xxxs-10 {
        width: 83.33333333%;
    }
    #content .col-xxxs-9 {
        width: 75%;
    }
    #content .col-xxxs-8 {
        width: 66.66666667%;
    }
    #content .col-xxxs-7 {
        width: 58.33333333%;
    }
    #content .col-xxxs-6 {
        width: 50%;
    }
    #content .col-xxxs-5 {
        width: 41.66666667%;
    }
    #content .col-xxxs-4 {
        width: 33.33333333%;
    }
    #content .col-xxxs-3 {
        width: 25%;
    }
    #content .col-xxxs-2 {
        width: 16.66666667%;
    }
    #content .col-xxxs-1 {
        width: 8.33333333%;
    }
}
.long-words-handle{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.app_btn_yearly {
    font-size: 14px;
}
.app_btn_monthly {
    font-size: 12px;
}
.app_btn_monthly.only-month {
    font-size: 14px;
}
.inline-blk{
    display:inline-block;
}
.circle-border{
    border-radius: 50%;
}
.cur-p{
    cursor: pointer;
}
.web-border{
    border-radius: 3px;;
}
.bor-top{
    border-top:1px solid #eee;
}
.m-b-10{
    margin-bottom: 10px;
}
.m-t-20{
    margin-top: 20px;
}
.m-t-30{
    margin-top: 30px;
}
.main h3{
    margin-top: 20px;
}
.main h4{
    margin-top: 10px;
}
body .modal-backdrop{
    position: fixed;
}