button.btn.btn-sm.btn-danger[disabled]:hover,
button.btn.btn-sm.btn-danger[disabled] {
    cursor: not-allowed !important;
    pointer-events: initial;
}

/* Layout */
.navbar .navbar-brand {
    background-color: #fff;
    border-right: 1px solid #e1e6ef;
    border-bottom: 1px solid #666;
    height: 70px;
}

.login-box .header, .register-box .header {
    background-color: #fff;
    border-bottom: 1px solid #e1e6ef;
}

.sidebar .nav > li > a {
    padding: 10px 0 !important;
}

.navbar .navbar-brand img {
    opacity: 1;
    width: 65%;
    height: auto;
    padding: 15px 0;
}

.navbar .navbar-actions {
}

.navbar .navbar-nav li a {
    background: #fff;
    padding: 0 14px 0 14px;
}

.navbar .navbar-brand {
    text-align: center;
}

.nav.nav-sidebar li a {
    font-size: 12px;
}

.nav.nav-sidebar li a span {
    vertical-align: top;
    line-height: 2.3em;
}

.sidebar {
    padding: 0;
}

.sidebar ul.nav.nav-sidebar {
    margin: 0;
}

.sidebar .nav-sidebar.title span {
    font-size: 13px;
    color: #ffffff;
}

.sidebar .nav-sidebar.title span:before {
    width: 100%;
    left: 0;
    padding-top: 3px;
}

.sidebar .nav-sidebar.title span:after {
    left: 0;
}

.sidebar .nav-sidebar.title span.small {
    font-size: 11px;
    color: #dcdcdc !important;
}

.sidebar .nav-sidebar.title span.small:before {
    content: '';
    position: absolute;
    border-bottom: 1px solid #4f5b5e;
    width: 160%;
    left: -30%;
    top: 6px;
    z-index: -1;
}

.sidebar ul.nav.nav-sidebar li a i {
    font-size: 17px;
    margin-top: 4px;
}

.main {
    min-height: 1800px;
}

.panel .panel-heading .panel-actions i {
    color: #2185AA;
}

a .main-title {
    font-size: 13px;
}

table th {
    font-size: 11px;
}

table td {
    font-size: 11px;
}

.table-horizontal th {
    text-align: center;
    vertical-align: middle !important;
}

.table-vertical th,
.table-vertical td {
    vertical-align: middle !important;
}

.table-vertical th {
    width: 200px;
}

.table-vertical.adjst th {
    width: 20%;
}

.table-vertical .btn-icon {
    float: right;
}

.table-vertical small.text-warning {
    color: #fabb3d !important;
}

.panel-overflow-y {
    overflow-y: scroll;
    width: 100%;
}

.table-horizontal td {
    vertical-align: middle !important;
    font-size: 12px;
}

.table-horizontal .btn {
    width: 35px;
}

.table-horizontal .btn-info {
    background-color: #39bdf2;
    border-color: #39bdf2;
}

.table-horizontal .btn-info:hover,
.table-horizontal .btn-info.disabled,
.table-horizontal .btn-success[disabled] {
    background-color: #35aede;
    border-color: #35aede;
}

.btn-success.btn-lg.btn-block {
    background-color: #1ca6aa;
    border-color: #1ca6aa;
}

.table-horizontal .btn-success i,
.table-horizontal .btn-info i,
.table-horizontal .btn-danger i {
    position: relative;
    left: -1px;
}

a.btn.btn-warning > i {
    position: relative;
    left: -2px;
}

.btn-success.btn-lg.btn-block:hover,
.btn-success.btn-lg.btn-block.disabled,
.btn-success.btn-lg.btn-block[disabled] {
    background-color: #199a9e;
    border-color: #199a9e;
}

.btn-lgmd.btn-block-md.btn-primary {
    background-color: #b89e63;
    border-color: #b89e63;
}

.btn-lgmd.btn-block-md.btn-primary:hover,
.btn-lgmd.btn-block-md.btn-primary.disabled,
.btn-lgmd.btn-block-md.btn-primary[disabled] {
    background-color: #a8915b;
    border-color: #a8915b;
}

.icon_img_c {
    display: inline-block;
    margin: 0 17px;
    width: 18px;
    height: 21px;
    background: url('../images/clapperborad.png') center 4px no-repeat;
}

.icon_img_u {
    display: inline-block;
    margin: 0 17px;
    width: 18px;
    height: 21px;
    background: url('../images/user.png') center 3px no-repeat;
}

.btn-auto {
    width: auto !important;
}

.table-horizontal .btn-text {
    width: auto;
}

.table td {
    word-wrap: break-word;
}

.table-left-label {
}

.table-left-label th {
    background-color: #F5F7FA;
    font-size: 13px;
}

.table-outer {
    background-color: #F5F7FA !important;
}

.table-inner {
    width: 90%;
    margin: 0 auto;
    background-color: #F5F7FA !important;
}

.table-inner-form {
    background-color: #F5F7FA !important;
}

.table-inner tbody > tr > td {
    border: none;
}

.table-outline {
    border: 1px solid #b3b3b3;
}

.table-outline tbody > tr > td {
    border: none;
}

.cstm-pagination {
    margin: 0;
}

.pagination-bottom {
    margin: 15px 0 0;
}

.cstm-pagination .active {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #428bca;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
    background-color: #20a8d8;
    border-color: #20a8d8;
    color: #fff;
}

.cstm-pagination .disabled {
    display: none;
}

table .btn-icon {
    width: 37px;
}

label {
    margin-bottom: 0;
}

#keyword-list {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

#keyword-list li {
    display: inline-block;
    margin-right: 10px;
}

#keyword-list li a {
    text-decoration: none;
}

#tag-list {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

#tag-list li {
    display: inline-block;
    margin-right: 10px;
}

#tag-list li a {
    text-decoration: none;
}

.del-tag {
    cursor: pointer;
}

.label-tag {
    display: inline-block;
    background-color: #20A8D8;
    color: #FFF;
    font-size: 14px;
    margin-left: 4px;
    margin-bottom: 4px;
}

.gtag-list {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.gtag-list li {
    display: inline-block;
    margin-right: 10px;
}

.gtag-list li a {
    text-decoration: none;
}

.del-gtag {
    cursor: pointer;
}

.label-gtag {
    display: inline-block;
    background-color: #FFF;
    color: #000;
    border: solid #000 1px;
    font-size: 14px;
    margin-left: 4px;
    margin-bottom: 4px;
}

.itag-list {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.itag-list li {
    display: inline-block;
    margin-right: 10px;
}

.itag-list li a {
    text-decoration: none;
}

.del-itag {
    cursor: pointer;
}

.label-itag {
    display: inline-block;
    background-color: #FFF;
    color: #000;
    border: solid #000 1px;
    font-size: 14px;
    margin-left: 4px;
    margin-bottom: 4px;
}

.del-image-form {
    cursor: pointer;
}

#area-list {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

#area-list li {
    display: inline-block;
    margin-right: 10px;
}

#area-list li a {
    text-decoration: none;
}

.add-info-label {
    background: #E3E4E7 !important;
}

.date-setting {
    padding: 20px 20px 0;
}

.date-setting .form-control {
    display: inline-block;
}

.date-setting input {
    width: 130px;
}

#period_view {
    margin-right: 20px;
}

.head-label-info {
    background-color: #F5F7FA;
}

.form-select {
    margin-bottom: 0;
}

.form-select .form-control {
    width: 200px;
    display: inline-block;
}

.form-select span {
    margin: 0 10px;
}

.adj-margin {
    margin: 10px 0;
}

.vbottom {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

.main-file-area {
    margin: 0 0 10px;
}

.label-required {
    background-color: #EF6F78;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    padding: 3px 5px;
}

.form-information {
    margin: 0 0 15px;
}

.ime-disable {
    ime-mode: disabled;
}

.label-tag {
    background-color: #666;
    color: #FFF;
    font-size: 14px;
}

.title-label {
    font-weight: bold;
}

.author-image img {
    width: 50px;
}

.author-info {
    margin-top: 5px;
    overflow: hidden;
}

.author-form {
    margin-bottom: 5px;
}

.author-image {
    display: inline-block;
    margin-right: 10px;
}

.author-name {
    display: inline-block;
}

.adjst-list {
    margin: 0 !important;
}

.form-adjst {
    margin-bottom: 5px;
}

.device-area {
    overflow: hidden;
}

.device-area .device-icon:last-child {
    margin-right: 0;
}

.device-icon {
    float: left;
    margin-right: 20px;
}

.device-area .fa-mobile,
.device-area .fa-laptop {
    font-size: 30px;
}

.row-wrapper {
    margin-bottom: 20px;
}

.add-btn {
    width: 220px;
}

.add-head-line-btn {
    text-align: center;
}

.add-head-line-btn button {
    width: 150px;
    margin: 0 auto;
}

.publish-status {
    overflow: hidden;
}

.publish-status .checkbox, .in_office_checkbox .checkbox {
    margin-right: 20px;
    float: left;
}

.scrap-user {
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
    min-height: 300px;
    max-height: 500px;
}

.scrap-user li {
    margin-bottom: 20px;
}

.scrap-user li:last-child {
    margin-bottom: 0;
}

.image-area {
    list-style: none;
    padding: 0;
}

.btn-sbm {
    height: 34px;
}

.btn-block-md {
    display: block;
    width: 35%;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
}

.btn-lgmd {
    padding: 9px 16px;
    font-size: 15px;
    line-height: 1.33;
    border-radius: 4px;
}

.select-number {
    width: 120px;
}

.adj-form-control-01 {
    width: 165px !important;
}

.adj-form-control-02 {
    width: 218px !important;
}

#sortable tr {
    cursor: pointer;
}

.bx-viewport {
    min-height: 350px !important;
}

.video-tag iframe {
    width: 100% !important;
}

.media_wrapper {
    text-align: center;
}

.imageUploadArea {
}

.imageUploadArea video {
    max-width: 800px;
    height: auto;
}

.imageUploadArea img {
    max-width: 800px;
    height: auto;
    text-align: center;
}

.imageUploadAreaPopUp img {
    max-width: 456px;
    height: auto;
}

.imageBox {
    text-align: center;
}

.radio_area input[type=radio] {
    margin-top: 0;
    margin-right: 5px;
}

.radio_area label {
    vertical-align: middle;
    margin-right: 15px;
}

.tour-editor-container {
    padding: 0;
}

.tour-editor {
    padding: 0 !important;
}

.tour-editor-label {
    color: #333;
}

.adj-col-md-12 {
    padding-right: 0;
}

#tour-editor label {
    color: #333;
    font-size: 13px;
}

.daterangepicker {
    color: #333;
}

.login_user {
    font-size: 1em;
    margin: 0 10px;
    color: #555;
}

/* MAP EDIT */
.map_edit_area {
    margin: 0 auto;
}

.pinParent {
    margin: 0 auto;
}

.pinParent:focus,
.hoverClass:focus {
    outline: 0;
}

.pinParent::selection {
    background-color: transparent;
}

.checkbox-area {
}

.checkbox-area label {
    margin-left: 10px;
}

.period-area {
    display: none;
}

.test-account-area {
    display: none;
}

.period-small {
    /*font-size: 11px;*/
}

.status_error {
    padding: 5px 5px 22px;
    text-align: center;
}

.status_area {
    padding: 5px 5px 22px;
    text-align: center;
}

.status_area .text-success {
    text-align: left;
}

.uploading {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
}

.please-wait {
    position: relative;
    width: 100%;
    height: 100%;
    color: #777;
}

.please-wait .message {
    position: absolute;
    width: 575px;
    height: 100px;
    padding: 20px 20px 37px 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1001;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.tourCountTable {
}

.tourCountTable th {
    text-align: center;
}

.tourCountTable td {
    text-align: right;
}

.modal {
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
}

.radio_area label {
    text-indent: -99999px;
    height: 22px;
    background-position: 2px 3px;
    background-repeat: no-repeat;
}

.radio_area input[type=radio]:nth-of-type(1) + label {
    width: 58px;
    background-image: url(/theme/Clever/img/pos-01.png);
}

.radio_area input[type=radio]:nth-of-type(2) + label {
    width: 75px;
    background-image: url(/theme/Clever/img/pos-02.png);
}

.radio_area input[type=radio]:nth-of-type(3) + label {
    width: 58px;
    background-image: url(/theme/Clever/img/pos-03.png);
}

.radio_area input[type=radio]:nth-of-type(4) + label {
    width: 75px;
    background-image: url(/theme/Clever/img/pos-04.png);
}

.radio_area input[type=radio]:nth-of-type(5) + label {
    width: 58px;
    background-image: url(/theme/Clever/img/pos-05.png);
}

.radio_area input[type=radio]:nth-of-type(6) + label {
    width: 75px;
    background-image: url(/theme/Clever/img/pos-06.png);
}

.radio_area input[type=radio]:nth-of-type(7) + label {
    width: 58px;
    background-image: url(/theme/Clever/img/pos-07.png);
}

.radio_area input[type=radio]:nth-of-type(8) + label {
    width: 75px;
    background-image: url(/theme/Clever/img/pos-08.png);
}

.radio_area input[type=radio]:nth-of-type(9) + label {
    width: 58px;
    background-image: url(/theme/Clever/img/pos-09.png);
}

.form_elements_wrapper {
    display: none;
}

td.switch-area {
    vertical-align: top !important;
}

.adj_preview_btn {
    margin-top: 5px;
    margin-right: -10px;
    line-height: 1em;
}

/* Login Style */
.forgot_passowrd {
    position: relative;
    width: 388px;
    height: 30px;
    float: right;
    margin: 5px -14px 0px 0;
}
.login-box, .register-box {
    width: 430px !important;
}

.forgot_passowrd a {
    display: block;
}

.login-box .confirm {
    width: 194px;
}

.login-box .confirm label {
    left: 14px;
}

.login-box .error-message {
    color: #ff0000;
    position: absolute;
    top: 36px;
}

.login-box .login-box-form-group {
    margin-bottom: 30px;
}

.admin_info_message {
    font-size: 14px;
    text-align: center;
}

.form-group.adjst-margin {
    margin: 0;
}

.item-layout-01 {
    padding: 10px;
    border: 1px solid #e1e6ef;
    text-align: center;
}

.btn-custom01 {
    background-color: #24bbc3;
    border-color: #24bbc3;
    text-decoration: none;
}

.btn-custom01:hover {
    background-color: #20a6ab;
    border-color: #20a6ab;
    text-decoration: none;
}

.gridArea a {
    text-decoration: none;
}

@media (min-width: 992px) {
    .col-md-2 {
        width: 16.62%;
    }
}

.error {
    color: #F44336;
    width:100%;
}

/* F4 */
.table-group {
    margin-bottom: 20px;
}

.table-layout-f4 {
    margin-bottom: 20px;
}

.table-layout-f4 th {
    width: 50%;
}

.table-layout-f4 td {
    text-align: center;
}

.table-layout-f4 .txtleft {
    text-align: left;
}

.table-layout-f4 .radio-inline {
    line-height: 1.9em;
    margin-bottom: 7px;
}

.table-layout-f4 .radio-inline-50 {
    width: 30%;
    margin-bottom: 0;
    margin-left: 10%;
    text-align: left;
}

.table-layout-f4-01-01 {
}

.table-layout-f4-01-01 th:nth-child(1) {
    width: 5%;
}

.table-layout-f4-01-01 .radio-inline {
    display: block;
    padding-left: 0 !important;
    margin-bottom: 0;
}

.table-layout-f4-01-01 .disk-type {
    margin-left: 15px;
    margin-bottom: 7px;
}

.table-layout-f4-done {
}

.table-layout-f4-done td {
    padding: 20px 20px 10px !important;
    background-color: #fff !important;
}

.change-area {
    text-align: center;
    margin: 20px 0;
    font-size: 30px;
    color: #1ca6aa;
}

/* F6 */
.table-layout-f6 {
}

.table-layout-f6 th {
    width: 20%;
    text-align: left;
}

.table-layout-f6 .checkbox-inline {
    line-height: 1.9em;
}

.agree {
    text-align: center;
    line-height: 1.9em;
}

.table-layout-f6-done td {
    padding: 20px 20px 10px !important;
    background-color: #fff !important;
}

.btn-danger:hover, .btn-danger.disabled, .btn-danger[disabled] {
    background-color: #fe5d5d;
    border-color: #fe5d5d;
}

.table-group {
    margin-bottom: 20px;
}

.select-inline-30 {
    display: inline-block;
    width: 30%;
}

.select-inline-30 + span {
    display: inline-block;
    width: 10%;
    text-align: left
}

.width-30 {
    width: 30%;
}

.td-button {
    padding: 0 !important;
}

.btn-bank {
    display: block;
    width: 100%;
    padding: 10px;
    border: none;
    background-color: rgba(0, 0, 0, 0);
}

.btn-bank:hover {
    color: #fff;
    background-color: #20A6AB;
}

.btn-bank span {
    border-bottom: solid 1px;
}

.btn-bank:hover span {
    border-bottom-color: #fff;
}

.line-30 {
    line-height: 30px;
}

.margin-r-15 {
    margin-right: 15px !important;
}

.message {
    color: red;
}

#scenes_alert {
    color: red;
    font-size: 10px;
}

label.required::after {
    display: inline-block;
    margin-left: 5px;
    content: '※';
    color: #ff191f;
}

/* Radar Headding */
.radarHeaddingArea a {
    text-decoration: none;
}

.radar-headding-table td {
    border-top: none !important;
    padding: 0 !important;
}

.radar-error {
    color: #ff0000;
    font-size: 12px;
}

/* Table Layout Flic */
.table-flic-layout-01 {
}

.table-flic-layout-01 th,
.table-flic-layout-01 td {
    font-size: 13px;
}

.table-flic-layout-01 strong {
    font-size: 13px;
}

.table-flic-layout-01 #location_prefecture {
    font-size: 13px;
    padding: 3px 13px 0;
}

.table-flic-layout-01 .form-control {
    font-size: 13px;
}

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

#tour-editor > div.col-lg-3 > div > div > div.panel-overflow-y {
    z-index: 99999;
}

.thead-first {

}

table.table-hover > thead > tr:nth-child(1) th {
    text-align: left;
    height: 5px;
}

.width-12 {
    width: 12%;
}

button.btn.btn-sm.btn-primary[disabled]:hover, button.btn.btn-sm.btn-primary[disabled] {
    cursor: not-allowed !important;
    pointer-events: initial;
}

/* password tour */
label[for=ContentIsPassword], .label-password-tour {
    font-weight: 400;
}

.container-password {
    display: none;
}

.container-password .input-group-addon {
    color: #374767;
}

#popup_password {
    display: table;
    height: 100%;
    width: 100%;
    color: #374767;
}

#popup_password .modal-dialog {
    display: table-cell;
    vertical-align: middle;
}

#popup_password .modal-dialog .modal-content .modal-body p {
    font-size: 13px !important;
}

#popup_password .modal-dialog .modal-content .modal-body .input-password {
    font-size: 13px !important;
}

/*end password tour*/

/*class parent*/
.mt_5 {
    margin-top: 5px !important;
}

.mt_6 {
    margin-top: 6px !important;
}

.mt_7 {
    margin-top: 7px !important;
}

.mt_8 {
    margin-top: 8px !important;
}

.mt_9 {
    margin-top: 9px !important;
}

.mt_10 {
    margin-top: 10px !important;
}

.mt_11 {
    margin-top: 11px !important;
}

.mt_12 {
    margin-top: 12px !important;
}

.mt_13 {
    margin-top: 13px !important;
}

.mt_14 {
    margin-top: 14px !important;
}

.mt_15 {
    margin-top: 15px !important;
}

.mt_16 {
    margin-top: 16px !important;
}

.mt_17 {
    margin-top: 17px !important;
}

.mt_18 {
    margin-top: 18px !important;
}

.mt_19 {
    margin-top: 19px !important;
}

.mt_20 {
    margin-top: 20px !important;
}

.mr_5 {
    margin-right: 5px !important;
}

.mr_6 {
    margin-right: 6px !important;
}

.mr_7 {
    margin-right: 7px !important;
}

.mr_8 {
    margin-right: 8px !important;
}

.mr_9 {
    margin-right: 9px !important;
}

.mr_10 {
    margin-right: 10px !important;
}

.mr_11 {
    margin-right: 11px !important;
}

.mr_12 {
    margin-right: 12px !important;
}

.mr_13 {
    margin-right: 13px !important;
}

.mr_14 {
    margin-right: 14px !important;
}

.mr_15 {
    margin-right: 15px !important;
}

.mr_16 {
    margin-right: 16px !important;
}

.mr_17 {
    margin-right: 17px !important;
}

.mr_18 {
    margin-right: 18px !important;
}

.mr_19 {
    margin-right: 19px !important;
}

.mr_20 {
    margin-right: 20px !important;
}

.ml_5 {
    margin-left: 5px !important;
}

.ml_6 {
    margin-left: 6px !important;
}

.ml_7 {
    margin-left: 7px !important;
}

.ml_8 {
    margin-left: 8px !important;
}

.ml_9 {
    margin-left: 9px !important;
}

.ml_10 {
    margin-left: 10px !important;
}

.ml_11 {
    margin-left: 11px !important;
}

.ml_12 {
    margin-left: 12px !important;
}

.ml_13 {
    margin-left: 13px !important;
}

.ml_14 {
    margin-left: 14px !important;
}

.ml_15 {
    margin-left: 15px !important;
}

.ml_16 {
    margin-left: 16px !important;
}

.ml_17 {
    margin-left: 17px !important;
}

.ml_18 {
    margin-left: 18px !important;
}

.ml_19 {
    margin-left: 19px !important;
}

.ml_20 {
    margin-left: 20px !important;
}

.mb_5 {
    margin-bottom: 5px !important;
}

.mb_6 {
    margin-bottom: 6px !important;
}

.mb_7 {
    margin-bottom: 7px !important;
}

.mb_8 {
    margin-bottom: 8px !important;
}

.mb_9 {
    margin-bottom: 9px !important;
}

.mb_10 {
    margin-bottom: 10px !important;
}

.mb_11 {
    margin-bottom: 11px !important;
}

.mb_12 {
    margin-bottom: 12px !important;
}

.mb_13 {
    margin-bottom: 13px !important;
}

.mb_14 {
    margin-bottom: 14px !important;
}

.mb_15 {
    margin-bottom: 15px !important;
}

.mb_16 {
    margin-bottom: 16px !important;
}

.mb_17 {
    margin-bottom: 17px !important;
}

.mb_18 {
    margin-bottom: 18px !important;
}

.mb_19 {
    margin-bottom: 19px !important;
}

.mb_20 {
    margin-bottom: 20px !important;
}

/*sidebar*/
.disable-menu {
    pointer-events: none;
    cursor: default;
}

.divRotateValue input {
    width: 20% !important;
    margin-right: 5px;
}

.divRotateValue span:last-child {
    color: #000000;
    display: block;
    margin-top: 7px;
}

.content-switch {
    top: -5px;
    margin-left: 10px;
}

.margin-auto {
    margin: auto;
}

.width-10 {
    width: 10%;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.margin-top-5 {
    margin-top: 5px;
}

.width-150px {
    width: 150px;
}

.noticeInTour {
    color: #000;
}

.noticeInTour {
    color: #000;
}

.noticeInTour .modal-content {
    padding: 10px;
    z-index: 999999;
}

.brd-1-right-b3b3 {
    border-right: 1px solid #b3b3b3 !important;
}

.brd-1-right-b3b3 {
    border-right: 1px solid #b3b3b3 !important;
}

.demo-droppable {
    background: #08c;
    color: #fff;
    padding: 100px 0;
    text-align: center;
}

.demo-droppable.dragover {
    background: #00CC71;
}

.dragUpload {
    border: 2px dashed rgb(56, 56, 56);
    margin: 10px 0px;
    height: 90px;
    color: #888;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
}

.dragUpload + div {
    text-align: center;
    font-size: 14px;
}

.list-notifications li {
    margin: 10px 0px;
}

.list-notifications li span {
    margin-left: 10px;
}

.list-notifications li span a {
    margin-right: 10px;
}
div.panel-overflow-y{
    position: static !important;
}
.modal-content{
    color: #000000 !important;
}
.modal-header .close.showdate {
    margin-top: -9px;
}

select.in_office_user_type_new{
    color: #374767;
    padding: 5px 20px 5px 5px;

}

/* select plan */
@media screen and (min-width: 737px) {
    .form_ul,
    .check_ul {
        background-image: url('../images/background-left.png');
        background-repeat: repeat-y;
        background-position: left;
    }

    .form_ul li,
    .check_ul li {
        height: auto;
        min-height: 60px;
        background-image: url('../images/dotted.png');
        background-repeat: repeat-x;
        background-position: bottom;
    }

    .form_ul li span,
    .check_ul li span {
        display: inline-block;
        width: 220px;
        height: 100%;
        margin: 1px 0;
        padding: 0 0 0 10px;
        font-size: 14px;
        line-height: 60px;
        vertical-align: top;
    }

    .check_ul li span.style_none {
        display: inline;
        width: auto;
        height: 0;
        margin: 0;
        padding: 0;
    }

    .list_right {
        display: inline-block;
        width: 714px;
        margin: 0;
        min-height: 60px;
        padding-left: 10px;
    }

    .list_right input {
        width: 506px;
        height: 33px;
        margin: 14px 0;
        font-size: 14px;
        line-height: 33px;
        border: solid 1px #dbdbdb;
        border-radius: 4px;
    }

    .list_right textarea {
        width: 506px;
        height: 176px;
        margin: 14px 0;
        font-size: 14px;
        border: solid 1px #dbdbdb;
        border-radius: 4px;
    }

    .list_right p {
        position: relative;
        margin: 0;
        padding: 0 25px 0 10px;
        font-size: 14px;
        line-height: 60px;
    }

    .select_div {
        position: relative;
        display: inline-block;
        width: 190px;
        left: -5px;
        margin-right: 1px !important;
    }

    .select_div::after {
        content: '';
        position: absolute;
        top: 46px;
        bottom: 0;
        left: 124px;
        width: 0;
        height: 0;
        margin: auto 0;
        border-top: 7px solid #20a6ab;
        border-right: 5px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 4px solid transparent;
        z-index: 1;
    }

    .select_div select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        width: 134px;
        height: 33px;
        margin: 14px 0 14px 6px;
        padding: 0 12px;
        font-size: 14px;
        line-height: 33px;
        color: #444;
        background-color: #fff;
        border: solid 1px #dbdbdb;
        border-radius: 4px;
    }

    .select_div span {
        width: auto !important;
        padding: 0 0 0 5px !important;
    }

    .select_div_wide {
        position: relative;
        width: 512px;
        left: -5px;
    }

    .select_div_wide::after {
        content: '';
        position: absolute;
        top: 14px;
        bottom: 0;
        right: -6px;
        width: 0;
        height: 0;
        margin: auto 0;
        border-top: 7px solid #20a6ab;
        border-right: 5px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 4px solid transparent;
        z-index: 1;
    }

    .select_div_wide select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        width: 532px;
        height: 35px;
        margin-top: 14px;
        padding: 0 12px;
        font-size: 14px;
        line-height: 33px;
        color: #444;
        background-color: #fff;
        border: solid 1px #dbdbdb;
        border-radius: 4px;
    }
}

.checkbox span::before {
    border-radius: 4px;
}

.checkbox span::after {
    border-radius: 4px;
}

label.checkbox input:checked ~ span::after {
    display: inline-block;
}

.bottom_green {
    background-image: url('../images/border_green.png') !important;
}

.list_right input {
    padding: 0 12px;
    color: #444;
}

.list_right textarea {
    padding: 12px;
    color: #444;
}

.list_right input[type="radio"] {
    display: none;
}

.list_right label[for="radio_1"] span,
.list_right label[for="radio_2"] span,
.list_right label[for="radio_3"] span {
    position: relative;
    width: auto;
    margin-right: 16px;
    color: #444;
}

.list_right label[for="radio_1"] span::before,
.list_right label[for="radio_2"] span::before,
.list_right label[for="radio_3"] span::before {
    display: block;
    position: absolute;
}

.list_right label[for="radio_1"] span::after,
.list_right label[for="radio_2"] span::after,
.list_right label[for="radio_3"] span::after {
    display: none;
    position: absolute;
}

#radio_1:checked ~ label[for="radio_1"] span::after,
#radio_2:checked ~ label[for="radio_2"] span::after,
#radio_3:checked ~ label[for="radio_3"] span::after {
    display: block;
}

.list_right label[for="radio_1"],
.list_right label[for="radio_2"],
.list_right label[for="radio_3"] {
    margin-right: 15px;
}

.list_right label[for="radio_1"] span,
.list_right label[for="radio_2"] span,
.list_right label[for="radio_3"] span {
    position: relative;
    width: auto;
    margin-right: 16px;
    padding-left: 34px;
    font-size: 14px;
    color: #444;
}

.list_right label[for="radio_1"] span::before,
.list_right label[for="radio_2"] span::before,
.list_right label[for="radio_3"] span::before {
    content: url('../images/not_selected.png');
    top: 6px;
    left: 4px;
}

.list_right label[for="radio_1"] span::after,
.list_right label[for="radio_2"] span::after,
.list_right label[for="radio_3"] span::after {
    content: url('../images/selected.png');
    top: 6px;
    left: 4px;
}

.admin_list_plan {
    margin: 0;
    padding: 0;
    list-style-type: none !important;
}

.list_right {
    float: right;
}

.form_ul input, .form_ul select {
    margin-left: 10px !important;
}

.next {
    margin-top: 10px;
    text-align: center;
}

.plan_dotted {
    background-image: url(../images/dotted.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

.admin_payment_change_plan p {
    padding-left: 30px;
}

.notice_trial_user {
    margin: 0 auto 40px;
    background: #fff;
    border: 1px solid #FF6831;
    padding-left: 0px;
    padding-right: 10px;
    letter-spacing: 0.5px;
}

.notice_trial_user div:first-child{
    padding-left: 0;
    padding-right: 0;
}
.notice_trial_user div:first-child img{
    height: 100%;
    width auto;
}

.notice_trial_user div:nth-child(2) span:first-child {
    color: #FF6831;
    font-weight: bold;
    margin-top: 15px;
    font-size: 18px;
    letter-spacing: 1px;
    margin-left: 15px;
}

.notice_trial_user div:nth-child(2) span:first-child, .notice_trial_user div:nth-child(2) div:nth-child(2) {
    /*width: 60%;*/
    display: block;
    /*margin-left: 10px;*/
    margin-right: 15px;
}

.notice_trial_user > div:nth-child(4) {
    background: #FF6831;
    color: #fff;
    border-radius: 5px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.notice_trial_user > div:nth-child(2) > p {
    margin-right: 25px;
}
.notice_trial_user div:nth-child(2) div:nth-child(2){
    margin-top: 7px;
}
.notice_trial_user div:nth-child(3){
    position:relative;
}
.notice_trial_user div:nth-child(3) > img{
    position:absolute;
    top: 30%;
}
.notice_trial_user:hover {
    cursor: pointer;
}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.days_left_state {
    font-size: 18px;
    font-weight: bolder;
}
.days_left {
    color: #FF6831;
    font-weight: bold;
    margin-top: 15px;
    font-size: 32px;
    letter-spacing: -2px;
}
.container {
    padding: 0 10px;
}
@media (min-width: 768px){
    .modal-show-url{
        width: 430px !important;
    }
}
.hotSpotSet{
    text-decoration: none;
    margin-top: 6px;
}
.radio_corporate{
    float: left !important;
}
.radio_corporate input{
    display: inline-block !important;
    width: 30px !important;
    margin-top: 20px !important;
}
.radio_corporate label{
    margin-right: 20px;
}
#media-area .upload_image,#media-area .input_image_original{
    position: absolute !important;
    z-index: 1 !important;
    opacity: 0 !important;
    top: 20px !important;
}
.set-button{
    color: white;
    padding: 3px;
    background: #55bf24;
    border: 1px solid #55bf24;
    border-radius: 10px;
}
.reset-button{
    color: white;
    padding: 3px;
    background: #ff3742;
    border: 1px solid #ff3742;
    border-radius: 10px;
}
.save-button{
    color: white;
    padding: 3px;
    background: #67c2ef;
    border: 1px solid #67c2ef;
    border-radius: 10px;

}

/** khuongDv 24/1/2018 **/
.button-url{
    border-radius: 0;
    min-width: 150px;
}

@media (min-width: 768px) {
    #button-url .modal-dialog {
        width: 800px;
    }
}
.hotspot-item{
    float: left;
    margin: 10px 0;
    padding:5px 20px;
}
.hotspot-item img{
    width: 128px;
    height:auto;
}
.input-radion{
    text-align: center;
}
.hotspot-drag{
    height:auto;
    min-height: 90px;
}

.clearfix{
    clear: both;
}
.js-form-upload > .form-group, .js-uploaded-img > .form-group, .js-loading-bar {
    width: 92%;
    margin: 5px auto;
    float: none;
}
.js-append-img
{
    max-width: 100%;
}
/** Begin swippe slide hotspot **/
.js-hotspots{
    position: relative;
}
.hotspot-slider{
    border:1px solid #b3b3b3;
    padding-bottom:8px;
}
.hotspot-slider .brd-1-right-b3b3{
    font-size: 11px;
    padding:8px;
    border-right:none !important;
}
.swiper-container {
    width: 90%;
    height: 100%;
    background-color: #F5F7FA !important;
    margin-bottom: 5px !important;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
    width: 100%;
}
.swiper-button-next,.swiper-button-prev{
    display: none;
}

/** end **/
/** begin mappin css **/
.border-box{
    border:1px solid #b3b3b3;
    padding-bottom:8px;
    font-size: 11px;
}
.border-box .brd-1-right-b3b3{
    font-size: 11px;
    padding:8px;
    border-right:none !important;
}
.mappin-image{
    margin:10px 0;
    position: relative;
}
.mappin-image .swiper-wrapper{
    padding:10px 0;
}

.mappin-image .mappin-slide{
    width: 90%;
    height: 100%;
    background-color: #F5F7FA !important;
    margin: auto;
}
.mappin-image .swiper-wrapper{
    background-color: #F5F7FA;
}
.m-icon{
    position: relative
}
.m-icon .m-icon-mappin{
    position: relative;
    z-index: 99;
}
.m-icon .m-icon-mappin-bot{
    position: absolute;bottom: -6px;left: 8px;height: 16px;width: 16px;
}
.marker-on-map{
    position: absolute;
    top: -22px;
    left: -8px;
}
.title-arrow-default{
    width: 90%;
    margin:5px auto;
}
.arrow-was-uploaded{
    font-weight: normal;
    color: #374767;
    margin:15px 0 5px 0;
}
/** end mappin css **/

.analytics-error,
.analytics-loader{
    display: flex;
    align-items: center;
    background-color: #fcfcfd;
    height:100%;
}
.analytics-error p{
    text-align: center;
    color: red;
    margin: auto;
}
.analytics-error p.info{
    color: #888;
}
.analytics-loader > img{
    margin: auto;
    display:block;
    text-align: center;
}
.input-daterange >  input:hover{
    cursor: pointer;
}
.message-error{
    display: none;
    color: red;
    margin:10px 0;
}
.cs_caption {
    list-style-type: none;
}
.cs_caption li,.cs_caption .cs_black li {
      float: left;
      margin-left: 10px;
}
.cs_caption li span {
    float: left;
}