* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    /*height: 100%;*/
}

body {
    background: #f9f9f9;
    margin: 0px;
    padding: 0px;
    font-family: "PT Sans", "Open sans", Arial, sans-serif;
    color: #6a6a6a;
    font-size: 13px;
    /*height: 100%;*/
}

a {
    color: #909090;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a, img {
    border: 0px;
}

p {
    margin: 0px;
}

.table tr td {
    text-align: center;
    font-size: 14px;
    padding: 13px 4px;
}

.form-group {
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.form-group .control-label {
    display: block;
    min-height: 20px;
}

.form-group a {
    display: block;
}

.form-group > span {
    width: 87%;
    display: inline-block;
    font-size: 12px;
}

form fieldset .form-group {
    width: 300px;
    display: block;
    overflow: hidden;
}

input[type="text"], input[type="password"], textarea, select {
    font-family: Arial, sans-serif;

    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 4px 5px;
    font-size: 13px;
    color: #666;
    width: 100%;
}

select[disabled="disabled"] {
    border: 1px solid #e1e1e1;
    background: #f1f1f1;
}

.form-group.checkbox-wrapper .control-label {
    display: inline-block;
    vertical-align: middle;
}

.form-group.checkbox-wrapper .element-wrapper {
    display: inline-block;
    float: left;
}

input[type="checkbox"] {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    margin: 3px 0px 0px 0px;
}

textarea {
    /*min-height: 100px;*/
}

input[type="submit"] {
    border: none;
    cursor: pointer;
}

select {
    background: #fafafa;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 3px 0px;
    text-indent: 7px;
    font-size: 13px;
    color: #666;
    display: block;
}

input[readonly=readonly] {
    padding: 4px 5px;
    background: #f1f1f1;
    min-height: 15px;
    border: 1px solid #e1e1e1;
}

.column-form-group {
    width: 22%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
}

.column-form-group .form-group {
    width: 100% !important;
}

form .help-inline {
    float: left;
    color: #d22222;
    font-size: 11px !important;
}

.input-error {
    background: #fddfdf !important;
}

fieldset {
    padding: 0;
    border: 0;
    width: 100%;
}

.centered {
    text-align: center !important;
}

h1 {
    margin: 0px;
    font-size: 72px;
}

h2 {
    margin: 0px;
    font-size: 30px;
}

h3 {
    margin: 0px;
    font-size: 21px;
}

h4 {
    font-size: 17px;
}

h5 {
    font-size: 13px;
}

h6 {
}

ul, ol {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul li, ol li {
    padding: 0px;
}

a:hover {
    cursor: pointer;
}

.c-both {
    clear: both;
}

.hidden-content {
    display: none !important;
}

.f-right {
    float: right;
}

.f-left {
    float: left;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.middle {
    width: 96%;
    margin: 0px auto 20px auto;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    -moz-box-shadow: 0px 2px 8px #eee;
    -webkit-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
    padding: 30px 0px;
    border-top: none;
    background: #fff;
    text-align: center;
}

.middle > * {
    text-align: left;
}

.col-2 {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin: 0%;
}

/*LOGIN*/

.login-form {
    width: 320px;
    position: relative;
    background: #4e535a;
    padding: 20px;
    margin: 10% auto 0px auto;
    overflow: hidden;
}

.login-form-header label {
    text-align: center;
    font-size: 24px;
    color: #fff;
    margin: 20px 0px 20px;
    display: block;
}

.login-form-content .input-prepend {
    width: 100%;
    height: 50px;
    float: left;
    margin-top: 7px;
}

.login-form-content .add-on {
    width: 50px;
    height: 50px;
    background: #fff;
    float: left;
}

.login-form-content .add-on .icon-user {
    background: #60d887 url(../images-admin/sprite.png) no-repeat center -12px;
    width: 44px;
    height: 44px;
    display: block;
    margin: 3px;
}

.login-form-content .add-on .icon-briefcase {
    background: #60d887 url(../images-admin/sprite.png) no-repeat center -67px;
    width: 44px;
    height: 44px;
    display: block;
    margin: 3px;
}

.login-form-content input {
    border: none;
    width: 230px;
    float: left;
    background: #fff;
    color: #6a6a6a;
    line-height: 18px;
    padding: 16px 0px;
    margin: 0px;
    text-indent: 15px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.login-form-content input:focus {
    outline: none;
}

.login-form-content input[type="submit"] {
    width: 100%;
    background: #60d887;
    color: #fff;
    font-size: 17px;
    margin: 15px 0px;
}

.login-form-content input[type="submit"]:hover {
    background: #7ceca0;
    cursor: pointer;
}

.login-form-content .help-inline {
    color: #e65a5a;
    font-size: 12px;
}

/*HEADER*/

.header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1030;
    width: 100%;
}

.header {
    height: 60px;
    background: #2a2e33;
}

.header .logo-wrapper {
    width: 195px;
    height: 60px;
    float: left;
    text-align: center;
    line-height: 60px;
    background: #2a2e33;
    color: #fff;
}

.header .logo {
    background: url(../images-admin/logo.png) no-repeat;
    width: 101px;
    height: 25px;
    margin: 20px auto 0px;
    display: block;
}

.header .project-name {
    float: left;
    color: #fff;
    font-size: 19px;
    line-height: 60px;
}

.new-timesheet-record-h-link {
    display: inline-block;
    width: 50px;
    height: 50px;
    float: right;
    background: #60d887 url(../images-admin/sprite.png) no-repeat -9px -1563px;
    margin: 6px;
    color: #fff;

    -webkit-transition: all 0.27s;
    -moz-transition: all 0.27s;
    -ms-transition: all 0.27s;
    -o-transition: all 0.27s;
    transition: all 0.27s;
}

.new-timesheet-record-h-link:hover {
    opacity: 0.8;
}

.header .user {
    float: right;
    width: 50px;
    height: 50px;
    display: block;
    margin: 6px;
    background: #60d887 url(../images-admin/sprite.png) no-repeat center -9px;
    position: relative;
}

.user .header-dropdown-menu {
    display: none;
    list-style-type: none;
    width: 180px;
    margin: 0px;
    position: absolute;
    right: 0px;
    top: 49px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.25);
}

.user:hover .header-dropdown-menu {
    display: block;
}

.header-dropdown-menu li {
    float: left;
    overflow: hidden;
    border-top: none;
    border-bottom: 1px solid #5e5e5e;
}

.header-dropdown-menu li a {
    display: block;
    color: #666;
    padding: 15px 0px;
    width: 180px;
    background: #60d887;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.header-dropdown-menu li a:hover {
    background: #43484e;
}

ul.header-dropdown-menu li:first-child {
    display: none;
}

.user ul.header-dropdown-menu:hover {
    height: auto;
    z-index: 9999;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.25);
}

.header .localizations {
    display: none;
}

.general-search-wrapper {
    margin-top: 6px;
    float: right;
}

.general-search-wrapper .title {
    display: none;
}

.general-search-wrapper input[type="text"] {
    border: none;
    padding: 10px 0px;
    height: 49px;
    background: #4e555d;
    color: #e1e1e1;
    text-indent: 13px;
    float: left;
    width: 205px;
    outline: none;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.general-search-wrapper input[type="submit"] {
    width: 49px;
    height: 49px;
    float: left;
    border: none;
    background: #60d887 url(../images-admin/sprite.png) no-repeat -8px -655px;
    outline: none;
    cursor: pointer;
}

/*LEFT SIDEBAR*/

.left-sidebar {
    /*height: 100%;*/
    width: 100%;
    background: #42464b;
    position: fixed;
    display: inline-block;
    vertical-align: top;
    z-index: 9;
}

.left-sidebar .main-nav {
    display: block;
}

.left-sidebar .main-nav li {
    font-size: 15px;
    display: inline-block;
    position: relative;
}

.left-sidebar .main-nav li a {
    padding: 15px 10px 15px 55px;
    display: block;
    border-right: 1px solid #5e5e5e;
}

.left-sidebar ul li.active,
.left-sidebar ul li:hover {
    background-color: #60d887;
}

.main-nav li span {
    color: #eaeaea;
}

.left-sidebar ul li.active span,
.left-sidebar ul li:hover span {
    color: #fff;
    cursor: pointer;
}

.left-sidebar ul li .admin-pending-sales,
.left-sidebar ul li .admin-new-leads,
.left-sidebar ul li .admin-assigned-leads,
.left-sidebar ul li .admin-not-emailed-transactions {
    background: #d70e2b;
    padding: 2px;
}

.left-sidebar ul li .admin-active-lead-reminder-notes,
.left-sidebar ul li .admin-flagged-leads,
.left-sidebar ul li .admin-pending-transactions {
    background: #f08900;
    padding: 2px;
}

.main-nav .has-children .nav {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 10;
    left: 0px;
    top: 45px;
    border: none;
}

.main-nav .has-children:hover .nav {
    display: inline-block;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.25);
}

.main-nav .has-children .nav li {
    width: 100%;
}

.main-nav .has-children .nav a {
    font-size: 13px;
    color: #fff;
    display: inline-block;
    width: 100%;
    min-width: 180px;
    border-bottom: 1px solid #5e5e5e;
    background: #42464b;
    padding-left: 15px;
}

.main-nav .has-children .nav a:hover {
    background: #60d887;
}

.main-nav .dashboard-link a {
    background: url(../images-admin/sprite.png) no-repeat -2px -130px;
}

.main-nav .payment-types-link a {
    background: url(../images-admin/sprite.png) no-repeat -2px -309px;
}

.main-nav .users-link a {
    background: url(../images-admin/sprite.png) no-repeat -2px -360px;
}

.main-nav .sale-vendors-link a {
    background: url(../images-admin/sprite.png) no-repeat -2px -412px;
}

.main-nav .add-sale-link a {
    background: url(../images-admin/sprite.png) no-repeat -2px -415px;
}

.main-nav .modify-sale-link a {
    background: url(../images-admin/sprite.png) no-repeat -2px -470px;
}

.main-nav .report-link a,
.main-nav .export-sale-link a {
    background: url(../images-admin/sprite.png) no-repeat -2px -521px;
}

.main-nav .sale-partners-link a {
    background: url(../images-admin/sprite.png) no-repeat -2px -570px;
}

.main-nav .sale-expenses-link a {
    background: url(../images-admin/sprite.png) no-repeat -2px -773px;
}

.main-nav .company-payment-link a {
    background: url(../images-admin/sprite.png) no-repeat -2px -884px;
}

.main-nav .leads-link a {
    background: url(../images-admin/sprite.png) no-repeat -4px -928px;
}

.main-nav .bookkeeper-agent-payroll-link a {
    background: url(../images-admin/sprite.png) no-repeat -5px -979px;
}

.main-nav .bookkeeper-company-expense-reimbursement-link a {
    background: url(../images-admin/sprite.png) no-repeat -4px -1030px;
}

.main-nav .transaction-link a {
    background: url(../images-admin/sprite.png) no-repeat -4px -1126px;
}

.main-nav .calendar-link a {
    background: url(../images-admin/sprite.png) no-repeat -6px -1383px;
}

.main-nav .timesheet-link a {
    background: url(../images-admin/sprite.png) no-repeat -6px -1501px;
}

.main-nav .flight-itinerary-link a {
    background: url(../images-admin/sprite.png) no-repeat -6px -1616px;
}

/*CONTENT*/
.container-fluid {
    width: 100%;
    overflow: hidden;
    font-size: 0px;
    margin-top: 60px;
}

.content {
    background: #f9f9f9;
    border-top: 1px solid #e1e1e1;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 12px;
    position: relative;
    margin-top: 80px;
}

.main-content {
    overflow: hidden;
}

.main-content .top h1,
.page-header {
    font-size: 22px;
    padding: 10px 2%;
    font-weight: normal;
    font-style: italic;
    background: #60d887;
    color: #fff;
    border-bottom: 1px solid #e1e1e1;
}

.page-header {
    width: 96%;
    margin: 25px auto 0px auto;
}

.content .top .results-count {
    float: right;
}

.breadcrumb {
    display: none;
}

.main-content .top {
    margin: 25px auto 0px;
    width: 96%;
    background: #fff;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    -moz-box-shadow: 0px 2px 8px #eee;
    -webkit-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
    position: relative;
}

.top a.back-btn {
    position: absolute;
    top: 8px;
    right: 20px;
    background: #6a6a6a;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    border-radius: 4px;
}

.main-content .buttons-wrapper {
    width: 96%;
    margin: 20px auto;
    overflow: hidden;
}

.main-content .buttons-wrapper .btn {
    font-size: 16px;
    color: #fff;
    padding: 7px 30px;
    border-radius: 4px;
    float: left;
    margin: 0px 3px 0px 0px;
}

.btn-info {
    background: #38c6ed;
}

.btn-info:hover {
    opacity: 0.8;
}

.btn-success,
.btn-commission-paid {
    background: #60d887 !important;
}

.main-content .btn-delete,
.btn-danger {
    background: #d70e2b;
    float: right !important;
}

.main-content .bottom {
    width: 96%;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 0px 0px 7px 7px;
    -moz-border-radius: 0px 0px 7px 7px;
    -webkit-border-radius: 0px 0px 7px 7px;
}

.content-nav-buttons-wrapper {
    text-align: center;
    margin-bottom: 30px;
}

.content-nav-buttons {
    border: 3px solid #60d887;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
}

.content-nav-buttons a {
    display: inline-block;
    padding: 10px 20px;
    background: #fff;
}

.content-nav-buttons a:hover {
    color: #60d887;
}

.content-nav-buttons a.active {
    background: #60d887;
    color: #fff;
}

.middle form {
    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 2px 8px #eee;
    -webkit-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
    border-radius: 4px;
    width: 93%;
    padding: 20px 2%;
    margin: 0px auto;
    overflow: hidden;
}

.static-field {
    width: 17%;
    margin: 3px 1% 3px 0px;
    display: inline-block;
    vertical-align: top;
}

.static-field > span {
    width: 87%;
    display: block;
    font-size: 13px !important;
    line-height: 20px;
}

.static-field > div {
    padding: 4px 5px;
    background: #f1f1f1;
    font-size: 14px;
    min-height: 15px;
    line-height: 15px !important;
    border: 1px solid #e1e1e1;
}

/* LIST TABLE */
.list-table {
    width: 96%;
    background: #fff;
    border: none;
    border-spacing: 1px;
    margin: 0px auto 20px auto;
    border: 1px solid #ddd;
    color: #666;
    border-radius: 4px;
}

.list-table > tbody > tr > th,
.list-table > tbody > tr > td {
    padding: 10px 7px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.list-table > tbody > tr:last-child td {
    border-bottom: none;
}

.list-status-type-pending {
    font-size: 14px;
    color: #d22222;
}

.list-status-type-completed,
.list-status-type-issued {
    font-size: 14px;
    color: #60d887;
}

.list-status-type-in-progress {
    font-size: 14px;
    color: #15ace2;
}

.list-status-type-processed {
    font-size: 14px;
    color: #f08900;
}

.list-table th {
    background: #f5f5f5;
    font-weight: normal;
    font-size: 11px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
}

.middle .list-table input[type="checkbox"] {
    margin: 0px;
}

.middle .list-table th:first-child,
.middle .list-table td:first-child {
    border-left: 0px;
}

.list-table .btn {
    color: #fff;
    border-radius: 4px;
    background: #000;
    margin: 0px auto;
    display: inline-block;
}

.list-table tr:hover {
    background: #f5f5f5;
}

.list-table tr td.inner-table-wrapper {
    padding: 0px;
}

td.inner-table-wrapper .list-table {
    margin: 0px;
    border: 0px;
    width: 100%;
}

/*BUTTONS GENERAL*/
.btn {
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 3px;
    margin: 0px 5px 0px 0px;
    display: inline-block;
    color: #fff;
    border: none;
    cursor: pointer;
}

.btn:hover {
    opacity: 0.8;
}

.btn.btn-cancel {
    background: #6a6a6a;
    text-align: center;
}

.icon-white {
    width: 20px;
    height: 20px;
    display: block;
}

.icon-edit {
    background: url(../images-admin/sprite.png) no-repeat center -214px;
}

.icon-trash {
    background: url(../images-admin/sprite.png) no-repeat center -266px;
}

.icon-assign {
    background: url(../images-admin/sprite.png) no-repeat center -1091px;
}

.icon-info {
    background: url(../images-admin/sprite.png) no-repeat center -848px;
}

.icon-duplicate {
    background: url(../images-admin/sprite.png) no-repeat -24px -1454px;
}

.icon-browse {
    background: url(../images-admin/sprite.png) no-repeat center -848px;
}

.icon-add {
    background: url(../images-admin/sprite.png) no-repeat -11px -1252px;
}

/* MODAL */
.modal {
    display: none;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    -moz-box-shadow: 0px 2px 8px #eee;
    -webkit-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
    border-top: none;
    background: #fff;
    border-radius: 4px;
    width: 320px;
    margin: 30px auto;
}

.modal .modal-header {
    width: 100%;
    overflow: hidden;
    background: #60d887;
}

.modal .modal-header h4 {
    color: #fff;
    text-align: center;
    display: block;
    margin: 20px 0px;
    font-weight: normal;
}

.modal .modal-body, .modal .modal-footer {
    width: 100%;
    text-align: center;
}

.modal .modal-footer {
    width: 190px;
    margin: 0px auto 20px;
    overflow: hidden;
}

.modal .modal-body {
    text-align: center;
    font-size: 16px;
    display: block;
    padding: 20px;
}

.modal .modal-body input[type="text"],
.modal .modal-body select {
    display: inline-block;
    width: 85%;
    font-family: Arial, sans-serif;

    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 4px 4px;
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
}

.modal .close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    cursor: pointer;
    background: #60d887;
    margin: 20px 20px;
    border: 1px solid #fff;
    opacity: 0.7;

    -webkit-transition: all 0.27s;
    -moz-transition: all 0.27s;
    -o-transition: all 0.27s;
    transition: all 0.27s;
}

.modal .close:hover {
    opacity: 1;
}

.modal .no-objects-selected-error {
    width: 87%;
    margin: 20px auto;
    display: none;
    text-align: center;
    color: #d22222;
    font-size: 13px;
}

/*SORTERS*/

.list-order-by-link {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.list-order-by-link:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.list-order-by-link:hover,
.list-order-by-link.active {
    color: #60d887;
}

.list-order-by-link.active {
    padding-right: 15px;
}

.list-order-by-link.asc:after {
    background: url(../images-admin/arrows-table.png) no-repeat right 3px;
}

.list-order-by-link.desc:after {
    background: url(../images-admin/arrows-table.png) no-repeat right -21px;
}

.entity-filter-sort-element {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.entity-filter-sort-element:hover {
    color: #60d887;
}

.entity-filter-sort-element .glyphicon-sort-by-attributes {
    display: block;
    width: 15px;
    height: 15px;
    float: right;
    margin-left: 5px;
    background: url(../images-admin/arrows-table.png) no-repeat right -21px;
}

.entity-filter-sort-element .glyphicon-sort-by-attributes-alt {
    display: block;
    width: 15px;
    height: 15px;
    float: right;
    margin-left: 5px;
    background: url(../images-admin/arrows-table.png) no-repeat right 3px;
}

/*FLASH MESSAGES*/
.flash-messages {
    width: 96%;
    margin: 0px auto 0px auto;
}

.flash-messages .alert {
    position: relative;
    display: block;
    padding: 15px 40px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
}

.alert-success {
    background: #60d887;
}

.alert-warning {
    background: #ffd15a;
}

.alert-danger {
    background-color: #ea5d5d;
}

.flash-messages button.close {
    position: absolute;
    top: 12px;
    left: 15px;
    border: none;
    padding: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    opacity: 0.7;
    cursor: pointer;
    background: transparent;
    -webkit-appearance: none;
    outline: none;
}

/* Dashboard */

.dashboard-link-wrapper {
    width: 250px;
    float: left;
}

.dashboard-link-wrapper .dashboard-link-name span {
    text-align: center;
    display: block;
}

.dashboard-section {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin: 0%;
}

.dashboard-section table .highlight-green td {
    background: rgba(7, 210, 73, 0.3);
}

.payperiod-total-row td, .payperiod-subtotals-row td {
    font-size: 16px;
    background: #f5f5f5;
}

.payperiod-subtotals-row td:first-child {
    background: #fff;
}

.payperiod-total-row td:first-child {
    background: #fff;
}

.payperiods-list-table {
    margin-bottom: 30px;
}

/* Paginations */

ul.pagination > li {
    display: inline;
}

ul.pagination {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

ul.pagination > li:last-child > a, ul.pagination > li:last-child > span {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}

ul.pagination > li > a, ul.pagination > li > span {
    float: left;
    padding: 9px 18px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0px 3px;
}

ul.pagination > li.active a {
    background: #60d887;
    color: #fff;
    border: 1px solid #60d887;
}

ul.pagination > li:first-child > a, ul.pagination > li:first-child > span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

ul.pagination > li:first-child > a, ul.pagination > li:last-child > a {
    background: #2a2e33;
    color: #fff;
    border: 1px solid #2a2e33;
}

ul.pagination > li:first-child > a:hover, ul.pagination > li:last-child > a:hover {
    background: #60d887;
    border: 1px solid #60d887;
}

.line-separator {
    display: block;
    width: 100%;
    height: 1px;
    background: #e1e1e1;
    margin: 20px 0px;
    -webkit-box-shadow: 0px 2px 8px #eee;
    -moz-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
}

/* SALE*/
.sale-anchor-btns-wrapper {
    float: right;
    margin: 0px 0px 20px 10px;
}

.sale-anchor-btns-wrapper div a {
    background: #6a6a6a;
    text-align: center;
    padding: 4px 0px;
    color: #fff;
    width: 120px;
    float: left;
    font-size: 12px;
    border-radius: 3px;
    border: none;
    margin-right: 7px;
    margin-bottom: 2px;
}

.passengers-note-wrapper textarea {
    width: 96%;
}

.middle #saleFormPaymentType select {
    background: #fafafa;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 14px 0px;
    text-indent: 7px;
    font-size: 14px;
    color: #666;
    width: 400px;
    display: block;
}

.sale-section {
    overflow: hidden;
    background: #f5f5f5;
    margin: 10px 0px;
    border: 1px solid #c9c9c9;
    position: relative;
}

.sale-section-fields {
    margin: 10px 20px 20px 20px;
}

.sale-section > h2, .sale-passenger-confirmation-section > h2 {
    font-size: 21px;
    font-weight: normal;
    font-style: normal;
    background: url(../images-admin/collapse-icon.png) no-repeat;
    background-position: 30px 10px;
    text-indent: 40px;
    line-height: 28px;
    cursor: pointer;
    padding: 10px 0px 10px 30px;
    border-bottom: 1px solid #c9c9c9;
}

.sale-section h2.clicked {
    background: url(../images-admin/expand-icon.png) no-repeat;
    background-position: 30px 10px;
}

#saleForm .form-group input[type="text"] {
    width: 100%;
}

#saleForm .static-field {
    width: 13%;
}

#saleForm .sale-system-info-section .completed-to-do-actions-wrapper {
    background: #fff;
    padding: 15px 15px;
    margin-top: 20px;
    border: 1px solid #e1e1e1;
    width: 100%;
}

#saleForm .sale-system-info-section .completed-to-do-actions-wrapper .element-wrapper {
    display: inline-block;
}

#saleForm .sale-system-info-section .completed-to-do-actions-wrapper > label {
    font-weight: 700;
    margin-bottom: 10px;
}

#saleForm .sale-system-info-section .completed-to-do-actions-wrapper .control-label {
    display: inline-block;
    vertical-align: top;
    margin: 0px 20px 0px 0px;
}

.sale-passengers-section > h2,
.sale-passengers-section h2.clicked,
.sale-passenger-confirmation-section > h2 {
    background-color: #f7e1ce;
}

.sale-company-cost-section h2,
.sale-company-profit-section h2,
.sale-company-cost-section h2.clicked,
.sale-company-profit-section h2.clicked {
    background-color: #efffea;
}

.sale-company-profit-section h2,
.sale-company-profit-section h2.clicked {
    background-color: #d7f7ce;
}

.sale-billing-section h2,
.sale-payment-section h2,
.sale-billing-section h2.clicked,
.sale-payment-section h2.clicked {
    background-color: #eaf5fc;
}

.sale-payment-section h2,
.sale-payment-section h2.clicked {
    background-color: #cee7f7;
}

.sale-agent-cost-section h2,
.sale-agent-commission-section h2,
.sale-agent-cost-section h2.clicked,
.sale-agent-commission-section h2.clicked {
    background-color: #fbe3e5;
}

.sale-agent-commission-section h2,
.sale-agent-commission-section h2.clicked {
    background-color: #f7ced0;
}

.sale-system-info-section h2,
.sale-system-info-section h2.clicked {
    background-color: #ffffea;
}

.sale-to-do-actions-section h2,
.sale-embeded-notes-wrapper h2 {
    background-color: #cee9f7;
}

.sale-passengers-wrapper > div,
.sale-payment-info-wrapper > div,
.sale-agent-cost-wrapper > div,
.sale-agent-commission-wrapper > div,
.sale-company-cost-wrapper > div {

    font-size: 16px;
    line-height: 28px;
    font-style: normal;
    display: block;
    margin: 10px 0px;
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 2px 8px #eee;
    -webkit-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
    border-radius: 4px;
    background: #fff;
    padding: 10px;
}

#saleForm .sale-agent-cost-wrapper .form-group {
    width: 12%;
}

#saleForm .sale-agent-cost-wrapper .static-field {
    width: 12%;
}

#saleForm .sale-agent-cost-wrapper .arc-acc-email-wrapper {
    width: 17%;
}

#saleForm .sale-company-cost-wrapper .form-group {
    width: 10%;
}

#saleForm .sale-company-cost-wrapper .crc-acc-email-wrapper {
    width: 17%;
}

#saleForm .sale-company-cost-wrapper .crc-hide-data-in-arc-wrapper {
    width: 50%;
}

.sale-section .add-btn {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    font-size: 21px;
    color: #fff;
    background: #60d887;
    text-align: center;
    display: inline-block;
    line-height: 28px;
    margin-right: 10px;
}

.sale-section .remove-item {
    background: url(../images-admin/sprite.png) no-repeat center -625px;
    background-color: #2a2e33;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    font-size: 21px;
    color: #fff;
    text-align: center;
    display: inline-block;
    line-height: 28px;
    margin-right: 10px;
}

.select-passengers-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-top: 6px;
}

.sale-passenger-1 .remove-item,
.sale-company-cost-1 .remove-item,
.sale-agent-cost-1 .remove-item,
.sale-agent-commission-1 .remove-item,
.sale-payment-info-1 .remove-item {
    display: none;
}

.sale-passenger-confirmation .remove-item {
    display: block;
}

.sale-passenger-confirmation-1 .remove-item {
    display: none;
}

#saleForm .sale-company-profit-section .static-field {
    width: 16%;
}

.sale-image-wrapper {
    padding: 35px;
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}

.middle form .sale-image-wrapper span {
    font-size: 24px;
    font-style: italic;
    margin-bottom: 20px;
    display: block;
}

.sale-subsection {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.sale-subsection h2 {
    font-size: 21px;
}

.sale-passenger-confirmation {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.sale-passenger-confirmation-section {
    margin: 20px 0px 10px 50px;
    border: 1px solid #c9c9c9;
}

.sale-passenger-confirmation-section .sale-subsection-fields {
    overflow: hidden;
    padding: 20px;
    display: none;
}

#sales-export-modal.modal {
    display: block;
}

.sale-action-btns-wrapper {
    width: 93%;
    padding: 20px 2%;
    margin: 20px auto;
    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 2px 8px #eee;
    -webkit-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
    border-radius: 4px;
}

/*SALE INVOICE*/
#saleInvoiceForm .form-group {
    width: 48%;
    margin: 0px 1% 10px 0%;
}

#saleInvoiceForm .form-group.si-note-wrapper {
    width: 100%;
}

/* SEARCH GENERAL */

.middle .bordered-wrapper {
    width: 96%;
    margin: 0px auto 20px;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 2px 8px #eee;
    -webkit-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
    border-radius: 4px;
}

.middle .bordered-wrapper form {
    width: 100%;
    padding: 0px;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.middle .bordered-wrapper .form-group {
    width: 9%;
    margin: 3px 1% 3px 0px;
}

.bordered-wrapper .search-btns-wrapper {
    margin: 18px 0px 3px 0px;
    display: inline-block;
    vertical-align: top;
}

.middle .search-btns-wrapper input,
.middle .search-btns-wrapper button {
    padding: 7px 10px;
}

.sale-merchant-fee,
.sale-merchant-fee-percent,
.sale-passenger-taxes-total,
.sale-payments-amount-total {
    width: 15% !important;
    margin: 3px 1% 3px 0px;
    display: inline-block;
}

.sale-merchant-fee .label,
.sale-merchant-fee-percent .label,
.sale-passenger-taxes-total .label,
.sale-payments-amount-total .label {
    float: left;
    width: 100%;
}

.sale-merchant-fee .value,
.sale-merchant-fee-percent .value,
.sale-passenger-taxes-total .value,
.sale-payments-amount-total .value {
    float: left;
    font-size: 14px;
    display: block;
    width: 100%;
    background: #e1e1e1;
    height: 24px;
    line-height: 24px;
    text-indent: 10px;
    margin-top: 2px;
}

/* Changed Sizes

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

#saleForm .form-group {
    width: 13%;
    margin: 3px 1% 3px 0px;
}

#saleForm .form-group.payment-address-wrapper {
    width: 40%;
}

#saleForm .form-group.payment-note-wrapper {
    width: 39%;
}

#saleForm .form-group.payment-dont-charge-wrapper {
    width: 8%;
    margin-top: 23px;
}

#saleForm .form-group.passenger-title-wrapper {
    width: 4%;
}

#saleForm .form-group.billing-cc-security-code-wrapper,
#saleForm .form-group.amount-wire-check-wrapper,
#saleForm .form-group.agent-comission-wrapper,
#saleForm .form-group.agent-bonus-wrapper,
#saleForm .form-group.agent-bonus-wrapper,
#saleForm .form-group.passenger-country-code-wrapper {
    width: 8.5%;
}

#saleForm .label {
    font-size: 12px;
    line-height: 20px;
}

#saleForm .arc-vendor-wrapper,
#saleForm .crc-vendor-wrapper,
#saleForm .arc-miles-used-wrapper,
#saleForm .arc-miles-rate-wrapper,
#saleForm .arc-booking-fees-wrapper,
#saleForm .amount-charged-cc-wrapper,
#saleForm .sale-section .sale-merchant-fee-percent,
#saleForm .amount-signed-for-wrapper,
#saleForm .sale-section .sale-merchant-fee,
#saleForm .billing-cc-exp-wrapper,
#saleForm .sale-passenger-taxes-total,
#saleForm .sale-payments-amount-total {
    width: 12.5%;
}

#saleForm .passenger-dob-wrapper {
    width: 11%;
}

#saleForm .billing-address-wrapper {
    width: 22%;
}

#saleForm .sale-section .sale-gallery-btn {
    width: 250px;
    font-size: 16px;
    text-align: center;
    height: 43px;
    line-height: 43px;
}

#saleForm .form-group.arc-note-wrapper,
#saleForm .form-group.agent-note-wrapper,
#saleForm .form-group.crc-note-wrapper,
#saleForm .form-group.manager-note-wrapper,
#saleForm .form-group.passengers-note-wrapper,
#saleForm .form-group.note-wrapper {
    display: block;
    width: 100%;
}

#saleForm .arc-note-wrapper textarea,
#saleForm .agent-note-wrapper textarea,
#saleForm .crc-note-wrapper textarea,
#saleForm .manager-note-wrapper textarea,
#saleForm .passengers-note-wrapper textarea {
    display: block;
    width: 100%;
}

.middle form .agent-note-wrapper > span:first-child,
.middle form .arc-note-wrapper > span:first-child,
.middle form .crc-note-wrapper > span:first-child,
.middle form .manager-note-wrapper > span:first-child,
.middle form .passengers-note-wrapper > span:first-child {
    width: 100%;
}

#saleForm .static-field.sale-general-user {
    font-size: 14px;
    width: 30%;
    text-indent: 0px;
    margin: 0px 0px 0px 20px;
}

#saleForm .sale-general-user span {
    display: inline-block;
    width: auto;
}

#saleForm .sale-general-user div {
    display: inline-block;
}

#saleForm .single-duplicate-btn,
#saleForm .initialize-lead {
    margin-top: 18px;
}

.generate-sale-invoice-btn {
    float: right;
    margin-top: 12px;
}

.bordered-wrapper .export-search-btns-wrapper {
    width: 35%;
}

.bordered-wrapper .export-search-btns-wrapper .btn-export {
    background: #f08900;
}

#export-modal .modal-footer .btn {
    display: none;
}

/*SALE INVOICE*/
.sale-invoice-partner-taxes-wrapper {
    margin: 10px 0px;
    border: 1px solid #e1e1e1;
    padding: 10px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.sale-invoice-partner-taxes-wrapper .section-name {
    font-size: 14px;
    margin-bottom: 10px;
}

.sale-invoice-partner-taxes-wrapper .form-group .control-label {
    font-size: 12px;
}

.si-partner-tax-text-wrapper {
    width: 75%;
    margin-right: 4%;
}

.si-partner-tax-amount-wrapper {
    width: 20%;
}

/*SALE NOTES*/
.btn-delete-single-sale-note {
    padding: 0px;
}

.btn-delete-single-sale-note:hover {
    background: #60d887;
}

/*SALE REMINDER NOTES*/
.sale-embeded-reminder-notes-wrapper {
    width: 93%;
    padding: 20px 2%;
    margin: 20px auto;

    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 2px 8px #eee;
    -webkit-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
    border-radius: 4px;
}

.index-add-form-wrapper #saleReminderNoteForm .form-group.activate-at-minutes-wrapper,
.index-add-form-wrapper #saleReminderNoteForm .form-group.activate-at-hours-wrapper,
.index-add-form-wrapper #saleReminderNoteForm .form-group.activate-at-hours-type-wrapper {
    width: 8%;
}

.index-add-form-wrapper #saleReminderNoteForm .btn-success {
    margin-top: 20px;
}

.index-add-form-wrapper #saleReminderNoteForm .form-group.text-wrapper {
    width: 27%;
}

.sale-reminder-notes-list-table .active-reminder-note td {
    background: rgba(255, 134, 151, 0.42);
}

.btn.btn-delete-single-lrn {
    padding: 0px;
}

#sale-reminder-note-mass-delete-modal > .modal-footer,
#sale-reminder-note-mass-delete-modal .close {
    display: none;
}

.sale-reminder-note-crud-fields-wrapper .form-group {
    width: 12%;
    margin: 0px 2% 0px 0px;
    display: inline-block;
    float: none;
    vertical-align: top;
}

.sale-reminder-note-crud-fields-wrapper .form-group.activate-at-minutes-wrapper,
.sale-reminder-note-crud-fields-wrapper .form-group.activate-at-hours-wrapper,
.sale-reminder-note-crud-fields-wrapper .form-group.activate-at-hours-type-wrapper {
    width: 5%;
    display: inline-block;
}

.sale-embeded-reminder-notes-wrapper .sale-section .sale-section-fields {
    margin: 20px 0px;
    float: none;
}

.middle .index-add-form-wrapper form {
    padding: 20px 20px 20px 20px;

    width: 96%;
    margin-bottom: 30px;
    background: #fff;
    position: relative;
}

.middle .index-add-form-wrapper form .form-group {
    width: 12%;
    margin: 0px 2% 0px 0px;
    display: inline-block;
    float: none;
    vertical-align: top;
}

.middle .index-add-form-wrapper form .form-group input {
    width: 100%;
}

.middle .index-add-form-wrapper form .btn-success,
.middle .index-add-form-wrapper form .btn-delete {
    margin: 20px 0px 0px 0px;
    display: inline-block;
    padding: 6px 20px;
}

/*SALE NOTES*/
.sale-embeded-notes-wrapper {
    width: 93%;
    padding: 20px 2%;
    margin: 20px auto;

    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 2px 8px #eee;
    -webkit-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
    border-radius: 4px;
}

.sale-embeded-notes-wrapper .sale-section .sale-section-fields {
    margin: 20px 0px;
    float: none;
}

.index-add-form-wrapper #saleNoteForm .note-wrapper {
    width: 85%;
}

/*Company Expenses*/

#companyExpenseSearchForm .form-group {
    width: 13%;
}

#companyExpenseForm .ce-image-wrapper,
#companyExpenseForm .ce-image-action-wrapper {
    width: 100%;
}

#companyExpenseForm .ce-image-action-wrapper .field-label .form-group input,
#companyExpenseForm .ce-image-action-wrapper .field-label .form-group {
    width: auto;
}

#companyExpenseForm .ce-image-action-wrapper .field-label {
    width: 100%;
    clear: both;
    float: none;
}

#companyExpenseForm .form-group, #companyExpense .form-group {
    width: 10%;
    margin: 0px;
    margin-top: 20px;
    margin-right: 1%;
}

#companyExpenseForm .form-group input {
    width: 100%;
}

#companyExpenseForm .form-group.text-wrapper {
    width: 100%;
}

#companyExpenseForm .form-group.text-wrapper input {
    width: 50%;
}

.company-expenses-list-table tr:first-child {
    background: #ffffea;
    font-weight: bold;
}

.company-expenses-list-table th {
    text-align: center !important;
}

.index-add-form-wrapper #companyExpenseForm .ce-image-wrapper {
    width: 10%;
}

.index-add-form-wrapper #companyExpenseForm input[name='companyExpenseAddSubmit'] {
    position: absolute;
    right: 20px;
    top: 40px;
}

/*Leads*/
#leadSearchForm .form-group {
    width: 8%;
    font-size: 12px;
}

.leads-list-table .old-lead-wrapper td {
    background: rgba(255, 134, 151, 0.42);
}

.btn.flag-btn {
    background: #000 url(../images-admin/sprite.png) no-repeat center -1182px;
    width: 40px;
    height: 40px;
    display: block;
    padding: 0px;
}

.btn.flag-btn:hover {
    background: #575757 url(../images-admin/sprite.png) no-repeat center -1182px;
}

.flagged-sale-wrapper .btn.flag-btn,
.flagged-lead-wrapper .btn.flag-btn {
    background-color: #d70e2b;
}

.flag-btn.inner {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 7px 10px;
    background: #000;
}

.btn.flag-btn.inner:hover {
    background: #575757;
}

.lead-assign-countdown {
    display: block;
    width: 260px;
    margin: 0px auto 0px auto;
    background: #42464b;
    color: #fff;
    padding: 7px 5px;
    vertical-align: middle;
    border-radius: 3px;
    font-size: 15px;
}

.lead-assign-countdown .days {
    display: none;
}

.lead-section {
    overflow: hidden;
    background: #f5f5f5;
    margin: 10px 0px;
    border: 1px solid #c9c9c9;
    position: relative;
}

.lead-section > h2, .lead-destinations-section > h2 {
    font-size: 21px;
    font-weight: normal;
    font-style: normal;
    background: url(../images-admin/collapse-icon.png) no-repeat;
    background-position: 30px 10px;
    text-indent: 40px;
    line-height: 28px;
    cursor: pointer;
    padding: 10px 0px 10px 30px;
    border-bottom: 1px solid #c9c9c9;
}

.lead-section h2.clicked {
    background: url(../images-admin/expand-icon.png) no-repeat;
    background-position: 30px 10px;
}

.lead-section-fields {
    margin: 10px 20px 20px 20px;
}

.lead-section .plus-btn {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    font-size: 21px;
    color: #fff;
    background: #60d887;
    text-align: center;
    display: inline-block;
    line-height: 28px;
    margin-right: 10px;
}

.lead-destinations-wrapper > div {
    font-size: 16px;
    line-height: 28px;
    font-style: normal;
    display: block;
    margin: 10px 0px;
    background: #fff;
    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 2px 8px #eee;
    -webkit-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
    border-radius: 4px;
    background: #fff;
    padding: 10px;
}

.lead-section .remove-item {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    background: url(../images-admin/sprite.png) no-repeat center -625px;
    background-color: #2a2e33;
}

.lead-destination-1 .remove-item {
    display: none;
}

#leadForm .static-field {
}

#leadForm .form-group {
    width: 17%;
    margin: 3px 1% 3px 0px;
    display: inline-block;
    vertical-align: top;
}

#leadForm .form-group input[type="text"] {
    width: 100%;
}

#leadForm .customer-email-wrapper .customer-email-wrapper,
#leadForm .customer-email-wrapper .customer-email-2-wrapper {
    width: 100%;
}

#leadForm .customer-email-wrapper .customer-email-wrapper label,
#leadForm .customer-email-wrapper .customer-email-2-wrapper label {
    display: none;
}

#leadForm .form-group.note-wrapper {
    width: 100%;
}

.index-add-form-wrapper #leadNoteForm .form-group {
    width: 80%;
}

.index-add-form-wrapper #leadNoteForm .btn-success {
    margin-top: 20px;
}

.lead-embeded-notes-wrapper,
.lead-embeded-reminder-notes-wrapper {
    width: 93%;
    padding: 20px 2%;
    margin: 20px auto;

    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 2px 8px #eee;
    -webkit-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
    border-radius: 4px;
}

.index-add-form-wrapper #leadReminderNoteForm .form-group.activate-at-minutes-wrapper,
.index-add-form-wrapper #leadReminderNoteForm .form-group.activate-at-hours-wrapper,
.index-add-form-wrapper #leadReminderNoteForm .form-group.activate-at-hours-type-wrapper {
    width: 8%;
}

.index-add-form-wrapper #leadReminderNoteForm .btn-success {
    margin-top: 20px;
}

.index-add-form-wrapper #leadReminderNoteForm .form-group.text-wrapper {
    width: 27%;
}

.lead-reminder-notes-list-table .active-reminder-note td {
    background: rgba(255, 134, 151, 0.42);
}

.btn.btn-delete-single-lrn {
    padding: 0px;
}

#lead-reminder-note-mass-delete-modal > .modal-footer,
#lead-reminder-note-mass-delete-modal .close {
    display: none;
}

.lead-reminder-note-crud-fields-wrapper .form-group {
    width: 12%;
    margin: 0px 2% 0px 0px;
    display: inline-block;
    float: none;
    vertical-align: top;
}

.lead-reminder-note-crud-fields-wrapper .form-group.activate-at-minutes-wrapper,
.lead-reminder-note-crud-fields-wrapper .form-group.activate-at-hours-wrapper,
.lead-reminder-note-crud-fields-wrapper .form-group.activate-at-hours-type-wrapper {
    width: 8%;
    display: inline-block;
}

.btn-delete-single-lead-note {
    padding: 0px;
}

/*CONTACTS*/
.contacts-sales-wrapper {
    width: 100%;
}

.contacts-sales-wrapper .contacts-wrapper {
    width: 59%;
    display: inline-block;
    vertical-align: top;
}

.contacts-sales-wrapper .sales-wrapper {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

/*SALE PARTNER ACCOUNTS*/
.sale-partner-accounts-sales-wrapper {
    width: 100%;
}

.sale-partner-accounts-sales-wrapper .sale-partner-accounts-wrapper {
    width: 59%;
    display: inline-block;
    vertical-align: top;
}

.sale-partner-accounts-sales-wrapper .sales-wrapper {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.sale-partner-accounts-list-table .sale-partner-account-info {
    padding: 0px;
}

.sale-partner-accounts-list-table .sale-partner-account-info table {
    width: 100%;
}

.sale-partner-accounts-list-table .sale-partner-account-info table > tbody > tr > th,
.sale-partner-accounts-list-table .sale-partner-account-info table > tbody > tr > td {
    padding: 10px 7px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.sale-partner-accounts-list-table .sale-partner-account-info table > tbody > tr:last-child td {
    border-bottom: none;
}

#salePartnerAccountForm .form-group,
#salePartnerAccountForm .static-field {
    width: 18%;
    margin: 3px 1% 3px 0px;
}

#salePartnerAccountForm .form-group.note-wrapper {
    width: 100%;
}

.embedded-index-wrapper {
    width: 93%;
    /*padding: 20px 2%;*/
    margin: 20px auto;
    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 2px 8px #eee;
    -webkit-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
    border-radius: 4px;
}

.embedded-index {
    overflow: hidden;
    border: 1px solid #c9c9c9;
    position: relative;
}

.embedded-index > h2 {
    background: #f5f5f5;
    font-size: 21px;
    font-weight: normal;
    font-style: normal;
    line-height: 28px;
    cursor: pointer;
    padding: 10px 30px 10px 30px;
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 20px;
}

/*TRANSACTIONS*/
.transaction-list-success-message {
    color: #60d887;
    display: none;
    margin: 10px 0px;
}

.transaction-list-error-message {
    color: #d70e2b;
    display: none;
    margin: 10px 0px;
}

.transactions-list-table .new .status-type {
    background-color: rgba(231, 114, 114, 0.58);
}

.transactions-list-table .pending .status-type {
    background-color: rgba(226, 223, 21, 0.58);
}

.transactions-list-table .declined .status-type {
    background-color: rgba(21, 172, 226, 0.58);
}

.transactions-list-table .canceled .status-type {
    background-color: #ccc;
}

.transactions-list-table .email-not-send {
    background-color: rgba(231, 114, 114, 0.58);
}

.transactions-list-table .email-sent {
    background-color: rgba(96, 216, 135, 0.61);
}

.transactions-list-table td.transaction-notes {
    border-left: 1px solid #ddd !important;
}

.transactions-list-table td.transaction-notes textarea {
    min-height: 50px;
}

.transactions-list-table .amount {
    font-weight: bold;
}

.transactions-list-table .amount.zero-amount {
    font-weight: normal;
    color: #d70e2b;
}

.btn-success.transaction-list-save-btn {
    padding: 10px 10px;
    width: 40px;
    height: 40px;
    background: #60d887 url(../images-admin/sprite.png) no-repeat -12px -314px !important;
}

.transactions-btn {
    width: 40px;
    height: 40px;
    background: #000 url(../images-admin/sprite.png) no-repeat -12px -1130px !important;
}

.transactions-btn:hover {
    background: #60d887 url(../images-admin/sprite.png) no-repeat -12px -1130px !important;
}

/*REPORTS*/
#reportSearchForm .form-group {
    width: 12%;
    margin: 3px 1% 3px 0px;
}

#reportSearchForm .search-btns-wrapper {
    width: 6%;
}

.search-flight-direction-type-fields-wrapper {
    display: none;
}

.search-flight-direction-type-fields-wrapper.active {
    display: block;
    width: 61%;
    float: left;
}

#reportSearchForm .search-flight-direction-type-fields-wrapper .form-group {
    width: 32%;
}

/*USERS*/
.group-rights label {
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
}

#userForm .form-group {
    width: 22%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
}

.form-group.user-enabled-wrapper label {
    font-weight: bold;
    font-size: 14px;
}

.form-group.user-groups-wrapper select {
    height: 100px;
}

/*CALENDAR*/
.calendar-search {
    padding: 20px;
    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 2px 8px #eee;
    -webkit-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
    border-radius: 4px;
}

.calendar-search .month-btns {
    display: inline-block;
    vertical-align: top;
    float: left;
}

.calendar-search .month-btns a {
    background: #949494;
    min-width: 110px;
    text-align: center;
    font-size: 13px;
}

/*selected month*/
.calendar-search .month-btns a:nth-of-type(2) {
    background: #60d887;
}

/*current month*/
.calendar-search .month-btns a:last-child {
    background: #42464b;
    margin-left: 20px;
}

.calendar-search .flight-type-btns {
    display: inline-block;
    vertical-align: top;
    float: right;
}

.calendar-search .flight-type-btns a {
    background: #949494;
    font-size: 13px;
}

.calendar-search .flight-type-btns a.all:hover,
.calendar-search .flight-type-btns a.all.active {
    background: #60d887;
}

.calendar-search .flight-type-btns a.arriving:hover,
.calendar-search .flight-type-btns a.arriving.active {
    background-color: rgba(21, 172, 226, 0.58);
}

.calendar-search .flight-type-btns a.departing:hover,
.calendar-search .flight-type-btns a.departing.active {
    background-color: rgba(226, 223, 21, 0.58);
}

.calendar-table {
    max-width: 900px;
}

.calendar-table td {
    width: 14%;
    vertical-align: top;
}

.calendar-table td .info-wrapper {
    min-height: 70px;
}

.calendar-table td .info-wrapper .calendar-date {
    border-bottom: 1px solid #ddd;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 10px 0px;
    font-weight: 700;
}

.calendar-table td.current-date {
    background-color: rgba(231, 114, 114, 0.58);
}

.calendar-table td .info-wrapper .sales-wrapper a {
    padding: 2px 5px;
    display: inline-block;
    margin-bottom: 5px;
    color: #fff;
}

.calendar-table td .info-wrapper .sales-wrapper .departing-sale {
    background-color: rgba(226, 125, 21, 0.65);
}

.calendar-table td .info-wrapper .sales-wrapper .arriving-sale {
    background-color: rgba(21, 172, 226, 0.58);
}

.calendar-table td .info-wrapper .sales-wrapper .confirmation-email-sale {
    background-color: rgba(129, 31, 226, 0.58);
}

.calendar-table td .info-wrapper .sales-wrapper .confirmation-email-sale.repeat-client {
    background-color: rgb(96, 216, 135);
}

.calendar-table td .info-wrapper .sales-wrapper .sale-passenger-birthday {
    background-color: rgba(226, 19, 23, 0.58);
}

.calendar-agenda-table {
    width: 900px;
    margin: 20px auto;
}

.calendar-agenda-table th {
    padding: 10px 10px;
    font-size: 14px;
    text-align: center;
}

.calendar-agenda-table td {
    padding: 10px 10px;
    color: #fff;
    width: 20%;
}

.calendar-agenda-table td.departing-sale {
    background-color: rgba(226, 125, 21, 0.65);
}

.calendar-agenda-table td.arriving-sale {
    background-color: rgba(21, 172, 226, 0.58);
}

.calendar-agenda-table td.confirmation-email-sale {
    background-color: rgba(129, 31, 226, 0.58);
}

.calendar-agenda-table td.confirmation-email-sale.repeat-client {
    background-color: rgb(96, 216, 135);
}

.calendar-agenda-table td.sale-passenger-birthday {
    background-color: rgba(226, 19, 23, 0.58);
}

/*TIMESHEET*/
#employeeTimesheetRecordForm .form-group {
    display: inline-block;
    vertical-align: top;
    width: 7%;
    margin-right: 1%;
}

#employeeTimesheetRecordForm .form-group.date-wrapper,
#employeeTimesheetRecordForm .form-group.user-wrapper,
#employeeTimesheetRecordForm .form-group.hours-worked-wrapper {
    width: 10%;
}

#employeeTimesheetRecordForm .note-wrapper {
    width: 100%;
    display: block;
}

#employeeTimesheetRecordForm .static-field {
    margin: 0px 3% 0px 0px;
}

/*FLIGHT ITINERARY*/
.flight-itinerary-col .middle {
    min-height: 400px;
}

.middle .bordered-wrapper #flightItinerarySegmentSearchForm .form-group {
    width: 25%;
}

.flight-itinerary-stage-wrapper {
    margin: 0px auto 20px auto;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 2px 8px #eee;
    -webkit-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
}

.flight-itinerary-stage-wrapper .stage-label {
    padding: 15px 20px;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #e1e1e1;
}

.flight-itinerary-segment-list-box {
    margin-top: 20px;
    padding: 0px 20px 20px 20px;
    border-bottom: 1px solid #e1e1e1;
}

.flight-itinerary-segment-list-box .main-info-wrapper {
    margin-bottom: 20px;
    font-size: 16px;
}

.flight-itinerary-segment-list-box .main-info-wrapper .route {
    font-weight: 800;
    display: inline-block;
}

.flight-itinerary-segment-list-box-wrapper .main-info-wrapper .flight-duration-wrapper {
    text-align: right;
    display: inline-block;
    float: right;
}

.flight-itinerary-segment-list-box-wrapper .btn-delete.btn-delete-segment {
    float: none !important;
    padding: 2px 5px;
    font-size: 11px;
    visibility: hidden;
}

.flight-itinerary-segment-list-box-wrapper:hover .btn-delete.btn-delete-segment {
    visibility: visible;
}

.flight-itinerary-segment-list-box .details-wrapper {
    font-size: 0px;
}

.flight-itinerary-segment-list-box .details-wrapper div {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

.flight-itinerary-segment-list-box .details-wrapper .airline-info {
    width: 20%;
    padding-right: 20px;
}

.flight-itinerary-segment-list-box .details-wrapper .airline-info img {
    height: 30px;
    max-width: 100px;
    margin-top: 10px;
}

.flight-itinerary-segment-list-box .details-wrapper .schedule-info {
    width: 60%;
    padding: 0px 20px;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.flight-itinerary-segment-list-box .details-wrapper .schedule-info .flight-info {
    display: block;
    margin-bottom: 5px;
}

.flight-itinerary-segment-list-box .details-wrapper .schedule-info .flight-number {
    color: #60d887;
    font-weight: 600;
}

.flight-itinerary-segment-list-box .details-wrapper .schedule-info .departure-info {
    min-width: 300px;
}

.flight-itinerary-segment-list-box .details-wrapper .schedule-info .date {
    font-weight: 800;
    margin-right: 20px;
}

.flight-itinerary-segment-list-box .details-wrapper .schedule-info .airport {
    font-weight: 800;
}

.flight-itinerary-segment-list-box .details-wrapper .schedule-info .airport span {
    color: #60d887;
    font-weight: 600;
}

.flight-itinerary-segment-list-box .details-wrapper .extra-details {
    width: 20%;
    padding-left: 20px;
}

.flight-itinerary-segment-list-box .custom-message {
    padding-top: 20px;
    padding-left: calc(20% + 20px);
    font-weight: bold;
}

.flight-itinerary-segment-list-box .layover-duration {
    margin: 20px 0px -20px -20px;
    text-align: center;
    background: #e6e6e6;
    padding: 10px;
    width: calc(100% + 40px);
}

.flight-itinerary-stage-wrapper .flight-itinerary-stage-duration {
    padding: 15px 20px;
    font-size: 17px;
}

.flight-itinerary-segment-list-box form {
    width: 100%;
    padding: 0px;
    border: none;
    margin: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.flight-itinerary-segment-list-box .form-elements-wrapper > .form-group {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin-right: 1%;
}

.flight-itinerary-col #flightItineraryForm {
    display: inline-block;
    vertical-align: top;
    width: 220px;
}

.flight-itinerary-col #flightItineraryForm .form-group {
    width: 70%;
}

/*GRID*/
.panel {
    margin: 25px auto 0px;
    width: 96%;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    -moz-box-shadow: 0px 2px 8px #eee;
    -webkit-box-shadow: 0px 2px 8px #eee;
    box-shadow: 0px 2px 8px #eee;
}

.panel-title {
    font-size: 22px;
    padding: 10px 2%;
    font-weight: normal;
    font-style: italic;
    background: #60d887;
    color: #fff;
    border-bottom: 1px solid #e1e1e1;
}

.panel-title .list-toolbar {
    display: inline-block;
    float: right;
}

.panel-heading .buttons-wrapper {
    width: 96%;
    margin: 20px auto;
    overflow: hidden;
}

.panel-heading .btn-danger {
    display: none;
}

.panel-body {
    border-top: 1px solid #e1e1e1;
}

.table-responsive {
    width: 100%;
}

.table-bordered {
    width: 96%;
    background: #fff;
    border-spacing: 1px;
    margin: 20px auto 20px auto;
    border: 1px solid #ddd;
    color: #666;
    border-radius: 4px;
    text-align: left;
}

.table-bordered th {
    background: #f5f5f5;
    font-weight: normal;
    font-size: 11px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td {
    padding: 10px 7px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.table-bordered > tbody > tr:last-child td {
    border-bottom: none;
}