/*
    Theme Name: ADS Booking Style
    Description: ADS Booking Custom Template
    Author: Krafthaus
    Author URI: http://krafthaus.com.au
    Version: 1.0
    */
/*@font-face {
            font-family: 'GothamBook';
            src: url('../font/gotham-bold-webfont.ttf');
}*/

@font-face {
            font-family: 'GothamBold';
            src: url('../font/gotham-bold-webfont.eot');
            src: url('../font/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
                     url('../font/gotham-bold-webfont.woff') format('woff'),
                     url('../font/gotham-bold-webfont.ttf') format('truetype'),
                     url('../font/gotham-bold-webfont.svg#gotham-bold-webfont') format('svg');
            font-weight: normal;
            font-style: normal;
}

@font-face {
            font-family: 'GothamBook';
            src: url('../font/gotham-book.eot');
            src: url('../font/gotham-book.eot?#iefix') format('embedded-opentype'),
                     url('../font/gotham-book.woff') format('woff'),
                     url('../font/gotham-book.ttf') format('truetype'),
                     url('../font/gotham-book.svg#gotham-book') format('svg');
            font-weight: normal;
            font-style: normal;
}

@font-face {
            font-family: 'GothamBookLight';
            src: url('../font/gotham-light-webfont.eot');
            src: url('../font/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
                     url('../font/gotham-light-webfont.woff') format('woff'),
                     url('../font/gotham-light-webfont.ttf') format('truetype'),
                     url('../font/gotham-light-webfont.svg#gotham-light-webfont') format('svg');
            font-weight: normal;
            font-style: normal;
}

@font-face {
            font-family: 'OpenSans-Bold';
            src: url('../font/OpenSans-Bold.eot');
            src: url('../font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
                     url('../font/OpenSans-Bold.woff') format('woff'),
                     url('../font/OpenSans-Bold.ttf') format('truetype'),
                     url('../font/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
            font-weight: normal;
            font-style: normal;
}

/* main style */
.btn:focus{
    outline: none;
}

body {
	font-size: 22px;
	height: auto;
	max-height: 100%;
}

/*.container {
    width: 100%;
}

.container .sidebar-menu {
    width: 20%;
}

.container .content {
    width: 78%;
}*/


.show {
    display: block;
}

.hidden {
    display: none;
}

.disabled {
    cursor: none;
}

.fullheight {
	height: 100%;
}

.fullwidth {
	width: 100%;
}

.fullcenter-container {
	height: 100%;
	position: relative;
}

.fullcenter-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.reset-padding {
    padding : 0;
}

.label, label {
    font-weight: normal;
    font-family: 'GothamBook';
    font-size: 0.6em;
    color: #5e5e5e;
}

.error {
    font-family: GothamBold;
    font-size: 0.5em;
    color: red;
    letter-spacing: 0.1em;
}

/*header*/
.header {
    height: 200px;
    width: 100%;
    margin-top: 7%;
    margin-bottom: 0%;
}

:hover, :active, :focus {
    outline: 0;
}

a, a:hover {
    text-decoration: none;
}

a {
    color: #7D7D7D;;
}

a:hover {
    color: #7fcbae;
}

.btn {
    font-family: "Gothambook";
    font-size: 0.5em;
    border: 1px solid #d4d3d2;
    border-radius: 30px;
    margin-top: 3%;
}

.btn.button-to-home  {
    margin-top: 6%;
    background-color: #fff;
    border-color:#ebebeb;
}

.btn.button-to-home:hover {
    margin-top: 6%;
    background-color: #ebebeb;
    border-color:#adadad;
}

.input-large {
    border-radius: 30px;
    border: 0px;
    font-family: "Gothambook";
    font-size: 0.5em;
    width: 68%;
    height: 30px;
    text-align: center;
    padding: 2%;
}


button {
    outline: none;
}


.upload {
    overflow: hidden;
    position: relative;
}

.upload [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

/*sidebar*/
.sidebar {
    font-size: 0.5em;
    font-family: 'Gothambook';
    padding-left: 0px;
    padding-right: 30px
}

.sidebar a{
    color: #5e5e5e;
    background: #d4d4d4;
}

.sidebar-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    /*border: 1px solid #ddd;*/
    padding-top: 0;
    margin-top: 0;
}

/*.sidebar-menu {
    width: 20%;
}*/

.sidebar-menu .menu-botton {
    width: 100%;
    text-align: left;
    font-size: 0.7em;
    margin-top: 0;
}


.sidebar-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.sidebar-item:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

/*top menu*/
.top-fix {
    top: 0 !important;
    position: fixed !important;
}

#top-menunav {
    width: 100%;
    background-color: #000;
}

#top-menunav .rightmenu, #menunav-bottom .rightmenu {
    padding: 0.3em 0 0.7em 0;
    text-align: right;
    width: 100%;
}

#top-menunav .rightmenu .itemmenu {
    /*float: left;*/
    display: inline-block;
    padding: 0;
    font-family: "GothamBookLight";
    width: auto;
    font-size: .65em;
    cursor: pointer;
}

#top-menunav .rightmenu .itemmenu a {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    padding: 0 0.7em;
    text-decoration: none;
}

/*content*/
.content.default{
/*    height: 700px;
    border: 1px solid #d4d4d4;*/
}

.content.backend{
    height: auto;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
}

.footer {
    text-align: center;
    font-size: 0.5em;
    color: #5e5e5e;
    margin-top: 1%;
}

.error-message {
    text-align:center;
    font-family: 'Gothambook';
    font-size: 0.5em;
    letter-spacing: 0.1em;
    color: #5e5e5e;
    margin-bottom: 2%;
    margin-top: 2%;
}

.error-message .error-container {
    height: 35px;
}

.error-message .error-container  .error-text {
    height: 100%;
    width: 65%;
    text-align: right;
    float: left;
    padding-top: 11px;
}

.error-message .error-container  .button-xero {
    width: 35%;
    height: 100%;
    position: relative;
    float: left;
}

.button-error-xero {
    font-size: 0.9em;
}

.error-xero {
    display: none;
    margin-bottom: 5%;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
}

.error-xero .error-xero-text {
    text-align:left;
    font-family: 'Gothambook';
    font-size: 0.5em;
    letter-spacing: 0.3em;
    color: #5e5e5e;
    line-height: 2.5em;
    padding-left: 4%;
}

.error-xero .error-xero-text:first-child {
    margin-top: 5%;
}

.error-message .error-container .button-items {
    width: 100%;
    height: auto;
}

.error-message .error-container .button-items .button-error-items {
    width: 10%;
    margin: auto;
}

.error-message .error-container .button-items .button-error-items .text-button {
    font-size: 1.9em;
    padding: 2%;
}

.not_yet_msg {
    text-align:center;
    font-family: 'Gothambook';
    font-size: 0.5em;
    letter-spacing: 0.3em;
    /*color: #ff0000;*/
    /*margin-bottom: 5%;*/
}



/*title page*/
.title-page-container {
    height: 20%;
}

.title-page {
    width: 35%;
    text-align: center;
    color: #5e5e5e;
    font-size: 0.9em;
    font-family: 'GothamBookLight';
    margin-top: 3%;
    font-weight: bold;
    /*margin-bottom: 5%*/
}

.form-contact-container .title-page {
    margin-bottom: 5%
}

/*sorting alphabetic style*/
.sort-container {
    height: 20%;
    width: 70%;
    float: left;
    bottom: 20px;
}

.sort-container .sort {
    font-size: 0.5em;
    font-family: 'Gothambook';
    text-align: center;
    color: #5e5e5e;
    width: 3%;
    float: left;
    cursor: pointer;
}
.sort-container .sort-years {
    font-size: 0.5em;
    font-family: 'Gothambook';
    text-align: center;
    color: #5e5e5e;
    width: 5.5%;
    float: left;
    cursor: pointer;
}

.sort-container .grey {
    color : #cfcfcf;
    pointer-events: none;
}

.sort-container .show-all {
    width: 10%;
    margin-right: 1%;
    font-size: 0.5em;
    font-family: 'Gothambook';
    text-align: center;
    color: #5e5e5e;
    float: left;
    cursor: pointer;
}

.sort-container .not-active{
    width: 20px;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: -0.5%;
    font-size: 0.5em;
    font-family: 'Gothambook';
    text-align: center;
    color: #5e5e5e;
    float: left;
    cursor: pointer;
}

.sort-container .active{
    width: 20px;
    margin-right: 1%;
    margin-top: -0.5%;
    margin-left: 1%;
    font-size: 0.5em;
    font-family: 'Gothambook';
    text-align: center;
    color: #5e5e5e;
    float: left;
    cursor: pointer;
}

/*add link*/
.add-container {
    height: 20%;
    width: 30%;
    float: right;
    /*bottom: 25px;*/
    margin-top: -1.2em;
}

.add-container .add {
    font-size: 0.6em;
    font-family: 'Gothambook';
    text-align: right;
    width: 100%;
    position: relative;
    top: 30%;
    margin-top: 1%;
    margin-bottom: 1%;
}



/*admin table*/
.admin-table-container {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 2%;
}

.admin-table {
    margin-bottom: 2%;
    margin-top: 1%;
}

.admin-table th {
    font-family: 'Gothambook';
    color: #5e5e5e;
    font-size: 0.5em;
    font-weight: normal;
}

.admin-table td {
    font-family: 'Gothambook';
    font-size: 0.5em;
    color: #7D7D7D;
    letter-spacing: 0.09em;
    font-weight: bold;
}

.admin-table td .advertiser-name {
    float: left;
}

.admin-table td .name-tag {
    float: left;
    width: 3%;
    height: auto;
    float: left;
    /*padding: 0.1% 1%;*/
    margin-left: 1%;
}

.admin-table td span.glyphicon {
    font-size: 1.2em;
}

/*custom dropdown*/
.custom-dropdown {
    margin-left: 0px !important;
    position: relative;
    z-index: 999;
    border: 1px solid #C5C3C4;
    border-radius: 30px;
    height: 100%;
}

.custom-dropdown:hover {
    cursor: pointer;
    text-decoration: none;
    z-index: 1000;
}

.custom-dropdown[disabled='disabled']:hover {
    cursor: not-allowed;
}

.custom-dropdown .dropdown-content {
    position: absolute;
    width: 101% !important;
    background-color: #ffffff;
    z-index: -1;
    display: none;
    max-height: 10.6em;
    left: -0.4%;
    top: 60%;
    border: 1px solid #C2C3C4;
    border-top: none;
    padding-top: 5%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.custom-dropdown .dropdown-item {
    color: #5e5e5e;
    font-family: 'Gothambook';
    padding: 5px;
    font-size: 0.44em;
    margin-left: 3%;
}

.custom-dropdown .dropdown-item:hover {
    color: #7fcbae;
    cursor: pointer;
    text-decoration: none;
}

.custom-dropdown .dropdown-active {
    color: #5e5e5e;
    font-family: 'Gothambook';
    padding: 6%;
    padding-left: 0%;
    font-size: 0.44em;
    letter-spacing: 0.2em;
}

.custom-dropdown .dropdown-active img.arrow {
    width: 7%;
    position: absolute;
    left: 85%;
    top: 35%;
}

.custom-dropdown .dropdown-item[disabled='disabled'] {
    display: none;
}


/*login page style*/
.login-page-content-container {
    float: none;
}

.login-page-content-container .login-app-content {
    margin-top: 7.4%;
    width: 517px;
    height: 300px;
    background: #ffffff;
    border-radius: 20px;
    /*harasya : add text align*/
    text-align: center;
}

.login-page-content-container .login-app-content .close-button-container {
    height: 10%;
    position: relative;
}

.login-page-content-container .login-app-content .close-button-container .close-button-content {
    position: absolute;
    left: 95%;
    top: 2.5%;
    font-family: 'GothamBookLight';
    font-size: 22px;
    color: #5e5e5e;
}

.login-page-content-container .login-app-content .form-container {
    height: 18%;
}

.login-page-content-container .login-app-content .form-container .app-description {
    position: relative;
    /*left: 7%;*/
}

.login-page-content-container .login-app-content .form-container .api-logo-container {
    height: 60%;
}

.login-page-content-container .login-app-content .form-container .api-logo {
    padding-top: 8%;
}

.login-page-content-container .login-app-content .form-container .api-logo img {
    width: 20%;
}

.login-page-content-container .login-app-content .form-container .api-text-container {
    height: 40%;
}

.login-page-content-container .login-app-content .form-container .api-text {
    padding: 10%;
    font-family: 'GothamBook';
    font-size: 0.56em;
    line-height: 1.15em;
    color: #cdcdcf;
    letter-spacing: 0.004em;
    text-align: center;
}

.login-page-content-container .login-app-content .form-container .api-loader-container {
    height: 40%;
}

.login-page-content-container .login-app-content .form-container .api-loader {
    padding-top: 10%;
}

.login-page-content-container .login-app-content .form-container .api-loader img {
    width: 7%;
}

.login-page-content-container .login-app-content .form-container .form-login-container .form-horizontal .input-container {
    height: 100%;
    margin-left: 23%;
    width: 54.333333%;
}

.login-page-content-container .login-app-content .form-container .form-login-container .form-horizontal .input-container .form-control {
    height: 80%;
    border-radius: 30px;
    font-family: 'Gothambook';
    font-size: 0.5em;
    letter-spacing: 0.3em;
    color: #5e5e5e;
}

.login-page-content-container .login-app-content .form-container .form-login-container .form-horizontal .form-group input {
    background: none;
}

.login-page-content-container .login-app-content .button-submit-container {
    height: 40%;
}

.login-page-content-container .login-app-content .button-submit-container .button-submit-content {
    width: 65%;
}

.login-page-content-container .login-app-content .button-submit-container .button-submit-content .button-left-container {
    padding-top: 8%;
    position: relative;
    left: 0.7%;
}

.login-page-content-container .login-app-content .button-submit-container .button-submit-content .button-left-container .button-left .btn.btn-default {
    position: relative;
    border-radius: 50px;
    padding-bottom: 39%;
    width: 45%;
    background-color: #5e5e5e;
}

.login-page-content-container .login-app-content .button-submit-container .button-submit-content .button-left-container .button-left .btn.btn-default img {
    position: absolute;
    width: 45%;
    top: 28.7%;
    left: 27%;
}

.login-page-content-container .login-app-content .button-submit-container .button-submit-content .button-left-container .cancel-text-container {
    height: 10%;
    padding-top: 4%;
    padding-left: 5%;

}

.login-page-content-container .login-app-content .button-submit-container .button-submit-content .button-left-container .cancel-text-container .cancel-text {
    font-family: 'GothamBook';
    text-align: center;
    letter-spacing: 0.15em;
    font-size: 0.6em;
}

.login-page-content-container .login-app-content .button-submit-container .button-submit-content .button-right-container  {
    padding-top: 8%;
    position: relative;
    left: -1.7%;
}

.login-page-content-container .login-app-content .button-submit-container .button-submit-content .button-right-container .button-right .btn.btn-default {
    position: relative;
    border-radius: 50px;
    padding-bottom: 39%;
    width: 45%;
    background-color: #5e5e5e;
}

.login-page-content-container .login-app-content .button-submit-container .button-submit-content .button-right-container .button-right .btn img {
    width: 54%;
    position: absolute;
    top: 33%;
    left: 25%;
}

.login-page-content-container .login-app-content .button-submit-container .button-submit-content .button-right-container .authorize-text-container {
    height: 10%;
    padding-top: 3%;
    padding-left: 9%;
}

.login-page-content-container .login-app-content .button-submit-container .button-submit-content .button-right-container .authorize-text {
    font-family: 'GothamBook';
    text-align: center;
    letter-spacing: 0.2em;
    font-size: 0.6em;
}


/*manage form*/

.manage-form {
    min-height: 500px;
    height: auto;
    margin-bottom: 3%;
}

.manage-form .form-container {
    /*height: 80%;*/
}

.manage-form .form-container .form-horizontal {
    width: 30%;
    margin-bottom: 10%;
    min-height: 400px;
    height: auto;
}

.manage-form .form-container .form-horizontal .form-group .label-size {
    position: absolute;
    top: 40%;
    right: -30%;
}

.manage-form .form-container .form-horizontal .form-group {
    margin-bottom: 10%;
}

.manage-form .form-container .form-horizontal .input-container input.form-control {
    height: 80%;
    border-radius: 30px;
    font-family: 'Gothambook';
    font-size: 0.5em;
    letter-spacing: 0.3em;
    color: #5e5e5e;
}

.manage-form .form-container .form-horizontal .input-container textarea.form-control {
    height: 225px;
    font-family: 'Gothambook';
    font-size: 0.5em;
    letter-spacing: 0.3em;
    color: #5e5e5e;
}

.manage-form .button-submit-container {
    margin-top: 15%;
}

.manage-form .button-submit-container .button-submit-content .button-left-container .button-left .btn.btn-default {
    position: relative;
    border-radius: 50px;
    padding: 0;
    width: 100%;
    background-color: #7fbcae;
}

.manage-form .button-submit-container .button-submit-content .button-right-container .button-right .btn.btn-default {
    position: relative;
    border-radius: 50px;
    padding-bottom: 9%;
    width: 100%;
    background-color: #5e5e5e;
}

.manage-form .button-submit-container .button-submit-content .btn .text-button {
    text-align:center;
    font-family: 'Gothambook';
    font-size: 1em;
    margin-top: 8%;
    letter-spacing: 0.3em;
    color: #ffffff;
}

/*magazine form*/
.manage-form.magazine input.items-code {
    width: 30%;
    float: left;

}



.manage-form.magazine .sync-container {
    height: 4em;
    width: 50%;
    float: right;
}

.manage-form.magazine .sync-container .text-last-sync {
    font-family: 'GothamBook';
    font-size: 0.5em;
    letter-spacing: 0.03em;
    margin-top: 2%;
    float: left;
    width: 100%;
    text-align: right;
}


.manage-form.magazine .sync-container .button-container {
    float: right;
    width: 27%;
    height: 100%;
}

.manage-form.magazine .sync-container .button-container button.xero-sync-items {
    width: 80%;
    margin-top: 0.5%;
    margin-left: 3%;
    margin-right: 2%;
}


.manage-form.magazine .xero-sync-items-loader-container {
    height: 100%;
    width: 100%;
}

.manage-form.magazine .xero-sync-items-loader-container .xero-sync-loader {
    height: 100%;
    width: 100%;
    left: 15%;
    top: -45%;
    display: none;
}

.manage-form.magazine .xero-sync-items-loader-container .xero-sync-loader .img-loader-container {
    height: 70%;
}

.manage-form.magazine .xero-sync-items-loader-container .xero-sync-loader .img-loader-container img {
    width: 6%;
}

.manage-form.magazine .xero-sync-items-loader-container .xero-sync-loader .text-loader-container{
    height: 30%;
    text-align: center;
    font-family: 'Gothambook';
    font-size: 0.5em;
    letter-spacing: 0.08em;
}

/*magazine page style*/

.magazine-container {
    margin-bottom:10%;
    width: 100%;
    min-height: 800px;
    height: auto;
}


.magazine-container .magazine-item-container .magazine-edit-container {
    width: 42%;
    height: 5%;
    left: 7%;
    top: -90%;
}

.magazine-container .magazine-item-container .magazine-edit-container .magazine-edit {
    width: 100%;
    height: 100%;
    text-align: right;
    font-family: "Gothambook";
    font-size: 0.5em;
}

.magazine-container .magazine-item-container {
    width: 50%;
    min-height: 400px;
    float:left;
    margin-bottom: 5%;
}

.magazine-container .magazine-item-container .magazine-cover-container {
    width: 50%;
    height: 85%;
    border: 1px solid #c3c3c3;
}

.magazine-container .magazine-item-container .magazine-cover-container .magazine-cover {
    height: 100%;
    position: relative;
}

.magazine-container .magazine-item-container .magazine-cover-container .magazine-cover img {
    width: 100%;
    height: 100%;
}

.magazine-container .magazine-item-container .magazine-cover-container .magazine-cover .magazine-name-container {
    position: relative;
    width: 100%;
    height: 10%;
    top: -10%;
    background-color: #000;
}

.magazine-container .magazine-item-container .magazine-cover-container .magazine-cover .magazine-name {
    text-align: center;
    position: absolute;
    top: 25%;
    width: 100%;
    text-align: right;
    padding-right: 2%;
    font-family: 'GothamBook';
    font-size: 0.6em;
    letter-spacing: 0.1em;
    color: #ffffff;

}

/*magazine no cover*/
.magazine-container .magazine-item-container .magazine-cover-container .magazine-no-cover {
    height: 100%;
    position: relative;
}

.magazine-container .magazine-item-container .magazine-cover-container .no-cover-text {
    top: 50%;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    font-family: 'Gothambook';
    font-size: 0.5em;
    letter-spacing: 0.3em;
    color: #5e5e5e;
}

.magazine-container .magazine-item-container .magazine-cover-container .magazine-no-cover .magazine-name-container {
    position: relative;
    width: 100%;
    height: 10%;
    top: 90%;
    background-color: #000;
}

.magazine-container .magazine-item-container .magazine-cover-container .magazine-no-cover .magazine-name {
    position: absolute;
    top: 25%;
    text-align: right;
    width: 100%;
    padding-right: 2%;
    font-family: 'GothamBook';
    font-size: 0.6em;
    letter-spacing: 0.1em;
    color: #ffffff;
}

.magazine-container .magazine-item-container .magazine-edit-position-container {
    width: 100%;
    height: 10%;
    top: 95%;
}

.magazine-container .magazine-item-container .magazine-edit-position-container .magazine-edit-position {
    width: 100%;
    height: 50%;
    text-align:center;
}

.magazine-container .magazine-item-container .magazine-edit-position-container .magazine-edit-position a {
    font-size:0.5em;
    font-family:"Gothambook";
}

.magazine-container .add-magazine-container {
    width: 50%;
    min-height: 400px;
    float:left;
}

.magazine-container .add-magazine-container .add-content-container {
    width: 65%;
    height: 35%;
}


.add-button-container {
    width: 40%
}

.add-button {
    background: #5e5e5e;
    border-radius: 50%;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
}

.add-button img {
    position: absolute;
    height: auto;
    top: 33%;
    width: 38%;
    left: 31%;
}

.magazine-container .add-magazine-container .add-content-container .add-text-container {
    width: 34%;
    height: 100%;
    border: 1px solid #c3c3c3;
}

.magazine-container .add-magazine-container .add-content-container .add-text {
    font-size: 6em;
    text-align: center;
}


.magazine-container .add-magazine-container .magazine-add-container {
    width: 55%;
    height: 20%;
    margin-top: 5%;
}

.magazine-container .add-magazine-container .magazine-add {
    width: 100%;
    height: 50%;
    text-align:center;
    font-size:0.5em;
    font-family:"Gothambook";
}



/*Style Magazine Landing*/

/*magazine page style*/

.magazine-container-landing {
    margin-bottom:10%;
    width: 100%;
    /*min-height: 800px;*/
    height: auto;
}


.magazine-container-landing .magazine-item-container-landing .magazine-edit-container {
    width: 100%;
    height: 100%;
    left: 23%;
}

.magazine-container-landing .magazine-item-container-landing .magazine-edit-container .magazine-edit {
    width: 100%;
    height: 50%;
    text-align:center;
}

.magazine-container-landing .magazine-item-container-landing .magazine-edit-container .magazine-edit a {
    font-size:0.5em;
    font-family:"Gothambook";
}
.magazine-container-landing .magazine-item-container-landing {
    width: 33%;
    min-height: 400px;
    float:left;
    /*margin-bottom: 5%;*/
}

.magazine-container-landing .magazine-item-container-landing .magazine-cover-container {
    width: 65%;
    height: 85%;
    border: 1px solid #c3c3c3;
}

.magazine-container-landing .magazine-item-container-landing .magazine-cover-container .magazine-cover {
    height: 100%;
    position: relative;
}

.magazine-container-landing .magazine-item-container-landing .magazine-cover-container .magazine-cover img {
    width: 100%;
    height: 100%;
}

.magazine-container-landing .magazine-item-container-landing .magazine-cover-container .magazine-cover .magazine-name-container {
    position: relative;
    width: 100%;
    height: 10%;
    top: -10%;
    background-color: #000;
}

.magazine-container-landing .magazine-item-container-landing .magazine-cover-container .magazine-cover .magazine-name {
    text-align: center;
    position: absolute;
    top: 25%;
    width: 100%;
    text-align: right;
    padding-right: 2%;
    font-family: 'GothamBook';
    font-size: 0.6em;
    letter-spacing: 0.1em;
    color: #ffffff;

}

/*magazine no cover*/

.magazine-container-landing .magazine-item-container-landing .magazine-cover-container .magazine-no-cover {
    height: 100%;
    position: relative;
}

.magazine-container-landing .magazine-item-container-landing .magazine-cover-container .no-cover-text {
    top: 50%;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    font-family: 'Gothambook';
    font-size: 0.5em;
    letter-spacing: 0.3em;
    color: #5e5e5e;
}

.magazine-container-landing .magazine-item-container-landing .magazine-cover-container .magazine-no-cover .magazine-name-container {
    position: relative;
    width: 100%;
    height: 10%;
    top: 90%;
    background-color: #000;
}

.magazine-container-landing .magazine-item-container-landing .magazine-cover-container .magazine-no-cover .magazine-name {
    position: absolute;
    top: 25%;
    text-align: right;
    width: 100%;
    padding-right: 2%;
    font-family: 'GothamBook';
    font-size: 0.6em;
    letter-spacing: 0.1em;
    color: #ffffff;
}

.button-arrow {
    position: absolute;
    left: 7%;
    top: 11%;
    z-index: 999;
    font-size: 1.3em;
}

.tablesorter-headerRow {
    font-size: 1.3em;
}

/*SoedjarwoAli : button add on landing*/
.magazine-container-landing .add-magazine-container {
    width: 100%;
    min-height: 400px;
    float:left;
}

.magazine-container-landing .add-magazine-container .add-content-container {
    width: 65%;
    height: 35%;
    top: -35%;
}


.magazine-container-landing .add-button-container {
    width: 40%
}

.magazine-container-landing .add-button-container .add-button {
    background: #5e5e5e;
    border-radius: 50%;
    width: 50%;
    padding-bottom: 50%;
    position: relative;
}

.magazine-container-landing .add-button-container .add-button img {
    position: absolute;
    height: auto;
    top: 33%;
    width: 38%;
    left: 31%;
}

.magazine-container-landing .add-magazine-container .add-content-container .add-text-container {
    width: 34%;
    height: 100%;
    border: 1px solid #c3c3c3;
}

.magazine-container-landing .add-magazine-container .add-content-container .add-text {
    font-size: 6em;
    text-align: center;
}


.magazine-container-landing .add-magazine-container .magazine-add-container {
    width: 55%;
    height: 20%;
    margin-top: 5%;
}

.magazine-container-landing .add-magazine-container .magazine-add {
    width: 100%;
    height: 50%;
    text-align:center;
    font-size:0.5em;
    font-family:"Gothambook";
}

/*home, add and edit advertiser style*/
.sync-xero-contact {
    height: 3em;
    position: relative;
    margin-bottom: 2%;
    /*margin-top: 5%;*/
    text-align: right;
}

.sync-xero-contact.dashboard {
    /*display: none;   */
}

.sync-xero-contact .button-sync-container {
    width: 10%;
    float: right;
    margin-left: 2%;
}


.sync-xero-contact button {
    margin-top: 2%;
    /*background-color: #fff;*/
}

/*.sync-xero-contact button:hover {
    background-color: #ebebeb;
    border-color: #adadad;
}
*/
.sync-xero-contact .text-last-sync {
    font-family: 'GothamBook';
    font-size: 0.5em;
    letter-spacing: 0.08em;
    margin-top: 1.5%;
    width: 88%;
    float: left;
}

.xero-sync-loader-container {
    height: 3em;
    width: 100%;
}

.error-message.dashboard {
    position: absolute;
    top: -5.5em;
    left: 32em;
}

.xero-sync-loader-container .xero-sync-loader {
    /*height: 2em;*/
    width: 100%;
    display: none;
    margin-top: 3%;
    margin-bottom: 7%;
}

.xero-sync-loader-container.dashboard .xero-sync-loader {
    height: 2em;
}

.xero-sync-loader-container .xero-sync-loader .img-loader-container {
    height: 70%;
}

.xero-sync-loader-container .xero-sync-loader .img-loader-container img {
    width: 3%;
}

.xero-sync-loader-container .xero-sync-loader .text-loader-container{
    height: 30%;
    text-align: center;
    font-family: 'Gothambook';
    font-size: 0.5em;
    letter-spacing: 0.08em;
    margin-top: 2%;
}

.label-container {
    text-align:right;
}

.manage-form.advertiser .form-container .form-horizontal .input-container textarea.form-control {
    height: 70px;
}

.manage-form.advertiser .form-container .form-horizontal .input-container select {
    font-family: 'Gothambook';
    font-size: 0.5em;
    letter-spacing: 0.3em;
    color: #5e5e5e;
    height: 38px;
    width: 100%
}

.manage-form.advertiser .form-container .form-horizontal .input-container .select-dropdown {
    padding: 0;
}

.manage-form.advertiser .form-container .form-horizontal .input-container select.dropdown-state {
    padding-left: 7%;
    padding-bottom: 0%;
    padding-top: 0%;
    border: 1px solid #ccc;
    border-radius: 30px;
    height: 30px;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;*/
    background: transparent url("../images/ads-arrow.png") no-repeat right center;
    background-size: 3.5%;
    background-position: 96%;
    /*font-size: 0.5em;*/
}

.manage-form.advertiser .form-container .form-horizontal .input-container select.country {
    padding-left: 3%;
    padding-bottom: 0%;
    padding-top: 0%;
    border: 1px solid #ccc;
    border-radius: 30px;
    height: 30px;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;*/
    background: transparent url("../images/ads-arrow.png") no-repeat right center;
    background-size: 3.5%;
    background-position: 96%;
    /*font-size: 0.5em;*/
}

.manage-form.advertiser .form-container .form-horizontal .input-container option.country {
    letter-spacing: 0.1em;
}

.manage-form.advertiser .form-container .form-horizontal .input-container .checkbox {
    padding-left :0;
}

.manage-form.advertiser .form-container .form-horizontal .input-container .activate {
    margin: 3% 0 0;
}

.title-page2-container {
    height: 20%;
}

.title-page2-container .title-page2 {
    width: 50%;
    text-align: center;
    color: #5e5e5e;
    font-size: 0.9em;
    font-family: 'GothamBookLight';
    margin-top: 15%;
    margin-bottom: 10%
}

.manage-form.advertiser .add-button-container {
    width: 20%;
}

.manage-form.advertiser .contact-add-container {
    height: 30px;
    width: 100%;
    margin-top: 3%;
    margin-bottom: 10%
}

.manage-form.advertiser .contact-add-container .contact-add {
    text-align: center;
    font-family: 'Gothambook';
    font-size: 0.6em;
    letter-spacing: 0.08em;
    color: #5e5e5e;
}

.manage-form.advertiser  .button-submit-container {
    margin-top: 15%;
}

.manage-form.advertiser .button-submit-container .button-submit-content .button-left-container .button-left .btn.btn-default {
    position: relative;
    border-radius: 50px;
    padding: 0;
    width: 100%;
    background-color: #5e5e5e;
}

.manage-form.advertiser .button-submit-container .button-submit-content .button-right-container .button-right .btn.btn-default {
    position: relative;
    border-radius: 50px;
    padding: 0;
    width: 75%;
    background-color: #7fbcae;
}

.manage-form.advertiser .button-submit-container .button-submit-content .btn .text-button {
    text-align:center;
    font-family: 'Gothambook';
    font-size: 1.2em;
    margin-top: 0;
    padding: 10px 30px;
    letter-spacing: 0.1em;
    color: #ffffff;
}

.form-contact-container .form-contact .form-group input[type="checkbox"] {
    margin: 0%;
    width: 5%
}

.form-contact-container .form-contact .form-group label.auto-invoice {
    padding: 0%;
    width: 95%;
}


/*ui-autocomplete for postal code */
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 1;
    color: #dddddd;
    border-color: #dddddd;
}

.ui-autocomplete.ui-menu .ui-menu-item {
    text-transform: uppercase;
    font-family: 'GothamBook';
    font-size: 0.44em;
    letter-spacing: 0.2em;
    color: #5e5e5e !important;
    background-color: #fff !important;
}

.ui-autocomplete.ui-state-hover,
.ui-autocomplete.ui-widget-content .ui-state-hover,
.ui-autocomplete.ui-widget-header .ui-state-hover,
.ui-autocomplete.ui-state-focus,
.ui-autocomplete.ui-widget-content .ui-state-focus,
.ui-autocomplete.ui-widget-header .ui-state-focus {
    background: #7fcbae !important;
    border: none !important;
    margin: 0px !important;
    color: #ffffff !important;
    cursor: pointer;
}

/*booking style*/
td.total-booking {
    text-align: right;
}

.create-booking-title-page, .edit-booking-title-page {
    font-size: 1.1em;
}

.booking-double, .booking-two {
    border: 2px solid #5e5e5e;
    margin: 2%;
    margin-bottom: 6%;
}
.manage-form.edit.schedule .booking-two {
    display: none;
}
.manage-form.edit.schedule.add .booking-two {
    display: block;
}

.close-booking{
    float: right;
    margin: 1% 2% 0% 0%;
}


.booking-select-step-first {
    margin: 0 auto;
    /*border: 2px solid #5e5e5e;*/
    height: auto;
    margin: 2%;
    text-align: center;
}

.booking-select-step-two {
    margin: 0 auto;
    /*border: 2px solid #5e5e5e;*/
    height: auto;
    margin: 2%;
    text-align: center;
}

.booking-step-title .label {
    text-align: center;
    font-family: 'GothamBookLight';
    color: #5e5e5e;
    font-weight: bold;
}

.booking-step-title .booking-number {
    text-align: left;
    float: left;
    margin-left: -12%;
}

.booking-step-title .booking-delete-button {
    text-align: right;
    float: right;
}

.booking-step-by-step {
    position: absolute;
    width: 20%;
    /*border: 2px solid #5e5e5e;*/
    margin: 2%;
    height: 20%;
    bottom: 70%;
    left : -20%;
    display: inline-table;
}

.booking-step-by-step .booking-step {
    width: 50%;
    margin: 0 auto;
}

.booking-step-by-step .booking-step hr {
    border: 2px solid #5e5e5e;
}

.booking-step-by-step .booking-step .booking-step-circle {
    border: 2px solid #5e5e5e;
    border-radius: 50%;
    width: 20%;
    position: absolute;
    top: 8%;
    left: 38%;
    z-index: 10;
    background-color: #fff;
}

.booking-step-by-step .booking-title-step-by-step .label {
    text-align: center;
    font-family: 'GothamBookLight';
    color: #5e5e5e;
}

.booking-select-step-first .booking-form .booking-form-title {
    text-align: center;
    font-family: 'GothamBook';
    color: #5e5e5e;
    font-size: 0.5em;
    width: 69%;
    margin: 1%;
    font-weight: bold;
}

.booking-sale .booking-form-title {
    display: inline-flex;
    padding-top: 11%;
}

.booking-form-title .label{
    text-align: center;
    font-family: 'GothamBook';
    color: #5e5e5e;
    font-size: 0.5em;
    width: 69%;
    margin: 1%;
}

.booking-sale .booking-form-title .label-ext-sale {
    font-size: 1em;
    width: 47%;
    display: inline-flex;
}
.booking-sale .booking-form-title .label-ext-sale .label-ex {
    padding-top: 29%;
    cursor: pointer;
}

.booking-xero-export .booking-form-title {
    display: block;
    padding-top: 0;
}

.booking-xero-export .booking-form-title .label{
    text-align: center;
    font-family: 'GothamBook';
    color: #5e5e5e;
    font-size: 0.5em;
    width: 69%;
    margin: 1%;
}

.booking-xero-export .booking-form-title .label-ext-sale {
    font-size: 1em;
    width: 100%;
    display: block;
}

.booking-xero-export .booking-form-title .label-ext-sale .input-ext-sale {
    width: 4%;
    float: left;
}

.booking-xero-export .booking-form-title .label-ext-sale .label-ex {
    padding-top: 0;
    float: left;
    text-align: left;
    width: 18%;
    margin: 1.5% 0%;
}

.booking-container-step {
    position: relative;
    /*border: 2px solid #5e5e5e;*/
    margin: 2%;
    display: inline-flex;
    width: 95%;
}

.booking-container-step .booking-form {
    /*border: 2px solid #5e5e5e;*/
    margin: 2%;
}

.booking-container-step .booking-delete-placement {
    width: 100%;
}

.booking-container-step .booking-delete-placement .image-button{
    text-align: right;
    float: right;
}

.form-group-booking {
    width: 72%;
    /*border: 2px solid #5e5e5e;*/
    margin: 2% auto;
    padding-bottom: 2%;
}

.form-group-booking .form-input-booking .select-booking-first{
    margin-left: 30%;
    /*width: 100%;*/
    text-align: right;
}

.booking-select-step-first .select-booking-first {
    display: inline-flex;
    width: 95%;
}

.booking-select-step-first .select-booking-first .input-container-booking .select-control-first {
    width: 95%;
    font-size: 0.5em;
}

.input-container-booking .select-control-first {
    width: 70%;
    margin: 0 auto;
    font-size: 0.5em;
}

.form-group-booking .input-container-booking .select-contol-booking {
    width: 70%;
    margin: 0 auto;
    font-size: 0.5em;
}

.booking-form-two {
    margin: 2%;
    display: inline-flex;
    width: 72%;
}

.booking-form-two .booking-input-two {
    width: 100%;
}

.booking-form-two .booking-input-two .input-container-booking .currency{
    width: 100%;
}

.booking-form-two .booking-input-two .input-container-booking .sales-terms{
    width: 100%;
}

.input-container-booking .textarea-form-booking{
    width: 70%;
    font-family: 'GothamBook';
    color: #5e5e5e;
    font-size: 0.5em;
}

.booking-form-step-two .booking-form-group-small {
    /*border: 2px solid;*/
    /*margin: 2%;*/
    width: 50%;
}

.booking-form-group-large .booking-form-title .add-size {
    text-align: right;
    float: right;
}

.booking-form-step-two .booking-form-group-large {
    /*border: 2px solid;*/
    /*margin: 2%;*/
    width: 50%;
}

.booking-select-step-two .booking-form-step-two {
    display: inline-flex;
    width: 100%;
}

.booking-select-step-two .booking-form-group-value-first{
    display: flex;
    flex-direction: column;
    width: 50%;
}

.booking-select-step-two .booking-form-group-value{
    display: inline-flex;
    width: 50%;
}

.booking-select-step-two .booking-form-group-value-first .first{
    display: inline-flex;
    width: 100%;
}

.booking-select-step-two .booking-form-group-value-first .second{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.booking-select-step-two .booking-form-group-value-first .second .second-label{
    padding-top: 5%;
    width: 100%;
    text-align: left;
    padding-left: 0.2em;
}

.booking-select-step-two .booking-form-group-value-first .second .second-checkbox{
    display: inline-flex;
    align-items: baseline;
    float: left;
    padding-left: 0.5em;
    position: relative;
    width: 100%;
}

.booking-select-step-two .booking-form-group-value-first .second .second-checkbox label.error  {
    position: absolute;
    width: 100%;
    bottom: -1em;
    text-align: left;
}

.booking-select-step-two .booking-form-group-value-first .second .second-checkbox .label-ex{
    padding-top: 23%
}

.booking-select-step-two .booking-form-group-value-first .second .second-checkbox .booking-form-title{
    padding-top: 0;
}

.booking-select-step-two .booking-form-step-two .booking-form-group-value-first .booking-qty {
    width: 20%;
    /*border: 2px solid;*/
    /*margin: 2%;*/
}

#booking-form .manage-form.edit {
    min-height: 0px;
}

/*SoedjarwoAli : set size total container */
.booking-select-step-two .booking-total .booking-form-title {
    width: 100%;
    height: 1.6em;
}

.booking-select-step-two .booking-total .booking-form-title .ex-gst-show .text{
    float: right;
    margin-top: 14%;
}

.booking-select-step-two .booking-total .booking-form-title .gst-show .text{
    float: right;
    margin-top: 14%;
}

.booking-select-step-two .booking-total .booking-form-title .inc-gst-show .text{
    float: right;
    margin-top: 14%;
}

.booking-select-step-two .booking-form-step-two .booking-form-group-value-first .booking-price {
    width: 40%;
    /*border: 2px solid;*/
    /*margin: 2%;*/
}

.booking-select-step-two .booking-form-step-two .booking-form-group-value .booking-sale {
    width: 40%;
    /*border: 2px solid;*/
    /*margin: 2%;*/
    padding: 2%;
}

.booking-select-step-two .booking-form-step-two .booking-form-group-value .booking-gst {
    width: 20%;
    /*border: 2px solid;*/
    /*margin: 2%;*/
}

.booking-select-step-two .booking-form-step-two .booking-form-group-value .booking-loading {
    width: 40%;
    /*border: 2px solid;*/
    /*margin: 2%;*/
}

.input-container-booking .select-contol-two {
    font-size: 0.5em;
}

.booking-total {
    text-align: right;
    width: 40%;
    margin-top: -0.75%;
}

.booking-total .booking-total-title, .booking-total .booking-total-ex,  .booking-total .booking-total-gst, .booking-total .booking-total-inc {
    padding-right: 10%;
    margin: 10% 0;
}

.booking-total .title-text {
    float: left;
    width: 100%;
    text-align: right;
    font-family: "GothamBook";
    font-size: 0.6em;
}

.booking-total .text {
    float: left;
    width: 40%;
    text-align: right;
    font-family: "GothamBook";
    font-size: 0.5em;
}

.booking-total .number {
    float: left;
    width: 60%;
    text-align: right;
    font-family: "GothamBook";
    font-size: 0.5em;
    font-weight: bold;
}

.booking-footer {
    position: relative;
}

.booking-footer .booking-footer-add {
    margin: 5%;
}

.booking-footer .booking-footer-add {
    text-align: center;
}

.booking-footer .booking-footer-add .add-booking {
    background: #7fbcae;
    border-radius: 50%;
    width: 13.2%;
    padding: 2%;
    position: relative;
    padding-bottom: 5%;
}

.booking-footer .booking-footer-add .booking-add-title .label {
    text-align: center;
    font-family: 'GothamBookLight';
    color: #5e5e5e;
    font-size: 0.7em;
}

.booking-footer .booking-footer-add .add-button-container {
    width: 13.2%;
}

.booking-complate {
    position: relative;
    margin: 2%;
    width: 96%;
    height: 130px;
    margin-bottom: 7%;
}

.booking-complate .button-complete .btn.issue-button {
    padding: 10px 30px;
    font-size: 0.7em;
    background-color: #7fbcae;
    color: #fff;
}

.booking-complate.prepare-invoice {
    margin-bottom: 5%;
    margin-top: 3%;
}


.booking-grand-total {
    position: absolute;
    top: -6%;
    left: 70%;
    padding-right: 20px;
    width: 30%;
}

.booking-grand-total .grand-total {
    text-align: right;
    padding-bottom: 5%;
}

.booking-grand-total .ex-gst-total {
    text-align: right;
    padding-bottom: 2%;
}

.booking-grand-total .gst-total {
    text-align: right;
    padding-bottom: 2%;
}

.booking-grand-total .inc-gst-total {
    text-align: right;
    padding-bottom: 2%;
}

.booking-grand-total .booking-complate-total .label-text {
    font-family: 'GothamBookLight';
    color: #5e5e5e;
    font-size: 0.9em;
}

.booking-grand-total .booking-complate-total .label-text .string {
    width: 5%;
    float: left;
}

.booking-grand-total .booking-complate-total .label-text .text {
    width: 35%;
    float: left;
    text-align: right;
    margin-left: 4%;
}

.booking-grand-total .booking-complate-total .label-text .home_booking_grand_total_ex_gst {
    width: 61%;
    float: left;
    text-align: right;
    font-family: "Gothambook";
}

.booking-grand-total .booking-complate-total .label-text .home_booking_grand_total_gst {
    width: 61%;
    float: left;
    text-align: right;
    font-family: "Gothambook";
}

.booking-grand-total .booking-complate-total .label-text .home_booking_grand_total_inc_gst {
    width: 61%;
    float: left;
    text-align: right;
    font-family: "Gothambook";
}

.input-container-booking .booking-datepicker {
    width: 38%;
    margin: 0 auto;
    font: 50% 'GothamBookLight';
}

.booking-issue {
    position: absolute;
    width: 48%;
    display: inline-flex;
    /*right: -30px;*/
    right: 0px;
}

.booking-view-issue {
    top: -50px;
}

.booking-issue .form-issue {
    width: 100%;
}

.booking-issue .booking-input-issue .input-issue{
    width: 100%;
    font-family: 'GothamBook';
    font-size: 0.5em;
    letter-spacing: 0.04em;
}

.booking-issue .booking-input-issue .label{
    font-family: 'GothamBookLight';
    color: #5e5e5e;
    font-size: 0.7em;
}

.home-booking .home-booking-container {
    text-align: center;
    margin: 2%;
}

/*************
Default Theme Sorter Table
*************/
/* overall */
.tablesorter-default {
    width: 100%;
    /*font: 12px/18px Arial, Sans-serif;*/
    color: #333;
    background-color: #fff;
    border-spacing: 0;
    margin: 10px 0 15px;
    text-align: left;
}

/* header */
.tablesorter-default th,
.tablesorter-default thead td {
    /*font: bold 12px/18px Arial, Sans-serif;*/
    /*color: #000;*/
    background-color: #fff;
    border-collapse: collapse;
    border-bottom: #ccc 2px solid;
    padding: 0;
}
.tablesorter-default tfoot th,
.tablesorter-default tfoot td {
    border: 0;
}
.tablesorter-default .header,
.tablesorter-default .sort {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 20px 4px 4px;
}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .sortSortUp,
.tablesorter-default thead .sortAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    border-bottom: #000 2px solid;
}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .sortSortDown,
.tablesorter-default thead .sortDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
    border-bottom: #000 2px solid;
}
.tablesorter-default thead .sorter-false {
    background-image: none;
    cursor: default;
    padding: 4px;
}

/* tfoot */
.tablesorter-default tfoot .sortSortUp,
.tablesorter-default tfoot .sortSortDown,
.tablesorter-default tfoot .sortAsc,
.tablesorter-default tfoot .sortDesc {
    border-top: #000 2px solid;
}

/* tbody */
.tablesorter-default td {
    background-color: #fff;
    border-bottom: #ccc 1px solid;
    padding: 4px;
    vertical-align: top;
}

/* hovered row colors */
.tablesorter-default tbody > tr:hover > td,
.tablesorter-default tbody > tr.even:hover > td,
.tablesorter-default tbody > tr.odd:hover > td {
    background: #fff;
    color: #000;
    cursor: pointer;
}

/* table processing indicator */
.tablesorter-default .tablesorter-processing {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    /* background-image: url(../addons/pager/icons/loading.gif) !important; */
    background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}

/* Zebra Widget - row alternating colors */
.tablesorter-default tr.odd td {
    background-color: #dfdfdf;
}
.tablesorter-default tr.even td {
    background-color: #efefef;
}

/* Column Widget - column sort colors */
.tablesorter-default tr.odd td.primary {
    background-color: #bfbfbf;
}
.tablesorter-default td.primary,
.tablesorter-default tr.even td.primary {
    background-color: #d9d9d9;
}
.tablesorter-default tr.odd td.secondary {
    background-color: #d9d9d9;
}
.tablesorter-default td.secondary,
.tablesorter-default tr.even td.secondary {
    background-color: #e6e6e6;
}
.tablesorter-default tr.odd td.tertiary {
    background-color: #e6e6e6;
}
.tablesorter-default td.tertiary,
.tablesorter-default tr.even td.tertiary {
    background-color: #f2f2f2;
}

/* caption */
caption {
    background: #fff;
}

/* filter widget */
.tablesorter-default .tablesorter-filter-row td {
    background: #eee;
    border-bottom: #ccc 1px solid;
    line-height: normal;
    text-align: center; /* center the input */
    -webkit-transition: line-height 0.1s ease;
    -moz-transition: line-height 0.1s ease;
    -o-transition: line-height 0.1s ease;
    transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-default .tablesorter-filter-row .disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
}
/* hidden filter row */
.tablesorter-default .tablesorter-filter-row.hideme td {
    /*** *********************************************** ***/
    /*** change this padding to modify the thickness     ***/
    /*** of the closed filter row (height = padding x 2) ***/
    padding: 2px;
    /*** *********************************************** ***/
    margin: 0;
    line-height: 0;
    cursor: pointer;
}
.tablesorter-default .tablesorter-filter-row.hideme .tablesorter-filter {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    /* don't use visibility: hidden because it disables tabbing */
    opacity: 0;
    filter: alpha(opacity=0);
}
/* filters */
.tablesorter-default .tablesorter-filter {
    width: 95%;
    height: auto;
    margin: 4px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0.1s ease;
    -moz-transition: height 0.1s ease;
    -o-transition: height 0.1s ease;
    transition: height 0.1s ease;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
    cursor: pointer;
    background-color: #e6bf99;
}

.issue-container {
    margin: 2%;
}

.issue-container .issue-title {
    font-family: 'GothamBookLight';
    text-align: center;
    font-size: 1em;
    margin: 2%;
    clear: both;
    float: none;
}

.issue-container .subtitle {
    margin-top: 4%;
}

.issue-container .subtitle .position, .issue-container .subtitle .loading {
    padding-top: 5%;
}

.form-issue {
    width: 100%;
    height: 51px;
}

.issue-form .magazine-title {
    width: 50%;
    margin: 0 auto;
}

.issue-container .label{
    color: #5e5e5e;
    font-family: 'GothamBook';
    font-size: 0.7em;
    height: 50%;
}

.issue-container .issue-right-input .label{
    height: 30%;
}

.issue-left {
    width: 40%;
    float: left;
    margin-bottom: 4%;
}

.issue-center {
    width: 27%;
    float: left;
    margin-bottom: 4%;
}

.issue-center .form-issue {
    padding: 1.2% 3%;
}

.issue-center .form-issue.title{
    padding-top: 2%;
    padding-left: 10%;
}

.issue-center .form-issue .issue-input select {
    padding: 7px;
}

/*.issue-form .issue-center .form-issue-center .form-issue .issue-input {
    width: 100%;
}*/

.issue-form .issue-right {
    width: 33%;
    float: right;
    padding-left: 2%;
    margin-bottom: 4%;
}

.issue-right-input, .issue-right-input-loading {
    width: 80%;
    float: left;
    padding-left: 2%;
    margin: 2% 10% 2% 2%;
}

.issue-form .issue-right .form-issue-right .form-issue .issue-input {
    width: 100%;
}

.issue-form {
    width: 100%;
}

.form-issue .issue-input {
    width: 80%;
    float: left;
    padding: 2%;
}

.form-issue .issue-input .form-control {
    font-family: 'GothamBook';
}

.form-issue .special{
    width: 75%;
    float: right;
}

.form-issue-right .dollar {
    position: absolute;
    left: -4.5%;
}

.loadings .form-issue .issue-input {
    width: 100%;
    text-align: center;
}

.loadings .form-issue .issue-input .loading{
    width: 20%;
}

.loadings .form-issue .form-control {
    width: 50%;
    margin: 0 auto;
}

.loadings .form-issue .form-input-issue {
    text-align: center;
    width: 100%;
    position: relative;
    margin: 2% auto;
}

.form-issue .input-description {
    width: 50%;
    float:right;
}

.form-issue .issue-input .issue-number {
    width: 40%;
}

.form-input-issue {
    width: 20%;
    float: left;
}

.issue-container .form-issue .label-note {
    font-size: 0.6em;
}

.issue-container .form-issue .issue-button {
    width: 40%;
}

.button-left-issue .issue-button {
    width: 15%;
}

.form-issue .input-description-label {
    width: 50%;
}

.form-issue .description-label {
    text-align: right;
}

.form-issue .description-invoice-label {
    text-align: right;
    margin-top: 9%;
}

.form-issue .input-price {
    width: 30%;
    float: right;
}

.form-issue .input-price-label {
    width: 70%;
}

.issue-form .button-complete {
    width: 16%;
    margin: 0 auto;
    margin-top: 10%;
}

.issue-form .button-complete .add-magazine-complete {
    width: 100%;
}

.form-issue .price-label {
    text-align: right;
}

.button-right-issue {
    clear: both;
    text-align: right;
    margin-right: 16%;
}

.button-left-issue .right {
    position: absolute;
    right: -17%;
}

.button-left-issue {
    clear: both;
    width: 100%;
    display: inline-flex;
    position: relative;
}

.button-left-issue .loadings, .button-left-issue .positions {
    width: 20%;
}

.button-right-issue .issue-button {
    width: 100%;
}

.button-left-issue .loading-form, .button-left-issue .position-form {
    width: 20%;
    position: absolute;
    right: 0;
}

.button-center-issue .issue-button {
    width: 15%;
}

.booking-gst .percent-input {
    position:relative;
    display: inline-block;
}
.booking-gst .percent-input span {
    position: absolute;
    top: 12px;
    right: 25px;
    line-height: 100%;
    vertical-align: middle;
    font-size: 0.5em;
}


.booking-price .percent-input {
    position:relative;
    display: inline-block;
}
.booking-price .percent-input span {
    position: absolute;
    top: 12px;
    left: 20px;
    line-height: 100%;
    vertical-align: middle;
    font-size: 0.5em;
}

.booking-loading .percent-input {
    position:relative;
    display: inline-block;
}
.booking-loading .percent-input span {
    position: absolute;
    top: 12px;
    left: 20px;
    line-height: 100%;
    vertical-align: middle;
    font-size: 0.5em;
}

.dashboard-page .magazine-list {
    position: relative;
}

.magazine-list .magazine-name {
    position: absolute;
    top: -60px;
    text-align: left;
    width: 65%;
    font-family: 'GothamBookLight';
    font-size: 1.2em;
    letter-spacing: 0.03em;
}

.magazine-list .magazine-name.issue{
    width: 100%;
}


/*soedjarwoAli : no data display*/
.no-data-container {
    height : auto;
}

.no-data-container .no-data {
    text-align:center;
    font-family: 'Gothambook';
    font-size: 0.5em;
    margin-top: 2%;
    margin-bottom: 2%;
    letter-spacing: 0.3em;
    color: #5e5e5e;
}

.dashboard-content {
    position: relative;
    min-height: 700px;
    /*top: -2em;*/
}

.dashboard-content .button-bottom {
    position: absolute;

}

.dashboard-content .button-dashboard {
    float: right;
    right: 0;
    bottom: 0;
    width: 18%;
    margin-top: 1.6%;
    margin-right: 2%;
    bottom: 3%;
}

.dashboard-content .button-dashboard .botton-dashboard-right {
    width: 100%;
    /*float: right;*/
}

.dashboard-content .button-dashboard .botton-dashboard-right .botton-dashboard-booking-right {
    width: 100%;
    margin: 5% 0;
}

.dashboard-content .button-dashboard .botton-dashboard-right a.click-booking button.botton-dashboard-booking-right {
    background-color: #7fbcae;
    color : #fff;
}

.dashboard-content .button-dashboard .botton-dashboard-right a.click-booking button.botton-dashboard-booking-right:hover {
    background-color: #ebebeb;
    color : #333;
}

.dashboard-content .dashboard-process {
    width: 26%;
    text-align: center;
    margin-top : 1.9%;
    padding-left: 2%;
    float: left;
}

.dashboard-content .dashboard-process .dashboard-count-process {
    /*margin: 3%;*/
    width: 100%;
    /*line-height: 30%;*/
}

.dashboard-content .dashboard-process .dashboard-count-process .dashboard-issue-calculation {
    padding-bottom: 8%;
    text-align: right;
    padding-right: 20%;
}

.dashboard-content .dashboard-process .dashboard-count-center {
    position: relative;
    /*padding-top: 2%;*/
    font-family: "GothamBook";
    font-size: 0.98em;
}

.dashboard-content .dashboard-process .botton-dashboard-booking-target {
    position: absolute;
    top: 20.3%;
    left: 21.5%;
    width: 12%;
    display: none;
    font-family: "GothamBookLight";
    font-size: 0.6em;
    border: 1px solid #7fbcae;
    padding: 1%;
    background-color: #7fbcae;
    border-radius: 7px;
    color: #fff;
}

.dashboard-content .dashboard-process .tooltip-arrow {
    top: 23%;
    left: 20.9%;
    /*margin-top: -5px;*/
    border-right-color: #7fbcae;
    border-width: 7px 7px 7px 0;
    display: none;
}

.dashboard-content .dashboard-process .dashboard-count-center .dashboard-page{
    position: absolute;
    right: -260px;
    text-align: center;
    margin: 9%;
    width: 47%;
}

.dashboard-count-center .dashboard-count-process .dashboard-issue .page{
    text-align: center;
    width: 100%;
}

.dashboard-count-center .dashboard-count-process .dashboard-issue {
    width: 100%;
    text-align: center;
    /*margin-bottom: 10%;*/
    /*padding-bottom: 2%;*/
}

.dashboard-count-center .dashboard-count-process .dollar-dashboard {
    text-align: center;
    width: 15%;
    position: absolute;
}

.dashboard-content .dashboard-not-advertised {
    width: 47%;
    text-align: left;
    margin-top : 1.9%;
    float: left;
    margin-left: 5%;
}

.dashboard-content .dashboard-not-advertised .title-not-advertised {
    font-family: "GothamBook";
    font-size: 0.98em;
}

.dashboard-content .dashboard-not-advertised .content-not-advertised ul {
    list-style-type: none;
    padding: 0;
    height: 125px;
    overflow: hidden;
}

 .dashboard-content .dashboard-not-advertised .content-not-advertised li.company-list {
    font-family: "GothamBook";
    font-size: 0.6em;
    text-align: left;
    /*padding-left: 2%;*/
    padding-top: 1%;
    padding-bottom: 0.5%;
}

.dashboard-content .dashboard-not-advertised .content-not-advertised li.company-list i {
    color: #7D7D7D;
}

.dashboard-content .dashboard-not-advertised .content-not-advertised li.company-list a {
    color: #333;
}

.dashboard-content .dashboard-not-advertised .content-not-advertised li.company-list a:hover {
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #7D7D7D;
}

.dashboard-content .dashboard-not-advertised .button-dashboard {
    /*margin-right: 8%;*/
    width: 38%;
    float: left;
}

.dashboard-content .dashboard-graph {
    position: absolute;
    width: 50%;
    bottom: 0;
    top: 50%;
}

.dashboard-content .dashboard-graph .dashboard-process-graph {
    border: 2px solid #000;
    width: 100%;
    margin: 5%;
    height: 200px;
}

.dashboard-content .dashboard-graph .dashboard-process-graph #container {
    height: 190px;
}

#price-loading, #price-position {
    background-color: white;
}

.count #qty {
    margin-top: 5.5%;
}

.page-pdf {
    margin: 0.8% 4% 4% 4%;
    font-family: 'Gotham';
    page-break-after:always;
    position: relative;
    width: 100%;
}

.page-pdf .logo-pdf {
    width: 450px;
    height: 140px;
}

.page-pdf .logo-pdf .logo-image {
    max-height: 140px;
    height:100%;
}

.page-pdf .title-pdf .title-bold {
    line-height: 10px;
}

.page-pdf .title-pdf .title-bold span, .page-pdf .title-pdf .title-bold span {
    /*font-weight: bold;*/
    font-size: 1.3em;
    line-height: 30px;
}

.page-pdf .title-pdf {
    position: relative;
    width: 100%;
}

.page-pdf .title-pdf .title-url {
    width: 25%;
    position: absolute;
    top: 0.6%;
    right: 0%;
}

.page-pdf .title-pdf .title-url span {
    font-size: 0.6em;
}

.page-pdf .title-pdf .title-url span.url {
    padding-top: 1%;
}

.clear {
    clear: both;
}

.page-pdf .profile-pdf {
    width: 100%;
    color: #000;
    font-size: 0.6em;
    margin-top: 5%;
}

.page-pdf .profile-pdf .form-profile {
    width: 50%;
    position: relative;
    float: left;
}

.page-pdf .profile-pdf .form-profile table {
    width: 100%;
}

.page-pdf .profile-pdf .form-profile .profile-data {
    font-weight: bold;
}

.info-pdf .text-pdf {
    font-size: 0.6em;
    text-align: justify;
    font-weight: bold;
}

.table-pdf .booking-table {
    background-color: #000;
    color: #fff;
    font-size: 0.7em;
}

.table-pdf .booking-table table{
    background-color: #000;
    color: #fff;
    width: 100%;
}

.table-pdf .booking-list table{
    font-size: 0.5em;
    width: 100%;
    font-weight: bold;
}

.table-pdf .grand-footer{
    width: auto;
    font-size: 0.6em;
}

.table-pdf .grand-footer .grand-container {
   width: 100%;
   margin: 0;
   padding: 0;
   table-layout: fixed;
   word-wrap: break-word;
}

.table-pdf .grand-footer .grand-container .notes {
    width: 70%;
}

.table-pdf .grand-footer .grand-container .grand-notes {
    width: 100%;
    margin-top: 1em;
    padding-bottom: 0.5em;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 0.9em;
}

.table-pdf .grand-footer .grand-container .grand-notes .notes-title {
    font-size: 1.1em;
    font-weight: bold;
}

.table-pdf .grand-footer .grand-container .total {
    width: 30%;
}

.table-pdf .grand-footer .grand-container .grand-total {
    border-bottom: 2px solid #000;
    text-decoration: none;
    float: right;
}

/*.table-pdf .grand-footer table{
    float: right;
}*/

.footer-pdf .footer-content {
    font-weight: bold;
    margin-top: 10%;
    font-size: 0.8em;
    width: 100%;

}

.footer-pdf .footer-content .footer-data table{
    padding: 20% 0 10% 0;
    width: 50%;
    font-size: 0.8em;
    float: right;
}


/*SoedjarwoAli : prepare export xero style*/
.prepare-invoice {
    height: 4em;
}
.prepare-invoice .title-page {
    width: 66%;
    text-align: right;
    height: 35%;
}

/*.prepare-invoice .due-date-invoice {
    height: 53%;
    width: 34%;
    padding: 0;
    margin-top: 10%;
}

.prepare-invoice .due-date-invoice .text-set-due-date-container{
    width: 46%;
    height: 100%;
    font-family: "GothamBookLight";
    font-size: 0.5em;
    padding: 0;
    margin-top: 5%;
}

.prepare-invoice .due-date-invoice .due-date-container {
    height: 100%;
    width: 40%;
    padding: 0;
}

.prepare-invoice .due-date-invoice .due-date-container .due-date {
    height: 50%;
    width: 100%;
    font-family: 'GothamBook';
    font-size: 0.5em;
    letter-spacing: 0.03em;
    margin-top: 0;
}

.prepare-invoice .icon-date-picker-container {
    height: 85%;
    top: 0;
}

.prepare-invoice .icon-date-picker-container img {
    width: 100%;
    top: -10%;
    cursor: pointer;
}
*/
.prepare-invoice .date-invoice-calendar {
    width: 32%;
    font-size: 0.5em;
    font-family: 'GothamBookLight';
    height: 70%;
    position: relative;
/*    left: -233.5%;
    top: -159%;*/
    z-index: 99;
    padding: 0;
    margin-top: 2%;
    margin-left: 33%;
}

#ui-datepicker-div {
    width: 14%;
    font-size: 0.5em;
    font-family: 'Gothambook';
}

.prepare-invoice .date-invoice-calendar p img {
    width: 10%;
}



.prepare-invoice .due-date-invoice-calendar {
    width: 35%;
    font-size: 0.5em;
    font-family: 'GothamBookLight';
    height: 70%;
    position: relative;
/*    left: -233.5%;
    top: -159%;*/
    z-index: 99;
    padding: 0;
    margin-top: 2%;
}

#ui-datepicker-div {
    width: 14%;
    font-size: 0.5em;
    font-family: 'Gothambook';
}

.prepare-invoice .due-date-invoice-calendar p img {
    width: 10%;
}

/*.prepare-invoice .due-date-invoice-calendar #datepicker {
    position: absolute;
}
*/
.page-no-container {
    width: 9%
}

.page-no {
    width: 100%;
    text-align: center;
}

td.export-status {
    width: 13.2%;
    text-align : center;
}

td .img-loader-container {
    width: 100%;
    height: 2em;
    display: none;
}

td .img-loader-container img {
    width: 20%;
}

.circle-ending-soon-container {
    width: 15px;
    height: 1.4em;
/*    display: none;*/
}
.circle-ending-soon-container .circle-ending-soon {
    background: #eb711f;
    border-radius: 50%;
    width: 100%;
    margin-bottom: 3%;
    margin-top: 2%;
    border: 1px #5e5e5e solid;
}

.xero-export-status {
    width: 100%;
    height: 2em;
/*    display: none;*/
}
.xero-export-status .circle-status {
    background: #cfcfcf;
    border-radius: 50%;
    width: 13%;
    margin-bottom: 3%;
    margin-top: 2%;
    border: 1px #5e5e5e solid;
}

.xero-export-status .circle-status.y {
    background: #7fcbae;
}

.xero-export-status .circle-status.failed {
    background: #E33532;
}

.export-xero-loader-container {
    width: 100%;
    height: 50px;
    top: -4em;
}

.export-xero-loader-container .xero-export-loader {
    height: 100%;
    display: none;
}

.export-xero-loader-container .xero-export-loader .img-loader-container img {
    width: 3%;
}

.export-xero-loader-container .xero-export-loader .text-loader-container {
    text-align:center;
    font-family: 'Gothambook';
    font-size: 0.5em;
    margin-top: 1%;
    margin-bottom: 2%;
    letter-spacing: 0.3em;
    color: #5e5e5e;
}


.button-xero {
    width: 100%;
    height: 50px;
    position: relative;
    margin-top: 4%;
}

.button-xero .button-xero-left {
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
}

.button-xero .button-xero-left .button-xero-login {
    position: absolute;
    left: 0;
}

.button-xero .button-xero-right {
    float: left;
    width: 50%;
    height: 100%;
    position: relative;
}

.button-xero .button-xero-right .button-xero-export {
    position: absolute;
    right: 0;
    width: 38%;
    margin-top: 0;
}

.booking-issue .default-select {
    position: absolute;
    width: 32%;
    top: -92%;
    right: 0;
    font-size: 1.3em;
    text-align: right;
}

.booking-issue .default-select .set-select {
    text-align: right;
    padding-right: 0;
}

.skeletonbody {
    margin-top: 5%;
}

.button-prepare-right .button-prepare-label {
    width: 19%;
    float: right;
    margin-bottom: 2%;
    margin-top: 1%;
}

.button-prepare-right .button-save-page-no {
    width: 19%;
    float: right;
    margin-bottom: 3%;
}

.prepare-pdf {
    margin: 0;
    padding: 0;
    z-index: 9999;
    font-size: 0.5em;
    font-family: "GothamBook";
    width: 100%;
}

.prepare-pdf img {
    width: 100%;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: -9999;
}

.prepare-pdf table{
    /*margin-top: 3%;*/
    width: 100%;
}


.prepare-pdf td{
/*    margin-top: 5%;
    margin-bottom: 5%;*/
    /*width: 100%;*/
    padding-left: 40px;
    /*padding-top: 5px;*/
    padding-bottom: 5px;
    height: 120px;
    width: 340px;
}

.prepare-pdf tr:first-child {
    padding-top: 50px;
}

.prepare-pdf .line-container {
    position: relative;
}

.prepare-pdf .line {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 1.18em;
    position: absolute;
}

.prepare-pdf .line.name {
    top: 1%;
}

.prepare-pdf .line.company{
    top: 2.8%;
}

.prepare-pdf .line.address{
    top: 4.6%;
}

.prepare-pdf .line.state{
    top: 6.4%;
}

.prepare-pdf .line.country{
    top: 8.2%;
}

.prepare-pdf .line.AU-name{
    top: 2%;
}

.prepare-pdf .line.AU-company{
    top: 3.8%;
}

.prepare-pdf .line.AU-address{
    top: 5.6%;
}

.prepare-pdf .line.AU-state{
    top: 7.4%;
}

.prepare-pdf .line.AU-country{
    top: 8.7%;
}

.prepare-pdf .line.down-address{
    top: 6%;
}

.prepare-pdf .line.down-state{
    top: 7.6%;
}

.prepare-pdf .line.down-country{
    top: 9.2%;
}

/*soedjarwoAli: style for long state*/
.prepare-pdf .line.down-country-state{
    top: 9.4%;
}

/*soedjarwoAli: style for long state and company*/
.prepare-pdf .line.down-name-state-company{
    top: 2%;
}

.prepare-pdf .line.down-company-state-company{
    top: 3.8%;
}

.prepare-pdf .line.down-address-state-company{
    top: 7%;
}

.prepare-pdf .line.down-state-state-company{
    top: 8.6%;
}

.prepare-pdf .line.down-country-state-company{
    top: 9.1%;
}

/*soedjarwoAli: style for long state and address*/
.prepare-pdf .line.down-name-state-address{
    top: 0.5%;
}

.prepare-pdf .line.down-company-state-address{
    top: 2%;
}

.prepare-pdf .line.down-address-state-address{
    top: 3.5%;
}

.prepare-pdf .line.down-state-state-address{
    top: 6.5%;
}

.prepare-pdf .line.down-country-state-address{
    top: 9.5%;
}
.prepare-pdf .prepare-list {
    width: 45%;
    margin-top: 6%;
    /*margin-left: 5%;*/
    float: left;
    margin-bottom:1%;
}

.prepare-pdf .prepare-list .prepare-item-container {
/*    padding-bottom: 1%;*/
    width: 90%;
    padding:5%;
    margin-bottom:2%;
}

.prepare-pdf .prepare-list .prepare-item-container:first-child {
    /*margin-top: 3.5%;*/
}

.prepare-pdf .prepare-list .prepare-item {
    padding-bottom: 1%;
    width: 100%
}

.prepare-pdf tr .name{
    /*padding-top: 15px;*/
}

.key-up-container {
    height: 20%;
    width: 25%;
    float: right;
    padding: 1% 0% 4%;
}


.key-up-container .circle-ending-soon-container {
    width: 8%;
    height: 0.8em;
    float: left;
    padding: 4%;
}


.key-up-container .circle-ending-soon-container .circle-ending-soon {
    background: #eb711f;
    border-radius: 50%;
    width: 63%;
    margin-bottom: 33%;
    margin-top: 3%;
    border: 1px #5e5e5e solid;
}

.key-up-container .text {
   font-family: "GothamBook";
    font-size: 0.6em;
    float: left;
    padding: 0% 5%;
}

.xero-sync-loader-container.dashboard {
    top: -2.5em;
    left: 14em;
    width: 30%;
    height: 0;
}

.xero-sync-loader-container.dashboard .img-loader-container  {
    width: 10%;
    float: left;
}

.xero-sync-loader-container.dashboard .img-loader-container img {
    width: 100%;
}

.xero-sync-loader-container.dashboard .text-loader-container {
    width: 90%;
    float: left;
    margin-top: 3%;
    margin-left: -21%;
}

#popup_container {
    font-family: Arial, sans-serif;
    font-size: 12px;
    min-width: 410px; /* Dialog will be no smaller than this */
    max-width: 600px; /* Dialog will wrap after this width */
    background: #FFF;
    border: solid 1px #5e5e5e;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#popup_title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    color: #fff;
    background-color: #5e5e5e;
    /*border: solid 1px #FFF;*/
    border-bottom: solid 1px #999;
    cursor: default;
    padding: 0.5em;
    margin: 0em;
}

#popup_content {
    /*background: 16px 16px no-repeat url(../images/info.gif);*/
    padding: 1em 1.75em;
    margin: 0em;
}

#popup_content .form-control {
    font-size: 12px;
    height: 32px;
}

#popup_message {
    /*padding-left: 24px;*/
    text-align: center;
}

#popup_panel {
    text-align: center;
    margin: 1em 0em 1em 1em;
}

#popup_prompt {
    margin: .5em 0em;
}

.manage-form.manager .button-submit-container .button-submit-content .button-left-container .button-left .btn.btn-default {
    padding : 9px;
    background-color: #5e5e5e;
    color: #fff;
    letter-spacing: 0.2em;
}

.manage-form.manager .button-submit-container .button-submit-content .button-right-container .button-right .btn.btn-default {
    padding : 9px;
    background-color: #7fbcae;
    color: #fff;
    letter-spacing: 0.2em;
}

.manage-form.profile .button-submit-container .button-submit-content .button-right-container .button-right .btn.btn-default {
    padding : 9px;
    background-color: #7fbcae;
    color: #fff;
    letter-spacing: 0.2em;
}

.manage-form.sales-person .button-submit-container .button-submit-content .button-left-container .button-left .btn.btn-default {
    padding : 9px;
    background-color: #5e5e5e;
    color: #fff;
    letter-spacing: 0.2em;
}

.manage-form.sales-person .button-submit-container .button-submit-content .button-right-container .button-right .btn.btn-default {
    padding : 9px;
    background-color: #7fbcae;
    color: #fff;
    letter-spacing: 0.2em;
}

.manage-form.configuration .button-submit-container .button-submit-content .button-right-container .button-right .btn.btn-default {
    padding : 9px;
    background-color: #7fbcae;
    color: #fff;
    letter-spacing: 0.2em;
}

.manage-form.configuration .label {
    display: block;
    text-align: left;
}

.manage-form.configuration .xero-section .input-container p {
    font-size: 0.6em;
}

.admin-table-container .legend-container .legend-item {
    padding: 1% 0 2% 0;
}

.admin-table-container .legend-container .legend-item .legend-icon {
    width: 13%;
}

.admin-table-container .legend-container .legend-item .legend-desc {
    font-family: "GothamBook";
    font-size: 0.5em;
    padding: 0.5% 0;
}

.clear-export-status-container {
    margin-bottom: 15px;
    float: right;
}