/* dark : #a66a6a */
/* dark-light : #600909 */
/* light : #fff3f3 */
/* hover-light : #f7e7e7 */
/* rgb : 96,92,168 */

body { font-size: 15px !important; }
button, .btn { font-size: 14px !important; border-radius: 0px !important; }
p { font-size: 14px !important; }
a { color: #a66a6a; }
a:hover { color: #600909; }
pre { background-color: #fff3f3 !important; }

.form-control { height: 40px !important; font-size: 15px !important; line-height: 1.8 !important; }
.form-control:focus { border-color: #600909 !important; }

/*.form-control.file-caption { height: 40px !important; font-size: 15px !important; line-height: 1.8 !important; }*/
textarea.form-control { height: 120px !important; }
.bootstrap-duallistbox-container select.form-control { height: 120px !important; }

.skin-red .main-header .logo { background-color: #a66a6a !important; }
.skin-red .main-header .navbar { background-color: #600909 !important; }
.skin-red .main-header .navbar .sidebar-toggle:hover { background-color: #a66a6a !important; }
.skin-red .main-header li.user-header { background-color: #600909 !important; }

.skin-red .sidebar-menu > li:hover > a, .skin-red .sidebar-menu > li.active > a { border-left-color: #a66a6a !important; }

.skin-red .sidebar-menu > li > a, .skin-red .sidebar-menu > li > a { color: #600909 !important; font-size: 17px !important; }
.skin-red .sidebar-menu > li:hover > a, .skin-red .sidebar-menu > li.active > a { background: #600909 !important; color: #fff !important; }
/*.input-group .input-group-addon { border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important; }
.input-group .form-control:not(.file-caption) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }*/

/*.input-group.file-caption-main { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }*/

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { font-size: 15px !important; height: 40px !important; }

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { height: 39px !important;  }
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { height: 39px !important;  }
.input-group.file-caption-main .input-group-btn .btn { height: 40px !important; line-height: 1.8 !important; }

.main-sidebar { background-color: #fff !important; }
.skin-custom .main-header .logo { background-color: #600909 !important; }
.skin-custom .sidebar-menu > li > a { border-left: none !important; border-right: 4px solid transparent !important; color: #600909 !important; font-size: 18px; font-weight: 500; }
.skin-custom .sidebar-menu > li:hover > a, .skin-custom .sidebar-menu > li.active > a { border-right-color: #600909 !important; background: #ecf0f5 !important; color: #34206A !important; }
.main-sidebar > .sidebar > ul.sidebar-menu > li:first-child { border-top: 1px solid #a66a6a !important; }
.main-sidebar > .sidebar > ul.sidebar-menu li > a > .pull-right { right: 0px; }
.sidebar-menu .treeview-menu { margin: 0px !important; background: #fff3f3 !important; }
/*.sidebar-menu .treeview-menu > li { border-right: 4px solid #600909 !important; }*/
.sidebar-menu .treeview-menu > li:hover { background: #f7e7e7 !important; }
.sidebar-menu .treeview-menu > li.active { background: #f7e7e7 !important; font-weight: 600; }
.sidebar-menu .treeview-menu > li > a { font-size: 16px !important; padding: 10px 5px 10px 15px !important; color: #600909 !important; }
.skin-custom .treeview-menu > li > a:hover, .skin-custom .treeview-menu > li.active > a { color: #34206A !important; }

.table thead th a, .table thead td a { color: #fff !important; }
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    background-color: #600909;
    color: #fff;
}
.table tr:nth-child(2n) { background-color: #fff3f3; }
.table-hover > tbody > tr:hover { background-color: #f7e7e7 !important; }

.table > thead > tr > th { line-height: 34px !important; }

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { line-height: 1.8 !important; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { vertical-align: middle !important; line-height: 2 !important; padding: 12px !important; }

.badge { padding: 5px 9px !important; }

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span,
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-radius: 0px !important; }

.select2-container--open .select2-dropdown {
    -webkit-box-shadow: 1px 3px 10px 2px rgba(162, 141, 141, 0.4) !important;
    -moz-box-shadow: 1px 3px 10px 2px rgba(162, 141, 141, 0.4) !important;
    box-shadow: 1px 3px 10px 2px rgba(162, 141, 141, 0.4) !important;
}
.select2-container--open { z-index: 9999; }
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { height: 40px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 34px !important;  }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 32px !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #600909 !important; color: #fff !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #600909 !important; color: #fff !important; border-color: #600909 !important; border-radius: 0px !important; }
/*.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[aria-selected="true"]:hover { background-color: #600909 !important; color: #fff !important; }*/
.select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus { border-color: #600909 !important; }
/*.select2-container--default .select2-selection--multiple { height: 40px !important; }*/
.select2-container--default .select2-selection--multiple .select2-selection__rendered { margin-top: 2px !important; line-height: normal !important; }

.grid-per-pager + .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { height: 30px !important; }
.grid-per-pager + .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 25px !important; }
.grid-per-pager + .select2-container--default .select2-selection--single .select2-selection__arrow { height: 25px !important; }

.icheckbox_minimal-blue, .iradio_minimal-blue { margin-right: 5px !important; }

.editable-click, a.editable-click, a.editable-click:hover { border-bottom: dashed 1px #600909 !important; color: #34206A !important; }

#app { width: 98%; margin: 0 auto; }
.global_button { padding: 8px 10px !important; font-size: 14px !important; border-radius: 0px !important; margin: 5px; }
#totop { padding: 5px 10px !important; bottom: 10px !important; right: 10px !important; }
.nav-tabs-custom { box-shadow: none !important; }
.nav-tabs-custom > .nav-tabs { border-bottom: 1px solid #600909 !important; }
.nav-tabs-custom > .nav-tabs > li.active { border-top-color: #600909 !important; }
.nav-tabs-custom > .nav-tabs > li.active > a { background: #f2f2f2 !important; color: #600909 !important; border-left-color: #600909 !important; border-right-color: #600909 !important; }
.bootstrap-switch, .bootstrap-switch-success, .bootstrap-switch-warning, .bootstrap-switch-danger, .bootstrap-switch-primary, .bootstrap-switch-default { border-radius: 0px !important; }
.form-inline.editableform .editable-buttons .glyphicon { top: 3px !important; }

.action_tool_bar { padding: 20px !important; }
.action_tool_bar .btn { padding: 8px 10px !important; }
.action_tool_bar .global_search_block input { width: 600px !important; border: 2px solid #600909; height: 39px !important; }

.bg-theme-base { background-color: #600909; color: #fff; }
.bg-theme-base-light { background-color: #a66a6a; color: #fff; }
.bg-theme-base-dark { background-color: #600909; color: #fff; }

.text-link { color: #600909 !important; font-weight: 600; }
.text-link:hover { color: #a66a6a !important; }

/*.btn-dropbox, .btn-primary, .btn-success { background-color: #600909 !important; border-color: #600909 !important; }*/
.btn-dropbox, .btn-primary, .btn-success{ background-color: #600909 !important; border-color: #600909 !important; }
.btn-dropbox:hover, .btn-primary:hover, .btn-success:hover { background-color: #a66a6a !important; border-color: #a66a6a !important; }

.btn-twitter, .btn-instagram, .btn-info { background-color: #600909 !important; border-color: #600909 !important; }
.btn-twitter:hover, .btn-instagram:hover, .btn-info:hover { background-color: #a66a6a !important; border-color: #a66a6a !important; }

.btn-dark { background-color: #600909 !important; border-color: #600909 !important; color:#ffffff !important; }
.btn-dark:hover, .btn-dark:focus { background-color: #a66a6a !important; border-color: #a66a6a !important; box-shadow: none !important; }

.btn-black { background-color: #1c1f23 !important; border-color: #1c1f23 !important; color:#ffffff !important; }
.btn-black:hover, .btn-dark:focus { background-color: #6e7881 !important; border-color: #6e7881 !important; box-shadow: none !important; }

.text-primary { color: #600909 !important; }
.text-info { color: #600909 !important; }
.text-danger { color: #e62727 !important; }

.border-primary { border-color: #600909 !important; }

.panel, .panel-heading { border-radius: 0px !important; }

.panel-default {
    border-color: #600909 !important;
}
.panel-default > .panel-heading {
    padding: 0px !important;
    color: #fff !important;
    background-color: #600909 !important;
    border-color: #600909 !important;
}
.panel-default > .panel-heading h5 a {
    padding: 12px 15px !important;
}
.panel-default > .panel-heading h5 a:hover,
.panel-default > .panel-heading h5 a:active,
.panel-default > .panel-heading h5 a:focus {
    color: #fff !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    -webkit-box-shadow: 1px 3px 10px 2px rgba(162, 141, 141, 0.4) !important;
    -moz-box-shadow: 1px 3px 10px 2px rgba(162, 141, 141, 0.4) !important;
    box-shadow: 1px 3px 10px 2px rgba(162, 141, 141, 0.4) !important;
}
.bootstrap-datetimepicker-widget,
.bootstrap-datetimepicker-widget .timepicker-picker a,
.bootstrap-datetimepicker-widget .picker-switch a {
    color: #600909 !important;
}
.bootstrap-datetimepicker-widget table td.today::before { border-bottom-color: #600909 !important; }
.bootstrap-datetimepicker-widget table td.today.active::before { border-bottom-color: #ffffff !important; }
.bootstrap-datetimepicker-widget .datepicker-days .day.active {
    background-color: #600909;
    background-image: -moz-linear-gradient(top, #600909, #600909);
    background-image: -ms-linear-gradient(top, #600909, #600909);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#600909), to(#600909));
    background-image: -webkit-linear-gradient(top, #600909, #600909);
    background-image: -o-linear-gradient(top, #600909, #600909);
    background-image: linear-gradient(top, #600909, #600909);
}

/*#filter-box .col-sm-2{
    width: 33.33%;
}*/

/*.login-page, .register-page { background: #600909 !important; }*/

#filter-box .btn { padding: 8px 10px; }

.form-group { margin-bottom: 15px !important; }
.form-group.has-error label { color: #e62727 !important; }
.form-group.has-error .input-group .input-group-addon,
.form-group.has-error .form-control { border-color: #e62727 !important; }
.form-inline .form-group { margin-bottom: 10px !important; }
.filter-box .form-group { margin-bottom: 0px !important; }
.filter-box .control-label { padding-top: 0px !important; }

.content .box-header#filter-box .fields-group .form-group label.control-label
{ width: 100%; text-align: left; }
.content .box-header#filter-box .fields-group .form-group > div.col-sm-8
{ width: 100%; max-width: 100%; }
.content .box-header#filter-box .fields-group .form-group > div.col-sm-8 .input-group input
{ text-align: left !important; height: 34px; }
.filter-box .box-footer .row > .col-md-2 > .col-md-2{ width: 0%;  }
.filter-box .box-footer .row > .col-md-2 > .col-md-8{ width: 100%;  }

.sidebar-mini .reminder_alert {
    right: 30px;
    top: 15px;
    position: absolute;
    background-color: #e62727;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    text-align: center;
    padding: 0 0;
    line-height: normal;
}

.sidebar-mini.sidebar-collapse .reminder_alert {
    right: 5px;
    top: 2px;
}
.content .box-header#filter-box .box-footer > .row > div[class^="col-md-"]{
    position: absolute;
    right: 0;
}
.content .box-header#filter-box .box-footer > .row > div[class^="col-md-"] .col-md-8{
    margin-top: -70px;
    width: auto;
}

.custom_add_input_btn { position: absolute;
  right: 15px;
  top: 0;
  margin-right: 0;
  height: 40px;
  padding-top: 8px !important;
}
.form-input-separator { margin: 0px; }

.box, .small-box {
    border-top: 0px solid #a66a6a !important;
    -webkit-box-shadow: 1px 3px 10px 2px rgba(96,92,168,0.11) !important;
    -moz-box-shadow: 1px 3px 10px 2px rgba(96,92,168,0.11) !important;
    box-shadow: 1px 3px 10px 2px rgba(96,92,168,0.11) !important;
}

.content.admin .small-box .icon { color: rgba(255,255,255, 0.2); }

.create .box-header .box-title,.edit .box-header .box-title{
    visibility: hidden;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #a66a6a !important;
    border-color: #a66a6a !important;
}

table.table-fixed tbody { display:block; height:400px; min-height:400px; overflow:auto; }
.table.table-fixed thead, .table.table-fixed tbody tr { display:table; width:100%; table-layout:fixed; }
.table.table-fixed thead { width: calc( 100% - 1em ) }

.editableform .control-group { margin: 5px !important; }

.popover { max-width: 100% !important; }

.tooltip {
  width:100%;
  max-width: 100% !important;
}

.tooltip .tool-content {
  width:100% !important;
}

.iradio_minimal-blue.disabled { background-color: #eee; border-radius: 100%; }
thead .icheckbox_minimal-blue.checked { background-position: -80px 0 !important; }
tbody .icheckbox_minimal-blue.checked { background-position: -40px 0 !important; }

#theme-loader { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; top: 0; z-index: 9999999; }
.theme-loader-container { height: 100%; width: 100%; margin: 0 auto; display: flex; justify-content: center; }
.theme-loading-spinner {
    position: absolute;
    top: 48%;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: radial-gradient(farthest-side,#ffffff 94%,#0000) top/9px 9px no-repeat,
    conic-gradient(#0000 30%,#ffffff);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);
    animation: theme-loading-animate 1s infinite linear;
}

@keyframes theme-loading-animate {
   100% {
      transform: rotate(1turn);
   }
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span { min-width: 210px !important; margin-left: 0px !important; }

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu,
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
  -webkit-box-shadow: 0px 1px 8px rgba(0,0,0,0.4) !important;
  -moz-box-shadow: 0px 1px 8px rgba(0,0,0,0.4) !important;
  box-shadow: 0px 1px 8px rgba(0,0,0,0.4) !important;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { top: 50px !important; min-width: 210px !important; }
.clone-head-table-wrap{z-index: 20 !important;}
.clone-column-table-wrap{z-index: 20 !important;}

.daterangepicker .ranges li.active { background-color: #600909 !important; }

.swal2-actions.swal2-loading .swal2-confirm.swal2-styled { border-radius: 100% !important; }

.status_timeline_box.box, .status_timeline_box .box-body { background: none !important; box-shadow: none !important; }
.status_timeline { position: relative; margin: 0 auto; }
.status_timeline::after { content: ''; position: absolute; width: 4px; background-color: white; top: 0; bottom: 0; left: 28px; margin-left: -3px; box-shadow: 1px 3px 10px 2px rgba(96,92,168,0.11); }
.status_timeline .timeline_container { padding: 10px 25px; position: relative; background-color: inherit; width: 100%; }
.status_timeline .timeline_container::after { content: '';position: absolute;width: 20px;height: 20px;right: 0px;background-color: white;border: 3px solid #600909;top: 22px;border-radius: 50%;z-index: 1; box-shadow: 1px 3px 10px 2px rgba(96,92,168,0.11); }
.status_timeline .right { left: 30px; }
.status_timeline .right::before { content: " "; height: 0;position: absolute;top: 22px;width: 0;z-index: 1;left: 15px;border: medium solid white;border-width: 10px 10px 10px 0;border-color: transparent white transparent transparent; }
.status_timeline .right::after { left: -13px; }
.status_timeline .timeline_content { padding: 15px 15px 10px; background-color: white; position: relative; border-radius: 6px; box-shadow: 1px 3px 10px 2px rgba(96,92,168,0.11); }
.status_timeline .timeline_content .status_title { margin: 0px; font-weight: bold; }
.status_timeline .timeline_content .status_time { margin-top: 0px; }
.status_timeline .timeline_content .status_message { margin-top: 0px; font-size: 16px !important; }
.status_timeline .timeline_content .status_desc { margin-top: 0px; color: #666; }

.content.reports .files { opacity: 0; overflow: hidden; position: absolute; z-index: -1; width: auto; height: 30px !important; }
.content.reports .files + label.filelabel { background-color: #600909; display: inline-block; color: #fff !important; padding: 1px 6px; font-size: 13px; margin-bottom: 0px; }
.content.reports .files + label.filelabel:hover { background-color: #a66a6a; color: #fff; }
.content.reports .files + label.filelabel { cursor: pointer; }


/*.step_form_page #design-style-row { display: flex; overflow-x: auto; }
.step_form_page #design-style-row .design-style-column { width: 490px; float: left; margin: 15px; }
.step_form_page #design-style-row .design-style-column:first-child { margin-left: 8px; }
.step_form_page #design-style-row .design-style-column:last-child { margin-right: 8px; }
.step_form_page #design-style-row .design-style-column .box-info { width: 490px; }
.step_form_page #design-style-row .design-style-column .box-info .form-group { margin-bottom: 0px !important; }
.step_form_page #design-style-row .design-style-column textarea { height: 80px !important; }
.step_form_page #design-style-row .design-style-column .design_style_colors_block table { margin-bottom: 0px; }
.step_form_page #design-style-row .design-style-column .design_style_colors_block table thead th { line-height: 1 !important; }
.step_form_page #design-style-row .design-style-column .design_style_colors_block table tbody tr { background: #fff !important; }
.step_form_page #design-style-row .design-style-column .design_style_colors_block table tbody tr td { padding:8px 2px !important; vertical-align: top !important; }
.step_form_page #design-style-row .design-style-column .design_style_colors_block table tbody tr td .form-group { margin-bottom: 0px !important; }
.step_form_page #design-style-row .design-style-column .design_style_colors_block table tbody tr td .form-group .form-control { padding: 6px; }*/


@media screen and (max-width: 600px) {
  /*.status_timeline::after { left: 31px; }
  .status_timeline .timeline_container { width: 100%; padding-left: 70px; padding-right: 25px; }
  .status_timeline .timeline_container::before { left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; }
  .status_timeline .right::after { left: 15px; }
  .status_timeline .right { left: 10%; }*/
}

/************ Ipad Lanscape **************/
@media (max-width: 1920px) {
    .action_tool_bar .global_search_tool input { width: 600px; }
}

@media (max-width: 1080px) {
    .action_tool_bar .global_search_tool input { width: 380px; }
}

/************ Ipad Potrait **************/
@media (max-width: 960px) {
    .action_tool_bar .global_search_tool input { width: 280px; }
}

@media (max-width: 860px) {
    .action_tool_bar .global_search_tool input { width: 230px; }
}

@media (max-width: 830px) {
    .action_tool_bar .global_search_tool input { width: 200px; }
}

/************ Mobile **************/
@media (max-width: 767px) and (orientation : landscape) {
    .action_tool_bar .global_search_tool input { width: 200px; }
}
@media (max-width: 767px) and (orientation : portrait) {
    .action_tool_bar .global_search_tool input { width: 170px; }
}

/************ iphone **************/
@media (max-width:600px)  {
    .action_tool_bar .global_search_tool input { width: 170px; }
}
@media (max-width:480px) {
    .action_tool_bar .global_search_tool input { width: 135px; }
}

@media (max-width:360px) {
    .action_tool_bar .global_search_tool input { width: 120px; }
}


.form-group:has(label[for="permissions"].control-label) {
    display: none;
}