@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");

@import url('../css/datepicker/jquery-ui.css');



a {color: #5A738E;text-decoration: none;}

a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline: 0;text-decoration: none;}

h1, .h1, h2, .h2, h3, .h3 {margin-top: 10px;margin-bottom: 10px;}

h2 {font-size: 18px;font-weight: 400;}

html,body {height: 100%;}

body{font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;background-color: #2f4050;font-size: 13px;color: #676a6c;overflow-x: hidden;}

#wrapper {width: 100%;overflow-x: hidden;}

.main {padding: 63px 15px 0;margin-left: 230px;background: #f3f3f4;min-height: 810px;}

/*Datatables*/

.tableku{width: 100%!important}

.tableku th{cursor: pointer;}

.tableku thead{background: #3d658a; color: #fff}

.tableku tr, .tableku th{text-align: center !important;vertical-align: middle !important;}

/*.tableku tr td:nth-child(1) {text-align: left;}*/

table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled {background: 0 0;}

table.dataTable thead .sorting_asc:after {content: "\f0de";float: right;font-family: fontawesome;}

table.dataTable thead .sorting_desc:after {content: "\f0dd";float: right;font-family: fontawesome;}

table.dataTable thead .sorting:after {content: "\f0dc";float: right;font-family: fontawesome;color: rgba(50,50,50,.5);}



/*progress datatable*/

.dataTables_processing {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100%;

    height: 40px;

    margin-left: -50%;

    margin-top: -25px;

    padding-top: 20px;

    text-align: center;

    font-size: 1.2em;

    background-color: white;

    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));

    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);

    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);

    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);

    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);

    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);

}

/* Image cropper style */

.img-container,.img-preview {background-color: #f7f7f7;width: 100%;text-align: center;}

.img-container {min-height: 200px;max-height: 469px;margin-bottom: 1rem;}

@media (min-width: 768px) {

  .img-container {min-height: 469px;}

}

.img-container > img {max-width: 100%;}

.img-preview {margin-right: .5rem;margin-bottom: .5rem;overflow: hidden;margin: auto}

.img-preview > img {max-width: 100%;}

.preview-lg {width: 20rem;height: 13rem;}

.preview-md {width: 8rem;height: 4.5rem;}

.preview-sm {width: 4rem;height: 2.25rem;}

.preview-xs {width: 2rem;height: 1.125rem;margin-right: 0;}



.left_col::-webkit-scrollbar {width: 5px;background: #2a3542;}

.left_col::-webkit-scrollbar-thumb {background-color: #48d;}

.left_col{overflow-x: auto;}

textarea{resize: none;}

.ui-datepicker-month{color: black !important;}

.ui-datepicker-year{color: black !important;}

#ui-datepicker-div{display: none;}

.tanggal{cursor: pointer;background-color: white !important;}

.input-group{width: 100% !important;}

/* Menu Sidebar */

.navbar {margin-bottom: 0;}

body.nav-md .col-md-3.left_col {width: 230px;padding: 0;position: absolute;display: flex;}

body.nav-sm .left_col {width: 70px;padding: 0;position: fixed;height: 100%;z-index: 200;}

body.nav-sm .main {padding: 10px 20px;margin-left: 70px;z-index: 2;}

body.nav-sm .navbar.nav_title {width: 70px;display: block;}

body.nav-sm .navbar.nav_title a i {font-size: 27px;margin: 10px 0 0 3px;}

body.nav-sm .top_nav {padding: 0 !important;display: block;margin-left: 70px;z-index: 2;}

body.nav-sm .nav.side-menu li a {text-align: center !important;font-weight: 400;font-size: 10px;padding: 10px 5px;}

body.nav-sm .nav.side-menu li.active-sm {border-left: 3px solid #5BC0DE}

body.nav-sm > .nav.side-menu > li.active-sm > a {color: #1ABB9C !important;}

body.nav-sm .nav.side-menu li a i.toggle-up {display: none !important;}

body.nav-sm .nav.side-menu li a i {font-size: 25px !important;text-align: center;width: 100% !important;margin-bottom: 5px;}

body.nav-sm ul.nav.child_menu {left: 100%;position: absolute;top: 0;padding: 10px;width: 210px;z-index: 4000;background: #3E5367;display: none;}

body.nav-sm ul.nav.child_menu li {padding-left: 0;}

body.nav-sm ul.nav.child_menu li a {text-align: left !important;}

body.nav-sm .profile {display: none;}

body.nav-sm .menu_section {margin: 0;}

body.nav-sm span.fa,body.nav-sm .menu_section h3 {display: none !important;}

.nav_title {float: left;height: 63px;display: none;}

.site-title {text-overflow: ellipsis;overflow: hidden;font-weight: 700;font-size: 22px;width: 100%;color: #ECF0F1 !important;margin-left: 0 !important;line-height: 59px;display: block;height: 55px;margin: 0;padding-left: 10px;}

.site-title:hover, .site-title:focus {text-decoration: none;}

.site-title i {border: 3px solid #EAEAEA;padding: 5px 6px;border-radius: 50%;}

.profile{display: inline-block;}

.profile-pic {width: 35%;float: left;}

.img-circle.profile-img {width: 70%;background: #fff;margin-left: 15%;z-index: 1000;position: inherit;margin-top: 20px;border: 1px solid rgba(52, 73, 94, 0.44);padding: 4px;}

.profile-info {padding: 25px 10px 10px;width: 65%;float: left;}

.profile-info span {font-size: 13px;line-height: 30px;color: #BAB8B8;}

.profile-info h2 {font-size: 13px;color: #ECF0F1;margin: 0;font-weight: 700;}

.main_menu_side {padding: 0;}

.menu_section {margin-bottom: 35px;}

.menu_section >ul {margin-top: 10px;}

.nav.side-menu> li.current-page, .nav.side-menu> li.active {border-left: 3px solid #5BC0DE}

.nav.side-menu> li {position: relative;display: block;cursor: pointer;}

.nav.side-menu> li.active > a {background: #293846;}

.nav.side-menu>li>a, .nav.child_menu>li>a {color: #a7b1c2;font-weight: 700;}

.nav>li>a {position: relative;display: block;padding: 13px 15px}

#sidebar-menu span.fa {float: right;text-align: center;margin-top: 5px;font-size: 10px !important;min-width: inherit;color: #C4CFDA;}

#sidebar-menu .fa {width: 26px;opacity: .99;display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;font-size: 18px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.active a span.fa {text-align: right !important;margin-right: 4px;}

.nav.child_menu > li > a {color: rgba(255, 255, 255, 0.75) !important;font-size: 12px;padding: 9px;}

.nav.child_menu li {padding-left: 36px;}

.nav.child_menu li:hover {background-color: #293846;color: white;}

li.current-page {background: rgba(255, 255, 255, 0.05);}

.nav>li>a:hover, .nav>li>a:focus {background-color: #293846;color: white;}

.top_nav .navbar-right li a:hover, .top_nav .navbar-right li a:focus {background-color: transparent;}

body.nav-md ul.nav.child_menu li:before {background: #425668;bottom: auto;content: "";height: 8px;left: 23px;margin-top: 15px;position: absolute;right: auto;width: 8px;z-index: 1;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}

body.nav-md ul.nav.child_menu li:after {border-left: 1px solid #425668;bottom: 0;content: "";left: 27px;position: absolute;top: 0;}

.nav-third-level {

    background: #2f4050;

}



/*AutoCOmplete*/

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }

.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }

.autocomplete-no-suggestion { padding: 2px 5px;}

.autocomplete-selected { background: #F0F0F0; }

.autocomplete-suggestions strong { font-weight: bold; color: #000; }

.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

/* PROJECTS */

.img-cov {width: 32px;height: 32px;}

/* Progress Bar */

.progress-bar {background-color: #1ab394;}

.progress-small,.progress-small .progress-bar {height: 10px;}

.progress-small,.progress-mini {margin-top: 5px;}

.progress-mini,.progress-mini .progress-bar {height: 5px;margin-bottom: 0px;}

.progress-bar-navy-light {background-color: #3dc7ab;}

.progress-bar-success {background-color: #1c84c6;}

.progress-bar-info {background-color: #23c6c8;}

.progress-bar-warning {background-color: #f8ac59;}

.progress-bar-danger {background-color: #ed5565;}

/* AGILE BOARD */

.sortable-list {padding: 10px 0;}

.agile-list {list-style: none;margin: 0;}

.agile-list li {background: #FAFAFB;border: 1px solid #e7eaec;margin: 0px 0 10px 0;padding: 10px;border-radius: 2px;}

.agile-list li:hover {background: #fff;}

.agile-list li.warning-element {border-left: 3px solid #f8ac59;}

.agile-list li.danger-element {border-left: 3px solid #ed5565;}

.agile-list li.info-element {border-left: 3px solid #1c84c6;}

.agile-list li.success-element {border-left: 3px solid #1ab394;}

.agile-detail {margin-top: 5px;font-size: 12px;}

/* Top Menu */

.top_nav {padding: 0 !important;display: block;padding: 10px 20px 0;margin-left: 230px;}

.nav_menu {float: left;background: #fff;border-bottom: 2px solid #e7eaec;margin-bottom: 10px;width: 100%;}

.toggle {float: left;margin: 0;padding-top: 12px;width: 70px;}

.toggle a {margin: 0 15px;}

.top_nav .navbar-right {margin: 0;width: 70%;float: right;}

.navbar-right {margin-right: 0;}

.top_nav .navbar-right li {display: inline-block;float: right;}

.nav.navbar-nav>li>a {color: #515356 !important;}

.navbar-brand, .navbar-nav>li>a {font-weight: 400;color: #ECF0F1 !important;margin-left: 0 !important;line-height: 32px;}

.navbar-brand, .navbar-nav>li>a {margin-bottom: 5px;}

.navbar-nav>li>a, .navbar-brand, .navbar-nav>li>a {color: #fff !important;}

.user-profile img {width: 29px;height: 29px;border-radius: 50%;margin-right: 10px;}

.top_nav .dropdown-menu {min-width: 220px;}

.navbar-nav .open .dropdown-menu {position: absolute;background: #fff;margin-top: 0;border: 1px solid #D9DEE4;-webkit-box-shadow: none;}

.count-info .label {line-height: 12px;padding: 2px 5px;position: absolute;right: 6px;top: 12px;}

.top_nav .dropdown-menu li {width: 100%;}

.top_nav .navbar-right li {display: inline-block;float: right;}

.top_nav li a i {font-size: 15px;}

.dropdown-menu .divider {height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}

.top_nav .dropdown-menu li a {width: 100%;padding: 5px 20px;}

.dropdown-menu>li>a {font-size: 13px;display: block;padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #333;white-space: nowrap;}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #262626;background-color: #f5f5f5!important}

ul.dropdown-menu.dropdown-alerts {width: 310px;padding: 15px 10px;}

.link-block {font-size: 12px;padding: 10px;}



/* Content */

.wrapper-content{padding: 0 10px; overflow: hidden;}

.form-control,.single-line{background-color:#FFF;background-image:none;border:1px solid #e5e6e7;border-radius:1px;color:inherit;display:block;padding:6px 12px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0;width:100%;font-size:12px;font-weight: 100}

.form-control:focus,.single-line:focus{border-color:#5BC0DE!important}

.has-success .form-control{border-color:#5BC0DE}

.has-warning .form-control{border-color:#f8ac59}

.has-error .form-control{border-color:#ed5565}

.has-success .control-label{color:#5BC0DE}

.has-warning .control-label{color:#f8ac59}

.has-error .control-label{color:#ed5565}

.input-group-addon{background-color:#fff;border:1px solid #E5E6E7;border-radius:1px;color:inherit;font-size:14px;font-weight:400;line-height:1;padding:6px 12px;text-align:center}

.spinner-buttons.input-group-btn .btn-xs{line-height:1.13}

.spinner-buttons.input-group-btn{width:20%}

.noUi-connect{background:none repeat scroll 0 0 #5BC0DE;box-shadow:none}

.slider_red .noUi-connect{background:none repeat scroll 0 0 #ed5565;box-shadow:none}

.hr-line-dashed {border-top: 1px dashed #e7eaec;color: #ffffff;background-color: #ffffff;height: 1px;margin: 20px 0;}

.b-r {border-right: 1px solid #e7eaec;}

.fa-big{font-size: 160px;}

.m-l-n {margin-left: -15px;}

.m-b {margin-bottom: 15px;}



/* Panel */

.panel{border: none}

.panel-heading{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #ffffff;border-color: #e7eaec;border-image: none;border-style: solid solid none;border-width: 4px 0px 0;border-radius: 0;font-size: 14px;font-weight: 700;padding: 15px;}

.panel-body{border-top: 1px solid #eee;}

.tools {margin: -7px -5px;}

.tools a {float: left;margin-left: 3px;padding: 10px;text-decoration: none;}

.tools a:hover {color: #23C6C8;}





/* COLORS */

.text-navy{color:#1ab394}

.text-primary{color:inherit}

.text-success{color:#1c84c6}

.text-info{color:#23c6c8}

.text-warning{color:#f8ac59}

.text-danger{color:#ed5565}

.text-muted{color:#888}

.font-bold{font-weight:600}

.stat-percent{float:right}

/* Button */

.btn{border-radius:3px}

.float-e-margins .btn{margin-bottom:5px}

.btn-w-m{min-width:120px}

.btn-primary.btn-outline{color:#1ab394}

.btn-success.btn-outline{color:#1c84c6}

.btn-info.btn-outline{color:#23c6c8}

.btn-warning.btn-outline{color:#f8ac59}

.btn-danger.btn-outline{color:#ed5565}

.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:#1ab394;border-color:#1ab394;color:#FFF}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-color:#18a689;border-color:#18a689;color:#FFF}

.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:#1dc5a3;border-color:#1dc5a3}

.btn-success{background-color:#1c84c6;border-color:#1c84c6;color:#FFF}

.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-color:#1a7bb9;border-color:#1a7bb9;color:#FFF}

.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:#1f90d8;border-color:#1f90d8}

.btn-info{background-color:#23c6c8;border-color:#23c6c8;color:#FFF}

.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-color:#21b9bb;border-color:#21b9bb;color:#FFF}

.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:#26d7d9;border-color:#26d7d9}

.btn-warning{background-color:#f8ac59;border-color:#f8ac59;color:#FFF}

.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-color:#f7a54a;border-color:#f7a54a;color:#FFF}

.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:#f9b66d;border-color:#f9b66d}

.btn-danger{background-color:#ed5565;border-color:#ed5565;color:#FFF}

.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-color:#ec4758;border-color:#ec4758;color:#FFF}

.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:#ef6776;border-color:#ef6776}

.btn-link{color:inherit}

.btn-link:hover,.btn-link:focus,.btn-link:active,.btn-link.active,.open .dropdown-toggle.btn-link{color:#1ab394;text-decoration:none}

.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:#cacaca}

.btn-white{color:inherit;background:#fff;border:1px solid #e7eaec}

.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white{color:inherit;border:1px solid #d2d2d2}

.btn-white:active,.btn-white.active{box-shadow:0 2px 5px rgba(0,0,0,0.15) inset}

.btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white{background-image:none}

.btn-white.disabled,.btn-white.disabled:hover,.btn-white.disabled:focus,.btn-white.disabled:active,.btn-white.disabled.active,.btn-white[disabled],.btn-white[disabled]:hover,.btn-white[disabled]:focus,.btn-white[disabled]:active,.btn-white.active[disabled],fieldset[disabled] .btn-white,fieldset[disabled] .btn-white:hover,fieldset[disabled] .btn-white:focus,fieldset[disabled] .btn-white:active,fieldset[disabled] .btn-white.active{color:#cacaca}

.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; border-radius: 0}

.btn-outline{color:inherit;background-color:transparent;transition:all .5s}

.btn-rounded{border-radius:50px}

.btn-large-dim{width:90px;height:90px;font-size:42px}

button.dim{display:inline-block;color:#fff;text-decoration:none;text-transform:uppercase;text-align:center;padding-top:6px;margin-right:10px;position:relative;cursor:pointer;border-radius:5px;font-weight:600;margin-bottom:20px!important}

button.dim:active{top:3px}

button.btn-primary.dim{box-shadow:inset 0 0 0 #16987e,0 5px 0 0 #16987e,0 10px 5px #999}

button.btn-primary.dim:active{box-shadow:inset 0 0 0 #16987e,0 2px 0 0 #16987e,0 5px 3px #999}

button.btn-default.dim{box-shadow:inset 0 0 0 #b3b3b3,0 5px 0 0 #b3b3b3,0 10px 5px #999}

button.btn-default.dim:active{box-shadow:inset 0 0 0 #b3b3b3,0 2px 0 0 #b3b3b3,0 5px 3px #999}

button.btn-warning.dim{box-shadow:inset 0 0 0 #f79d3c,0 5px 0 0 #f79d3c,0 10px 5px #999}

button.btn-warning.dim:active{box-shadow:inset 0 0 0 #f79d3c,0 2px 0 0 #f79d3c,0 5px 3px #999}

button.btn-info.dim{box-shadow:inset 0 0 0 #1eacae,0 5px 0 0 #1eacae,0 10px 5px #999}

button.btn-info.dim:active{box-shadow:inset 0 0 0 #1eacae,0 2px 0 0 #1eacae,0 5px 3px #999}

button.btn-success.dim{box-shadow:inset 0 0 0 #1872ab,0 5px 0 0 #1872ab,0 10px 5px #999}

button.btn-success.dim:active{box-shadow:inset 0 0 0 #1872ab,0 2px 0 0 #1872ab,0 5px 3px #999}

button.btn-danger.dim{box-shadow:inset 0 0 0 #ea394c,0 5px 0 0 #ea394c,0 10px 5px #999}

button.btn-danger.dim:active{box-shadow:inset 0 0 0 #ea394c,0 2px 0 0 #ea394c,0 5px 3px #999}

button.dim:before {font-size: 50px;line-height: 1em;font-weight: normal;color: #fff;display: block;padding-top: 10px;}

button.dim:active:before {top: 7px;font-size: 50px;}

/* Label */

.label{background-color:#d1dade;color:#5e5e5e;font-family:'Open Sans';font-size:10px;font-weight:700;padding:3px 8px;text-shadow:none}

.badge{background-color:#d1dade;color:#5e5e5e;font-family:'Open Sans';font-size:11px;font-weight:700;padding-bottom:4px;padding-left:6px;padding-right:6px;text-shadow:none}

.label-primary,.badge-primary{background-color:#1ab394;color:#FFF}

.label-success,.badge-success{background-color:#1c84c6;color:#FFF}

.label-warning,.badge-warning{background-color:#f8ac59;color:#FFF}

.label-warning-light,.badge-warning-light{background-color:#f8ac59;color:#fff}

.label-danger,.badge-danger{background-color:#ed5565;color:#FFF}

.label-info,.badge-info{background-color:#23c6c8;color:#FFF}

.label-inverse,.badge-inverse{background-color:#262626;color:#FFF}

.label-white,.badge-white{background-color:#FFF;color:#5E5E5E}

.label-white,.badge-disable{background-color:#2A2E36;color:#8B91A0}



/* Login */

.login-title {font-size: 30px;font-weight: 700;color: #fff;text-align: center;width: 100%;text-transform: uppercase;margin-top: 80px;}

.login {width: 350px;margin: auto;background: #fff;padding: 30px;}

.login img {margin: 30px 0;width: 130px;}

.login-btn {margin-top: 15px;}



/*taglist*/

div.inputTags-list{display:inline-block;width:100%;padding:6px;border:1px solid #e5e6e7;}

div.inputTags-list span.inputTags-item{font-size:11px;position:relative;display:inline-block;margin:2px;padding:3px 22px 4px 8px;background-color:#19BC9C;text-align:center;color:#fff;opacity:1;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

div.inputTags-list span.inputTags-item.is-edit{display:none}

div.inputTags-list span.inputTags-item.is-hidden{display:none!important}

div.inputTags-list span.inputTags-item.is-exists{background-color:rgba(231,76,60,0.7)}

div.inputTags-list span.inputTags-item span.value{cursor:pointer}

div.inputTags-list span.inputTags-item i{position:absolute;top:50%;right:6px;font-size:20px;cursor:pointer;z-index:10;font-weight:400;font-family:sans-serif;line-height:1;font-style:normal;-webkit-transition:color .2s;-khtml-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}

div.inputTags-list span.inputTags-item i:hover{color:#e74c3c}

div.inputTags-list input.inputTags-field{width:50px;border:none;margin-left:4px;background-color:transparent}

div.inputTags-list input.inputTags-field:focus,div.inputTags-list input.inputTags-field:active{outline:none}

div.inputTags-list input.inputTags-field.is-edit{margin:0 2px;padding:4px 8px 3px;border:1px dashed #c4c4c4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

div.inputTags-list ul.inputTags-autocomplete-list{position:absolute;max-height:192px;margin:0;padding:0;list-style-type:none;background-color:#fff;border:1px solid #ddd;overflow-y:auto;z-index:100;opacity:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transform:scaleY(0);-khtml-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform-origin:50% 0;-khtml-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;-webkit-transition-duration:.2s;-khtml-transition-duration:.2s;-moz-transition-duration:.2s;-ms-transition-duration:.2s;-o-transition-duration:.2s}

div.inputTags-list ul.inputTags-autocomplete-list.is-active{opacity:1;-webkit-transform:scaleY(1);-khtml-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1)}

div.inputTags-list ul.inputTags-autocomplete-list li{height:32px;line-height:32px;padding:0 16px;cursor:pointer;border-bottom:1px solid #ddd;-webkit-transition-duration:.3s;-khtml-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.2s;-khtml-transition-duration:.2s;-moz-transition-duration:.2s;-ms-transition-duration:.2s;-o-transition-duration:.2s}

div.inputTags-list ul.inputTags-autocomplete-list li:last-child{border:none}

div.inputTags-list ul.inputTags-autocomplete-list li:hover{background-color:#19BC9C;color:#fff}

div.inputTags-list ul.inputTags-autocomplete-list li.is-disabled{cursor:default;background-color:#f7f7f7;color:initial}

p.inputTags-error{position:relative;margin:0;padding:.5em 1em;color:#fff;background-color:rgba(231,76,60,0.7);cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

p.inputTags-error:first-of-type{margin-top:8px}

p.inputTags-error:after{position:absolute;content:"\000D7";top:50%;right:.5em;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);font-size:28px}



/*Select*/

select.bs-select-hidden,select.selectpicker{display:none!important}

.bootstrap-select{width:100%}

.bootstrap-select > .dropdown-toggle{width:100%;padding-right:25px;z-index:1}

.bootstrap-select > .dropdown-toggle.bs-placeholder,.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,.bootstrap-select > .dropdown-toggle.bs-placeholder:active{color:#9f9f9f;font-size: 13px;border: 1px solid #e5e6e7;background: #fff;border-radius: 0}

.bootstrap-select > select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}

.bootstrap-select > select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}

.has-error .bootstrap-select .dropdown-toggle,.error .bootstrap-select .dropdown-toggle{border-color:#b94a48}

.bootstrap-select.fit-width{width:auto!important}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}

.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}

.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}

.bootstrap-select.form-control:not([class*="col-"]){width:100%}

.bootstrap-select.form-control.input-group-btn{z-index:auto}

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn{border-radius:0}

.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*="col-"]{float:none;display:inline-block;margin-left:0}

.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right{float:right}

.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-group .bootstrap-select.btn-group{margin-bottom:0}

.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}

.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}

.form-inline .bootstrap-select.btn-group .form-control{width:100%}

.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group > .disabled{cursor:not-allowed}

.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group > .disabled:focus{outline:none!important}

.bootstrap-select.btn-group.bs-container{position:absolute;height:0!important;padding:0!important}

.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}

.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left;font-size: 13px;color: inherit;}

.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle{width:100%}

.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}

.bootstrap-select.btn-group .dropdown-menu li{position:relative}

.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}

.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}

.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}

.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}

.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}

.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle{z-index:1061}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,0.2);position:absolute;bottom:-4px;left:9px;display:none}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,0.2);border-bottom:0}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after{display:block}

.bs-searchbox,.bs-actionsbox,.bs-donebutton{padding:4px 8px}

.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.bs-actionsbox .btn-group button{width:50%}

.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.bs-donebutton .btn-group button{width:100%}

.bs-searchbox + .bs-actionsbox{padding:0 8px 4px}

.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: #337ab7!important;}



/* Footer */

footer {background: #fff;padding: 13px;height: 45px;margin: 0 -15px;}



/* Responsive */

@media (max-width: 991px) {

    body.nav-md .main,body.nav-md .top_nav {width: 100%;margin: 0;}

    body.nav-md .col-md-3.left_col {display: none;}

    body.nav-md .main {width: 100%;padding-right: 0}

}



@media (max-width: 768px) {

    .rabox-tools {float: none;text-align: right;display: block;}

}

@media (max-width: 350px) {

    .rabox-tools {float: none;text-align: left;display: inline-block;}

}