.home-bg { background: url(/assets/layouts/images/bg.jpg) center center !important; }
.required { border-left: 3px solid #d5001c !important; }
.strong { font-weight: bold; }
.padtop10 { padding-top: 10px; }
.padleft10 { padding-left: 10px; }
.btn-circile { border-radius: 50%; padding: 6px 8px 4px 8px !important; }
.input-group-link { border-left: 0px !important; border-right: 0px !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 0px; }

.nav-justified li { font-weight: 600; }
.nav-justified li span { font-size: 12px; color: #808080; font-weight: normal; }

.page-actions { font-size: 24px; font-weight: 400; color: #fff; }
.page-content-wrapper .page-content { padding-top: 0px; }
.page-content-body { margin-top: 0px; }
.page-content-body .page-head { border-bottom: 1px solid #ececec; margin-bottom: 8px; margin-left: -25px; margin-right: -25px; padding: 8px 25px; background: #eff3f8; }
.page-content-body .page-head .pull-right { margin-top: -5px; }
.page-header-1 { margin: 4px -3px; }

.portlet-body ul li { list-style: none; padding: 5px 0px; }
.portlet-body ul li:before { font: normal normal normal 14px/1 FontAwesome; content: "\f054"; margin-left: -18px; color: #d5001c; padding-right: 5px; }
.tabbable-line .nav-tabs { padding: 0px; }
.tabbable-line .nav-tabs li { padding: 0px !important; }
.tabbable-line .nav-tabs li.active { border-bottom: 4px solid #950014 !important; }
.nav-tabs li:before { display: none; }

.searchdiv, .advancesearchdiv { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ececec; }
.searchdiv .select2-selection--single, .advancesearchdiv .select2-selection--single, .select2-selection--single.select-sm { height: 30px; line-height: 1.42857143; padding: 6px 24px 6px 12px; }
.searchdiv .select2-selection__rendered, .advancesearchdiv .select2-selection__rendered, .select-sm .select2-selection__rendered { font-size: 12px !important; }
.searchdiv .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .advancesearchdiv .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { height: 24px !important; }
.searchdiv .select2-container .select2-selection--multiple, .advancesearchdiv .select2-container .select2-selection--multiple { min-height: 30px; }
.searchdiv .selectarea, .advancesearchdiv .selectarea { width: 10%; }
.searchdiv .select2-container .select2-selection--single, .advancesearchdiv .select2-container .select2-selection--single { height: 30px; }
.select2-container--open { z-index: 100000; }

.advancesearchdiv { display: none; }

.page-container-padding { margin: 0px; padding: 10px 0px; }

.portlet-body { padding-top: 10px !important; padding-bottom: 10px !important; }
.form-body-scroll, .form-body-scroll-1 { width: 100%; padding: 0% 1%; margin-top: 2px; margin-bottom: 2px; }
.form-body-scroll-1 .table { margin-bottom: 0px; }
.portlet .portlet-title { margin-bottom: 0px; }
.portlet-datatable { padding-top: 15px !important; }
.portlet .form-actions { padding-bottom: 5px; }
.td-btn { width: 60px; text-align: center; }
.td-img { width: 120px; text-align: center; }
.td-check { text-align: center; width: 80px; }
.td-btn .dropdown-menu { min-width: 40px; }
.td-btn .btn-group { margin-top: -3px; }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding-bottom: 6px; }
.table > thead > tr > th { font-weight: 600; }
.table.topborder { border-top: 1px dotted #ccc; }
.selection { white-space: nowrap; }

.chart { min-height: 250px !important; }
.dataTables_wrapper .dataTables_processing { position: absolute; }
.form-bottom { padding: 15px 15px 15px 25px !important; position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 1999; background: #f5f5f5; border-top: 1px solid #E5E5E5 }
.ui-popup-modal { min-width: 60% !important; min-height: 80% !important; }
.ui-dialog, .ui-dialog-grid { min-width: 100% !important; }

select.form-control { padding-top: 5px; }
.form-wizard > ul > li:before, .nav-pills li:before { content: ""; display: none; }

.form-button { padding: 10px 15px; background: #f5f5f5; width: 100%; }
.form-full-div { float: left; width: 100%; padding-top: 5px; }
.form-bordered .btn-sm { margin-top: 3px; }

.form-bordered .radio-inline, .form-bordered .checkbox-inline { padding-bottom: 7px; }

.form-control.error { border-right: 1px solid #d5001c; border-top: 1px solid #d5001c; border-bottom: 1px solid #d5001c; }

.form-body .has-feedback .form-control-feedback { top: 18px; }
.form-body > .form-group > .table, .form-body > .form-group .portlet .table { margin-bottom: 0px; }
.form-body > .form-group .portlet { margin-bottom: 0px; }
.form-body .table-condensed td { padding-top: 6px; }
.form-body .table td i.btn { padding: 0px 5px; margin-top: -4px; }

.PDDS_Maintenances { border-left: 0px !important; }

.form .form-bordered .form-group .control-text { padding-top: 13px; padding-bottom: 13px; }
.form .form-bordered .form-group .control-textarea { border-left: 1px solid #efefef; margin-left: -1px; }

.control-label.btnsmlabel { padding-top: 6px; }

.form-group .portlet.light { padding: 5px 10px; }
.form-group .portlet.light .portlet-title { min-height: 24px; }

label.inputlable { padding-bottom: 4px !important; padding-left: 7px !important; }
label.inputlable input { float: left; width: 60%; margin-top: -6px !important; }
td.control-label { font-weight: bold; }

.swiper-div { margin-left: -25px; margin-right: -25px; }

.topic_title { width: 33%; padding: 10px 15px; font-size: 16px; }

@media(max-width: 960px) {
    .ui-popup-modal { min-width: 100% !important; min-height: 100% !important; top: 0px; }
    .searchdiv .selectarea, .advancesearchdiv .selectarea { width: 100%; }
}

@media(max-width:480px) {
    .td-btn { width: 60px; text-align: center; }
    .td-check { text-align: center; width: 60px; }
    .page-actions { display: none; }
}

@media(min-width:1700px) {
    .table > thead > tr > th { white-space: nowrap; font-weight: 600; }
}


/**Summary plan*/
.summaryplan .table { margin-bottom: 4px; }
.summaryplan .table td { text-align: center; }
.plandiv .table td, .plandiv .table th { font-size: 12px !important; }
.summaryplan .table td.topic_amount { width: 50%; }
.summaryplan .topic_0 { background: #e3e4e4; vertical-align: middle; font-weight: 600 }
.summaryplan .topic_1 { height: 50px; background: #950014; vertical-align: middle; font-weight: 600; color: #fff; }
.summaryplan .threetopic_0 { height: 50px; background: #eff0f1; vertical-align: middle; }
.summaryplan .threetopic_1 { height: 50px; background: #f2dcdb; vertical-align: middle; }
.amount_typetopic { }
.color-black { color: #fff; }
.td-delete, .td-editbtn, .td-savebtn { cursor: pointer; }

.swiper-slide img { width: 100%; }

.tab-pane > .col-md-12 { padding-left: 0px; padding-right: 0px; }

/**comment*/
.page-quick-comment { position: absolute; bottom: 0px; left: 0px; background: #fff; width: 100%; padding: 0px 20px 0px 20px; color: #000; }
.page-quick-comment .comment-head { background: #ececec; padding: 17px 20px; margin: 0 -20px 0px -20px; cursor: pointer; font-weight: bold; }
.page-quick-comment .comment-body { display: none; padding-top: 20px; }
.page-quick-comment .comment-action { background: #ececec; padding: 10px 20px; margin: 0 -20px 0px -20px; text-align: right; }
.line-comment { cursor: pointer; color: #808080 }
.line-comment-href { padding-top: 5px; float: left; }
.timeline-operation { color: #666; display: none; }
.timeline-operation i { cursor: pointer; margin-right: 5px; }
.timeline-operation i:hover { color: #d5001c }
.comment-reply-body { padding: 5px 10px 5px 0px; border-top: 1px #ccc dotted; margin-top: 5px; }
.comment-reply-content { width: 100%; padding: 5px 0px 5px 10px; }

.tabbable-line .currency { margin-top: 10px; }

.dropdown-menu a.btn { text-align: left !important; }
.dropdown-extended { font-size: 16px; margin-top: 2px !important; height: 48px !important; }

.home-function ul { padding: 30px 0px 20px 0px; }
.home-function ul.docu { padding: 5px !important; }
.home-function li { list-style: none; float: left; }
.home-function li a:hover { text-decoration: none; }
.home-function li img { width: 100%; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; }
.home-function li div.bottom { padding: 10px; text-align: center; background: #950014; color: #fff; width: 100%; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; margin-bottom: 25px; }
.home-function .docu li { line-height: 140%; padding-bottom: 10px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height:28px;line-height:28px;position:relative;}
.home-function .docu li:before { font: normal normal normal 14px/1 FontAwesome; content: "\f054"; margin-left: -10px; color: #d5001c; padding-right: 20px;padding-left:3px; }
.newlogo { margin-right: 3px; width: 26px !important; padding-top:0px;position:absolute;top:0px;left:0px;}
.newlogo img { width: 26px !important; }

tr.linkline td { background: #e3e4e4 !important; }

.copyright { margin: 0 auto 10px 0; padding: 15px; color: #000; font-size: 14px; border-top: 1px dotted #ccc; line-height: 170%; }
.copycenter { width:1050px; margin:0 auto; }
.copycenter li { float: left; width: 30%; list-style: none; padding-left: 50px; white-space: nowrap; }
.text-danger { color: #ed6b75 !important; }
.text-red { color: #d5001c !important;font-weight:bold;}
.select2-container--bootstrap { font-size: 12px !important; }
.select2div { min-width: 8%; }
.bg-danger_1 { background-color: #fbe1e3 !important; }
.tr-delete { text-decoration: line-through; }
.firstquarter, .secondquarter, .thirdquarter, .fourthquarter { text-align: center; }
.cramount, .dtamount { cursor: pointer; }
.changedanger { color: #ed6b75 !important; }
.changesuccess { color: #36c6d3 !important; }


.shopcart > li.dropdown { margin: 0; padding: 0 4px; height: 30px !important; display: inline-block; /* 1st level */ /* 2nd level */ }
.shopcart > li.dropdown > .dropdown-toggle { margin: 0 0 0 1px; padding: 8px 10px 8px 10px; border: 0px !important; }
.shopcart > li.dropdown > .dropdown-toggle:last-child { padding-right: 0; }
.shopcart > li.dropdown > .dropdown-toggle > i { font-size: 19px; }
.shopcart > li.dropdown > .dropdown-toggle > i.glyphicon { font-size: 18px; }
.shopcart > li.dropdown > .dropdown-toggle > .badge { font-family: "Open Sans", sans-serif; position: absolute; top: 0px; right: 24px; font-weight: 300; padding: 3px 6px; }
.shopcart > li.dropdown > .dropdown-toggle:focus { background: none; }
.shopcart > li.dropdown > .dropdown-menu { z-index: 9996; margin-top: 5px; margin-right: 7px; font-family: "Open Sans", sans-serif; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.shopcart > li.dropdown > .dropdown-menu:before { position: absolute; top: -8px; right: 9px; display: inline-block !important; border-right: 8px solid transparent; border-bottom: 8px solid #efefef; border-left: 8px solid transparent; content: ''; }
.shopcart > li.dropdown > .dropdown-menu:after { position: absolute; top: -7px; right: 10px; display: inline-block !important; border-right: 7px solid transparent; border-bottom: 7px solid #fff; border-left: 7px solid transparent; content: ''; }
.shopcart > li.dropdown-separator { padding-left: 0px; padding-right: 6px; }
.shopcart > li.dropdown-separator .separator { float: left; display: inline-block; width: 1px; height: 18px; margin-left: 5px; margin-top: 17px; }
.shopcart > li.dropdown-extended .dropdown-menu { min-width: 160px; max-width: 300px; width: 300px; z-index: 9996; /* header notifications dropdowns */ }
.shopcart > li.dropdown-extended .dropdown-menu > li.external { display: block; overflow: hidden; padding: 15px 15px; letter-spacing: 0.5px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.shopcart > li.dropdown-extended .dropdown-menu > li.external > h3 { margin: 0; padding: 0; float: left; font-size: 13px; display: inline-block; }
.shopcart > li.dropdown-extended .dropdown-menu > li.external > a { display: inline-block; padding: 0; background: none; clear: inherit; font-size: 14px; font-weight: 400; position: absolute; left: 10px; border: 0; margin-top: -4px; color: #fff; border: 1px dotted #fff; border-radius: 0px; padding: 2px 5px; }
.shopcart > li.dropdown-extended .dropdown-menu > li.external i { color: #fff !important; }
.shopcart > li.dropdown-extended .dropdown-menu > li.external > a:hover { text-decoration: none; }
.shopcart > li.dropdown-extended .dropdown-menu .dropdown-menu-list { padding-right: 0 !important; padding-left: 0; list-style: none; }
.shopcart > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li { display: block; clear: both; font-weight: 300; line-height: 20px; white-space: normal; font-size: 13px; padding: 16px 15px 18px; text-shadow: none; }
.shopcart > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:first-child a { border-top: none; }

.shopcart > li.dropdown-inbox > .dropdown-toggle > .circle { float: left; margin-top: -5px; padding: 3px 10px 4px 10px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; font-family: "Open Sans", sans-serif; font-weight: 300; }
.shopcart > li.dropdown-inbox > .dropdown-toggle > .corner { float: left; margin-left: -4px; width: 0; height: 0; border-style: solid; border-width: 8px 0 9px 9px; }
.shopcart > li.dropdown-inbox > .dropdown-toggle > .corner:not(:root:root) { margin-left: -5px; }
.shopcart > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo { float: left; margin: 0 6px 6px 0; }
.shopcart > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo img { height: 40px; width: 40px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; }
.shopcart > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li a:hover { text-decoration: none; }
.shopcart > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject { display: block; margin-left: 46px; }
.shopcart > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .from { font-size: 14px; font-weight: 600; }
.shopcart > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .message { display: block; margin-left: 46px; }
.shopcart > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .time { font-size: 12px; font-weight: 400; float: right;}
.shopcart > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .time input { height: 18px; font-size: 12px; background: #fff; border: 0px solid #eee; width: 30px;text-align: center; color: #000; }
.shopcart > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .time .input-group-addon { height: 18px; font-size: 12px; width: 20px; text-align: center; padding: 2px 0px; background: #2e343b;border:0px !important;}
.shopcart > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .time .input-group-addon i { color:#fff !important;cursor:pointer;}
.shopcart > li.dropdown-dark .dropdown-menu { background: #2e343b; border: 0; }
.shopcart > li.dropdown-dark .dropdown-menu:after { border-bottom-color: #2e343b; }
.shopcart > li.dropdown-dark .dropdown-menu > li.external { background: #272c33; }
.shopcart > li.dropdown-dark .dropdown-menu > li.external > h3 { color: #fff; }
.shopcart > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li,
.shopcart > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li { color: #aaafb7; border-bottom: 1px solid #3b434c !important; }
.shopcart > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li i,
.shopcart > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li i { color: #6FA7D7; }
.shopcart > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li { border-bottom: 0 !important; }
.shopcart > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider { background: #3b434c; }

.ullist .tablebody { width: 100%; float: left; }
.ullist .tablebody li { float: left; width: 19%; border: 1px dotted #ccc; margin-right: 1%; list-style: none; margin-bottom: 20px; padding: 15px; border-radius: 5px; }
.ullist .tablebody li .imgdiv { width: 100%; margin: 0 auto; height: 200px; overflow: hidden; margin-bottom: 15px; text-align: center;position:relative;}
.ullist .tablebody li img { max-width: 100%; max-height: 100%; padding: 2px; }
.ullist .tablebody li div { padding-top: 8px; }
.ullist .tablebody li span.nowrap { font-weight: bold; }
.ullist .tablebody li div.nowrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 3px; }
.ullist .tablebody li div.tworow { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.ullist .tablebody li .input-sm { width: 20%; padding: 3px 10px; display: inline !important; height: 24px !important; }
.ullist .tablebody li:hover { border: 1px solid #d5001c }

.ullist_11 .tablebody li img { border: 1px solid #ccc; padding: 2px; }

.table-valign td { vertical-align: middle !important; }
.table td input.input-sm { height: 26px !important; padding: 3px 10px !important; }

.form .form-section { margin-bottom: 0px !important; padding-bottom: 20px !important; }

.form .form-bordered .form-group > div { padding: 8px; }
.form .form-bordered .form-group > div label { padding-top: 6px; }
.form .form-bordered .form-group .control-label { padding-top: 14px; }

.approveform .form-group .control-label { padding: 8px !important; }

.jointinfo, .dmpcategory, .specialdiv { display: none; }
li.centeraddress { float: left; padding: 10px 20px; border: 1px solid #ccc; margin: 0px 10px 0px 0px; width: 24%; list-style: none; border-radius: 5px; }
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu { max-width: 400px !important }

.progress-bar-success { background: #950014 !important; }
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a { white-space: nowrap !important; }

.modal-dialog { margin-top: 80px; width: 800px; }
.modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.0); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.0); }
.modal-body { padding: 10px 25px !important; }

.btn-fixed { width:60px !important;}
.footleft { font-weight: bold; width: 70%; padding-top: 0 !important; text-align: left; line-height: 20px; font-size: 16px; position: absolute; top: 0px; left: 0px; z-index: 1000; }

#navmenu_69 .dropdown-menu { min-width: 275px !important }
.eventcolorselect {
    width: 20px;
    float: left;
    height: 20px;
    margin: 10px;
}

.eventcolortextselect {
    float: left;
    line-height: 40px;
}