@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en);

*{-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: auto; }

.tble-min_width{min-width:1000px;}
.pd_tp{padding-top:10px;}

.p-xxs {

    padding: 5px !important

}

.p-xs {

    padding: 10px !important

}

.p-sm {

    padding: 15px !important

}

.p-m {

    padding: 20px !important

}

.p-md {

    padding: 25px !important

}

.p-lg {

    padding: 30px !important

}

.p-xl {

    padding: 40px !important

}

.m-xxs {

    margin: 2px 4px

}

.m-xs {

    margin: 5px

}

.m-sm {

    margin: 10px

}

.m {

    margin: 15px

}

.m-md {

    margin: 20px

}

.m-lg {

    margin: 30px

}

.m-xl {

    margin: 50px

}

.m-n {

    margin: 0 !important

}

.m-l-none {

    margin-left: 0

}

.m-l-xs {

    margin-left: 5px

}

.m-l-sm {

    margin-left: 10px

}

.m-l {

    margin-left: 15px

}

.m-l-md {

    margin-left: 20px

}

.m-l-lg {

    margin-left: 30px

}

.m-l-xl {

    margin-left: 40px

}

.m-l-n-xxs {

    margin-left: -1px

}

.m-l-n-xs {

    margin-left: -5px

}

.m-l-n-sm {

    margin-left: -10px

}

.m-l-n {

    margin-left: -15px

}

.m-l-n-md {

    margin-left: -20px

}

.m-l-n-lg {

    margin-left: -30px

}

.m-l-n-xl {

    margin-left: -40px

}

.m-t-none {

    margin-top: 0

}

.m-t-xxs {

    margin-top: 1px

}

.m-t-xs {

    margin-top: 5px

}

.m-t-sm {

    margin-top: 10px

}

.m-t {

    margin-top: 15px

}

.m-t-md {

    margin-top: 20px

}

.m-t-lg {

    margin-top: 30px

}

.m-t-xl {

    margin-top: 40px

}

.m-t-xxl {

    margin-top: 50px

}

.m-t-xxxl {

    margin-top: 60px

}

.m-t-n-xxs {

    margin-top: -1px

}

.m-t-n-xs {

    margin-top: -5px

}

.m-t-n-sm {

    margin-top: -10px

}

.m-t-n {

    margin-top: -15px

}

.m-t-n-md {

    margin-top: -20px

}

.m-t-n-lg {

    margin-top: -30px

}

.m-t-n-xl {

    margin-top: -40px

}

.m-r-none {

    margin-right: 0

}

.m-r-xxs {

    margin-right: 1px

}

.m-r-xs {

    margin-right: 5px

}

.m-r-sm {

    margin-right: 10px

}

.m-r {

    margin-right: 15px

}

.m-r-md {

    margin-right: 20px

}

.m-r-lg {

    margin-right: 30px

}

.m-r-xl {

    margin-right: 40px

}

.m-r-n-xxs {

    margin-right: -1px

}

.m-r-n-xs {

    margin-right: -5px

}

.m-r-n-sm {

    margin-right: -10px

}

.m-r-n {

    margin-right: -15px

}

.m-r-n-md {

    margin-right: -20px

}

.m-r-n-lg {

    margin-right: -30px

}

.m-r-n-xl {

    margin-right: -40px

}

.m-b-none {

    margin-bottom: 0

}

.m-b-xxs {

    margin-bottom: 1px

}

.m-b-xs {

    margin-bottom: 5px

}

.m-b-sm {

    margin-bottom: 10px

}

.m-b {

    margin-bottom: 15px

}

.m-b-md {

    margin-bottom: 20px

}

.m-b-lg {

    margin-bottom: 30px

}

.m-b-xl {

    margin-bottom: 40px

}

.m-b-n-xxs {

    margin-bottom: -1px

}

.m-b-n-xs {

    margin-bottom: -5px

}

.m-b-n-sm {

    margin-bottom: -10px

}

.m-b-n {

    margin-bottom: -15px

}

.m-b-n-md {

    margin-bottom: -20px

}

.m-b-n-lg {

    margin-bottom: -30px

}

.m-b-n-xl {

    margin-bottom: -40px

}

.space-15 {

    margin: 15px 0

}

.space-20 {

    margin: 20px 0

}

.space-25 {

    margin: 25px 0

}

.space-30 {

    margin: 30px 0

}

.sweet-alert button {

    background-color: #34495e;

    color: white;

    border: none;

    box-shadow: none;

    font-size: 17px;

    font-weight: 500;

    border-radius: 5px;

    padding: 10px 32px;

    margin: 26px 5px 0 5px;

    cursor: pointer

}

.sweet-alert button:focus {

    outline: none;

    box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05)

}

.sweet-alert button:hover {

    background-color: #a1d9f2

}

.sweet-alert button:active {

    background-color: #81ccee

}

.sweet-alert button.cancel {

    background-color: #D0D0D0

}

.sweet-alert button.cancel:hover {

    background-color: #c8c8c8

}

.sweet-alert button.cancel:active {

    background-color: #b6b6b6

}

.sweet-alert p {

    font-size: 14px;

    font-weight: 400

}

.sweet-alert h2 {

    font-size: 26px

}

.sweet-alert {

    padding: 25px;

    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2)

}

.table > thead > tr > th {

    border-bottom: 1px solid #ddd

}

.cg-notify-message.homer-notify {

    background: #fff;

    padding: 0;

    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);

    border: none;

    margin-top: 30px;

    color: inherit

}

.homer-notify.alert-warning {

    border-left: 6px solid #ffb606

}

.homer-notify.alert-success {

    border-left: 6px solid #62cb31

}

.homer-notify.alert-danger {

    border-left: 6px solid #c0392b

}

.homer-notify.alert-info {

    border-left: 6px solid #3498db

}

.h-modal-icon {

    font-size: 66px

}

.inmodal .color-line {

    border-radius: 4px 4px 0 0

}

.modal-content {

    border-radius: 5px;

    border: none;

    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2)

}

.modal-backdrop.in {

    opacity: 0.4

}

.modal-backdrop {

    position: fixed;

    bottom: 0

}

.modal-dialog {

    margin-top: 80px

}

.modal-title {

    font-size: 30px;

    font-weight: 300

}

.modal-header {

    padding: 40px 30px;

    background: #f7f9fa

}

.modal-body {

    padding: 20px 30px

}

.modal-header small {

    color: #9d9fa2

}

.modal-footer {

    background: #f7f9fa

}

.hmodal-info .color-line {

    background: #3498db

}

.hmodal-warning .color-line {

    background: #ffb606

}

.hmodal-success .color-line {

    background: #62cb31

}

.hmodal-danger .color-line {

    background: #c0392b

}

.hmodal-info h4.modal-title {

    color: #3498db

}

.hmodal-warning h4.modal-title {

    color: #ffb606

}

.hmodal-success h4.modal-title {

    color: #62cb31

}

.hmodal-danger h4.modal-title {

    color: #c0392b

}

.progress {

    border-radius: 2px;

    margin-bottom: 10px

}

.progress-bar {

    background-color: #edf0f5;

    text-align: right;

    padding-right: 10px;

    color: #6a6c6f

}

.progress-small,

.progress-small .progress-bar {

    height: 10px

}

.progress-bar-success {

    border-right: 4px solid #58b62c

}

.progress-bar-info {

    border-right: 4px solid #258cd1

}

.progress-bar-warning {

    border-right: 4px solid #eba600

}

.progress-bar-danger {

    border-right: 4px solid #e43725

}

.full .progress-bar-success {

    background-color: #62cb31;

    border-right: 4px solid #58b62c

}

.full .progress-bar-info {

    background-color: #3498db;

    border-right: 4px solid #258cd1

}

.full .progress-bar-warning {

    background-color: #ffb606;

    border-right: 4px solid #eba600

}

.full .progress-bar-danger {

    background-color: #e74c3c;

    border-right: 4px solid #e43725

}

.full .progress-bar {

    color: #ffffff

}

body.blank {

    background-color: #edf0f5

}

.login-container {

    max-width: 420px;

    margin: auto;

    padding-top: 6%;

    min-width: 250px

}

.register-container {

    width: 720px;

    margin: auto;

    padding-top: 6%

}

.lock-container {

    width: 420px;

    margin: auto;

    padding-top: 6%

}

.error-container {

    width: 620px;

    margin: auto;

    padding-top: 6%

}

.big-icon {

    font-size: 120px

}

.error-container h1 {

    font-size: 44px

}

.vertical-container {

    width: 98%;

    margin: 0 auto

}

.vertical-container::after {

    content: '';

    display: table;

    clear: both

}

.v-timeline {

    position: relative;

    padding: 0;

    margin-top: 2em;

    margin-bottom: 2em

}

.v-timeline::before {

    content: '';

    position: absolute;

    top: 0;

    left: 18px;

    height: 100%;

    width: 4px;

    background: #e3e8f0

}

.vertical-timeline-content .btn {

    float: right

}

.vertical-timeline-block {

    position: relative;

    margin: 2em 0

}

.vertical-timeline-block:after {

    content: "";

    display: table;

    clear: both

}

.vertical-timeline-block:first-child {

    margin-top: 0

}

.vertical-timeline-block:last-child {

    margin-bottom: 0

}

.vertical-timeline-icon {

    position: absolute;

    top: 0;

    left: 0;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    font-size: 16px;

    border: 1px solid #e4e5e7;

    text-align: center;

    background: #fff

}

.vertical-timeline-icon i {

    display: block;

    width: 24px;

    height: 24px;

    position: relative;

    left: 50%;

    top: 50%;

    margin-left: -12px;

    margin-top: -9px

}

.vertical-timeline-content {

    position: relative;

    margin-left: 60px;

    background: white;

    border-radius: 0.25em;

    border: 1px solid #e4e5e7

}

.vertical-timeline-content:after {

    content: "";

    display: table;

    clear: both

}

.vertical-timeline-content h2 {

    font-weight: 400;

    margin-top: 4px

}

.vertical-timeline-content p {

    margin: 1em 0 0 0;

    line-height: 1.6

}

.vertical-timeline-content .vertical-date {

    font-weight: 500;

    text-align: right;

    font-size: 13px

}

.vertical-date small {

    color: #62cb31;

    font-weight: 400

}

.vertical-timeline-content:after,

.vertical-timeline-content:before {

    right: 100%;

    top: 20px;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none

}

.vertical-timeline-content:after {

    border-color: transparent;

    border-right-color: #fff;

    border-width: 10px;

    margin-top: -10px

}

.vertical-timeline-content:before {

    border-color: transparent;

    border-right-color: #e4e5e7;

    border-width: 11px;

    margin-top: -11px

}

@media only screen and (min-width: 768px) {

    .vertical-timeline-content h2 {

        font-size: 18px

    }


    .vertical-timeline-content p {

        font-size: 13px

    }

}

.contact-panel h3 {

    margin-bottom: 2px

}

.contact-panel h3 a {

    color: inherit

}

.contact-panel p {

    font-size: 11px;

    line-height: 16px;

    margin-bottom: 0

}

.contact-panel img {

    width: 76px;

    height: 76px

}

.contact-footer {

    padding: 0 15px

}

.contact-stat span {

    font-size: 10px;

    font-weight: 500;

    display: block;

    color: #9d9fa2;

    text-transform: uppercase

}

.contact-stat {

    padding: 8px 0px;

    text-align: center

}

.contact-panel:hover .panel-body {

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-name: pulse;

    -webkit-animation-name: pulse;

    z-index: 1

}

.fc-state-default {

    background-color: #ffffff;

    background-image: none;

    background-repeat: repeat-x;

    box-shadow: none;

    color: inherit;

    text-shadow: none

}

.fc-state-default {

    border: 1px solid

}

.fc-button {

    color: inherit;

    border: 1px solid #e4e5e7;

    cursor: pointer;

    display: inline-block;

    height: 1.9em;

    line-height: 1.9em;

    overflow: hidden;

    padding: 0 0.6em;

    position: relative;

    white-space: nowrap

}

.fc-state-active {

    background-color: #34495e;

    border-color: #34495e;

    color: #ffffff

}

.fc-header-title h2 {

    font-size: 16px;

    font-weight: 600;

    color: inherit

}

.fc-content .fc-widget-header,

.fc-content .fc-widget-content {

    border-color: #e4e5e7;

    font-weight: normal

}

.fc-border-separate tbody {

    background-color: #F8F8F8

}

.fc-state-highlight {

    background: none repeat scroll 0 0 #edf0f5

}

.external-event {

    padding: 5px 10px;

    border-radius: 2px;

    cursor: pointer;

    margin-bottom: 5px

}

.fc-ltr .fc-event-hori.fc-event-end,

.fc-rtl .fc-event-hori.fc-event-start {

    border-radius: 2px

}

.fc-event,

.fc-agenda .fc-event-time,

.fc-event a {

    padding: 4px 6px;

    background-color: #34495e;

    border-color: #34495e

}

.fc-event-time,

.fc-event-title {

    color: #717171;

    padding: 0 1px

}

.ui-calendar .fc-event-time,

.ui-calendar .fc-event-title {

    color: #fff

}

.fc-view-container .fc-widget-header {

    background: #f4f5f9

}

.fc-view-container .fc-widget-content {

    background: #fff

}

.fc-widget-header .fc-day-header {

    padding: 12px 0

}

.fc-ltr .fc-basic-view .fc-day-number {

    text-align: center

}

.fc-basic-view td.fc-day-number,

.fc-basic-view td.fc-week-number span {

    padding: 6px

}

.fc-day-grid-event {

    margin: 2px 6px 0

}

.note-editor {

    border: 1px solid #e4e5e7!important

}

.note-editable {

    height: 80px

}

.note-editor .note-toolbar {

    border-bottom: 1px solid #e4e5e7

}

.note-editor .btn-default {

    border-color: #e4e5e7

}

.ngH eaderCell {

    border-right: none;

    border-bottom: 1px solid #e4e5e7

}

.ngCell {

    border-right: none

}

.ngTopPanel {

    background: #fff

}

.ngRow.even {

    background: #f9f9f9

}

.ngRow.selected {

    background: #e0e5ee

}

.ngRow {

    border-bottom: 1px solid #e4e5e7

}

.ngCell {

    background-color: transparent

}

.ngHeaderCell {

    border-right: none

}

.gridStyle {

    border: 1px solid #e4e5e7;

    height: 400px

}

.show-grid [class^="col-"] {

    background-color: #edf0f5 !important;

    border: 1px solid #ddd;

    padding-bottom: 10px;

    padding-top: 10px

}

.show-grid {

    margin: 15px 0

}

.dropdown-menu.hdropdown {

    padding: 0;

    z-index: 1060

}

.dropdown-menu.hdropdown .title {

    padding: 12px 12px;

    text-align: center;

    border-bottom: 1px solid #e4e5e7

}

.dropdown-menu.hdropdown li {

    padding: 6px 12px;

    text-align: left;

    background: #f7f8fa;

    border-bottom: 1px solid #e4e5e7

}

.dropdown-menu.hdropdown.notification li {

    padding: 12px 12px

}

.dropdown-menu.hdropdown.notification li .label {

    margin-right: 10px

}

.dropdown-menu.hdropdown li > a:hover {

    background: inherit

}

.dropdown-menu.hdropdown li:hover {

    background: #edf0f5

}

.dropdown-menu.hdropdown li.summary {

    padding: 6px 12px;

    text-align: center;

    background: #fff

}

.navbar-nav > li > a:hover,

.navbar-nav > li > a:focus,

.navbar-nav .open > a,

.navbar-nav .open > a:hover,

.navbar-nav .open > a:focus {

    color: inherit;

    background: #f4f5f9;

    border-bottom: 1px solid #e4e5e7

}

.chat-avatar {

    white: 36px;

    height: 36px;

    float: left;

    margin-right: 10px

}

.chat-user-name {

    padding: 10px

}

.chat-user {

    padding: 8px 10px;

    border-bottom: 1px solid #e7eaec

}

.chat-user a {

    color: inherit

}

.chat-view {

    z-index: 1070

}

.chat-users,

.chat-statistic {

    margin-left: -30px

}

@media (max-width: 992px) {

    .tble_overflow{overflow-x:scroll !important;}
    
    .chat-users,

    .chat-statistic {

        margin-left: 0px

    }

    .tble_overflow{overflow-x:scroll !important;}

}

.chat-view .ibox-content {

    padding: 0

}

.chat-message {

    padding: 10px 20px

}

.message-avatar {

    height: 36px;

    width: 36px;

    border-radius: 50%;

    margin-top: 1px

}

.chat-discussion .chat-message .message-avatar {

    float: left;

    margin-right: 10px

}

.chat-discussion .message {

    background-color: #f7f8fa;

    text-align: left;

    display: block;

    padding: 10px 20px;

    position: relative;

    border-radius: 4px

}

.chat-discussion .chat-message .message-date {

    float: right

}

.chat-discussion .chat-message .message {

    text-align: left;

    margin-left: 55px

}

.message-date {

    font-size: 10px;

    color: #888888

}

.message-content {

    display: block

}

.chat-users {

    overflow-y: auto;

    height: 400px

}

.header-line.extreme-color {

    width: 20%

}

.header-line {

    height: 6px;

    width: 10%;

    float: left;

    margin: 0;

    position: relative

}

.header-line div {

    position: absolute;

    top: 70px;

    left: 15px;

    font-weight: 600;

    color: #fff

}

.header-line div span {

    font-weight: 400;

    display: block;

    font-size: 12px;

    color: rgba(255, 255, 255, 0.6)

}

.color-demo .header-line {

    height: 118px

}

.color-demo .header-line:after {

    display: block;

    position: absolute;

    top: 0;

    background: rgba(0, 0, 0, 0.2);

    content: '';

    height: 10px;

    width: 100%

}

.btn {

    border-radius: 3px

}

.float-e-margins .btn {

    margin-bottom: 5px

}

.btn-primary.btn-outline {

    color: #34495e

}

.btn-primary2.btn-outline {

    color: #9b59b6

}

.btn-success.btn-outline {

    color: #62cb31

}

.btn-info.btn-outline {

    color: #3498db

}

.btn-warning.btn-outline {

    color: #ffb606

}

.btn-warning2.btn-outline {

    color: #e67e22

}

.btn-danger.btn-outline {

    color: #e74c3c

}

.btn-danger2.btn-outline {

    color: #c0392b

}

.btn-primary.btn-outline:hover,

.btn-success.btn-outline:hover,

.btn-info.btn-outline:hover,

.btn-warning.btn-outline:hover,

.btn-danger.btn-outline:hover {

    color: #fff

}

.btn-primary {

    background-color: #34495e;

    border-color: #34495e;

    color: #FFFFFF

}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active,

.btn-primary.active,

.open .dropdown-toggle.btn-primary {

    background-color: #3f5872;

    border-color: #3f5872;

    color: #FFFFFF

}

.btn-primary:active,

.btn-primary.active,

.open .dropdown-toggle.btn-primary {

    background-image: none

}

.btn-primary.disabled,

.btn-primary.disabled:hover,

.btn-primary.disabled:focus,

.btn-primary.disabled:active,

.btn-primary.disabled.active,

.btn-primary[disabled],

.btn-primary[disabled]:hover,

.btn-primary[disabled]:focus,

.btn-primary[disabled]:active,

.btn-primary.active[disabled],

fieldset[disabled] .btn-primary,

fieldset[disabled] .btn-primary:hover,

fieldset[disabled] .btn-primary:focus,

fieldset[disabled] .btn-primary:active,

fieldset[disabled] .btn-primary.active {

    background-color: #293a4a;

    border-color: #293a4a

}

.btn-primary2 {

    background-color: #9b59b6;

    border-color: #9b59b6;

    color: #FFFFFF

}

.btn-primary2:hover,

.btn-primary2:focus,

.btn-primary2:active,

.btn-primary2.active,

.open .dropdown-toggle.btn-primary2 {

    background-color: #a86ebf;

    border-color: #a86ebf;

    color: #FFFFFF

}

.btn-primary2:active,

.btn-primary2.active,

.open .dropdown-toggle.btn-primary2 {

    background-image: none

}

.btn-primary2.disabled,

.btn-primary2.disabled:hover,

.btn-primary2.disabled:focus,

.btn-primary2.disabled:active,

.btn-primary2.disabled.active,

.btn-primary2[disabled],

.btn-primary2[disabled]:hover,

.btn-primary2[disabled]:focus,

.btn-primary2[disabled]:active,

.btn-primary2.active[disabled],

fieldset[disabled] .btn-primary2,

fieldset[disabled] .btn-primary2:hover,

fieldset[disabled] .btn-primary2:focus,

fieldset[disabled] .btn-primary2:active,

fieldset[disabled] .btn-primary2.active {

    background-color: #8c49a7;

    border-color: #8c49a7

}

.btn-success {

    background-color: #62cb31;

    border-color: #62cb31;

    color: #FFFFFF

}

.btn-success:hover,

.btn-success:focus,

.btn-success:active,

.btn-success.active,

.open .dropdown-toggle.btn-success {

    background-color: #74d348;

    border-color: #74d348;

    color: #FFFFFF

}

.btn-success:active,

.btn-success.active,

.open .dropdown-toggle.btn-success {

    background-image: none

}

.btn-success.disabled,

.btn-success.disabled:hover,

.btn-success.disabled:focus,

.btn-success.disabled:active,

.btn-success.disabled.active,

.btn-success[disabled],

.btn-success[disabled]:hover,

.btn-success[disabled]:focus,

.btn-success[disabled]:active,

.btn-success.active[disabled],

fieldset[disabled] .btn-success,

fieldset[disabled] .btn-success:hover,

fieldset[disabled] .btn-success:focus,

fieldset[disabled] .btn-success:active,

fieldset[disabled] .btn-success.active {

    background-color: #56b22b;

    border-color: #56b22b

}

.btn-info {

    background-color: #3498db;

    border-color: #3498db;

    color: #FFFFFF

}

.btn-info:hover,

.btn-info:focus,

.btn-info:active,

.btn-info.active,

.open .dropdown-toggle.btn-info {

    background-color: #4ea5e0;

    border-color: #4ea5e0;

    color: #FFFFFF

}

.btn-info:active,

.btn-info.active,

.open .dropdown-toggle.btn-info {

    background-image: none

}

.btn-info.disabled,

.btn-info.disabled:hover,

.btn-info.disabled:focus,

.btn-info.disabled:active,

.btn-info.disabled.active,

.btn-info[disabled],

.btn-info[disabled]:hover,

.btn-info[disabled]:focus,

.btn-info[disabled]:active,

.btn-info.active[disabled],

fieldset[disabled] .btn-info,

fieldset[disabled] .btn-info:hover,

fieldset[disabled] .btn-info:focus,

fieldset[disabled] .btn-info:active,

fieldset[disabled] .btn-info.active {

    background-color: #2489cc;

    border-color: #2489cc

}

.btn-default {

    background-color: #fff;

    border-color: #e4e5e7;

    color: #6a6c6f

}

.btn-default:hover,

.btn-default:focus,

.btn-default:active,

.btn-default.active,

.open .dropdown-toggle.btn-default {

    background-color: #fff;

    border-color: #d9dbdd;

    color: #606265

}

.btn-default:active,

.btn-default.active,

.open .dropdown-toggle.btn-default {

    background-image: none

}

.btn-default.disabled,

.btn-default.disabled:hover,

.btn-default.disabled:focus,

.btn-default.disabled:active,

.btn-default.disabled.active,

.btn-default[disabled],

.btn-default[disabled]:hover,

.btn-default[disabled]:focus,

.btn-default[disabled]:active,

.btn-default.active[disabled],

fieldset[disabled] .btn-default,

fieldset[disabled] .btn-default:hover,

fieldset[disabled] .btn-default:focus,

fieldset[disabled] .btn-default:active,

fieldset[disabled] .btn-default.active {

    background-color: #e4ebee;

    border-color: #e4ebee

}

.btn-warning {

    background-color: #ffb606;

    border-color: #ffb606;

    color: #FFFFFF

}

.btn-warning:hover,

.btn-warning:focus,

.btn-warning:active,

.btn-warning.active,

.open .dropdown-toggle.btn-warning {

    background-color: #ffbf25;

    border-color: #ffbf25;

    color: #FFFFFF

}

.btn-warning:active,

.btn-warning.active,

.open .dropdown-toggle.btn-warning {

    background-image: none

}

.btn-warning.disabled,

.btn-warning.disabled:hover,

.btn-warning.disabled:focus,

.btn-warning.disabled:active,

.btn-warning.disabled.active,

.btn-warning[disabled],

.btn-warning[disabled]:hover,

.btn-warning[disabled]:focus,

.btn-warning[disabled]:active,

.btn-warning.active[disabled],

fieldset[disabled] .btn-warning,

fieldset[disabled] .btn-warning:hover,

fieldset[disabled] .btn-warning:focus,

fieldset[disabled] .btn-warning:active,

fieldset[disabled] .btn-warning.active {

    background-color: #e6a300;

    border-color: #e6a300

}

.btn-warning2 {

    background-color: #e67e22;

    border-color: #e67e22;

    color: #FFFFFF

}

.btn-warning2:hover,

.btn-warning2:focus,

.btn-warning2:active,

.btn-warning2.active,

.open .dropdown-toggle.btn-warning2 {

    background-color: #e98e3d;

    border-color: #e98e3d;

    color: #FFFFFF

}

.btn-warning2:active,

.btn-warning2.active,

.open .dropdown-toggle.btn-warning2 {

    background-image: none

}

.btn-warning2.disabled,

.btn-warning2.disabled:hover,

.btn-warning2.disabled:focus,

.btn-warning2.disabled:active,

.btn-warning2.disabled.active,

.btn-warning2[disabled],

.btn-warning2[disabled]:hover,

.btn-warning2[disabled]:focus,

.btn-warning2[disabled]:active,

.btn-warning2.active[disabled],

fieldset[disabled] .btn-warning2,

fieldset[disabled] .btn-warning2:hover,

fieldset[disabled] .btn-warning2:focus,

fieldset[disabled] .btn-warning2:active,

fieldset[disabled] .btn-warning2.active {

    background-color: #d26f18;

    border-color: #d26f18

}

.btn-danger {

    background-color: #e74c3c;

    border-color: #e74c3c;

    color: #FFFFFF

}

.btn-danger:hover,

.btn-danger:focus,

.btn-danger:active,

.btn-danger.active,

.open .dropdown-toggle.btn-danger {

    background-color: #ea6557;

    border-color: #ea6557;

    color: #FFFFFF

}

.btn-danger:active,

.btn-danger.active,

.open .dropdown-toggle.btn-danger {

    background-image: none

}

.btn-danger.disabled,

.btn-danger.disabled:hover,

.btn-danger.disabled:focus,

.btn-danger.disabled:active,

.btn-danger.disabled.active,

.btn-danger[disabled],

.btn-danger[disabled]:hover,

.btn-danger[disabled]:focus,

.btn-danger[disabled]:active,

.btn-danger.active[disabled],

fieldset[disabled] .btn-danger,

fieldset[disabled] .btn-danger:hover,

fieldset[disabled] .btn-danger:focus,

fieldset[disabled] .btn-danger:active,

fieldset[disabled] .btn-danger.active {

    background-color: #e43321;

    border-color: #e43321

}

.btn-danger2 {

    background-color: #c0392b;

    border-color: #c0392b;

    color: #FFFFFF

}

.btn-danger2:hover,

.btn-danger2:focus,

.btn-danger2:active,

.btn-danger2.active,

.open .dropdown-toggle.btn-danger2 {

    background-color: #d24637;

    border-color: #d24637;

    color: #FFFFFF

}

.btn-danger2:active,

.btn-danger2.active,

.open .dropdown-toggle.btn-danger2 {

    background-image: none

}

.btn-danger2.disabled,

.btn-danger2.disabled:hover,

.btn-danger2.disabled:focus,

.btn-danger2.disabled:active,

.btn-danger2.disabled.active,

.btn-danger2[disabled],

.btn-danger2[disabled]:hover,

.btn-danger2[disabled]:focus,

.btn-danger2[disabled]:active,

.btn-danger2.active[disabled],

fieldset[disabled] .btn-danger2,

fieldset[disabled] .btn-danger2:hover,

fieldset[disabled] .btn-danger2:focus,

fieldset[disabled] .btn-danger2:active,

fieldset[disabled] .btn-danger2.active {

    background-color: #a73225;

    border-color: #a73225

}

.btn-link {

    color: inherit

}

.btn-link:hover,

.btn-link:focus,

.btn-link:active,

.btn-link.active,

.open .dropdown-toggle.btn-link {

    color: #6a6c6f

}

.btn-link:active,

.btn-link.active,

.open .dropdown-toggle.btn-link {

    background-image: none

}

.btn-link.disabled,

.btn-link.disabled:hover,

.btn-link.disabled:focus,

.btn-link.disabled:active,

.btn-link.disabled.active,

.btn-link[disabled],

.btn-link[disabled]:hover,

.btn-link[disabled]:focus,

.btn-link[disabled]:active,

.btn-link.active[disabled],

fieldset[disabled] .btn-link,

fieldset[disabled] .btn-link:hover,

fieldset[disabled] .btn-link:focus,

fieldset[disabled] .btn-link:active,

fieldset[disabled] .btn-link.active {

    color: #9d9fa2

}

.btn-outline {

    color: inherit;

    background-color: transparent;

    transition: all .5s

}

.btn-xs {

    border-radius: 3px;

    font-size: 11px;

    line-height: 1.5;

    padding: 1px 7px

}

.btn-circle {

    width: 30px;

    height: 30px;

    padding: 6px 0;

    border-radius: 15px;

    text-align: center;

    font-size: 12px;

    line-height: 1.428571429

}

.btn-circle.btn-xs {

    width: 20px;

    height: 20px;

    padding: 4px 8px;

    border-radius: 25px;

    font-size: 10px;

    line-height: 1

}

.btn-circle.btn-lg {

    width: 50px;

    height: 50px;

    padding: 10px 16px;

    border-radius: 25px;

    font-size: 18px;

    line-height: 1.33

}

.btn-circle.btn-xl {

    width: 70px;

    height: 70px;

    padding: 10px 16px;

    border-radius: 35px;

    font-size: 24px;

    line-height: 1.33

}

.font-light {

    font-weight: 300

}

.font-normal {

    font-weight: 400

}

.font-bold {

    font-weight: 600

}

.font-extra-bold {

    font-weight: 700

}

.font-uppercase {

    text-transform: uppercase

}

.font-trans {

    opacity: 0.5 !important

}

.text-big {

    font-size: 60px

}

h1,

.h1,

h2,

.h2,

h3,

.h3 {

    margin-top: 10px;

    margin-bottom: 10px;

    font-weight: 200

}

.icheckbox_square-green,

.iradio_square-green {

    display: inline-block;

    *display: inline;

    vertical-align: middle;

    margin: 0;

    padding: 0;

    width: 22px;

    height: 22px;

    background: url(img/green.png) no-repeat;

    border: none;

    cursor: pointer

}

.icheckbox_square-green {

    background-position: 0 0

}

.icheckbox_square-green.hover {

    background-position: -24px 0

}

.icheckbox_square-green.checked {

    background-position: -48px 0

}

.icheckbox_square-green.disabled {

    background-position: -72px 0;

    cursor: default

}

.icheckbox_square-green.checked.disabled {

    background-position: -96px 0

}

.iradio_square-green {

    background-position: -120px 0

}

.iradio_square-green.hover {

    background-position: -144px 0

}

.iradio_square-green.checked {

    background-position: -168px 0

}

.iradio_square-green.disabled {

    background-position: -192px 0;

    cursor: default

}

.iradio_square-green.checked.disabled {

    background-position: -216px 0

}

@media (-o-min-device-pixel-ratio: 5/4),

(-webkit-min-device-pixel-ratio: 1.25),

(min-resolution: 120dpi) {

    .icheckbox_square-green,

    .iradio_square-green {

        background-image: url(img/green@2x.png);

        -webkit-background-size: 240px 24px;

        background-size: 240px 24px

    }

}

html {

    margin: 0;

    padding: 0;

    /*   height: 100%;*/

    

    overflow-x: hidden !important

}

body {

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    background-color: #fff;

    /* background-color: transparent!important;*/

    /*background-color: #edf0f5;*/

    

    font-size: 11px;

    color: #6a6c6f;

    margin: 0;

    padding: 0;

    height: 100%;

    overflow-x: hidden;

}

#header {

    background-color: #fff;

    display: block;

    height: 62px;

    margin: 0;

    padding: 0;

    position: relative;

    border-bottom: 1px solid #e4e5e7

}

#menu {

    width: 180px;

    bottom: 0;

    float: left;

    left: 0;

    position: absolute;

    top: 62px;

    transition: all 0.4s ease 0s

}

#wrapper {

    margin: 0 0 0 180px;

    padding: 0;

    background: #edf0f5;

    border-left: 1px solid #e4e5e7;

    transition: all 0.4s ease 0s;

    position: relative;

    min-height: 100%

}

.content {

    /*padding: 25px 40px 40px 40px;*/

    /*padding: 10px 15px 40px 15px;*/

    

    padding: 2px 15px 50px 15px;

    min-width: 320px

}

.ui-tabs .panel-body,

.noTableMargin {

    margin: auto!important;

}

@media (max-width: 768px) {
.content{padding: 0px; min-width: 320px;}
.btnPadd{margin-left: 2px !important;}
.removeMargins{margin-left: 0px !important; margin-right: 0px !important;}
.tble_overflow{overflow-x:scroll !important;}
}

@media only screen and (min-width : 568px){
.btnPadd{margin-left: 20px !important;}
}

.content-boxed {

    max-width: 1100px;

    margin: auto;

    padding-top: 60px

}

#page-header {

    padding: 20px 40px

}

.color-line {

    background: #f7f9fa;

    height: 6px;

    background-image: -webkit-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);

    background-image: -moz-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);

    background-image: -ms-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);

    background-image: linear-gradient(to right, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);

    background-size: 100% 6px;

    background-position: 50% 100%;

    background-repeat: no-repeat

}

.fixed-navbar #header {

    width: 100%;

    position: fixed;

    z-index: 1000

}

.fixed-navbar #wrapper {

    top: 62px

}

.fixed-sidebar #menu {

    position: fixed;

    overflow-x: hidden;

    overflow-y: scroll;

    width: 197px;

    margin-right: -17px

}

.list .list-item-container {

    float: left

}

.list-item-container div:first-child {

    border-top: none

}

.list .list-item .list-item-content p {

    margin-bottom: 3px;

    margin-top: 0

}

.list .list-item-date {

    color: #AAAAAA;

    font-size: 10px;

    text-align: center

}

.list .list-item {

    float: left;

    overflow-x: hidden;

    position: relative;

    width: 100%;

    padding-top: 10px;

    margin-top: 10px;

    border-top: 1px solid #e4e5e7

}

.list .list-item-container-small {

    min-width: 80px;

    text-align: center

}

.list .list-item .list-item-content .list-item-right {

    height: 100%;

    padding: 0 10px;

    position: absolute;

    right: 0;

    top: 0

}

.list .list-item .list-item-content h1,

.list .list-item .list-item-content h2,

.list .list-item .list-item-content h3,

.list .list-item .list-item-content h4,

.list .list-item .list-item-content h5,

.list .list-item .list-item-content h6,

.list .list-item .list-item-content .list-item-title {

    font-size: 12px;

    font-weight: 600;

    line-height: 20px;

    margin: 0

}

.hpanel > .panel-heading {

    color: inherit;

    /*  font-weight: 600;*/

    

    padding: 7px 4px;

    transition: all .3s;

    border: 1px solid transparent;

    background-color: #edf0f5!important;

}

.hpanel .hbuilt.panel-heading {

    border-bottom: none

}

.hpanel > .panel-footer {

    color: inherit;

    border: 1px solid #e4e5e7;

    border-top: none;

    /*font-size: 90%;*/

    

    background: #f7f9fa

}

.hpanel.panel-collapse > .panel-heading,

.hpanel .hbuilt {

    background: #fff;

    border-color: #e4e5e7;

    border: 1px solid #e4e5e7;

    padding: 10px 10px;

    border-radius: 2px

}

.hpanel .panel-body {

    background: #fff;

    border: 1px solid #e4e5e7;

    border-radius: 2px;

    padding: 20px;

    position: relative

}

.panel-collapse .panel-body {

    border: none

}

.hpanel {

    background-color: transparent;

    border: none;

    box-shadow: none;

    /* margin-bottom: 25px*/

}

.panel-tools {

    display: inline-block;

    display: none;

    /* Ameet Choudhary 14-11-2015 */

    

    float: right;

    margin-top: 0;

    padding: 0;

    position: relative

}

.hpanel .alert {

    margin-bottom: 0;

    border-radius: 0;

    border: 1px solid #e4e5e7;

    border-bottom: none

}

.panel-tools a {

    margin-left: 5px;

    color: #9d9fa2;

    cursor: pointer

}

.hpanel.hgreen .panel-body {

    border-top: 2px solid #62cb31

}

.hpanel.hblue .panel-body {

    border-top: 2px solid #3498db

}

.hpanel.hyellow .panel-body {

    border-top: 2px solid #ffb606

}

.hpanel.hviolet .panel-body {

    border-top: 2px solid #9b59b6

}

.hpanel.horange .panel-body {

    border-top: 2px solid #e67e22

}

.hpanel.hred .panel-body {

    border-top: 2px solid #e74c3c

}

.hpanel.hreddeep .panel-body {

    border-top: 2px solid #c0392b

}

.hpanel.hnavyblue .panel-body {

    border-top: 2px solid #34495e

}

.hpanel.hbggreen .panel-body {

    background: #62cb31;

    color: #fff;

    border: none

}

.hpanel.hbgblue .panel-body {

    background: #3498db;

    color: #fff;

    border: none

}

.hpanel.hbgyellow .panel-body {

    background: #ffb606;

    color: #fff;

    border: none

}

.hpanel.hbgviolet .panel-body {

    background: #9b59b6;

    color: #fff;

    border: none

}

.hpanel.hbgorange .panel-body {

    background: #e67e22;

    color: #fff;

    border: none

}

.hpanel.hbgred .panel-body {

    background: #e74c3c;

    color: #fff;

    border: none

}

.hpanel.hbgreddeep .panel-body {

    background: #c0392b;

    color: #fff;

    border: none

}

.hpanel.hbgnavyblue .panel-body {

    background: #34495e;

    color: #fff;

    border: none

}

.panel-group .panel-heading {

    background-color: #f7f9fa

}

.small-header .hpanel {

    margin-bottom: 0

}

.small-header {

    padding: 0 !important

}

.small-header .panel-body {

    padding: 15px 25px;

    border-right: none;

    border-left: none;

    border-top: none;

    border-radius: 0

}

.panel-body h5,

.panel-body h4 {

    /*font-weight: 600*/

}

.small-header .panel-body h2 {

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    margin: 0 0 0 0

}

.small-header .panel-body small {

    color: #838589

}

.hbreadcrumb {

    padding: 0px 20px;

    /*    margin-top: 6px;*/

    

    margin-bottom: 15px;

    list-style: none;

    /*    background-color: #fff;*/

    

    border-radius: #fff;

    font-size: 11px;

    background-color: transparent;

}

.hbreadcrumb > li {

    display: inline-block

}

.hbreadcrumb > li + li:before {

    padding: 0 5px;

    color: #34495e

}

.hbreadcrumb > .active {

    color: #9d9fa2

}

.wrapper {

    padding: 10px 20px

}

.nav-tabs > li.active > a,

.nav-tabs > li.active > a:hover,

.nav-tabs > li.active > a:focus {

    border: 1px solid #e4e5e7;

    border-bottom-color: transparent

}

.nav-tabs {

    border-bottom: 1px solid #e4e5e7

}

.tab-pane .panel-body {

    border-top: none

}

.tabs-left .tab-pane .panel-body,

.tabs-right .tab-pane .panel-body {

    border-top: 1px solid #e4e5e7

}

.nav-tabs > li a:hover {

    background: transparent;

    border-color: transparent

}

.tabs-below > .nav-tabs,

.tabs-right > .nav-tabs,

.tabs-left > .nav-tabs {

    border-bottom: 0

}

.tabs-left .panel-body {

    position: static

}

.tabs-left > .nav-tabs,

.tabs-right > .nav-tabs {

    width: 20%

}

.tabs-left .panel-body {

    width: 80%;

    margin-left: 20%

}

.tabs-right .panel-body {

    width: 80%;

    margin-right: 20%

}

.tab-content > .tab-pane,

.pill-content > .pill-pane {

    display: none

}

.tab-content > .active,

.pill-content > .active {

    display: block

}

.tabs-below > .nav-tabs {

    border-top: 1px solid #e4e5e7

}

.tabs-below > .nav-tabs > li {

    margin-top: -1px;

    margin-bottom: 0

}

.tabs-below > .nav-tabs > li > a {

    -webkit-border-radius: 0 0 4px 4px;

    -moz-border-radius: 0 0 4px 4px;

    border-radius: 0 0 4px 4px

}

.tabs-below > .nav-tabs > li > a:hover,

.tabs-below > .nav-tabs > li > a:focus {

    border-top-color: #e4e5e7;

    border-bottom-color: transparent

}

.tabs-left > .nav-tabs > li,

.tabs-right > .nav-tabs > li {

    float: none

}

.tabs-left > .nav-tabs > li > a,

.tabs-right > .nav-tabs > li > a {

    min-width: 74px;

    margin-right: 0;

    margin-bottom: 3px

}

.tabs-left > .nav-tabs {

    float: left;

    margin-right: 19px

}

.tabs-left > .nav-tabs > li > a {

    margin-right: -1px;

    -webkit-border-radius: 4px 0 0 4px;

    -moz-border-radius: 4px 0 0 4px;

    border-radius: 4px 0 0 4px

}

.tabs-left > .nav-tabs .active > a,

.tabs-left > .nav-tabs .active > a:hover,

.tabs-left > .nav-tabs .active > a:focus {

    border-color: #e4e5e7 transparent #e4e5e7 #e4e5e7;

    *border-right-color: #ffffff

}

.tabs-right > .nav-tabs {

    float: right;

    margin-left: 19px

}

.tabs-right > .nav-tabs > li > a {

    margin-left: -1px;

    -webkit-border-radius: 0 4px 4px 0;

    -moz-border-radius: 0 4px 4px 0;

    border-radius: 0 4px 4px 0

}

.tabs-right > .nav-tabs > li > a:hover,

.tabs-right > .nav-tabs > li > a:focus {

    border-color: #eeeeee #eeeeee #eeeeee #dddddd

}

.tabs-right > .nav-tabs .active > a,

.tabs-right > .nav-tabs .active > a:hover,

.tabs-right > .nav-tabs .active > a:focus {

    border-color: #e4e5e7 #e4e5e7 #e4e5e7 transparent;

    *border-left-color: #ffffff;

    z-index: 1

}

.table > thead > tr > th {

    border-bottom: none;

}

.tooltip-inner {

    background-color: #34495e

}

.tooltip.top .tooltip-arrow {

    border-top-color: #34495e

}

.tooltip.right .tooltip-arrow {

    border-right-color: #34495e

}

.tooltip.bottom .tooltip-arrow {

    border-bottom-color: #34495e

}

.tooltip.left .tooltip-arrow {

    border-left-color: #34495e

}

.opacity-0 {

    opacity: 0

}

.opacity-1 {

    opacity: 1

}

.google-map {

    height: 300px

}

.hr-line-dashed {

    background-color: transparent;

    border-top: 1px dotted #edf0f5;

    color: transparent;

    height: 1px;

    margin: 20px 0

}

.animated-panel {

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    /*-webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    */

}

.h-bg-navy-blue {

    background: #34495e

}

.h-bg-violet {

    background: #9b59b6

}

.h-bg-blue {

    background: #3498db

}

.h-bg-green {

    background: #62cb31

}

.h-bg-yellow {

    background: #ffb606

}

.h-bg-orange {

    background: #e67e22

}

.h-bg-red {

    background: #e74c3c

}

.h-bg-red-deep {

    background: #c0392b

}

.text-primary {

    color: #34495e

}

.text-primary-2 {

    color: #9b59b6

}

.text-info {

    color: #3498db

}

.text-success {

    color: #62cb31

}

.text-warning {

    color: #ffb606

}

.text-danger {

    color: #e74c3c

}

.text-white {

    color: #fff

}

.border-bottom {

    border-bottom: 1px solid #e4e5e7

}

.border-right {

    border-right: 1px solid #e4e5e7

}

.border-left {

    border-left: 1px solid #e4e5e7

}

.jqstooltip {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box

}

.bg-white {

    background-color: #fff

}

.bg-light-soft {

    background-color: #edf0f5

}

.bg-light {

    background-color: #f7f9fa

}

#logo {

    float: left;

    width: 180px;

    /*background-color: #34495e;*/

    /*padding: 18px 10px 18px 18px;*/

    

    padding: 7px;

    height: 50px;

    text-align: center

}

#logo span {

    font-weight: 600;

    color: #fff;

    font-size: 14px

}

#logo.light-version {

    /*background-color: #f7f9fa;*/

    

    border-bottom: 0px solid #e4e5e7;

    text-align: left

}

#logo.light-version span {

    font-weight: 600;

    color: #34495e;

    font-size: 14px

}

.profile-picture {

    padding: 20px 20px;

    text-align: center

}

.stats-box div {

    display: inline-block;

    vertical-align: middle

}

.stats-label {

    line-height: 1.2

}

.stats-label small {

    font-size: 80%;

    line-height: 0.6

}

.stats-box-value {

    background: #fff

}

.stats-box-detail {

    background: #34495e;

    color: #fff;

    position: relative

}

.label-menu-corner .label {

    font-size: 10px;

    line-height: 12px;

    padding: 2px 5px;

    position: absolute;

    right: 18px;

    top: 12px

}

#side-menu {

    /*background: #f7f9fa*/

    

    background: #337AB7;

}

#side-menu li a {

    /*color: #6a6c6f;*/

    

    color: #FFFFFF;

    text-transform: uppercase;

    font-weight: 700;

    padding: 15px 20px

}

#side-menu li {

    border-bottom: 1px solid #e4e5e7

}

#side-menu li:first-child {

    border-top: 1px solid #e4e5e7

}

/*#side-menu li.active a,*/



#side-menu li a:hover {

    color: #34495e

}

/*#side-menu li.active a, #side-menu li:hover a {

    color: #34495e

}*/



.hpanel .panel-body {

    /* margin-bottom: 15px;*/

    

    margin-bottom: 10px;

}

.hpanel .panel-body.brdcrumbPanel {

    margin-bottom: 0px;

    border-bottom: 0px transparent none;

}

.hpanel .panel-body.bg-primary {

    margin-bottom: 0px;

}

.hpanel .panel-body + .panel-footer,

.hpanel .panel-body + .alert {

    margin-top: -15px;

}

.removeMargins {

    margin-left: -15px;

    margin-right: -15px;

}

.srchWithinPg {

    font-size: 28px;

    vertical-align: middle;

    font-weight: bold;

}

/*

.hpanel>.panel-body:last{

    margin-bottom: 0px;

}*/



.ui-helper-hidden-accessible {

    display: none;

}

#navbar ul li:hover {

    /*background: #34495e!important;*/

    

    background: #fff!important;

    color: #6a6c6f!important;

}

#navbar ul li:hover a {

    color: #6a6c6f!important;

}

#side-menu li .nav-second-level li a {

    padding: 10px 10px 10px 30px;

    color: #6a6c6f;

    text-transform: none;

    font-weight: 600

}

#side-menu li .nav-second-level li.active a {

    color: #34495e

}

#side-menu.nav > li > a:hover,

#side-menu.nav > li > a:focus {

    background: #fff

}

#side-menu li.active {

    background: #fff

}

.arrow {

    float: right

}

.fa.arrow:before {

    content: "\f104"

}

.active > a > .fa.arrow:before {

    content: "\f107"

}

#top-navigation {

    height: 56px;

    position: relative;

    float: left

}

.navbar-static-top {

    margin: 0 0 0 180px

}

.navbar.navbar-static-top a,

.nav.navbar-nav li a {

    color: #9d9fa2

}

.header-link {

    padding: 18px 26px 17px 26px;

    font-size: 14px;

    float: left;

    border-right: 1px solid #e4e5e7;

    border-left: 1px solid #e4e5e7;

    margin-right: 15px;

    background: #f7f9fa;

    cursor: pointer;

    display: none;

}

.header-link:hover {

    background: #f1f4f6

}

.navbar-nav > li,

.navbar-nav > li > a {

    height: 56px

}

.navbar-nav > li > a {

    padding: 15px 25px;

    font-size: 25px

}

.navbar-nav > li:last-child > a {

    padding-right: 35px

}

.navbar.navbar-static-top .hide-menu {

    color: #9d9fa2

}

.panel-title {

    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase

}

.box {

    padding: 40px

}

.box-rb-border {

    border-right: 1px solid #e4e5e7;

    border-bottom: 1px solid #e4e5e7

}

.box-b-border {

    border-bottom: 1px solid #e4e5e7

}

.box-r-border {

    border-right: 1px solid #e4e5e7

}

.h-100 {

    min-height: 100px

}

.h-150 {

    min-height: 150px

}

.h-200 {

    min-height: 200px

}

.h-300 {

    min-height: 300px

}

.h-400 {

    min-height: 400px

}

.h-500 {

    min-height: 500px

}

.h-600 {

    min-height: 600px

}

body.hide-sidebar #menu {

    margin-left: -180px

}

body.hide-sidebar #wrapper {

    margin-left: 0

}

body.page-small #menu {

    margin-left: -180px

}

body.page-small #wrapper {

    margin-left: 0

}

body.page-small.show-sidebar #menu {

    margin-left: 0

}

body.page-small.show-sidebar #wrapper {

    margin-left: 180px

}

a {

    cursor: pointer;

    color: #34495e

}

a:hover,

a:focus {

    color: #34495e;

    text-decoration: none

}

.no-padding {

    padding: 0 !important

}

.no-borders {

    border: none !important

}

.no-margins {

    margin: 0 !important

}

.no-background {

    background: transparent !important

}

.navbar-form-custom {

    float: left;

    height: 52px;

    padding: 0;

    width: 200px;

    margin-bottom: 0px;

}

.navbar-form-custom .form-control {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: medium none;

    font-size: 13px;

    height: 52px;

    margin: 0;

    z-index: 1060;

    padding: 0

}

.form-control,

.form-control:focus,

.has-error .form-control:focus,

.has-success .form-control:focus,

.has-warning .form-control:focus,

.navbar-collapse,

.navbar-form,

.navbar-form-custom .form-control:focus,

.navbar-form-custom .form-control:hover,

.open .btn.dropdown-toggle,

.panel,

.popover,

.progress,

.progress-bar {

    box-shadow: none

}

.vertical-mid {

    display: table

}

.vertical-mid * {

    display: table-cell;

    vertical-align: middle

}

.label-success {

    background-color: #62cb31

}

a.list-group-item.active,

a.list-group-item.active:hover,

a.list-group-item.active:focus {

    background-color: #34495e;

    border-color: #34495e;

    color: #FFFFFF !important

}

.list-group-item-heading {

    margin-top: 10px

}

.list-group-item-text {

    margin: 0 0 10px;

    color: inherit;

    line-height: inherit

}

.list-group-item {

    background-color: inherit;

    border: 1px solid #e4e5e7;

    display: block;

    margin-bottom: -1px;

    padding: 10px 15px;

    position: relative

}

.no-padding .list-group-item {

    border-left: none;

    border-right: none;

    border-bottom: none

}

.no-padding .list-group-item:first-child {

    border-left: none;

    border-right: none;

    border-bottom: none;

    border-top: none

}

.no-padding .list-group {

    margin-bottom: 0

}

.well {

    background: #f7f9fa;

    box-shadow: none

}

.stats h4,

h5,

h6 {

    /*margin: 5px 0*/

    

    margin: 2px 0px;

}

.stats-title h4 {

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 600

}

.w-xs {

    min-width: 100px

}

.w-sm {

    min-width: 120px

}

.w-m {

    min-width: 140px

}

.w-lg {

    min-width: 160px

}

.w-xl {

    min-width: 180px

}

.w-xxl {

    min-width: 200px

}

.flot-chart {

    display: block;

    height: 300px;

    position: relative

}

.flot-chart-content {

    width: 100%;

    height: 100%

}

.stats .flot-chart {

    height: 60px

}

.feed-activity-list .feed-element {

    border-bottom: 1px solid #E7EAEC

}

.feed-element:first-child {

    margin-top: 0

}

.feed-element {

    padding-bottom: 15px

}

.feed-element,

.feed-element .media {

    margin-top: 15px

}

.feed-element,

.media-body {

    overflow: hidden

}

.feed-element > .pull-left {

    margin-right: 10px

}

.feed-element img.img-circle,

.dropdown-messages-box img.img-circle {

    width: 38px;

    height: 38px

}

.feed-element .well {

    border: 1px solid #E7EAEC;

    box-shadow: none;

    margin-top: 10px;

    margin-bottom: 5px;

    padding: 10px 20px;

    font-size: 11px;

    line-height: 16px

}

.feed-element .actions {

    margin-top: 10px

}

.feed-element .photos {

    margin: 10px 0

}

.feed-photo {

    max-height: 180px;

    border-radius: 4px;

    overflow: hidden;

    margin-right: 10px;

    margin-bottom: 10px

}

.feed-element img {

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

    filter: gray;

    -webkit-filter: grayscale(100%)

}

.small-logo {

    display: none;

    text-align: center;

    padding-top: 18px;

    font-size: 14px;

    font-weight: 800

}

.img-small {

    width: 62px;

    height: 62px

}

@media (max-width: 768px) {

    .navbar-form-custom,

    .navbar-right,

    #logo {

        display: none

    }

    .tble_overflow{overflow-x:scroll !important;}

    .navbar-static-top {

        margin: 0

    }

    .small-logo {

        display: block;

        float: left

    }

    .header-line div {

        display: none

    }

    .color-demo .header-line {

        height: 48px

    }

    #hbreadcrumb {

        /*  float: none !important;

        margin-bottom: 10px;*/

        margin-top: 0; float: left !important; margin-left: 0px; width: 100%;
    }

}

@media (max-width: 320px) {

    #wrapper {

        overflow: hidden

    }

    .tble_overflow{overflow-x:scroll !important;}

}

.canvass {

    -moz-transition: width 0.01s, height 0.01s;

    -webkit-transition: width 0.01s, height 0.01s;

    -o-transition: width 0.01s, height 0.01s;

    transition: width 0.01s, height 0.01s

}

.project-list table tr td {

    border-top: none;

    border-bottom: 1px solid #e7eaec;

    padding: 10px 10px;

    vertical-align: middle

}

.icons-box {

    padding: 20px

}

.icons-box h3 {

    margin-top: 10px;

    margin-bottom: 10px

}

.icons-box .infont {

    text-align: center;

    margin-bottom: 25px

}

.icons-box .infont i {

    font-size: 35px;

    display: block;

    color: #676a6c

}

.icons-box .infont span {

    color: #a6a8a9

}

.icons-box .infont span {

    margin: 1px;

    display: block

}

.fullpanel {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 1070;

    overflow-x: scroll;

    transition: all 2s

}

.transition {

    transition: all 0.5s

}

.normalheader .hpanel {

    margin-bottom: 0

}

.normalheader {

    min-width: 320px;

    padding: 40px 40px 0px 40px

}

@media (max-width: 768px) {

    .normalheader {

        padding: 15px 15px 0px 15px

    }

    .tble_overflow{overflow-x:scroll !important;}

}

.normalheader h2 {

    margin-top: 0px

}

.input-xs {

    height: 20px;

    padding: 2px 10px;

    font-size: 10px;

    line-height: 1.5;

    border-radius: 3px;

    font-weight: 500

}

.clip-header i {

    display: inline-block;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}

.clip-header {

    position: absolute;

    top: 0;

    right: 0;

    font-size: 8px;

    background: #f7f9fa;

    padding: 4px 5px;

    border-left: 1px solid #e4e5e7;

    border-bottom: 1px solid #e4e5e7

}

.dropdown-menu {

    font-size: 13px;

    border-radius: 3px;

    z-index: 2000;

}

.dropdown-example {

    display: inline-block;

    margin: 0px 10px 10px 10px

}

.dropdown-example .dropdown-menu {

    position: static;

    display: block

}

.pagination-example .pagination {

    margin: 0 0 10px 0

}

.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

    background-color: #3498db;

    border-color: #258cd1;

    color: #fff;

    cursor: default;

    z-index: 2

}

.hbreadcrumb a.active {

    color: #9d9fa2

}

.form-control {

    border-color: #e4e5e7 !important

}

.input-group-addon {

    background: #f7f8fa;

    border-color: #e4e5e7 !important

}

.splash {

    display: none;

    position: absolute;

    z-index: 2000;

    background: white;

    color: gray;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0

}

.splash-title {

    text-align: center;

    max-width: 500px;

    margin: 15% auto;

    padding: 20px

}

.splash-title h1 {

    font-size: 26px

}

.checkbox-primary input[type="checkbox"]:checked + label::before {

    background-color: #34495e;

    border-color: #34495e

}

.checkbox-primary input[type="checkbox"]:checked + label::after {

    color: #fff

}

.checkbox-danger input[type="checkbox"]:checked + label::before {

    background-color: #e74c3c;

    border-color: #e74c3c

}

.checkbox-danger input[type="checkbox"]:checked + label::after {

    color: #fff

}

.checkbox-info input[type="checkbox"]:checked + label::before {

    background-color: #3498db;

    border-color: #3498db

}

.checkbox-info input[type="checkbox"]:checked + label::after {

    color: #fff

}

.checkbox-warning input[type="checkbox"]:checked + label::before {

    background-color: #ffb606;

    border-color: #ffb606

}

.checkbox-warning input[type="checkbox"]:checked + label::after {

    color: #fff

}

.checkbox-success input[type="checkbox"]:checked + label::before {

    background-color: #62cb31;

    border-color: #62cb31

}

.checkbox-success input[type="checkbox"]:checked + label::after {

    color: #fff

}

.radio-primary input[type="radio"] + label::after {

    background-color: #34495e

}

.radio-primary input[type="radio"]:checked + label::before {

    border-color: #34495e

}

.radio-primary input[type="radio"]:checked + label::after {

    background-color: #34495e

}

.radio-danger input[type="radio"] + label::after {

    background-color: #e74c3c

}

.radio-danger input[type="radio"]:checked + label::before {

    border-color: #e74c3c

}

.radio-danger input[type="radio"]:checked + label::after {

    background-color: #e74c3c

}

.radio-info input[type="radio"] + label::after {

    background-color: #3498db

}

.radio-info input[type="radio"]:checked + label::before {

    border-color: #3498db

}

.radio-info input[type="radio"]:checked + label::after {

    background-color: #3498db

}

.radio-warning input[type="radio"] + label::after {

    background-color: #ffb606

}

.radio-warning input[type="radio"]:checked + label::before {

    border-color: #ffb606

}

.radio-warning input[type="radio"]:checked + label::after {

    background-color: #ffb606

}

.radio-success input[type="radio"] + label::after {

    background-color: #62cb31

}

.radio-success input[type="radio"]:checked + label::before {

    border-color: #62cb31

}

.radio-success input[type="radio"]:checked + label::after {

    background-color: #62cb31

}

.checkbox input:hover,

.radio input:hover {

    cursor: pointer

}

.ui-sortable .panel-body {

    cursor: move

}

.ui-sortable-placeholder {

    border: 1px dashed #cecece !important;

    visibility: visible !important;

    background: #f7f9fa

}

.ibox.ui-sortable-placeholder {

    margin: 0px 0px 23px !important

}

.badge.badge-success {

    background-color: #62cb31

}

.badge.badge-info {

    background-color: #3498db

}

.badge.badge-danger {

    background-color: #e74c3c

}

.badge.badge-warning {

    background-color: #ffb606

}

.badge.badge-primary {

    background-color: #34495e

}

.projects .project-label {

    font-weight: 600

}

.projects .hpanel .panel-body {

    border-bottom: none

}

.projects .hpanel:last-child .panel-body {

    border-bottom: 1px solid #e4e5e7

}

.projects .hpanel:last-child .panel-body {

    border-bottom: 1px solid #e4e5e7

}

.projects .hpanel h4 a {

    color: #6a6c6f

}

.projects .project-people img {

    width: 28px;

    height: 28px;

    margin-left: 2px;

    margin-bottom: 4px

}

.projects .project-info {

    text-align: right

}

@media (max-width: 768px) {

    .projects .project-info {

        text-align: left

    }

    .tble_overflow{overflow-x:scroll !important;}

}

.social-board .social-profile img {

    height: 42px;

    width: 42px;

    border-radius: 50%

}

.social-board .social-profile h5 {

    margin-top: 5px;

    margin-bottom: 0px

}

.social-board .social-form {

    margin: 10px 0

}

.social-board .social-form input {

    font-size: 12px;

    padding: 2px 12px;

    height: 28px

}

.social-talk .social-profile img {

    height: 32px;

    width: 32px;

    border-radius: 50%

}

.social-talk .text-muted {

    color: #aaacae

}

.social-talk {

    margin-bottom: 10px

}

.social-talk .social-content {

    margin-top: 2px

}

.angular-ui-tree-handle {

    background: none repeat scroll 0 0 #f7f9fa;

    border: 1px dashed #e4e5e7;

    color: inherit;

    padding: 10px;

    font-weight: normal

}

.angular-ui-tree-handle:hover {

    font-weight: bold;

    cursor: pointer

}

.angular-ui-tree-placeholder {

    background: #f0f9ff;

    border: 1px dashed #e4e5e7;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}

.group-title {

    background-color: #687074 !important;

    color: #FFF !important

}

.tree-node {

    background: none repeat scroll 0 0 #f7f9fa;

    border: 1px dashed #e4e5e7;

    color: inherit;

    padding: 10px;

    border-radius: 3px

}

.tree-node .btn {

    min-width: 22px;

    margin-right: 4px

}

.tree-node-content {

    margin: 5px 5px 5px 0

}

.tree-handle {

    background: none repeat scroll 0 0 #f7f9fa;

    border: 1px dashed #e4e5e7;

    color: inherit;

    padding: 10px

}

.angular-ui-tree-placeholder {

    background: #f0f9ff;

    border: 1px dashed #e4e5e7;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}

.tour-backdrop {

    opacity: 0.5

}

.blog-box p {

    font-size: 12px

}

.blog-box h4 {

    font-weight: bold;

    margin-top: 0

}

.blog-box .panel-heading {

    background: #fff;

    border-top: 1px solid #e4e5e7;

    border-left: 1px solid #e4e5e7;

    border-right: 1px solid #e4e5e7;

    border-radius: 2px;

    padding: 10px 20px;

    position: relative;

    font-weight: 500

}

.blog-box .panel-footer {

    color: #909295

}

.blog-box .panel-heading .media-body {

    line-height: 16px

}

.blog-box .panel-heading .media img {

    width: 32px;

    height: 32px;

    border-radius: 50%

}

.blog-box .panel-heading .media-body h5 {

    margin-top: 0

}

.blog-box .panel-image {

    border-left: 1px solid #e4e5e7;

    border-right: 1px solid #e4e5e7;

    position: relative

}

.blog-box .panel-image .title {

    position: absolute;

    bottom: 10px;

    padding: 0 20px;

    color: #fff

}

.blog-box .panel-image .title h4 {

    margin-bottom: 0px

}

.blog-box .panel-image .title a {

    color: #fff !important

}

.blog-article-box .panel-heading {

    background: #fff;

    border-top: 1px solid #e4e5e7;

    border-left: 1px solid #e4e5e7;

    border-right: 1px solid #e4e5e7;

    border-radius: 2px;

    padding: 80px 10px;

    position: relative;

    font-weight: 500;

    text-align: center

}

.blog-article-box .panel-heading h4 {

    font-size: 32px;

    font-weight: 700;

    color: #515355

}

.blog-article-box .panel-body {

    padding: 50px 70px

}

.blog-article-box .panel-body p {

    font-family: "Times New Roman", Georgia, Serif;

    font-size: 20px;

    line-height: 32px;

    color: #515355

}

@media (max-width: 768px) {

    .blog-article-box .panel-body {

        padding: 10px 20px

    }

    .tble_overflow{overflow-x:scroll !important;}

    .blog-article-box .panel-body p {

        font-family: "Times New Roman", Georgia, Serif;

        font-size: 16px;

        line-height: 28px

    }

    .blog-article-box .panel-heading {

        padding: 20px 20px

    }

}

.forum-box .panel-body {

    border-bottom: none

}

.forum-box .panel-body:last-child {

    border-bottom: 1px solid #e4e5e7

}

.forum-box .forum-heading h4 {

    margin-bottom: 3px;

    font-weight: 600;

    margin-top: 5px;

    display: inline

}

.forum-box .forum-heading .label {

    margin-right: 5px

}

.forum-box .forum-heading .desc {

    color: #909295;

    font-size: 12px

}

.forum-box .panel-heading {

    border: 1px solid #e4e5e7;

    border-bottom: none;

    font-size: 90%;

    background: #f7f9fa;

    padding: 10px 20px

}

.forum-box .forum-info {

    text-align: right;

    line-height: 20px

}

.forum-box .forum-info .number {

    display: block;

    font-weight: 600;

    font-size: 22px;

    margin-top: 5px

}

.forum-box .forum-info span {

    font-size: 12px

}

.forum-box .panel-body .media-image {

    text-align: center;

    margin-right: 10px;

    min-width: 100px

}

.forum-box .panel-body .media img {

    margin-top: 10px;

    width: 42px;

    height: 42px;

    border-radius: 50%;

    margin-bottom: 10px

}

.forum-box .author-info {

    font-size: 12px

}

.forum-box .forum-comments {

    border: 1px solid #e4e5e7;

    border-left: none;

    border-right: none;

    background: #f7f9fa;

    margin-top: 20px;

    padding: 10px 15px

}

.forum-box .forum-comments .media img {

    width: 32px;

    height: 32px;

    border-radius: 50%;

    margin-top: 0;

    margin-bottom: 10px

}

.forum-box .forum-comments form {

    margin-top: 10px

}

@media (max-width: 768px) {

    .forum-box .forum-info {

        text-align: left

    }

    .tble_overflow{overflow-x:scroll !important;}

}

ul.mailbox-list {

    list-style: none;

    padding: 0

}

ul.mailbox-list li a {

    padding: 10px 15px;

    display: block

}

ul.mailbox-list li a i {

    margin-right: 6px;

    display: inline-block

}

ul.mailbox-list li.active a {

    /*background: #f7f9fa;*/

    

    border: 1px solid #e4e5e7;

    font-weight: 600;

    border-radius: 1px

}

ul.mailbox-list li:hover a {

    font-weight: 400

}

.table-mailbox .radio,

.table-mailbox .checkbox {

    margin: 0

}

.table-mailbox .radio label,

.table-mailbox .checkbox label {

    cursor: default

}

.table-mailbox tr.unread td a {

    font-weight: 600

}

.table-mailbox tr td span.label {

    margin-left: 10px

}

.table-mailbox tr:first-child td {

    border-top: none

}

.table-mailbox tr td:first-child {

    width: 33px;

    padding-right: 0

}

.mailbox-pagination {

    text-align: right

}

@media (max-width: 768px) {

    .mailbox-pagination {

        text-align: left

    }

    .tble_overflow{overflow-x:scroll !important;}

}

.landing-page .navbar-form-custom,

.landing-page .navbar-right,

.landing-page #logo {

    display: block

}

.landing-page .navbar-default {

    background: #fff

}

.landing-page .navbar .navbar-brand {

    font-size: 12px;

    height: auto;

    margin-top: 8px;

    padding: 9px 15px;

    font-weight: 700;

    border-radius: 5px;

    color: #fff;

    display: block;

    background-color: #62cb31;

    margin-left: 0

}

.landing-page .navbar-default .navbar-toggle:hover,

.landing-page .navbar-default .navbar-toggle:focus {

    background: #62cb31

}

.landing-page .navbar-default .navbar-toggle:hover .icon-bar,

.landing-page .navbar-default .navbar-toggle:focus .icon-bar {

    background-color: #fff !important

}

.landing-page .navbar-default .navbar-nav > .active > a,

.landing-page .navbar-default .navbar-nav > .active > a:hover,

.landing-page .navbar-default .navbar-nav > .active > a:focus {

    background-color: transparent;

    color: #62cb31;

    border: none

}

.landing-page .navbar-default li a:hover {

    border-bottom: none

}

.landing-page .brand-desc {

    color: #455463;

    margin: 17px 10px 0 90px;

    width: 180px

}

.landing-page .navbar-nav > li > a {

    font-size: 14px;

    font-weight: 600;

    padding: 15px 15px;

    color: #455463

}

.landing-page .navbar-nav > li,

.landing-page .navbar-nav > li > a {

    height: 55px

}

.landing-page header {

    background: url('../images/landing/header.jpg') 50% 0 no-repeat;

    height: 480px;

    padding-top: 50px;

    margin-bottom: 30px

}

.landing-page section {

    padding: 50px 0 50px 0;

    border-bottom: 1px solid #e4e5e7

}

.landing-page section h2 {

    margin-top: 0

}

.landing-page section p {

    margin-top: 0px

}

.landing-page header .container {

    position: relative

}

.landing-page .heading {

    margin-top: 60px;

    color: #edf0f5

}

.landing-page .heading h1 {

    font-weight: 600;

    font-size: 34px;

    margin-bottom: 5px;

    letter-spacing: -0.5px

}

.landing-page h4 {

    font-weight: 600

}

.landing-page p {

    color: #a7afb8

}

.landing-page .heading span {

    font-size: 13px;

    font-weight: 600

}

.landing-page .heading p.small {

    margin-top: 10px;

    color: #a7afb8;

    max-width: 260px

}

.landing-page .heading-image {

    position: absolute;

    right: 60px;

    top: 120px;

    text-align: right

}

.landing-page .heading-image p {

    color: #a7afb8;

    margin-bottom: 5px

}

.landing-page .heading-image img {

    -webkit-box-shadow: 0 0 8px 0 #333;

    -moz-box-shadow: 0 0 8px 0 #333;

    box-shadow: 0 0 8px 0 #333;

    margin-left: 12px;

    margin-top: 12px;

    width: 180px;

    border-radius: 1px

}

.landing-page .navy-link {

    background: #455463;

    color: #fff

}

.landing-page .icon-big {

    font-size: 70px

}

.landing-page .team-member img {

    height: 72px

}

.landing-page .social-icon a {

    background: #62cb31;

    color: #fff;

    text-align: center;

    padding: 4px 8px;

    height: 28px;

    width: 28px;

    display: block;

    border-radius: 4px

}

.landing-page .list-inline > li {

    padding: 0

}

.landing-page .social-icon a:hover {

    background: #5abb2d

}

.landing-page .pricing-plan {

    margin: 20px 10px 0 10px;

    border-radius: 4px;

    padding-bottom: 20px;

    background: #fff;

    border: 1px solid #e4e5e7

}

.landing-page .pricing-plan li {

    padding: 10px 16px;

    text-align: center;

    color: #aeaeae

}

.landing-page .pricing-plan .pricing-price span {

    font-weight: 700;

    font-size: 30px;

    color: #62cb31

}

.landing-page .pricing-title .label {

    font-size: 12px

}

.landing-page li.pricing-desc {

    font-size: 13px;

    border-top: none;

    padding: 20px 16px 0px 16px

}

.landing-page li.pricing-title {

    color: #455463;

    padding: 25px 10px 0px 10px;

    border-radius: 4px 4px 0 0;

    font-size: 22px;

    font-weight: 600

}

.landing-page .client {

    color: #a7afb8;

    background: #f7f9fa;

    padding: 30px 10px;

    margin: 0px 0 20px 0;

    text-transform: uppercase;

    font-weight: 600

}

@media (max-width: 1200px) {

    .landing-page .heading-image {

        display: none

    }

    .tble_overflow{overflow-x:scroll !important;}

    .landing-page .heading {

        text-align: center

    }

    .landing-page .heading p.small {

        margin: 10px auto

    }

    .landing-page .brand-desc {

        display: none

    }

    .landing-page .navbar .navbar-brand {

        margin-left: 10px

    }

}

/* custom styles */



.stop-scrolling {

    overflow: initial!important;

}

*:focus {

    outline: 0;

}

textarea {

    height: 88px!important;

    width: 100%!important;

}

.bootstrap-select .btn.dropdown-toggle span.filter-option {

    white-space: normal;

    max-height: 15px;

}

@font-face {

    font-family: "roboto";

    src: url("../fonts/pe-icon-7-stroke/fonts/roboto/RobotoCondensed-Regular.ttf");

}

@font-face {

    font-family: "MONTSERRAT";

    src: url("../fonts/pe-icon-7-stroke/fonts/montserrat/Montserrat-Light.otf");

}

@font-face {

    font-family: "MONTSERRAT_label";

    src: url("../fonts/pe-icon-7-stroke/fonts/montserrat/Montserrat-Regular.otf");

}

input:focus,

textarea:focus {

    background-color: beige;

}

.ui-autocomplete {

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, .15);

    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    width: 20%;

    list-style-type: none;

    padding: 3px 5px;

    margin: 0px;

    font-family: "MONTSERRAT";

    font-size: 11px!important;

    z-index: 9;

}

.ui-autocomplete > li {

    padding: 3px 0px;

    list-style-type: none;

    cursor: pointer;

}

#ajax_listOfOptions {

    border: 1px solid rgba(0, 0, 0, .15)!important;

    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    width: 350px!important;

    list-style-type: none;

    padding: 3px 5px;

    margin: 0px;

    font-family: "MONTSERRAT";

    font-size: 11px!important;

    z-index: 9;

    color: #6a6c6f!important;

    height: auto!important;

}

#ajax_listOfOptions div {

    padding: 3px 0px!important;

    list-style-type: none;

    cursor: pointer;

}

#ajax_listOfOptions .optionDivSelected {

    background-color: transparent!important;

    color: #6a6c6f!important;

}

.table.dataTable > thead > tr > th * {

    text-transform: none;

}

table.dataTable,

table.dataTable th,

table.dataTable td {

    box-sizing: border-box!important;

}

table.dataTable.no-footer,

.dataTables_wrapper.no-footer .dataTables_scrollBody {

    border-color: #ddd!important;

}

table.dataTable tbody tr.bg-success {

    background-color: #dff0d8;

}

/*.table.dataTable > tbody > tr > td

{

    font-size: 9pt!important;

    vertical-align: middle!important;

    text-align: center;

    font-family: "roboto";

    padding: 4px;

}*/



.table.dataTable > thead > tr > th,

.table.dataTable > thead > tr > td,

.table.dataTable > tbody > tr > td {

    vertical-align: top!important;

    font-size: 9pt;

    text-transform: uppercase;

    vertical-align: middle!important;

    font-weight: normal!important;

    font-family: "roboto";

    text-align: center;

}

.table.dataTable > thead > tr > th,

.table.dataTable > thead > tr > td {

    padding: 6px 6px 6px 6px;

    white-space: nowrap;

}

.table.dataTable > thead > tr > th.sorting,

.table.dataTable > thead > tr > td.sorting,

.table.dataTable > thead > tr > th.sorting_asc,

.table.dataTable > thead > tr > td.sorting_asc,

.table.dataTable > thead > tr > th.sorting_desc,

.table.dataTable > thead > tr > td.sorting_desc {

    padding: 6px 16px 6px 6px;

    white-space: nowrap;

}

.table.dataTable > thead > tr > th.no-sort,

.table.dataTable > thead > tr > th.sorting_disabled,

.table.dataTable > tbody > tr > td {

    /*padding: 8px 6px 8px 6px;*/

    /*padding: 6px;*/

}

.table.dataTable > thead > tr > th .checkbox label {

    text-transform: uppercase!important;

    font-weight: normal!important;

    font-family: "roboto"!important;

    font-size: 9pt!important;

}

.table.dataTable.alignTbl > tbody > tr > td,

.table.dataTable.alignTbl > thead > tr > th,

.table.dataTable.alignTbl > thead > tr > td {

    text-align: left!important;

}

.panel-heading {

    font-family: "MONTSERRAT";

    font-size: 14pt;

    text-transform: uppercase

}

.panel-heading .btn.btn-primary {

    text-transform: capitalize;

    font-size: 13px;

}

tr.bg-primary > th,

tr.bg-primary > th > a {

    color: #fff!important;
    background-color: #337AB7 !important;
    font-size: 9pt !important;
    text-transform: uppercase !important;
    vertical-align: middle!important;
    font-weight: normal!important;
    font-family: "roboto" !important;
    text-align: center !important;
}

.table > tbody > tr > td{
    font-size: 9pt !important;
    text-transform: uppercase !important;
    vertical-align: middle!important;
    font-weight: normal!important;
    font-family: "roboto" !important;
}

.panel-body.bg-primary {

    background-color: #337AB7!important;

    padding: 4px 20px!important

}

.modalForm .panel-heading {

    padding: 0px 0px 15px 0px

}

.form-group label,

.form-group select,

.form-group button,

.form-group input,

.form-group ul li,

.form-group,

.form-group textarea,

.datepicker,

.datepicker * {

    font-family: "MONTSERRAT";

    font-size: 11px!important

}

.datepicker .glyphicon {

    font-family: 'Glyphicons Halflings'!important;

}

.datepicker .glyphicon-chevron-left:before {

    content: '\00ab'!important;

    font-size: 10px;

    font-weight: 600;

}

.datepicker .glyphicon-chevron-right:before {

    content: '\00bb'!important;

    font-size: 10px;

    font-weight: 600;

}

.form-group .note-editor {

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.checkbox {

    margin: 5px 0px

}

.sectHeader,

.sectHeader * {

    font-family: "MONTSERRAT";

}

.sectHeader i {

    font: normal normal normal 14px/1 FontAwesome!important

}

.form-group i.fa {

    /*font-size: 11px!important*/

    

    font-size: small!important

}

.form-group {

    /* margin-bottom: 15px;*/

    

    margin-bottom: 10px;

}

.form-control {

    height: auto;

    padding: 6px 4px

}

.form-control.required,

.required.summernote + .note-editor .note-editable,

.form-control.required.bootstrap-select > button {

    border-left: 2px solid red!important;

    border-radius: 0px 4px 4px 0px;

}

.form-control.required.bootstrap-select {

    border-left: 0px transparent none!important;

}

.form-group input[type="password"] {

    font-family: "MONTSERRAT";

    font-size: 11px!important;

    /*padding: 3.5px 4px*/

}

select[multiple] option {

    padding: 3px 0px

}

select[multiple].form-control

{

    padding: 3px 4px;

}

/*.btn

{

    padding: 6px 4px

}

.btn[type='submit'], .btn[type='button']

{

    padding: 6px 12px

}*/



.btn h6 {

    margin: 2px 0;

}

.hpanel .panel-body {

    /*  padding: 12px 20px;*/

    

    padding: 8px 12px;

    /*border:1px solid #F4F4F5!important*/

    

    font-family: "MONTSERRAT";

}

.hpanel label,

.modalForm label {

    font-family: "MONTSERRAT_label"!important;

    font-weight: normal

}

.hpanel .tab-content.panel-body {

    border-top: 2px solid #337AB7!important

}

.hpanel .nav.nav-tabs li a {

    background-color: #fff;

}

.hpanel .nav.nav-tabs li.active a {

    background-color: #337AB7;

    color: #fff

}

.hpanel #tabs .nav.nav-tabs li a {

    background-color: #fff;

    color: #555

}

.hpanel #tabs .nav.nav-tabs li.active.ui-state-active a {

    background-color: #337AB7;

    color: #fff

}

.input-group .input-group-addon {
    cursor: pointer;
}
.input-group2 .input-group-addon {
    cursor: pointer;
    float:left;
    padding-top: 6px !important;
}

.input-group2 {
    position: relative;
    display: table;
    border-collapse: separate;
}

.table.customsort.dataTable > thead > tr > th a,
.table.customsort.dataTable > thead > tr > td a {
    display: block
}

.table.dataTable > thead > tr > th a,
.table.dataTable > thead > tr > td a {
    display: none
}
.table.dataTable span.label {

    text-transform: capitalize

}

.dataTables_scrollHead .table {

    margin-bottom: 0px

}

.table.dataTable .actionlink {

    white-space: nowrap

}

.input-group-addon {

    width: auto!important;
    padding: 0px!important;
    width: 29px!important;

    height: 29px;

    border: 1px solid #e4e5e7 !important

}

.table.dataTable .input-group-addon,

.modalForm .input-group-addon {

    width: auto!important;

    padding: 0px!important;

    width: 29px!important;

    height: 29px;

    float: left;

    border: 1px solid #e4e5e7 !important;

}

.input-daterange span.input-group-addon,

.input-group span.input-group-addon {

    font-size: 11px;

    text-transform: uppercase

}

.input-group span * {

    text-transform: none

}

.table.dataTable .iconCont .input-group-addon {

    float: none;

    display: inline-block

}

.table.dataTable .input-group-addon:hover,

.modalForm .input-group-addon:hover {

    background-color: #CCC;

    border: 1px solid rgb(160, 157, 157)!important

}

.input-group-addon {

    border-radius: 0px

}

.table.dataTable .actionlink .actionCont {

    width: 87px;

    margin: 0px auto;

    text-align: center;

}

.table.dataTable .actionlink .actionCont.col4

{

    width: 116px;

}

.table.dataTable tr td,

.table.dataTable tr th {

    border-top: 0px solid #ddd!important;

    border-right: 1px solid #ddd!important;

    border-bottom: 0px solid #ddd!important;

    border-left: 0px solid #ddd!important;

}

.table.dataTable tr td:last-child,

.table.dataTable tr th:last-child {

    border-right: 0px solid #ddd!important;

}

.table.dataTable {

    border-left: 0px solid #ddd;

    border-right: 0px solid #ddd;

}

.width_table {

    width: 150px !important;

}

.ui-tabs-panel .btn-group .btn.btn-default {

    font-size: 11px;

}

#overlayprogress {

    display: none;

    position: fixed;

    height: 100%;

    width: 100%;

    background: #fff;

    z-index: 99999;

    top: 1px;

    opacity: 0.6;

}

.table.dataTable .input-group-addon a,

.modalForm .input-group-addon a {

    width: inherit;

    height: inherit;

    vertical-align: middle;

    display: table-cell;

    margin-left: -2px

}

.table.dataTable .input-group-addon span,

.modalForm .input-group-addon span {

    width: inherit;

    height: inherit;

    vertical-align: middle;

    display: table-cell;

}

.table.dataTable.table-striped > tbody > tr:nth-of-type(odd) {

    /*background-color:rgb(241, 240, 240)*/

}

/*table.dataTable tbody td, .dataTables_scrollHead table.dataTable thead th

{

    padding:8px 8px!important

}*/



a.selectedPg {

    background-color: rgb(220, 220, 220)!important;

    font-weight: bold!important

}

.emailBtn {

    position: absolute;

    top: 0px;

    right: 0px;

    margin-right: 15px

}

.tooltip-inner {

    background-color: #000!important;

    opacity: 1!important;

    max-width: none!important

}

.tooltip {

    opacity: 1!important;

    font-weight: normal!important;

    text-transform: capitalize!important;

}

.tooltip-arrow {

    border-bottom-color: #000!important;

    opacity: 1!important

}

.dateWrapper {

    text-align: center;

    margin: 0px auto;

    width: 32px;

}

.dateWrapper .onlyDate {

    background-color: #fff;

    border-radius: 5px 5px 0px 0px;

    font-size: 13pt;

    padding: 0px;

    border: 1px solid #bcb9b9;

    font-weight: 600;

}

.dateWrapper .monthYear {

    background-color: rgb(160, 157, 157);

    border-radius: 0px 0px 5px 5px;

    color: #fff;

    font-size: 6.5pt;

    padding: 1px 5px;

    line-height: 11px;

}

.onlySec {

    font-size: 7pt!important;

}

#sparkline1 {

    display: none

}

.currencyCode {

    font-size: 17px!important

}

.subUsers {

    position: relative

}

.supScript {

    font-size: 10px;

    line-height: 12px;

    padding: 2px 5px;

    position: absolute;

    right: 9px;

    top: -9px;

    z-index: 1;

}

.downReport {

    margin-bottom: -70px;

    font-size: 10pt;

    padding: 5px;

    position: relative;

}

.pagination {

    margin: 5px 0px

}

.sidebar-mini.modal-open {

    padding-right: 0px !important

}

.dataTables_wrapper > .row:first-child div:first-child.col-sm-6 {

    margin-left: 0px;

    width: 70%;

}

.dataTables_wrapper > .row:first-child div:last-child.col-sm-6 {

    margin-left: 0px;

    width: 30%;

}

.dataTables_wrapper > .row {

    clear: both

}

.pagination > li > a,

.pagination > li > span {

    padding: 5px 10px!important

}

.dataTables_wrapper .dataTables_info {

    display: none

}

.fa.fa-times-circle.closeBtn {

    font-size: 2em!important;

    position: absolute;

    float: right;

    right: 0px;

    top: 0px;

    margin-right: -10px;

    margin-top: -10px;

    background-color: white;

    border-radius: 15px;

    color: #000!important;

    cursor: pointer

}

.modalForm {

    padding: 0px 25px;

    font-size: 12px;
    /*max-height: 265px;
    overflow: hidden;
    overflow-y: auto*/
}

.modalForm .table.dataTable > tbody > tr > td {

    text-align: left!important

}

.dataTables_length,

.dataTables_paginate {

    display: none

}

.showhide,

.closebox {

    font-size: 10pt

}

.doubleScroll-scroll-wrapper {
    width: auto!important;
    /*height:0px !important;*/
    overflow-x: auto !important;
}

.modal-body {

    padding: 0px!important

}

.hmodal-inprocessCan .color-line,

.label-inprocessCan {

    background: #B441C4;

}

.hmodal-inprocessBook .color-line,

.label-inprocessBook {

    background: #3e78fd;

}

.iconCont {

    width: 59px;

    margin: 0px auto

}

.siteLogo {

    padding: 10px 25px;

    border-bottom: 1px solid #ddd;

    -webkit-box-shadow: 0 8px 6px -6px #DCDCDC;

    -moz-box-shadow: 0 8px 6px -6px #DCDCDC;

    box-shadow: 0 8px 6px -6px #DCDCDC;

    /*   -moz-box-shadow:    inset  0 -10px 10px -10px #DCDCDC;

    -webkit-box-shadow: inset  0 -10px 10px -10px #DCDCDC;

     box-shadow:        inset  0 -10px 10px -10px #DCDCDC;*/

    

    margin-bottom: 10px;

}

.siteLogo img{

    height: 50px;

    max-height: 50px;

}



.bs-actionsbox .btn-sm,

.btn-group-sm > .btn {

    padding: 5px 2px;

}

.dataTables_wrapper {

    position: static!important;

}

.dataTablePaging {

    /*margin-bottom: -40px*/

    

    position: absolute

}

.dataTables_wrapper + .dataTablePaging {

    margin-bottom: 0px;

    position: relative

}

.moreFilter {

    display: none;

}

.btn {

    padding: 6px 8px;

}

/*.mesID aaded for toaster*/



.notifiMsg,

.cancelNot,

.mesID,

#mesID {

    display: none

}

.toast-message h5 {

    line-height: 18px;

}

.tagIt {

    cursor: pointer

}

.lblStatus {

    margin-bottom: 5px

}

.login-container .panel-body {

    box-shadow: 0 0 25px 0 #AFAFAF

}

.sweet-alert {

    font-family: "MONTSERRAT"!important

}

.sweet-alert h2 {

    font-size: 18px!important;

    line-height: 28px!important;

}

.sweet-alert button {

    margin: 0px!important

}

/* css for serach result */



.searchRes {

    width: 400px;

    z-index: 9999;

    margin: 0px auto;

    background-color: #fff;

    position: absolute;

    border: 1px solid #e4e5e7;

}

.searchRes #side-menu li {

    border-bottom: 0px transparent none!important;

}

.searchRes #side-menu > li > a {

    /*  background-color:#E8E8E8!important;*/

}

.searchRes .nav > li > a {

    padding: 10px 15px!important

}

#side-menuSearch * {

    font-size: 10px!important;

}

#addNew,

.topBtn {

    margin-bottom: -32px

}

.adjBtn {

    position: absolute;

    margin-top: 11px;

}

.btn-deactivate {

    background-color: rgb(221, 221, 221);

}

.eqCol2row {

    padding-bottom: 22px!important

}

.eqCol3row {

    padding-bottom: 17px!important

}

.hidePageScroll {

    overflow: hidden;

    margin-right: 17px;

}

/* css to customize pagination design */



.leftTopBtn {

    margin-bottom: -31px;

}

.custPaging {

    margin-top: 0px;

    margin-left: 24px;

    visibility: hidden;

    /*    position: absolute; 

    width: 800px;*/

    

    font-family: "MONTSERRAT";

    margin-bottom: -24px;

    min-height: 17px;

}

.dataTables_wrapper + .custPaging,

.dataTables_wrapper + .custPaging > table,

.dataTables_scroll + .custPaging,

.dataTables_scroll + .custPaging > table {

    position: relative;

    margin-bottom: 10px;

    margin-top: 27px;

}

.custPaging.pgType2 {

    margin-left: 0px;

    /*margin-top: 15px;*/

    text-align: center;

}

.custPaging > a,

.custPaging > b {

    visibility: visible;

    padding: 4px 8px!important;

    border: 1px solid #ddd;

    margin-left: -21px;

    color: #337ab7;

    font-size: 12px;

    visibility: visible;

}

.custPaging > a[title="previous page"] {

    margin-left: -41px;

}

.custPaging > a[title="previous page"] {

    margin-left: -22px;

    margin-right: 2px;

}

.custPaging > a[title="last page"],

.custPaging > a[title="first page"] {

    display: none;

}

.custPaging > a[title="next page"] {

    margin-left: -18px;

}

.custPaging > a[title="next page"]:before {

    content: "NEXT ";

}

.custPaging > a[title="previous page"]:after {

    content: " PREVIOUS";

}

.custPaging > a:first-child,

.custPaging > b:first-child,

.custPaging > a[title="previous page"] {

    border-radius: 4px 0px 0px 4px;

}

.custPaging > a[title="next page"],

.custPaging > b:last-child {

    border-radius: 0px 4px 4px 0px;

}

.custPaging > a:hover {

    color: #23527c;

    background-color: #eee;

}

.custPaging > b,

.custPaging > b:hover {

    background-color: #3498db!important;

    border-color: #258cd1!important;

    color: #fff!important;

}

.custPaging > table td:last-child {

    display: none;

}

.custPaging > table td {

    /*text-align: left;*/

}

.custPaging > table td:first-child {

    visibility: hidden;

}

.custPaging > table td:first-child span,

.custPaging > table td:first-child a {

    visibility: visible;

    padding: 4px 8px!important;

    border: 1px solid #ddd;

    margin-left: -15px;

    color: #337ab7;

    font-size: 12px

}

.custPaging.pgType2 > table td:first-child span,

.custPaging.pgType2 > table td:first-child a {

    margin-left: -4px; 
    line-height: 30px;

}

.custPaging > table td:first-child span:hover,

.custPaging > table td:first-child a:hover {

    color: #23527c;

    background-color: #eee;

}

.custPaging > table td:first-child a {

    border-left: 0px transparent none!important

}

.custPaging > table td:first-child a:first-child {

    border-left: 1px solid #ddd!important;

}

.custPaging.pgType2 .pageSelect {

    font-weight: bold;

}

.custPaging .pageSelect,

.custPaging .pageSelect:hover {

    background-color: #3498db!important;

    border-color: #258cd1!important;

    color: #fff!important;

}

.custPaging > table td:first-child span:first-child,

.custPaging > table td:first-child a:first-child {

    border-radius: 4px 0px 0px 4px;

}

.custPaging > table td:first-child span:last-child,

.custPaging > table td:first-child a:last-child {

    border-radius: 0px 4px 4px 0px;

}

.custPaging > table td:first-child span:first-child:last-child {

    border-radius: 4px!important;

}

#hbreadcrumb,

#hbreadcrumb a {

    font-family: "MONTSERRAT";

}

#hbreadcrumb .btn {

    font-size: 11px;

    font-family: "MONTSERRAT";

    vertical-align: initial;

    padding: 3px 8px;

}

.hpanel .panel-body.brdcrumbPanel {

    padding: 2px 20px 4px 20px;

}

.uniqFile {

    cursor: pointer!important;

}

#tabs li.ui-state-active > a {

    font-weight: bold;

}

.search_option{margin-top: 0px;}


#scrollCont,

.scrollCont,

.scrollCont1,

#scrollCont1 {

    /*overflow-x: auto!important;*/

    overflow-x: auto !important;

    border:1px solid #ccc !important;

}

.wid80px {

    width: 80px!important;

}

@media (max-width: 1400px) {

    .bs-actionsbox .btn-group button {

        font-size: 9px!important

    }

    .tble_overflow{overflow-x:scroll !important;}

}

/* styles for notification box */



.toast-message a {

    color: #6a6c6f!important

}

#toast-container {

    font-family: "MONTSERRAT";

    font-size: 11px!important

}

#toast-container.toast-bottom-center > div,

#toast-container.toast-top-center > div {

    margin: 10px auto 0

}

#toast-container > .toast-info,

#toast-container > .toast-error,

#toast-container > .toast-warning,

#toast-container > .toast-success {

    background-image: none

}

#toast-container > div {

    background: #fff;

    padding: 20px!important;

    color: #6a6c6f!important;

    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);

    opacity: 1!important

}

#toast-container > div:hover {

    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2)

}

#toast-container .btn.btn-primary {

    color: #fff!important

}

.animated.toast-info {

    cursor: default!important

}

#toast-container .btn {

    font-size: 11px!important

}

.toast-close-button {

    color: #000!important;

    opacity: 0.2

}

.toast-close-button {

    font-size: 30px!important

}

.toast-info {

    background: #fff;

    border-left: 6px solid #3498db

}

.toast-success {

    background: #fff;

    border-left: 6px solid #62cb31

}

.toast-warning {

    background: #fff;

    border-left: 6px solid #ffb606

}

.toast-error {

    background: #fff;

    border-left: 6px solid #e74c3c

}

.toast-progress {

    opacity: 0.6

}

.toast-info .toast-progress {

    background-color: #3498db

}

.toast-success .toast-progress {

    background-color: #62cb31

}

.toast-warning .toast-progress {

    background-color: #ffb606;

}

.toast-error .toast-progress {

    background-color: #e74c3c

}

@media (min-width: 1201px) and (max-width: 1280px) {
    .full_wd{width:50% !important; }
    .tble_overflow{overflow-x:scroll !important;}
}

@media only screen and (max-width: 1000px) {

    .tble_overflow{overflow-x:scroll !important;}

    div.custPaging,

    div.custPaging > table {

        position: relative;

        text-align: center !important;
        margin-left: 0px !important;
        margin-top: 26px;

    }

    .new_search_icon{text-align: right; margin-top: 2px; position: absolute; z-index: 999; padding-left: 20px;}

    .col_hide{display:none !important;}

    .search_option{margin-top: 50px;}

    .dataTables_wrapper .dataTables_filter {

        text-align: left!important;

        float: right !important;

    }

    .dataTables_wrapper .row:first-child .col-sm-6:last-child {

        width: 100%!important;

        padding-left: 0px!important;

    }

    .search_new{padding-left:30px !important;}

    .custPaging > table td {

        text-align: center;

    }

    .leftTopBtn {

        margin-bottom: 10px;

    }

    /*

    



    .page-small .dataTables_wrapper .dataTables_filter

    {

        text-align: right!important;

        float: right!important;

    }*/

}

@media (max-width: 767px) {

    .tble_overflow{overflow-x:scroll !important;}

    #addProf {

        margin-bottom: 0px

    }

    .dataTablePaging {

        position: relative

    }

    .dataTables_wrapper .dataTables_filter {

        float: none!important;

        text-align: left!important

    }

    .dataTables_filter .form-control {

        display: inline-block;

        width: auto

    }

    .page-small .dataTables_wrapper .dataTables_filter {

        margin-top: 35px;

        margin-left: 15px;

    }

}

@media only screen and (max-width: 660px) {

    .page-small .dataTables_wrapper .dataTables_filter {

        text-align: left!important;

        float: left!important;

        margin-top: 35px;

        margin-left: 15px;

    }

    .tble_overflow{overflow-x:scroll !important;}

}

.notifText .panel-body {

    /*height: 120px;

    max-height: 120px;*/

    

    /*height: 70px;*/

    min-height: 70px;

    padding: 5px 20px;

    color: #000;

}

.notifText .panel-body.bg-danger {

    background-color: #FFA0A0!important;

}

.notifText h2 {

    margin-right: 8px;

    color: #fff!important;

    text-shadow: 1px 1px 1px #000;

}

.notifText h6 {

    line-height: 20px;

    color: #000;

}

.notifText.form-group {

    margin-bottom: 0px;

}

.noteText h6 {

    color: #34495e;

    font-family: "MONTSERRAT";

}

.cancelNot1 a,

.notifiMsg1 a {

    vertical-align: middle;

}

/* css for horizontal menu */



.horiMenu {

    border-bottom: 1px solid #e4e5e7;

}

.horiMenu #side-menu > li.dropdown-submenu > a:after {

    display: none;

}

.horiMenu > #navbar #side-menu li {

    border-bottom: 0px transparent none;

}

.horiMenu > #navbar > #side-menu {

    margin: 0;

}

.horiMenu > #navbar > #side-menu li:hover > ul {

    display: block;

}

.dropdown-submenu:hover > a {

    background-color: #ccc;

}

@media (min-width: 769px) {


    #logo.respSiteTitle {

        display: none;

    }

    .horiMenu > #navbar > #side-menu > li {

        float: left;

        display: block;

        position: relative;

    }

    .horiMenu > #navbar > #side-menu > li * {

        font-size: inherit;

    }

    .horiMenu > #side-menu li > ul {

        display: none;

        position: absolute;

    }

    .dropdown-backdrop {

        position: fixed;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        z-index: 990;

    }

    .pull-right > .dropdown-menu {

        right: 0;

        left: auto;

    }

    .navbar-collapse {

        padding: 0px;

    }

    .dropup .caret,

    .navbar-fixed-bottom .dropdown .caret {

        border-top: 0;

        border-bottom: 4px solid #000000;

        content: "";

    }

    .dropup .dropdown-menu,

    .navbar-fixed-bottom .dropdown .dropdown-menu {

        top: auto;

        bottom: 100%;

        margin-bottom: 1px;

    }

    .dropdown-submenu {

        position: relative;

    }

    .dropdown-submenu > .dropdown-menu {

        top: 0;

        left: 100%;

        margin-top: -2px;

        margin-left: -1px;

        -webkit-border-radius: 0 6px 6px 6px;

        -moz-border-radius: 0 6px 6px 6px;

        border-radius: 0 6px 6px 6px;
        /*max-width: auto;
        min-width: auto;
        width:auto;*/
    }

    /* .dropdown-submenu:hover > .dropdown-menu {

      display: block;

    }*/

    

    .dropup .dropdown-submenu > .dropdown-menu {

        top: auto;

        bottom: 0;

        margin-top: 0;

        margin-bottom: -2px;

        -webkit-border-radius: 5px 5px 5px 0;

        -moz-border-radius: 5px 5px 5px 0;

        border-radius: 5px 5px 5px 0;

    }

    .dropdown-submenu > a:after {

        /*display: block;

      float: right;*/

        

        width: 0;

        height: 0;

        /*margin-top: 2px;*/

        

        margin-right: -10px;

        border-color: transparent;

        border-left-color: #cccccc;

        border-style: solid;

        border-width: 5px 0 5px 5px;

        content: " ";

        position: absolute;

        right: 20px;

        top: 37%;

    }

    .dropdown-submenu:hover > a:after {

        border-left-color: #ffffff;

    }

    .dropdown-submenu.pull-left {

        float: none;

    }

    .dropdown-submenu.pull-left > .dropdown-menu {

        left: -100%;

        margin-left: 10px;

        -webkit-border-radius: 6px 0 6px 6px;

        -moz-border-radius: 6px 0 6px 6px;

        border-radius: 6px 0 6px 6px;

    }

    .dropdown .dropdown-menu .nav-header {

        padding-right: 20px;

        padding-left: 20px;

    }

    .dropdown-menu {

        margin: 0px;

        padding: 0px;

    }

    .horiMenu #side-menu > li ul .fa-angle-down {

        display: none;

    }

}

#navbar #side-menu li .nav-second-level li a {

    padding: 10px 20px!important

}

#navbar #side-menu li:first-child {

    border-top: 0px transparent none;

}

.profile-picture {

    /*padding:10px;*/

    

    padding: 5px;

    font-size: 11px;

}

.navbar-right {

    margin-right: 10px!important;

}

.navbar-nav > li:last-child > a {

    padding: 0px!important;

}

.navbar.navbar-static-top a,

.nav.navbar-nav li a {

    color: #6a6c6f;

}

@media (max-width: 769px) {

    .tble_overflow{overflow-x:scroll !important;}

    .navbar-collapse#navbar > #side-menu > li {

        float: left !important;

        border-bottom: 1px solid #e4e5e7;

        width: 100%;

    }

    .navbar-toggle .icon-bar {

        background-color: #fff!important

    }

    #side-menu .dropdown-menu {

        position: relative;

        float: none;

        margin: 0px;

        padding: 0px;

        border: 0px transparent none;

        box-shadow: none;

        font-size: inherit;

    }

    .dropdown-toggle[aria-expanded='true'] {

        border-bottom: 1px solid #e4e5e7!important;

    }

    #navbar #side-menu li .nav-second-level li a {

        padding: 10px 20px 10px 30px!important;

    }

    #navbar.navbar-collapse {

        padding: 0px;
    z-index: 99999;
    position: relative;

    }

    .horiMenu {

        border-bottom: 0px transparent none;

        background-color: #337ab7;

        height: 50px !important; 

    }

    #side-menu li a {

        padding: 10px 20px;

    }

    .horiNav#header {

        display: none;

    }

    #logo.respSiteTitle {

        display: block;

        color: #fff;

        background-color: transparent;

        border-bottom: 0px transparent none;

    }

    #logo.respSiteTitle a {

        color: #fff

    }

    .horiMenu #side-menu > li ul .fa-angle-down {

        display: block;

    }

    .modal-dialog {

        width: 95%!important;

    }

}

.backToTopBtn {

    background: rgba(51, 122, 183, 0.7);

    color: #fff;

    font-weight: bold;

    width: 45px;

    height: 45px;

    padding: 5px 5px;

    text-align: center;

    /* bottom: 55px;*/

    

    float: right;

    position: absolute;

    bottom: 0px;

    /*right: 8px;*/

    

    right: 0px;

    z-index: 1;

    display: none;

    font-family: "MONTSERRAT";

    border-radius: 3px;

}

.backToTopBtn,

.backToTopBtn:hover {

    color: #fff!important;

}

/* Nestable list */



#tree1 {

    margin: 0px;

    padding: 0px;

}

.dd {

    position: relative;

    display: block;

    margin: 0;

    padding: 0;

    list-style: none;

    font-size: 13px;

    line-height: 20px;

}

.dd-list {

    display: block;

    position: relative;

    margin: 0;

    padding: 0;

    list-style: none;

}

.dd-list .dd-list {

    padding-left: 30px;

}

.dd-collapsed .dd-list {

    display: none;

}

.dd-item,

.dd-empty,

.dd-placeholder {

    display: block;

    position: relative;

    margin: 0;

    padding: 0;

    min-height: 20px;

    font-size: 11px;

    line-height: 20px;

}

.dd-handle {

    display: block;

    margin: 5px 0;

    padding: 5px 10px;

    color: #333;

    text-decoration: none;

    border: 1px solid #e4e5e7;

    background: #f7f9fa;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

}

.dd-handle .checkbox.checkbox-inline {

    margin-top: 3px;

}

.dd-handle span {

    font-weight: bold;

}

.dd-handle:hover {

    background: #f0f0f0;

    cursor: pointer;

}

.dd-item > button {

    display: block;

    position: relative;

    cursor: pointer;

    float: left;

    width: 25px;

    height: 25px;

    margin: 5px 0;

    padding: 0;

    text-indent: 100%;

    white-space: nowrap;

    overflow: hidden;

    border: 0;

    background: transparent;

    font-size: 12px;

    line-height: 1;

    text-align: center;

    font-weight: bold;

}

.dd-item > button:before {

    content: '+';

    display: block;

    position: absolute;

    width: 100%;

    text-align: center;

    text-indent: 0;

}

.dd-item > button[data-action="collapse"]:before {

    content: '-';

}

.bootstrap-select.btn-group.show-menu-arrow.open .dropdown-menu.inner {
    max-height: 250px !important;
    height: 150px !important;
}

.label {

    font-weight: normal;

}

.hpanel .panel-body.brdcrumbPanel {

    padding: 0px 20px 0px 20px;

    float: right;

    background-color: transparent;

}

#side-menu li a {

    padding: 12px 12px;

    font-size: 10px !important;

    border-right: 1px solid #ddd;

}

.sectPadding {

    margin-left: 15px;

    margin-right: 15px;

}

.navbar-form-custom .form-control#menusearch:focus,

.navbar-form-custom .form-control#menusearch:active,

.navbar-form-custom .form-control#menusearch:visited,

.navbar-form-custom .form-control#menusearch:active {

    background-color: transparent!important;

}

.navbar-form-custom .form-control#menusearch {

    margin-top: 12px;

    height: 30px;

}

.lightGrey {

    color: #A7A7A7;

}

.noMargin {

    margin-bottom: 0px;

}

.blocks {

    height: 105px;

}

.reportTopBtn {

    margin-bottom: -42px;

}

.bookIdCol a {

    font-size: 14px!important;

}

.bookIdCol a:hover,

.highlightLink:hover {

    text-decoration: underline;

}

#side-menu .fa-angle-down:before {

    font-size: 12px;

}

.iconCol {

    width: 29px;

    text-align: center;

    margin: 0px auto

}

.bg-grey {

    background-color: #A09D9D!important;

    color: #fff!important;

}

.table.dataTable > tbody > tr.bg-grey > td {

    font-size: 10pt!important;

}

.restrictMsg {

    color: #337AB7;

    font-size: 22px;

    font-weight: 500;

    line-height: 35px;

}

.table-box {

    border-collapse: collapse;

    border-color: #dddddd;

    font-size: 12px !important;

    border-left: none;

    border-right: none;

}

.table-left-no-margin {

    border-left: transparent !important;

}

.table-right-no-margin {

    border-right: transparent !important;

}

.agent-text {

    font-size: 12px !important;

}

.tableborder {

    border: 0px;

}

.table .table-inner-bottom {

    margin-bottom: 0px !important;

}

.tableborder tr td {

    border-bottom: 1px solid #dddddd;

}

.tableborder tr td {

    border-right: 1px solid #dddddd;

}

.tableborder tr td:last-child {

    border-right: 0px;

}

.table-bottom-noborder {

    border-bottom: 0px !important;

}

.bookingOps .btn-primary {

    margin-right: 2px !important;

    font-size: 10px;

    padding: 5px 8px !important;

}

.bookingOps .btn-primary:hover {

    background: #466c92;

}

.bookingOps {

    text-align: right;

    float: right;

    margin-bottom: 10px;

}

.fixedBtn {

    position: fixed;

    bottom: 0px;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.6);

    left: 0px;

    padding: 7px 0px;

    font-family: "MONTSERRAT";

    color: #fff;

    font-size: 17px;

    text-shadow: 2px 2px #000;

    font-weight: normal;

    z-index: 9999;

}

.fixedBtn button {

    margin-left: 20px;

    box-shadow: 1px 1px #000;

    color: #34495e!important;

    font-weight: 600;

}

.fixedBtn span {

    padding-top: 5px;

    display: inline-block;

}

@media screen and (min-width: 769px) {

    .edge > ul {

        left: -100% !important;

        margin-left: 10px;

    }

    .dropdown-menu {
        width: 190px; 
    	white-space: normal;
    }

    #side-menu li a {

        white-space: normal;

    }

}

table.dataTable thead .sorting {

    background-image: url("../images/sort_both.png");

}

table.dataTable thead .sorting_asc {

    background-image: url("../images/sort_asc.png");

}

table.dataTable thead .sorting_desc {

    background-image: url("../images/sort_desc.png");

}

table.dataTable thead .sorting_asc_disabled {

    background-image: url("../images/sort_asc_disabled.png");

}

table.dataTable thead .sorting_desc_disabled {

    background-image: url("../images/sort_desc_disabled.png");

}

table.dataTable thead .sorting_asc.no-sort {

    background-image: none!important;

}

/*.tableborder tr:last-child td{border-bottom:0px;}*/

/* new css changes design change after client review*/

/*.content

{

    padding: 15px 20px 10px 20px;

}

.hpanel > .panel-heading

{

    padding: 3px 4px;

}

.hpanel .panel-body

{

    padding: 10px 15px;

}

.btn

{

    padding:5px;

}

.form-group {

    margin-bottom: 10px;

}

#side-menu li a

{

    padding: 10px 10px;

}

.form-group label, .form-group select, .form-group button, .form-group input, .form-group ul li, .form-group, .form-group textarea, .datepicker, .datepicker *

{

    font-size: 8pt!important

}

h4, .h4, h5, .h5, h6, .h6

{

    margin-top: 5px;

    margin-bottom: 5px;

}

h6, .h6

{

    font-size: 11px;

}

.table.dataTable > tbody > tr > td

{

    padding:3px;

}

.form-control, .input-sm

{

    padding: 5px 4px;

}

.input-sm

{

    font-size: 8pt;

}

.input-group-addon

{

    height:27px;

    width: 27px!important;

    font-size: 13px;

}

.table.dataTable .input-group-addon, .modalForm .input-group-addon

{

    height:27px;

    width: 27px!important;

    font-size: 13px; 

}

.custPaging.pgType2

{

    margin-top: 3px;

}

.custPaging > table td:first-child span, .custPaging > table td:first-child a

{

    padding: 5px 9px!important;

}

.notifText .hpanel .panel-body

{

    padding: 0px 15px;

}

.small-header

{

    float: right;

}

.hpanel .panel-body.brdcrumbPanel

{

    border-radius: 4px 4px 0 0;

    border: 1px solid #e4e5e7;

}

.dateWrapper

{

    width: 100%;

}

.dateWrapper .onlyDate, .dateWrapper .monthYear

{

    border-radius: 0px;

    display: inline-block;

    min-height: 30px;

}

.onlyDate

{

    font-size: 18px!important;

    padding: 1px 3px!important;

}

.withTime

{

    margin-top: 0px!important

}

#logo

{

    margin-right: 10px!important;

    padding: 7px;

    height: 100%;

    border-bottom:0px transparent none!important;

}

#side-menu

{

    background-color: transparent;

}

#header

{

    height: 100%!important;

}

.navbar-nav > li, .navbar-nav > li > a

{

    height: 100%!important;

}*/



.label {

    display: inline-block;

    padding: 5px;

}

.padR0 {

    padding-right: 0px

}

.padL0 {

    padding-left: 0px;

}

.pointer {

    cursor: pointer;

}

@media print {

    body {

        overflow-x: initial!important;

    }

    html {

        /* overflow: auto!important;*/

        /*overflow-x: initial!important;*/

    }

    .overflow {

        overflow: auto!important;

    }

    .tblHeading img {

        display: none;

    }

    .table > caption + thead > tr:first-child > th,

    .table > colgroup + thead > tr:first-child > th,

    .table > thead:first-child > tr:first-child > th,

    .table > caption + thead > tr:first-child > td,

    .table > colgroup + thead > tr:first-child > td,

    .table > thead:first-child > tr:first-child > td {

        border-top: 1px solid #ddd;

    }

    .tableborder .table {

        border: 1px solid #ddd;

    }

    .dateWrapper .onlyDate {

        background-color: transparent!important;

        font-size: 6.5pt!important;

        border: 0px solid #bcb9b9!important;

        font-weight: normal!important;

    }

    .table.dataTable > tbody > tr > td {

        border-bottom: 1px solid #000 !important;

        border-color: #000 !important;

    }

    .table.dataTable > thead > tr > th {

        border-bottom: 1px solid #000 !important;

        border-color: #000 !important;

        white-space: normal !important;

        padding: 8px 5px 8px 5px;

    }

    .table.dataTable > tbody > tr,

    .table.dataTable > thead > tr {

        border: 1px solid #000;

    }

    .table.dataTable > thead > tr > td {

        white-space: normal !important;

        padding: 8px 5px 8px 5px;

    }

    tr.bg-primary > th,

    tr.bg-primary > th > a,

    .bg-primary {

        color: #000 !important;

        background-color: #fff !important;

    }

    a[href]:after {

        content: none !important;

    }

    .doubleScroll-scroll-wrapper,

    .tooltip,

    *[data-original-title='Print'],

    .fa-file-text-o,

    .btn,

    .hideCol,

    .fa,

    #print_bw,

    .dataTables_filter,

    .input-group-addon,

    .nonprintable,

    .input-sm,

    .icons .btn-primary {

        display: none!important;

    }

    .pagebreak {

        page-break-after: always;

        page-break-inside: avoid;

        width: 100%;

    }

    .phps_header {

        background: #999999;

        -webkit-print-color-adjust: exact;

    }

    .phps_header span {

        font-size: 22px;

        color: #ffffff;

        -webkit-print-color-adjust: exact;

    }

    .reportheader {

        display: block;

    }

    .criteria {

        list-style: none;

    }

    .criteria li {

        display: inline-block;

        float: left;

        width: 30%;

        padding: 5px;

    }

    .criteria li label {

        width: 100px;

        display: inline-block;

    }

    .modalForm {

        max-height: none!important;

    }

    .label,

    .label-warning {

        border: none;

    }

    /*dashboard.tpl */

    

    #FormSection,

    #FormSection * {

        display: none!important;

    }

    #header,

    #header * {

        display: none!important;

    }

    #menu,

    #menu * {

        display: none!important;

    }

    #sortable,

    #sortable * {

        visibility: visible;

    }

    #wrapper {

        margin: 0 0 0 0px!important;

    }

    .status_div_panel_body,

    .map,

    .serchbooktoratio {

        margin-right: -20px;

        margin-left: -5px;

    }

    .forprint {

        margin-right: -31px;

        margin-left: -1px;

    }

    #headerforreport {

        display: block;

    }

    #print_panel,

    .small-header,

    #logo {

        display: none!important;

    }

    /*end of dashboard.tpl*/

    /*getChainbox.tpl*/

    

    .percentVal {

        width: 5%;

    }

    .table.dataTable.getChainBoxTable > thead > tr > th,

    .table.dataTable.getChainBoxTable > thead > tr > td {

        padding: 8px 5px 8px 5px!important;

        vertical-align: top!important;

        font-size: 10px!important

    }

    .table.dataTable.getChainBoxTable > tbody > tr > td {

        white-space: normal!important;

        word-break: break-all;

    }

    /*end of getChainbox.tpl*/

    /* reports.tpl */

    

    .siteTitleText {

        text-transform: capitalize;

    }

    /* reports.tpl */

    

    .padd10 {

        padding: 10px;

    }

}

.time i {

    font-size: 23px!important;

    font-family: 'Pe-icon-7-stroke'!important;

}

.time .tooltip {

    min-width: 120px;

}

.username span {

    font-weight: bold;

}

.username:hover,

.username a:hover,

.time:hover,

.time a:hover {

    background-color: transparent!important;

    cursor: default;

}

.navbar-nav > li > a {

    padding: 15px 20px

}

.label-menu-corner .label {

    right: 1px;

}

@media screen and (max-width: 1315px) {

    .tble_overflow{overflow-x:scroll !important;}
    
    .panel-heading {

        font-size: 16px;

    }

}

.reportCont {

    height: 276px;

}

.btnPadd {

    margin-left: 15px;

}

.alertIcon {

    padding-right: 20px;

}

.countSect {

    padding-right: 10px;

}



#sortable .dataTables_wrapper.no-footer .dataTables_scrollBody {

    border-bottom: 0px transparent none!important;

}

#sortable .dataTable {

    border-bottom: 1px solid #ddd;

}

.table.dataTable > tbody > tr > td.numAlign,

.table.dataTable > thead > tr > th.numAlign,

.table.dataTable > thead > tr > td.numAlign,

table.dataTable tfoot th.numAlign,

table.dataTable tfoot td.numAlign {

    text-align: right!important;

}

tr.tblHeading {

    cursor: pointer;

}

.tblHeading td,

h4.tblHeading,

a.tblHeading {

    background-color: rgba(216, 211, 211, 0.59);

    color: #000;

    font-size: 13px;

    padding: 6px!important;

    border: 2px solid #D0CFCF!important;

}

a.tblHeading {

    display: block;

}

.tblHeading img{

    cursor: pointer;

}

.accContent > td > div,

.accContent > div {

    display: none;

}

#accCont1 > td > div,

#accCont0 > div {

    display: block;

}

.accContent > td {

    padding: 4px 20px!important;

}

.table.bookingTbl {

    margin-bottom: 0px;

}

.table.bookingTbl .table {

    margin-bottom: 0px;

}

.table.bookingTbl .table.tableborder > thead > tr > th,

.table.bookingTbl .table.tableborder > tbody > tr > th,

.table.bookingTbl .table.tableborder > tfoot > tr > th,

.table.bookingTbl .table.tableborder > thead > tr > td,

.table.bookingTbl .table.tableborder > tbody > tr > td,

.table.bookingTbl > tfoot > tr > td {

    padding: 0px 8px;

    height: 38px;

    vertical-align: middle;

}

.table.bookingTbl .table > thead > tr > th,

.table.bookingTbl .table > tbody > tr > th,

.table.bookingTbl .table > tfoot > tr > th,

.table.bookingTbl .table > thead > tr > td,

.table.bookingTbl .table > tbody > tr > td,

.table.bookingTbl .table > tfoot > tr > td {

    vertical-align: middle;

}

.table.bookingTbl .table.tableborder > thead > tr > td.statusText h5,

.table.bookingTbl .table.tableborder > tbody > tr > td.statusText h5,

.table.bookingTbl > tfoot > tr > td.statusText h5 {

    display: inline!important;

}

.table.bookingTbl .table .input-group-addon:hover {

    background-color: #CCC;

    border: 1px solid rgb(160, 157, 157)!important;

}

.accContent .header1 {

    margin: 14px 8px 10px 8px;

    color: #337ab7;

    font-size: 17px;

}

.accContent .header2 {

    color: #34495e;

    margin: 10px 8px;

    font-size: 14px;

}

.table.bookingTbl.tableborder > tbody > tr:last-child > td {

    border-bottom: none!important;

    padding-bottom: 0px!important;

}

.panel-heading:first {

    display: none;

}

.col-md-margins {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    float: left;

    width: 60px;

}

.notes hr {

    margin: 8px 0px;

}

.notes .label {

    font-size: 9.75px;

}

.latestDate {

    font-size: 12px;

    margin-right: 20px;

}

.btmBtnAlignPaging

{

   /* margin-top: 0px;

   */

    margin-top: 5px;

}

table .fa-check-circle:before{color: #2b8600;}
table .fa-times-circle:before{color: #ff0000;}



#exampleModal .checkbox label{text-transform: capitalize;}

.wrapper2 .table > thead > tr > th, 
.wrapper2 .table > tbody > tr > th, 
.wrapper2 .table > tfoot > tr > th, 
.wrapper2 .table > thead > tr > td, 
.wrapper2 .table > tbody > tr > td, 
.wrapper2 .table > tfoot > tr > td{
     padding: 8px 10px !important;
}

.bknd_logo { margin: 10px auto 0; width: 140px;}
.bknd_logo img{width:100%;}

/* Added by Rajeev */
.ui-autocomplete.ui-front{width: 13.70814%;}
.total_txt1{font-size: 12px; font-weight: 700; text-transform: uppercase; color: #34495e; padding:25px 0px 0px 0px; text-align: center;}
.total_txt1-small{font-size:14px;}
.pie-box{border-left: 1px solid #ccc;}
.total_txt2{font-weight: 700; text-transform: uppercase; color: #34495e; padding:25px 0px 10px 0px; }
.bullet{width: 8px; height: 8px; position: relative; display: inline-block; border-radius: 5px; top: 4px; margin-right: 5px;}
.confirmed {background-color: #62cb31;}
.on_request {background-color: #5bc0de;}
.cancelled {background-color: #d9534f;}
.failed,.sold_out {background-color: #d9534f;}
.vouchered {background-color: #f0ad4e;}
.vouchered_invoice {background-color: #f0ad4e;}
.inprocess_cancel  {background-color: #d9534f;}
.inprocess_booking {background-color: #3e78fd;}
.rejected {background-color: #d9534f;}
.inprocess_ticketing {background-color: #31708f;}
.label-inprocess_ticketing {background-color: #31708f;}

.wrapper2 .addon-lg{position:relative;}
.wrapper2 .srchWithinPg{position:absolute; right:6px; top:4px;}
.wrapper2 .search_input{float:right; width:100%;}
.wrapper2 .search_option{padding-left:0px; margin-top:15px;}
.result-box1{width:13%; float:left;}
.result-box2{width:11%; float:left; margin-top: 6px;}
.result-box3{width:76%; float:left;}
.status-text{text-transform: capitalize;font-family: "MONTSERRAT_label"!important;
    font-weight: normal;}
.label-status-box{width: 18%;}

@media (min-width: 1201px) and (max-width: 1400px) {
 .result-box1{width:13%; float:left;}
 .result-box2{width:13%; float:left;}
 .result-box3{width:74%; float:left;}
 .wrapper2 .search_option{padding-left:5px;}
 .label-status-box{width: 22%;}
}

@media (min-width: 992px) and (max-width: 1200px) {
    .result-box1{width:13%; float:left;}
    .result-box2{width:14%; float:left; margin-top: 18px;}
    .result-box3{width:73%; float:left;}
    .label-status-box{width: 28%;}
    .total_txt1{padding: 40px 0px 0px 0px;}
}

@media (min-width: 768px) and (max-width: 991px) {
 .result-box1{width:18%; float:left;}
 .result-box2{width:17%; float:left;}
 .result-box3{width:65%; float:left;}
 .wrapper2 .search_option{padding-left:5px; float:right; margin-top:0px;}
 .total_txt2 {padding:16px 0px 10px 0px;}
 .total_txt2 .form-group{font-size:10px !important;} 
 .custPaging.pgType2{margin-top:0px;}
  .label-status-box{width: 33%;}
  .bullet{top: 3px;}
}

@media (min-width: 320px) and (max-width: 767px) {
 .result-box1{width:48%; float:left;}
 .result-box2{width:52%; float:left;}
 .result-box3{width:100%; float:left;}
 .wrapper2 .search_option{padding-left:15px; float:right; margin-top:0px;}
 .total_txt2 {padding:10px 0px 0px 40px;}
 .total_txt2 .form-group{font-size:9px !important;} 
 .custPaging.pgType2{margin-top:5px; margin-bottom:15px;}
 .search-box-1{position:absolute; top:0px; right:15px;}
 .label-status-box{width: 45%;}
 /*.pie-box{border-left: none;}*/
 .pie-box{padding-left: 10px;}
}
.hotel-box-1{width:45%;float:left; margin-bottom: 10px;}
.hotel-box-2{width:10%;float:left; text-align: center;}
.hotel-box-3{width:45%;float:left; margin-bottom: 10px;}
.or-text{padding:25px 0 0 0px;}

@media (min-width: 320px) and (max-width: 767px) {
    .hotel-box-1{width:90%;float:left; margin-bottom: 10px;}
    .hotel-box-2{width:10%;float:left; text-align: center;}
    .hotel-box-3{width:90%;float:left; margin-bottom: 10px;}
    .or-text{padding:25px 0 0 0px; text-align: center;}
}
@media (min-width: 1201px) and (max-width: 1400px) {
    .or-text{padding:25px 0 0 0px; text-align: center;}
}

/*added mini fare rule css 23-04-2021*/

.minifarerulebx .mini_rule_details .modal-title {
    font-size: 22px;
    color: #333;
    padding: 0 0 20px;
    float: left;
    width: calc(100% - 57px);
}
.minifarerulebx .mini_rule_details .warning-text {
    float: left;
    width: 100%;
    color: red;
    margin: 0 0 15px;
}
.minifarerulebx .mini_rule_details .nav-tabs {
    width: 35%;
    float: left;
    background: #f0f0f0;
    border: 0!important;
    margin: 0 0 20px;
}
.minifarerulebx .mini_rule_details .nav-tabs>li {
    float: left;
    width: 100%;
}
.minifarerulebx .mini_rule_details .nav-tabs>li>a {
    margin: 0;
    color: #333;
    font-weight: 500;
    position: relative;
    border: 0!important;
    background: transparent!important;
    padding-left: 35px;
}
.minifarerulebx .mini_rule_details .nav-tabs>li>a::before {
    content: '';
    height: 20px;
    width: 20px;
    background: #fff;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #c8c6c6;
    position: absolute;
    left: 8px;
}
.minifarerulebx  .mini_rule_details .nav-tabs>li.active a::after {
    top: 17px;
}
.minifarerulebx .mini_rule_details .nav-tabs>li.active a::after {
    content: '';
    background: #333;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    left: 15px;
    top: 13px;
}
.minifarerulebx .mini_rule_details .tab-content {
    width: 65%!important;
    float: left;
    padding: 0 0 0 20px;
}
.minifarerulebx .mini_rule_details .gray-box {
    float: left;
    width: 100%;
    background: #f0f0f0;
    margin: 0 0 20px;
    padding: 10px 10px 0;
}
.minifarerulebx .mini_rule_details .gray-box li {
    float: left;
    width: 100%;
    font-size: 15px;
    font-family: Philosopher-Bold;
    margin: 0 0 5px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 6px;
}
.minifarerulebx .mini_rule_details .gray-box li span {
    width: 50%;
    float: right;
    font-family: Philosopher-Regular;
}

.minifarerulebx .mini_rule_details .modal-dialog.modal-lg {
    margin: 20px 0 0 0;
    width: 100%;
    border: none;
    box-shadow: none;
}
.minifarerulebx .mini_rule_details .modal-content .close_btn1 {
    display: none;
}
.minifarerulebx .modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.minifarerulebx .mini_rule_details .modal-title {
    font-size: 22px;
    color: #333;
    padding: 0 0 20px;
    float: left;
    width: calc(100% - 57px);
}

.minifarerulebx ul {
    list-style: none;
}
.minifarerulebx ul {
    list-style: none;
}
.mini_rule_details .tab-content table td {
    border: #eeeeee solid 1px;
    color: #696771;
    padding: 10px;
    font-size: 15px;
}
.mini_rule_details .tab-content table {
    float: left;
    width: 100%;
    margin: 0 0 20px;
}
.mini_rule_details .tab-content {
    width: 65%!important;
    float: left;
    padding: 0 0 0 20px;
}
/*new design modal for listing*/
.fare_flightdetails h1 { font-size: 21px; margin-bottom: 12px; padding: 0 15px}
.fare_flightdetails {float: left; width: 100%; border-top: 1px solid #ccc; padding-top: 10px; padding-bottom: 0;}
.minifare_infodv .fare_allow {width: auto;display: inline-block;margin-right: 10px; margin-bottom: 10px}
.minifare_infodv .fare_now_allow { display: inline-block; margin-bottom: 10px}
.minifare_infodv { text-align: right; width: 100%; font-size: 15px; padding: 10px 0 0;float: left;}
.fare_allow i.fa.fa-check {color: #175f00;}
.fare_now_allow i.fa.fa-ban { color: #f00;}
.fare_topdv { width: 100%; padding: 0px 0; float: left; background: #f1f1f1; margin-bottom: 0;}
.col-md-25.fare_columninfo {text-align: left; padding: 29px 15px; border: 1px solid #ddd; border-right: none; }
.col-md-25.fare_columninfo {text-align: left; }

.fare_column1 {text-align: left;border-right: 1px solid #ccc;padding: 10px 15px 10px 15px;width: 202px;float: left;font-weight: 600;margin: 0;}
.fare_column {text-align: center;border-right: 1px solid #ccc;padding: 10px 15px 10px 15px;width: 338px;float: left;font-weight: 600;margin: 0;}
.fare_column2 {width: 312px;padding: 10px 15px 10px 15px;border-right: 1px solid #ccc;text-align: center;float: left;font-weight: 600;margin: 0;}
.fare_column3 {text-align: center;float: left;width: 208px;padding: 10px 15px 10px 15px;font-weight: 600;margin: 0;}

.minifarerulebx .table td:nth-child(1){min-width: 145px;max-width: 145px;box-sizing:border-box;width: 131px!important;}
.minifarerulebx .table td:nth-child(2){min-width: 123px;max-width:173px;box-sizing:border-box;width:173px!important;}
.minifarerulebx .table td:nth-child(3){min-width:119px;max-width:119px;box-sizing:border-box;width:119px!important}
.minifarerulebx .table td:nth-child(4){min-width:96px;max-width:96px;box-sizing:border-box;width:95px!important}

.col-md-25.fare_columninfo {text-align: left; padding: 29px 15px; font-weight: 600; }
.fare_columninfodv .table {margin: 0; }
/*for book now mini fare rule*/
/*.mini_rule_details  .modal-dialog {margin: 0 auto; float: left; width: 100%; padding: 20px 0px; }*/
.flightfareRulsDv{width: 98%}
.fare_allow h5 {display: inline-block; }
.fare_now_allow h5 {display: inline-block; }
/*end*/
.modal{display: none;}
.otp_modalSec .modalotpBox {border: 0px;border-radius: 5px;}
.otp_modalSec .modal-dialog {width: 95%;}
.otp_modalSec .modal-body {position: relative;padding: 10px 50px;}
.otp_modalSec .otp_form_container {display: inline-block;width: 100%;text-align: center;border-radius: 5px;}
.otp_modalSec .otpHeading {float: left;width: 100%;margin: 20px 0px 10px;}
.otp_modalSec .otpHeading h4 {font-size: 14px;color: #525251;font-weight: 400;text-align: center;padding: 0;margin: 0px;text-transform: uppercase;}
.otp_modalSec .optSec_info {float: left;width: 100%;}
.otp_modalSec .optSec_info .otp_instruction_txt {padding-top: 10px;}
.otp_modalSec .optSec_info .otp_instruction_txt .otpTime_Txt {font-size: 13px;color: #666;font-weight: 400;}
.otp_modalSec .optSec_info .otp_instruction_txt .otpSend_Txt {font-size: 15px;font-weight: 400;margin: 0 0 2px;}
.otp_modalSec .optSec_info .otp_instruction_txt .otpMobno_Txt {font-size: 15px;font-weight: 400;}
.otp_modalSec .optSec_info .otp_instruction_txt .otpInputField {width: 100%;float: left;}
.otp_modalSec .optSec_info .otp_instruction_txt .otpField {font-size: 14px;margin: 0 auto 15px;width: 75%;border: none;box-shadow: none;letter-spacing: 42px;background-image: linear-gradient(to left, #999 75%, rgba(255, 255, 255, 0) 0%);background-position: bottom;background-size: 50px 2px;background-repeat: repeat-x;background-position-x: 35px;padding: 0px 15px 0 15px;}
.otp_modalSec .optSec_info .otpRegenerate_sec {padding: 20px 0 0;}
.otp_modalSec .optSec_info .otpRegenerate_sec .otpExpired_Txt {font-size: 11px;font-weight: 400;color: #fe6767;}
.otp_modalSec .optSec_info .otpRegenerate_sec .submitBtn {width: 100%;float: left;padding: 0px;margin: 7px 0 7px;}
.otp_modalSec .optSec_info .otpRegenerate_sec .resend_Txt {font-size: 16px;font-weight: 400;opacity: 0.4;pointer-events: none;}
.otp_modalSec .optSec_info .otpRegenerate_sec .timerCount {height: 35px;width: 35px;border-radius: 50%;display: inline-block;padding: 8px 0 0;margin: 2px;font-size: 13px;text-align: center;margin: 10px 0;}
.otpField1.form-group{width: 14%;border: none;text-align: center;border-bottom: 1px solid #525252;}
#validateotpCntBtn {position: relative;}
.otp_modalSec .optSec_info .otpRegenerate_sec .submitBtn {width: 100%;float: left;padding: 0px;margin: 7px 0 7px;}
.submitBtn button {background: #a39161;padding: 10px 40px;border-radius: 20px;display: inline-block;align-items: center;justify-content: center;text-align: center;font-size: 14px;color: #fff;text-decoration: none;cursor: pointer;transition: 0.3s;border: 0;}
.modalBox_close {width: 15px;height: 21px;float: right;background: url({$SITE_URL_CDN}/images/qtn_close2.png) no-repeat center center;background-position: 0px 0px;margin-right: 30px;margin-top: 6px;cursor: pointer;position: absolute;right: -10px;top: 7px;z-index: 100;}
.modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }
.modal-open .modal {overflow-x: hidden; overflow-y: auto; }
.fade.in {opacity: 1; }
.modal-backdrop {position: absolute; top: 0; right: 0; left: 0; background-color: #000; }
.modal.fade .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); }
.modal-dialog {position: relative; width: auto; margin: 10px; }
.modal.in .modal-dialog {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-content {position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); }
.otp_modalSec .modalotpBox {border: 0px; border-radius: 5px; width: 100%; padding: 0px; }
.modalBox_close {width: 15px; height: 21px; float: right; background: url({$SITE_URL_CDN}/images/qtn_close2.png) no-repeat center center; background-position: 0px 0px; margin-right: 30px; margin-top: 6px; cursor: pointer; position: absolute; right: -10px; top: 7px; z-index: 100; }
.otp_modalSec .otp_form_container {display: inline-block; width: 100%; text-align: center; border-radius: 5px; padding: 0px; }
.modal-backdrop.in {filter: alpha(opacity = 50); opacity: .5; }