/* You can add global styles to this file, and also import other style files */ /* Prevent text selection of a element in all major browsers */ /*body { -youbkit-touch-callout: none; /* iOS Safari */ /*-youbkit-user-select: none; /* Chrome 6.0+, Safari 3.1+, Edge & Opera 15+ */ /*-moz-user-select: none; /* Firefox */ /*-ms-user-select: none; /* IE 10+ and Edge */ /*user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ /*}*/ .box.box-primary { border-top-color: #009688; } .box-header { padding: 7px 10px; } .box-header > .box-tools { position: absolute; right: 150px; top: 7px; width: 400px; } .form-control{ border-radius: 3px; border-width: 1px; } .btn { font-weight: 600; } .btn-xs { padding: 2px 5px; } .input-w-xs { width: 100px; } .input-w-sm { width: 150px; } .input-w-md { width: 200px; } .input-w-lg { width: 300px; } .error { color:red; } .input-error { border-color: red; } .skin-blue .main-header .navbar .nav .menu-selected { background-color: #00877A; } .mandatory { color: red; } .skin-blue .sidebar-menu > li > .treeview-menu { margin: 0 !important; } .sidebar-menu li.active { background-color: #ECF0F5; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .skin-blue .sidebar-menu .treeview-menu > li.active > a, .skin-blue .sidebar-menu .treeview-menu > li > a:hover { color: #121212; border-right: none; font-weight: bold; } .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: 5px 10px;*/ padding: 5px 8px; border-top: 1px solid #e9e9e9; } /* .skin-blue .sidebar-menu li.active { background-color: #ECF0F5; } */ /* css for confirm modal */ .modal-confirm { padding: 20px; border-radius: 5px; border: none; text-align: center; font-size: 14px; color: #636363; width: 350px; border-radius: 10px; } .modal-confirm .modal-header { border-bottom: none; position: relative; } .modal-confirm .icon-box { width: 50px; height: 50px; margin: 0 auto; border-radius: 50%; z-index: 9; text-align: center; border: 5px solid #f15e5e; padding: 5px; } .modal-confirm .icon-box .fa-times { margin: auto; z-index: 9; text-align: center; font-size: 28px; color: #f15e5e; } .modal-confirm .close { position: absolute; top: -5px; right: -2px; } .modal-header .close { margin-top: -2px; } .modal-confirm h4 { text-align: center; font-size: 26px; margin: 30px 0 -10px; } .modal-confirm .modal-body { color: #999; } .modal-confirm .modal-footer { border: none; text-align: center; border-radius: 5px; font-size: 13px; padding: 10px 15px 25px; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #00877A; border-color: rgb(2, 109, 98); } .warning-confirm-box { border: 5px solid #f39c12 !important; } .warning-confirm-box > .fa-warning, .warning-confirm-box > .fa-times { margin: auto; z-index: 9; text-align: center; font-size: 28px; color:#f39c12; } .tr-danger { color: red; } .tr-success { color: green; } .tr-warning { color: orange; } .tr-darkred { color: darkred; } /** css for reduse width of left side bar**/ .main-header .logo { width: 150px; } .main-header .navbar { margin-left: 150px; } .main-sidebar { width: 100px; } .content-wrapper, .main-footer { margin-left: 100px; } .sidebar-menu > li > a { padding: 12px 10px; }