#top>.navbar .dropdown-menu>li>a:focus,
#top>.navbar .dropdown-menu>li>a:hover {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #eeecec 0, #e2e2e2 100%) !important
}
@media screen and (min-width: 1281px){
    #mobile-navbar{
        display: none !important;
    }

}
.view-modal{
    background: none !important;
    border: none !important;
}
.close{
    opacity: 1 !important;

}
.new-border{
    border: 1px solid #dee2e6!important;
}
#bplBrowse_length{
    display: none;
}
#viewImgDialog{
    backdrop-filter: blur(4px);
    background: rgba(0,0,0,.5) !important;
}
.datepicker{
    z-index: 1050 !important;
}
.bg-gray{
    background: #736f6f;
}
.btn-notif{
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 50%;
    padding: 2em;
    background: #00c271;
}

.notif-icon{
    position: fixed;
    bottom: 40px;
    right: 40px;
}
.notification {
    background-color: rgb(0, 124, 155);
    color: white;
    text-decoration: none;
    padding: 15px 26px;
    position: fixed;
    display: inline-block;
    border-radius: 50%;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
  }

  .notification:hover {
    background: rgb(14, 163, 138);
  }

  .notification .badge {
    position: absolute;
    top: -5px;
    right: -5px;
    padding: 5px 10px;
    border-radius: 50%;
    background-color: red;
    color: white;
  }
.notif-group:hover{
    background-color: rgb(220 227 230 / 80%);
    border-bottom:1px solid;
    cursor:pointer;
    border-color: rgb(190 198 202 / 92%);
}
.notif-group{
    background-color: rgb(220 227 230 / 53%);
    border-bottom:1px solid;
    border-color: rgb(190 198 202 / 92%);
    cursor:pointer;
    padding: 1em;
}
.notif-group a:hover{
    text-decoration: none;
}
.no-notif{
    font-size: 1.5em;
    text-align: center;
}
.text-footer{
    position: absolute;
    bottom: 0;
    width: 80% !important;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

::-webkit-scrollbar-thumb .sidebar{
    background: #02770d;
}

body {
    font-family: 'Source Sans Pro', sans-serif !important;
    padding: 0px !important;
}
.selection{
    outline: none !important;
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.select2-selection .select2-selection--single{
    outline: none !important;
}
.select2-selection__arrow{
    outline: none !important;
}
.select2-container--default .select2-selection--single{
    background-color: none !important;
    border: none !important;
    border-radius: none !important;
    outline: none !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 0px !important;
}
.content-footer{
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
}

.container {
    position: relative
}

.display-row {
    display: flex
}

.bg-custom {
    background: #369 !important
}

#currUser {
    color: #447d9a
}

.logo {
    width: 200px
}

.brand-logo {
    width: 40px
}

.body-bg {
    background: #dbdcdf
}

.prettyprint {
    text-indent: 2em
}

tr.row_selected td {
    background-color: #949494b0 !important;
}

.logo-label {
    font-family: 'Goudy Bookletter 1911', serif !important;
    color: beige !important;
    font-size: 2em
}

.buss-app-img {
    width: 350px
}

.buss-app-frame {
    width: 190px
}

.wrapper {
    display: flex;
    width: 100%;
    background: #eeeeee;
    align-items: stretch
}

.signame {
    border: 0;
    outline: 0;
    border-bottom: 2px solid #000;
    text-decoration: italic;
    text-align: center
}

.signame:focus {
    outline: 0 !important
}

.modal {
    overflow-y: auto !important
}

.input-form {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375em .75em;
    font-size: 1em;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.side-logo {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.sidebar {
    min-width: 250px;
    max-width: 250px;
    background-image: linear-gradient(15deg, #010a2b -18%, #1c3d79 65%);
    color: #80c2e0;
    padding-top: 20px;
    position: fixed;
    height: 100%;
    z-index: 999;
    overflow: hidden;
    bottom: 0;
    transition: all .3s;
    box-shadow: 0 .5rem 1rem 0 #134269b9
}
.sidebar-admin {
    min-width: 250px;
    max-width: 250px;
    background: #005f8c;
    color: #80c2e0;
    padding-top: 20px;
    position: fixed;
    height: 100%;
    z-index: 999;
    overflow-y: auto;
    bottom: 0;
    transition: all .3s;
    box-shadow: 0 .5rem 1rem 0 #134269b9
}
.blue-text {
    color: #115195;
}
.green-text {
    color: #37bd57;
}
.sidebar.active {
    min-width: 75px;
    max-width: 75px;
    overflow-x: hidden
}

.sidebar.active .drop {
    display: none !important
}

.sidebar.active .sidebar-header {
    display: none !important
}

.sidebar.active .list-unstyled .collapse {
    display: none;
}

.sidebar.active .side-title {
    display: none !important
}

.sidebar.active .logo {
    display: none !important
}

.buss-app-iframe {
    width: 32em;
    height: 15em
}

.sidebar .fa {
    font-size: 1.5rem !important;
    width: 1em !important
}


.side-title {
    margin-left: 10px !important;
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: left
}

.drop {
    float: right
}

#sidebar .sidebar-header {
    font-family: 'DM Sans', sans-serif;
    padding: 20px;
    margin-left: 10px;
    background: #39647c;
    color: #fff
}

#sidebar #currUser {
    text-align: center
}

#sidebar .sidebar-header strong {
    display: none;
    font-size: 1.8em
}

#sidebar ul.components {
    padding: 10 10;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.5rem
}

#sidebar ul li a {
    font-size: 1em;
    display: block;
    font-size: 0.9425rem;
    font-weight: 600;
    padding: .75rem 1rem
}
.bg-green-custom{
    color:white;
    background-image: linear-gradient(15deg, #008c0d 0%, #ffffff 200%) !important;
}
.bg-blue-custom{
    color:white;
    background-image: linear-gradient(15deg, #00388c 0%, #ffffff 200%) !important;
}
.btn-red{
    color:white !important;
    background-color: #ad1414 !important;
    border-color: #ad1414 !important;
}
.btn-green{
    color:white !important;
    background-color: #23791c !important;
    border-color: #23791c !important;
}
.btn-blue{
    color:white !important;
    background-color: #115195 !important;
    border-color: #115195 !important;
}
#sidebar ul li a:hover {
    color: #224583fd;
    text-decoration: none;
    background: rgb(23 46 75) !important;
}

.side-item {
    color:#b5c7d1;
}

.side-item:hover {
    text-decoration: none
}

.drop-item {
    margin-left: 50px
}

.panel {
    color: #b5c7d1;
}

.p-active {
    background: #6a6a6a;
    color: white;
}

#wrap {
    margin: 0 auto
}

a {
    cursor: pointer
}

ul.footer {
    padding: 20px
}

ul.footer a {
    text-align: center;
    font-size: .9em !important;
    display: block;
    color: #000 !important;
    border-radius: 5px;
    margin-bottom: 5px
}

.content {
    margin-left: 0px !important;
    padding-left: 250px !important;
    width:100%!important;
    padding-top:10px;
    min-height:100vh;
    transition:all .3s !important;
    padding-bottom:20px
}

.b-rad {
    border-radius: .25rem !important
}

.p-zero {
    padding: 0 !important
}

.container-header {
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.content.active {
    width: 100% !important;
    padding-left:75px!important;
    transition:all .3s
}

.content.active .container {
    max-width: 95% !important;
    margin-right: 0 !important
}

.container-content {
    background-color: #f8f9fa !important;
    padding: 15px 15px 15px 15px;
    background: #fff;
    border: none;
    border-radius: .25rem;
    margin-bottom: 40px;
    box-shadow: 0 .2rem 1rem 0 #13426954;
    width: 100% !important
}

.navbar {
    padding: 15px 10px;
    padding-left: 0;
    background: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    width: 100% !important
}

.theme-dropdown .dropdown-menu {
    position: static !important;
    display: block !important;
    margin-bottom: 20px !important
}

.theme-showcase>p>.btn {
    margin: 5px 0 !important
}

.theme-showcase .navbar .container {
    width: auto !important
}

.dataTable_wrapper .form-inline {
    display: block
}

#footer {
    height: 48px;
    background-color: #222
}

.form-control:disabled,
.form-control[readonly] {
    border: transparent !important;
    /* background-color: transparent !important */
}

.zoom-in {
    cursor: zoom-in !important
}

.preview-image-modal {
    background-color: rgba(0, 0, 0, .7) !important;
    color: #fff !important
}

.btn-danger {
    background-image: linear-gradient(to right, #ec0000, #900000) !important
}

.btn-primary {
    background-color: #7ca5bb !important;
    border-color: #7ca5bb !important;
}

.btn-success {
    background-image: linear-gradient(to right, #227c00, #007c22) !important
}

.btn-warning {
    background-image: linear-gradient(to right, #e7e700, #abab00) !important
}

.btn-info {
    background-image: linear-gradient(to right, #00cee9, #008293) !important
}

.btn-secondary {
    background: #888888 !important
}

.btn-dark {
    background-image: linear-gradient(to right, #464646, #151515) !important
}

input:focus {
    outline: 0 !important;
    border: 2px solid #00c2bd;
    box-shadow: 15 15 15 15px #646464 !important
}

button:focus {
    outline: 0 !important;
    border: 2px solid #00c2bd !important;
    box-shadow: 15 15 15 15px #646464 !important
}

.btn:focus {
    outline: 0 !important;
    border: 2px solid #00c2bd !important;
    box-shadow: 15 15 15 15px #646464 !important
}

.bg-primary {
    background: #0052c2 !important;
    color: #fff !important
}
.bg-dark-blue{
    background-color: #172e63 !important;
}
.bg-info {
    background: linear-gradient(90deg, rgba(85, 135, 162, 1) 70%, rgba(34, 77, 145, 1) 100%) !important;
    color: #fff !important
}

.bg-secondary {
    background: #636161 !important;
    color: #fff !important
}

.bg-warning {
    background: rgb(241, 191, 104) !important;
    background: linear-gradient(90deg, rgba(241, 191, 104, 1) 70%, rgba(218, 159, 55, 1) 100%) !important;
    color: white !important
}
.min-h-500{
    min-height: 500px;
}
.card-border-top{
    border-top-color: #1d5ea2 !important; border-top-width: thick;
}
.datepicker {
    padding: 1em !important
}

.datepicker td,
.datepicker th {
    padding: .5em !important
}


::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

::-webkit-scrollbar-thumb {
    border-radius: 1em
}

::-webkit-scrollbar-thumb:hover {
    background-color: #999
}

::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 1em
}

::-webkit-scrollbar-track:hover {
    background: rgba(110, 110, 110, .25)
}

body.padTop53 {
    padding-top: 75px;
    overflow: visible
}


#footer:after,
#footer:before,
#top:after,
#top:before,
#wrap:after,
#wrap:before,
.head:after,
.head:before {
    display: table;
    content: " "
}

#footer:after,
#top:after,
#wrap:after,
.head:after {
    clear: both
}

#wrap {
    background-color: #f8f8f8
}

#right {
    display: none
}



#top .navbar {
    margin-bottom: 0;
    border: 1px solid #d8d7d7;
    background-color: #f8f8f8
}

#top .navbar-brand {
    padding: 0
}

#top .topnav {
    margin: 10px 15px 10px auto
}


.head {
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    background: #404040;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset
}

.head .search-bar {
    padding: 10px 15px;
    margin: 0 auto;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .05);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .05)
}

.head .search-bar .main-search {
    margin-right: 40px;
    border-bottom: 1px solid #7c7c7c
}

.head .search-bar .main-search input[type=text] {
    color: #ccc;
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.head .search-bar .main-search button,
.head .search-bar .main-search input[type=submit] {
    background: 0 0;
    border: transparent
}

.head .main-bar {
    padding: 10px
}

.head .main-bar h3 {
    margin-top: 0;
    margin-bottom: 0;
    color: #bababa
}



#menu-toggle {
    float: right;
    margin-left: 15px
}


#menu {
    position: relative;
    overflow: hidden;
    border-right: 1px solid #d8d7d7;
    border-left: 1px solid #d8d7d7;
    background-color: #f8f8f8;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .05);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .05)
}

#menu,
#menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}



#menu>li {
    position: relative;
    display: block;
    margin: 0;
    border-width: 0;
    border-radius: 0
}

#menu>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #444;
    font-weight: 700;
    border-top: 1px solid #d8d7d7
}

#menu>li>a:focus,
#menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #428bca;
    outline: 0
}

#menu>li>a .label {
    float: right
}

#menu>li.active>a {
    color: #fff;
    background-color: #428bca
}

#menu>li.panel {
    background-color: transparent;
}

#menu li>a {
    text-decoration: none
}

#menu ul {
    padding: 5px 0 5px 15px;
    border-top: 1px solid #d8d7d7;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset
}

#menu ul a {
    display: block;
    padding: 10px 0;
    font-size: 14px
}

#menu .nav-header {
    padding: 3px 15px;
    font-size: 12px;
    font-weight: 700;
    color: #777;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    background: #404040;
    border-top: 1px solid rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset
}

#menu .nav-divider {
    height: 6px;
    margin: 0;
    background: rgba(0, 0, 0, .2);
    border-top: 1px solid rgba(255, 255, 255, .01);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3) inset
}

#menu>li.active>a {
    position: relative
}

#menu>li.panel.active ul>li.active>a:after {
    position: absolute;
    right: 0;
    border-color: transparent #6e6e6e transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: ""
}

.side-right #menu>li>a>.label {
    right: auto;
    left: 3px
}



#content {
    -webkit-transition: margin .4s;
    transition: margin .4s
}

.outer {
    padding: 10px;
    background-color: #6e6e6e
}

.outer:after,
.outer:before {
    display: table;
    content: " "
}

.outer:after {
    clear: both
}

.inner {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 10px;
    background: #fff;
    border: 0 solid #e4e4e4;
    min-height: 100%
}



.inner .row {
    margin-right: -15px;
    margin-left: -15px
}

#footer {
    margin: 0 auto;
    color: #1933ec;
    background-color: #f8f8f8;
    border: 1px solid #d8d7d7
}

#footer p {
    padding: 12px 0 0;
    text-align: center
}

.box {
    position: relative;
    display: block;
    margin: 10px auto;
    border: 1px solid #efefef
}

.box header {
    background-repeat: repeat-x;
    border-bottom: 1px solid #d4d4d4;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    background-image: linear-gradient(to bottom, #fff 0, #f2f2f2 100%)
}

.box header:after,
.box header:before {
    display: table;
    content: " "
}

.box header:after {
    clear: both
}

.box header .icons,
.box header .toolbar,
.box header h5 {
    position: relative;
    display: block;
    float: left;
    min-height: 1px;
    padding: 0;
    margin: 0
}

.box header .icons {
    padding: 10px 15px;
    border-right: 1px solid #ddd;
    -webkit-box-shadow: 1px 0 0 #fff;
    box-shadow: 1px 0 0 #fff
}

.box header h5 {
    padding: 12px;
    font-weight: 700
}

.box.inverse header {
    color: #f5f5f5;
    background-repeat: repeat-x;
    border-bottom: 1px solid #4d4d4d;
    background-image: linear-gradient(to bottom, #333 0, #222 100%)
}

.box.inverse header .icons {
    border-right: 1px solid #222;
    -webkit-box-shadow: 1px 0 0 #3c3c3c;
    box-shadow: 1px 0 0 #3c3c3c
}

.box.primary header {
    color: #fff;
    background-repeat: repeat-x;
    border-bottom: 1px solid #428bca;
    background-image: linear-gradient(to bottom, #428bca 0, #3071a9 100%)
}

.box.primary header .icons {
    border-right: 1px solid #245682;
    -webkit-box-shadow: 1px 0 0 #6aa3d5;
    box-shadow: 1px 0 0 #6aa3d5
}

.box.success header {
    color: #fff;
    background-repeat: repeat-x;
    border-bottom: 1px solid #5cb85c;
    background-image: linear-gradient(to bottom, #5cb85c 0, #449d44 100%)
}

.box.success header .icons {
    border-right: 1px solid #357935;
    -webkit-box-shadow: 1px 0 0 #80c780;
    box-shadow: 1px 0 0 #80c780
}

.box.warning header {
    color: #fff;
    background-repeat: repeat-x;
    border-bottom: 1px solid #f0ad4e;
    background-image: linear-gradient(to bottom, #f0ad4e 0, #ec971f 100%)
}

.box.warning header .icons {
    border-right: 1px solid #c77c11;
    -webkit-box-shadow: 1px 0 0 #f4c37d;
    box-shadow: 1px 0 0 #f4c37d
}

.box.danger header {
    color: #fff;
    background-repeat: repeat-x;
    border-bottom: 1px solid #d9534f;
    background-image: linear-gradient(to bottom, #d9534f 0, #c9302c 100%)
}

.box.danger header .icons {
    border-right: 1px solid #a02622;
    -webkit-box-shadow: 1px 0 0 #e27c79;
    box-shadow: 1px 0 0 #e27c79
}

.box.info header {
    color: #fff;
    background-repeat: repeat-x;
    border-bottom: 1px solid #5bc0de;
    background-image: linear-gradient(to bottom, #5bc0de 0, #31b0d5 100%)
}

.box.info header .icons {
    border-right: 1px solid #2390b0;
    -webkit-box-shadow: 1px 0 0 #85d0e7;
    box-shadow: 1px 0 0 #85d0e7
}

.box:not(.dark) header .toolbar .nav>li>a {
    color: #1973e1
}

.box header .toolbar {
    display: inline-table;
    float: right
}

.box header .toolbar .btn-toolbar {
    margin: 6px 3px
}

.box header .toolbar .badge,
.box header .toolbar .label {
    display: inline-block;
    margin: 10px
}

.box header .toolbar .nav {
    margin: 1px 1px 0 0
}

.box header .toolbar .nav>li {
    display: inline-block
}

.box header .toolbar .nav>li>a {
    padding-top: 9px
}

.box header .toolbar .nav>li>a:focus,
.box header .toolbar .nav>li>a:hover {
    color: #222
}

.box header .toolbar>.btn {
    margin-right: 4px
}

.box header .toolbar>.btn-group,
.box header .toolbar>.btn-sm {
    margin: 4px
}

.box header .toolbar>.btn-xs {
    margin: 6px
}

.box header .toolbar .input-sm {
    margin: 4px -4px
}

.box header .toolbar .progress {
    min-width: 120px;
    margin: 10px 4px
}

.box header .toolbar .progress.middle {
    height: 12px;
    margin: 13px 4px
}

.box header .toolbar .progress.mini {
    height: 6px;
    margin: 16px 4px
}

.box.danger .dropdown-menu>li>a:focus,
.box.danger .dropdown-menu>li>a:hover {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #d9534f 0, #c9302c 100%)
}

.box.info .dropdown-menu>li>a:focus,
.box.info .dropdown-menu>li>a:hover {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #5bc0de 0, #31b0d5 100%)
}

.box.success .dropdown-menu>li>a:focus,
.box.success .dropdown-menu>li>a:hover {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #5cb85c 0, #449d44 100%)
}

.box.warning .dropdown-menu>li>a:focus,
.box.warning .dropdown-menu>li>a:hover {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #f0ad4e 0, #ec971f 100%)
}

.box.inverse .dropdown-menu>li>a:focus,
.box.inverse .dropdown-menu>li>a:hover {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #333 0, #222 100%)
}

.box .body {
    padding: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.box .body hr {
    margin-right: -10px;
    margin-left: -10px
}

.loading-img,
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.overlay {
    z-index: 1090;
    background: rgba(0, 0, 0, .7);
    -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1.5s; /* Firefox < 16 */
     -ms-animation: fadein 1.5s; /* Internet Explorer */
      -o-animation: fadein 1.5s; /* Opera < 12.1 */
         animation: fadein 1.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.overlay.dark {
    background: rgba(0, 0, 0, .5)
}

.loading-img {
    z-index: 1090;
    background: transparent url(../img/Line-Preloader.gif) 50% 50% no-repeat;
    background-size: 100px;
}

.body.collapse:not(.in) {
    padding: 0
}

.box>.block {
    padding: 0
}

.row.ui-sortable .box header {
    cursor: move
}

.btn-metis-1 {
    color: #fff;
    background-color: #ee465a;
    border-color: #c11a39
}

.btn-metis-1.active,
.btn-metis-1:active,
.btn-metis-1:focus,
.btn-metis-1:hover,
.open .dropdown-toggle.btn-metis-1 {
    color: #fff;
    background-color: #eb2139;
    border-color: #8b1329
}

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

.btn-metis-1.disabled,
.btn-metis-1.disabled.active,
.btn-metis-1.disabled:active,
.btn-metis-1.disabled:focus,
.btn-metis-1.disabled:hover,
.btn-metis-1[disabled],
.btn-metis-1[disabled].active,
.btn-metis-1[disabled]:active,
.btn-metis-1[disabled]:focus,
.btn-metis-1[disabled]:hover,
fieldset[disabled] .btn-metis-1,
fieldset[disabled] .btn-metis-1.active,
fieldset[disabled] .btn-metis-1:active,
fieldset[disabled] .btn-metis-1:focus,
fieldset[disabled] .btn-metis-1:hover {
    background-color: #ee465a;
    border-color: #c11a39
}

.btn-metis-2 {
    color: #fff;
    background-color: #9fd256;
    border-color: #6fac34
}

.btn-metis-2.active,
.btn-metis-2:active,
.btn-metis-2:focus,
.btn-metis-2:hover,
.open .dropdown-toggle.btn-metis-2 {
    color: #fff;
    background-color: #8dc936;
    border-color: #517d26
}

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

.btn-metis-2.disabled,
.btn-metis-2.disabled.active,
.btn-metis-2.disabled:active,
.btn-metis-2.disabled:focus,
.btn-metis-2.disabled:hover,
.btn-metis-2[disabled],
.btn-metis-2[disabled].active,
.btn-metis-2[disabled]:active,
.btn-metis-2[disabled]:focus,
.btn-metis-2[disabled]:hover,
fieldset[disabled] .btn-metis-2,
fieldset[disabled] .btn-metis-2.active,
fieldset[disabled] .btn-metis-2:active,
fieldset[disabled] .btn-metis-2:focus,
fieldset[disabled] .btn-metis-2:hover {
    background-color: #9fd256;
    border-color: #6fac34
}

.btn-metis-3 {
    color: #fff;
    background-color: #fbb450;
    border-color: #f89406
}

.btn-metis-3.active,
.btn-metis-3:active,
.btn-metis-3:focus,
.btn-metis-3:hover,
.open .dropdown-toggle.btn-metis-3 {
    color: #fff;
    background-color: #faa328;
    border-color: #bc7005
}

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

.btn-metis-3.disabled,
.btn-metis-3.disabled.active,
.btn-metis-3.disabled:active,
.btn-metis-3.disabled:focus,
.btn-metis-3.disabled:hover,
.btn-metis-3[disabled],
.btn-metis-3[disabled].active,
.btn-metis-3[disabled]:active,
.btn-metis-3[disabled]:focus,
.btn-metis-3[disabled]:hover,
fieldset[disabled] .btn-metis-3,
fieldset[disabled] .btn-metis-3.active,
fieldset[disabled] .btn-metis-3:active,
fieldset[disabled] .btn-metis-3:focus,
fieldset[disabled] .btn-metis-3:hover {
    background-color: #fbb450;
    border-color: #f89406
}

.btn-metis-4 {
    color: #fff;
    background-color: #a264e7;
    border-color: #62309a
}

.btn-metis-4.active,
.btn-metis-4:active,
.btn-metis-4:focus,
.btn-metis-4:hover,
.open .dropdown-toggle.btn-metis-4 {
    color: #fff;
    background-color: #8d41e2;
    border-color: #44216b
}

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

.btn-metis-4.disabled,
.btn-metis-4.disabled.active,
.btn-metis-4.disabled:active,
.btn-metis-4.disabled:focus,
.btn-metis-4.disabled:hover,
.btn-metis-4[disabled],
.btn-metis-4[disabled].active,
.btn-metis-4[disabled]:active,
.btn-metis-4[disabled]:focus,
.btn-metis-4[disabled]:hover,
fieldset[disabled] .btn-metis-4,
fieldset[disabled] .btn-metis-4.active,
fieldset[disabled] .btn-metis-4:active,
fieldset[disabled] .btn-metis-4:focus,
fieldset[disabled] .btn-metis-4:hover {
    background-color: #a264e7;
    border-color: #62309a
}

.btn-metis-5 {
    color: #fff;
    background-color: #777;
    border-color: #555
}

.btn-metis-5.active,
.btn-metis-5:active,
.btn-metis-5:focus,
.btn-metis-5:hover,
.open .dropdown-toggle.btn-metis-5 {
    color: #fff;
    background-color: #636363;
    border-color: #363636
}

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

.btn-metis-5.disabled,
.btn-metis-5.disabled.active,
.btn-metis-5.disabled:active,
.btn-metis-5.disabled:focus,
.btn-metis-5.disabled:hover,
.btn-metis-5[disabled],
.btn-metis-5[disabled].active,
.btn-metis-5[disabled]:active,
.btn-metis-5[disabled]:focus,
.btn-metis-5[disabled]:hover,
fieldset[disabled] .btn-metis-5,
fieldset[disabled] .btn-metis-5.active,
fieldset[disabled] .btn-metis-5:active,
fieldset[disabled] .btn-metis-5:focus,
fieldset[disabled] .btn-metis-5:hover {
    background-color: #777;
    border-color: #555
}

.btn-metis-6 {
    color: #fff;
    background-color: #00b4f5;
    border-color: #008dc5
}

.btn-metis-6.active,
.btn-metis-6:active,
.btn-metis-6:focus,
.btn-metis-6:hover,
.open .dropdown-toggle.btn-metis-6 {
    color: #fff;
    background-color: #0096cc;
    border-color: #006188
}

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

.btn-metis-6.disabled,
.btn-metis-6.disabled.active,
.btn-metis-6.disabled:active,
.btn-metis-6.disabled:focus,
.btn-metis-6.disabled:hover,
.btn-metis-6[disabled],
.btn-metis-6[disabled].active,
.btn-metis-6[disabled]:active,
.btn-metis-6[disabled]:focus,
.btn-metis-6[disabled]:hover,
fieldset[disabled] .btn-metis-6,
fieldset[disabled] .btn-metis-6.active,
fieldset[disabled] .btn-metis-6:active,
fieldset[disabled] .btn-metis-6:focus,
fieldset[disabled] .btn-metis-6:hover {
    background-color: #00b4f5;
    border-color: #008dc5
}

.btn-circle {
    width: 40px;
    height: 40px;
    padding: 8px 10px;
    border-radius: 500px
}

.btn-circle.btn-lg {
    width: 60px;
    height: 60px;
    padding: 14px 16px
}

.btn-circle.btn-sm {
    width: 30px;
    height: 30px;
    padding: 5px 10px
}

.btn-circle.btn-xs {
    width: 20px;
    height: 20px;
    padding: 0 5px
}

.btn-rect {
    border-radius: 0 !important
}

.btn-round.btn {
    border-radius: 28px
}

.btn-round.btn-xs {
    border-radius: 28px
}

.btn-round.btn-sm {
    border-radius: 28px
}

.btn-round.btn-lg {
    border-radius: 28px
}

.btn-line.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-line.btn-default.active,
.btn-line.btn-default:active,
.btn-line.btn-default:focus,
.btn-line.btn-default:hover {
    color: #fff;
    background-color: #262626;
    border-color: #b3b3b3
}

.btn-line.btn-default.disabled,
.btn-line.btn-default.disabled.active,
.btn-line.btn-default.disabled:active,
.btn-line.btn-default.disabled:focus,
.btn-line.btn-default.disabled:hover,
.btn-line.btn-default[disabled],
.btn-line.btn-default[disabled].active,
.btn-line.btn-default[disabled]:active,
.btn-line.btn-default[disabled]:focus,
.btn-line.btn-default[disabled]:hover,
fieldset[disabled] .btn-line.btn-default,
fieldset[disabled] .btn-line.btn-default.active,
fieldset[disabled] .btn-line.btn-default:active,
fieldset[disabled] .btn-line.btn-default:focus,
fieldset[disabled] .btn-line.btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-line.btn-primary {
    color: #428bca;
    background-color: #fff;
    border-color: #357ebd
}

.btn-line.btn-primary.active,
.btn-line.btn-primary:active,
.btn-line.btn-primary:focus,
.btn-line.btn-primary:hover {
    color: #fff;
    background-color: #357ebd;
    border-color: #2a6496
}

.btn-line.btn-primary.disabled,
.btn-line.btn-primary.disabled.active,
.btn-line.btn-primary.disabled:active,
.btn-line.btn-primary.disabled:focus,
.btn-line.btn-primary.disabled:hover,
.btn-line.btn-primary[disabled],
.btn-line.btn-primary[disabled].active,
.btn-line.btn-primary[disabled]:active,
.btn-line.btn-primary[disabled]:focus,
.btn-line.btn-primary[disabled]:hover,
fieldset[disabled] .btn-line.btn-primary,
fieldset[disabled] .btn-line.btn-primary.active,
fieldset[disabled] .btn-line.btn-primary:active,
fieldset[disabled] .btn-line.btn-primary:focus,
fieldset[disabled] .btn-line.btn-primary:hover {
    background-color: #fff;
    border-color: #357ebd
}

.btn-line.btn-warning {
    color: #f0ad4e;
    background-color: #fff;
    border-color: #eea236
}

.btn-line.btn-warning.active,
.btn-line.btn-warning:active,
.btn-line.btn-warning:focus,
.btn-line.btn-warning:hover {
    color: #fff;
    background-color: #eea236;
    border-color: #df8a13
}

.btn-line.btn-warning.disabled,
.btn-line.btn-warning.disabled.active,
.btn-line.btn-warning.disabled:active,
.btn-line.btn-warning.disabled:focus,
.btn-line.btn-warning.disabled:hover,
.btn-line.btn-warning[disabled],
.btn-line.btn-warning[disabled].active,
.btn-line.btn-warning[disabled]:active,
.btn-line.btn-warning[disabled]:focus,
.btn-line.btn-warning[disabled]:hover,
fieldset[disabled] .btn-line.btn-warning,
fieldset[disabled] .btn-line.btn-warning.active,
fieldset[disabled] .btn-line.btn-warning:active,
fieldset[disabled] .btn-line.btn-warning:focus,
fieldset[disabled] .btn-line.btn-warning:hover {
    background-color: #fff;
    border-color: #eea236
}

.btn-line.btn-danger {
    color: #d9534f;
    background-color: #fff;
    border-color: #d43f3a
}

.btn-line.btn-danger.active,
.btn-line.btn-danger:active,
.btn-line.btn-danger:focus,
.btn-line.btn-danger:hover {
    color: #fff;
    background-color: #d43f3a;
    border-color: #b52b27
}

.btn-line.btn-danger.disabled,
.btn-line.btn-danger.disabled.active,
.btn-line.btn-danger.disabled:active,
.btn-line.btn-danger.disabled:focus,
.btn-line.btn-danger.disabled:hover,
.btn-line.btn-danger[disabled],
.btn-line.btn-danger[disabled].active,
.btn-line.btn-danger[disabled]:active,
.btn-line.btn-danger[disabled]:focus,
.btn-line.btn-danger[disabled]:hover,
fieldset[disabled] .btn-line.btn-danger,
fieldset[disabled] .btn-line.btn-danger.active,
fieldset[disabled] .btn-line.btn-danger:active,
fieldset[disabled] .btn-line.btn-danger:focus,
fieldset[disabled] .btn-line.btn-danger:hover {
    background-color: #fff;
    border-color: #d43f3a
}

.btn-line.btn-success {
    color: #5cb85c;
    background-color: #fff;
    border-color: #4cae4c
}

.btn-line.btn-success.active,
.btn-line.btn-success:active,
.btn-line.btn-success:focus,
.btn-line.btn-success:hover {
    color: #fff;
    background-color: #4cae4c;
    border-color: #3d8b3d
}

.btn-line.btn-success.disabled,
.btn-line.btn-success.disabled.active,
.btn-line.btn-success.disabled:active,
.btn-line.btn-success.disabled:focus,
.btn-line.btn-success.disabled:hover,
.btn-line.btn-success[disabled],
.btn-line.btn-success[disabled].active,
.btn-line.btn-success[disabled]:active,
.btn-line.btn-success[disabled]:focus,
.btn-line.btn-success[disabled]:hover,
fieldset[disabled] .btn-line.btn-success,
fieldset[disabled] .btn-line.btn-success.active,
fieldset[disabled] .btn-line.btn-success:active,
fieldset[disabled] .btn-line.btn-success:focus,
fieldset[disabled] .btn-line.btn-success:hover {
    background-color: #fff;
    border-color: #4cae4c
}

.btn-line.btn-info {
    color: #5bc0de;
    background-color: #fff;
    border-color: #46b8da
}

.btn-line.btn-info.active,
.btn-line.btn-info:active,
.btn-line.btn-info:focus,
.btn-line.btn-info:hover {
    color: #fff;
    background-color: #46b8da;
    border-color: #28a1c5
}

.btn-line.btn-info.disabled,
.btn-line.btn-info.disabled.active,
.btn-line.btn-info.disabled:active,
.btn-line.btn-info.disabled:focus,
.btn-line.btn-info.disabled:hover,
.btn-line.btn-info[disabled],
.btn-line.btn-info[disabled].active,
.btn-line.btn-info[disabled]:active,
.btn-line.btn-info[disabled]:focus,
.btn-line.btn-info[disabled]:hover,
fieldset[disabled] .btn-line.btn-info,
fieldset[disabled] .btn-line.btn-info.active,
fieldset[disabled] .btn-line.btn-info:active,
fieldset[disabled] .btn-line.btn-info:focus,
fieldset[disabled] .btn-line.btn-info:hover {
    background-color: #fff;
    border-color: #46b8da
}

.btn-line.btn-metis-1 {
    color: #ee465a;
    background-color: #fff;
    border-color: #c11a39
}

.btn-line.btn-metis-1.active,
.btn-line.btn-metis-1:active,
.btn-line.btn-metis-1:focus,
.btn-line.btn-metis-1:hover {
    color: #fff;
    background-color: #ec2f45;
    border-color: #94142c
}

.btn-line.btn-metis-1.disabled,
.btn-line.btn-metis-1.disabled.active,
.btn-line.btn-metis-1.disabled:active,
.btn-line.btn-metis-1.disabled:focus,
.btn-line.btn-metis-1.disabled:hover,
.btn-line.btn-metis-1[disabled],
.btn-line.btn-metis-1[disabled].active,
.btn-line.btn-metis-1[disabled]:active,
.btn-line.btn-metis-1[disabled]:focus,
.btn-line.btn-metis-1[disabled]:hover,
fieldset[disabled] .btn-line.btn-metis-1,
fieldset[disabled] .btn-line.btn-metis-1.active,
fieldset[disabled] .btn-line.btn-metis-1:active,
fieldset[disabled] .btn-line.btn-metis-1:focus,
fieldset[disabled] .btn-line.btn-metis-1:hover {
    background-color: #fff;
    border-color: #c11a39
}

.btn-line.btn-metis-2 {
    color: #9fd256;
    background-color: #fff;
    border-color: #6fac34
}

.btn-line.btn-metis-2.active,
.btn-line.btn-metis-2:active,
.btn-line.btn-metis-2:focus,
.btn-line.btn-metis-2:hover {
    color: #fff;
    background-color: #94cd42;
    border-color: #568528
}

.btn-line.btn-metis-2.disabled,
.btn-line.btn-metis-2.disabled.active,
.btn-line.btn-metis-2.disabled:active,
.btn-line.btn-metis-2.disabled:focus,
.btn-line.btn-metis-2.disabled:hover,
.btn-line.btn-metis-2[disabled],
.btn-line.btn-metis-2[disabled].active,
.btn-line.btn-metis-2[disabled]:active,
.btn-line.btn-metis-2[disabled]:focus,
.btn-line.btn-metis-2[disabled]:hover,
fieldset[disabled] .btn-line.btn-metis-2,
fieldset[disabled] .btn-line.btn-metis-2.active,
fieldset[disabled] .btn-line.btn-metis-2:active,
fieldset[disabled] .btn-line.btn-metis-2:focus,
fieldset[disabled] .btn-line.btn-metis-2:hover {
    background-color: #fff;
    border-color: #6fac34
}

.btn-line.btn-metis-3 {
    color: #fbb450;
    background-color: #fff;
    border-color: #f89406
}

.btn-line.btn-metis-3.active,
.btn-line.btn-metis-3:active,
.btn-line.btn-metis-3:focus,
.btn-line.btn-metis-3:hover {
    color: #fff;
    background-color: #faa937;
    border-color: #c67605
}

.btn-line.btn-metis-3.disabled,
.btn-line.btn-metis-3.disabled.active,
.btn-line.btn-metis-3.disabled:active,
.btn-line.btn-metis-3.disabled:focus,
.btn-line.btn-metis-3.disabled:hover,
.btn-line.btn-metis-3[disabled],
.btn-line.btn-metis-3[disabled].active,
.btn-line.btn-metis-3[disabled]:active,
.btn-line.btn-metis-3[disabled]:focus,
.btn-line.btn-metis-3[disabled]:hover,
fieldset[disabled] .btn-line.btn-metis-3,
fieldset[disabled] .btn-line.btn-metis-3.active,
fieldset[disabled] .btn-line.btn-metis-3:active,
fieldset[disabled] .btn-line.btn-metis-3:focus,
fieldset[disabled] .btn-line.btn-metis-3:hover {
    background-color: #fff;
    border-color: #f89406
}

.btn-line.btn-metis-4 {
    color: #a264e7;
    background-color: #fff;
    border-color: #62309a
}

.btn-line.btn-metis-4.active,
.btn-line.btn-metis-4:active,
.btn-line.btn-metis-4:focus,
.btn-line.btn-metis-4:hover {
    color: #fff;
    background-color: #954ee4;
    border-color: #492473
}

.btn-line.btn-metis-4.disabled,
.btn-line.btn-metis-4.disabled.active,
.btn-line.btn-metis-4.disabled:active,
.btn-line.btn-metis-4.disabled:focus,
.btn-line.btn-metis-4.disabled:hover,
.btn-line.btn-metis-4[disabled],
.btn-line.btn-metis-4[disabled].active,
.btn-line.btn-metis-4[disabled]:active,
.btn-line.btn-metis-4[disabled]:focus,
.btn-line.btn-metis-4[disabled]:hover,
fieldset[disabled] .btn-line.btn-metis-4,
fieldset[disabled] .btn-line.btn-metis-4.active,
fieldset[disabled] .btn-line.btn-metis-4:active,
fieldset[disabled] .btn-line.btn-metis-4:focus,
fieldset[disabled] .btn-line.btn-metis-4:hover {
    background-color: #fff;
    border-color: #62309a
}

.btn-line.btn-metis-5 {
    color: #777;
    background-color: #fff;
    border-color: #555
}

.btn-line.btn-metis-5.active,
.btn-line.btn-metis-5:active,
.btn-line.btn-metis-5:focus,
.btn-line.btn-metis-5:hover {
    color: #fff;
    background-color: #6a6a6a;
    border-color: #3b3b3b
}

.btn-line.btn-metis-5.disabled,
.btn-line.btn-metis-5.disabled.active,
.btn-line.btn-metis-5.disabled:active,
.btn-line.btn-metis-5.disabled:focus,
.btn-line.btn-metis-5.disabled:hover,
.btn-line.btn-metis-5[disabled],
.btn-line.btn-metis-5[disabled].active,
.btn-line.btn-metis-5[disabled]:active,
.btn-line.btn-metis-5[disabled]:focus,
.btn-line.btn-metis-5[disabled]:hover,
fieldset[disabled] .btn-line.btn-metis-5,
fieldset[disabled] .btn-line.btn-metis-5.active,
fieldset[disabled] .btn-line.btn-metis-5:active,
fieldset[disabled] .btn-line.btn-metis-5:focus,
fieldset[disabled] .btn-line.btn-metis-5:hover {
    background-color: #fff;
    border-color: #555
}

.btn-line.btn-metis-6 {
    color: #00b4f5;
    background-color: #fff;
    border-color: #008dc5
}

.btn-line.btn-metis-6.active,
.btn-line.btn-metis-6:active,
.btn-line.btn-metis-6:focus,
.btn-line.btn-metis-6:hover {
    color: #fff;
    background-color: #00a1dc;
    border-color: #006892
}

.btn-line.btn-metis-6.disabled,
.btn-line.btn-metis-6.disabled.active,
.btn-line.btn-metis-6.disabled:active,
.btn-line.btn-metis-6.disabled:focus,
.btn-line.btn-metis-6.disabled:hover,
.btn-line.btn-metis-6[disabled],
.btn-line.btn-metis-6[disabled].active,
.btn-line.btn-metis-6[disabled]:active,
.btn-line.btn-metis-6[disabled]:focus,
.btn-line.btn-metis-6[disabled]:hover,
fieldset[disabled] .btn-line.btn-metis-6,
fieldset[disabled] .btn-line.btn-metis-6.active,
fieldset[disabled] .btn-line.btn-metis-6:active,
fieldset[disabled] .btn-line.btn-metis-6:focus,
fieldset[disabled] .btn-line.btn-metis-6:hover {
    background-color: #fff;
    border-color: #008dc5
}

.btn-grad.btn-default {
    text-shadow: 0 -1px 0 gba(0, 0, 0, .2);
    background-image: -webkit-linear-gradient(top, #fff, #b3b3b3);
    background-image: linear-gradient(to bottom, #fff, #b3b3b3);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4)
}

.btn-grad.btn-default.active,
.btn-grad.btn-default:active,
.btn-grad.btn-default:focus,
.btn-grad.btn-default:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-default.disabled,
.btn-grad.btn-default.disabled.active,
.btn-grad.btn-default.disabled:active,
.btn-grad.btn-default.disabled:focus,
.btn-grad.btn-default.disabled:hover,
.btn-grad.btn-default[disabled],
.btn-grad.btn-default[disabled].active,
.btn-grad.btn-default[disabled]:active,
.btn-grad.btn-default[disabled]:focus,
.btn-grad.btn-default[disabled]:hover,
fieldset[disabled] .btn-grad.btn-default,
fieldset[disabled] .btn-grad.btn-default.active,
fieldset[disabled] .btn-grad.btn-default:active,
fieldset[disabled] .btn-grad.btn-default:focus,
fieldset[disabled] .btn-grad.btn-default:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-primary {
    text-shadow: 0 -1px 0 gba(0, 0, 0, .2);
    background-image: -webkit-linear-gradient(top, #428bca, #2a6496);
    background-image: linear-gradient(to bottom, #428bca, #2a6496);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4)
}

.btn-grad.btn-primary.active,
.btn-grad.btn-primary:active,
.btn-grad.btn-primary:focus,
.btn-grad.btn-primary:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-primary.disabled,
.btn-grad.btn-primary.disabled.active,
.btn-grad.btn-primary.disabled:active,
.btn-grad.btn-primary.disabled:focus,
.btn-grad.btn-primary.disabled:hover,
.btn-grad.btn-primary[disabled],
.btn-grad.btn-primary[disabled].active,
.btn-grad.btn-primary[disabled]:active,
.btn-grad.btn-primary[disabled]:focus,
.btn-grad.btn-primary[disabled]:hover,
fieldset[disabled] .btn-grad.btn-primary,
fieldset[disabled] .btn-grad.btn-primary.active,
fieldset[disabled] .btn-grad.btn-primary:active,
fieldset[disabled] .btn-grad.btn-primary:focus,
fieldset[disabled] .btn-grad.btn-primary:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-warning {
    text-shadow: 0 -1px 0 gba(0, 0, 0, .2);
    background-image: -webkit-linear-gradient(top, #f0ad4e, #df8a13);
    background-image: linear-gradient(to bottom, #f0ad4e, #df8a13);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4)
}

.btn-grad.btn-warning.active,
.btn-grad.btn-warning:active,
.btn-grad.btn-warning:focus,
.btn-grad.btn-warning:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-warning.disabled,
.btn-grad.btn-warning.disabled.active,
.btn-grad.btn-warning.disabled:active,
.btn-grad.btn-warning.disabled:focus,
.btn-grad.btn-warning.disabled:hover,
.btn-grad.btn-warning[disabled],
.btn-grad.btn-warning[disabled].active,
.btn-grad.btn-warning[disabled]:active,
.btn-grad.btn-warning[disabled]:focus,
.btn-grad.btn-warning[disabled]:hover,
fieldset[disabled] .btn-grad.btn-warning,
fieldset[disabled] .btn-grad.btn-warning.active,
fieldset[disabled] .btn-grad.btn-warning:active,
fieldset[disabled] .btn-grad.btn-warning:focus,
fieldset[disabled] .btn-grad.btn-warning:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-danger {
    text-shadow: 0 -1px 0 gba(0, 0, 0, .2);
    background-image: -webkit-linear-gradient(top, #d9534f, #b52b27);
    background-image: linear-gradient(to bottom, #d9534f, #b52b27);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4)
}

.btn-grad.btn-danger.active,
.btn-grad.btn-danger:active,
.btn-grad.btn-danger:focus,
.btn-grad.btn-danger:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-danger.disabled,
.btn-grad.btn-danger.disabled.active,
.btn-grad.btn-danger.disabled:active,
.btn-grad.btn-danger.disabled:focus,
.btn-grad.btn-danger.disabled:hover,
.btn-grad.btn-danger[disabled],
.btn-grad.btn-danger[disabled].active,
.btn-grad.btn-danger[disabled]:active,
.btn-grad.btn-danger[disabled]:focus,
.btn-grad.btn-danger[disabled]:hover,
fieldset[disabled] .btn-grad.btn-danger,
fieldset[disabled] .btn-grad.btn-danger.active,
fieldset[disabled] .btn-grad.btn-danger:active,
fieldset[disabled] .btn-grad.btn-danger:focus,
fieldset[disabled] .btn-grad.btn-danger:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-success {
    text-shadow: 0 -1px 0 gba(0, 0, 0, .2);
    background-image: -webkit-linear-gradient(top, #5cb85c, #3d8b3d);
    background-image: linear-gradient(to bottom, #5cb85c, #3d8b3d);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4)
}

.btn-grad.btn-success.active,
.btn-grad.btn-success:active,
.btn-grad.btn-success:focus,
.btn-grad.btn-success:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-success.disabled,
.btn-grad.btn-success.disabled.active,
.btn-grad.btn-success.disabled:active,
.btn-grad.btn-success.disabled:focus,
.btn-grad.btn-success.disabled:hover,
.btn-grad.btn-success[disabled],
.btn-grad.btn-success[disabled].active,
.btn-grad.btn-success[disabled]:active,
.btn-grad.btn-success[disabled]:focus,
.btn-grad.btn-success[disabled]:hover,
fieldset[disabled] .btn-grad.btn-success,
fieldset[disabled] .btn-grad.btn-success.active,
fieldset[disabled] .btn-grad.btn-success:active,
fieldset[disabled] .btn-grad.btn-success:focus,
fieldset[disabled] .btn-grad.btn-success:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-info {
    text-shadow: 0 -1px 0 gba(0, 0, 0, .2);
    background-image: -webkit-linear-gradient(top, #5bc0de, #28a1c5);
    background-image: linear-gradient(to bottom, #5bc0de, #28a1c5);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4)
}

.btn-grad.btn-info.active,
.btn-grad.btn-info:active,
.btn-grad.btn-info:focus,
.btn-grad.btn-info:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-info.disabled,
.btn-grad.btn-info.disabled.active,
.btn-grad.btn-info.disabled:active,
.btn-grad.btn-info.disabled:focus,
.btn-grad.btn-info.disabled:hover,
.btn-grad.btn-info[disabled],
.btn-grad.btn-info[disabled].active,
.btn-grad.btn-info[disabled]:active,
.btn-grad.btn-info[disabled]:focus,
.btn-grad.btn-info[disabled]:hover,
fieldset[disabled] .btn-grad.btn-info,
fieldset[disabled] .btn-grad.btn-info.active,
fieldset[disabled] .btn-grad.btn-info:active,
fieldset[disabled] .btn-grad.btn-info:focus,
fieldset[disabled] .btn-grad.btn-info:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-metis-1 {
    text-shadow: 0 -1px 0 gba(0, 0, 0, .2);
    background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
    background-image: linear-gradient(to bottom, #ee465a, #c11a39);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4)
}

.btn-grad.btn-metis-1.active,
.btn-grad.btn-metis-1:active,
.btn-grad.btn-metis-1:focus,
.btn-grad.btn-metis-1:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-metis-1.disabled,
.btn-grad.btn-metis-1.disabled.active,
.btn-grad.btn-metis-1.disabled:active,
.btn-grad.btn-metis-1.disabled:focus,
.btn-grad.btn-metis-1.disabled:hover,
.btn-grad.btn-metis-1[disabled],
.btn-grad.btn-metis-1[disabled].active,
.btn-grad.btn-metis-1[disabled]:active,
.btn-grad.btn-metis-1[disabled]:focus,
.btn-grad.btn-metis-1[disabled]:hover,
fieldset[disabled] .btn-grad.btn-metis-1,
fieldset[disabled] .btn-grad.btn-metis-1.active,
fieldset[disabled] .btn-grad.btn-metis-1:active,
fieldset[disabled] .btn-grad.btn-metis-1:focus,
fieldset[disabled] .btn-grad.btn-metis-1:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-metis-2 {
    text-shadow: 0 -1px 0 gba(0, 0, 0, .2);
    background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
    background-image: linear-gradient(to bottom, #9fd256, #6fac34);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4)
}

.btn-grad.btn-metis-2.active,
.btn-grad.btn-metis-2:active,
.btn-grad.btn-metis-2:focus,
.btn-grad.btn-metis-2:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-metis-2.disabled,
.btn-grad.btn-metis-2.disabled.active,
.btn-grad.btn-metis-2.disabled:active,
.btn-grad.btn-metis-2.disabled:focus,
.btn-grad.btn-metis-2.disabled:hover,
.btn-grad.btn-metis-2[disabled],
.btn-grad.btn-metis-2[disabled].active,
.btn-grad.btn-metis-2[disabled]:active,
.btn-grad.btn-metis-2[disabled]:focus,
.btn-grad.btn-metis-2[disabled]:hover,
fieldset[disabled] .btn-grad.btn-metis-2,
fieldset[disabled] .btn-grad.btn-metis-2.active,
fieldset[disabled] .btn-grad.btn-metis-2:active,
fieldset[disabled] .btn-grad.btn-metis-2:focus,
fieldset[disabled] .btn-grad.btn-metis-2:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-metis-3 {
    text-shadow: 0 -1px 0 gba(0, 0, 0, .2);
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4)
}

.btn-grad.btn-metis-3.active,
.btn-grad.btn-metis-3:active,
.btn-grad.btn-metis-3:focus,
.btn-grad.btn-metis-3:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-metis-3.disabled,
.btn-grad.btn-metis-3.disabled.active,
.btn-grad.btn-metis-3.disabled:active,
.btn-grad.btn-metis-3.disabled:focus,
.btn-grad.btn-metis-3.disabled:hover,
.btn-grad.btn-metis-3[disabled],
.btn-grad.btn-metis-3[disabled].active,
.btn-grad.btn-metis-3[disabled]:active,
.btn-grad.btn-metis-3[disabled]:focus,
.btn-grad.btn-metis-3[disabled]:hover,
fieldset[disabled] .btn-grad.btn-metis-3,
fieldset[disabled] .btn-grad.btn-metis-3.active,
fieldset[disabled] .btn-grad.btn-metis-3:active,
fieldset[disabled] .btn-grad.btn-metis-3:focus,
fieldset[disabled] .btn-grad.btn-metis-3:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-metis-4 {
    text-shadow: 0 -1px 0 gba(0, 0, 0, .2);
    background-image: -webkit-linear-gradient(top, #a264e7, #62309a);
    background-image: linear-gradient(to bottom, #a264e7, #62309a);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4)
}

.btn-grad.btn-metis-4.active,
.btn-grad.btn-metis-4:active,
.btn-grad.btn-metis-4:focus,
.btn-grad.btn-metis-4:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-metis-4.disabled,
.btn-grad.btn-metis-4.disabled.active,
.btn-grad.btn-metis-4.disabled:active,
.btn-grad.btn-metis-4.disabled:focus,
.btn-grad.btn-metis-4.disabled:hover,
.btn-grad.btn-metis-4[disabled],
.btn-grad.btn-metis-4[disabled].active,
.btn-grad.btn-metis-4[disabled]:active,
.btn-grad.btn-metis-4[disabled]:focus,
.btn-grad.btn-metis-4[disabled]:hover,
fieldset[disabled] .btn-grad.btn-metis-4,
fieldset[disabled] .btn-grad.btn-metis-4.active,
fieldset[disabled] .btn-grad.btn-metis-4:active,
fieldset[disabled] .btn-grad.btn-metis-4:focus,
fieldset[disabled] .btn-grad.btn-metis-4:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-metis-5 {
    text-shadow: 0 -1px 0 gba(0, 0, 0, .2);
    background-image: -webkit-linear-gradient(top, #777, #555);
    background-image: linear-gradient(to bottom, #777, #555);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4)
}

.btn-grad.btn-metis-5.active,
.btn-grad.btn-metis-5:active,
.btn-grad.btn-metis-5:focus,
.btn-grad.btn-metis-5:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-metis-5.disabled,
.btn-grad.btn-metis-5.disabled.active,
.btn-grad.btn-metis-5.disabled:active,
.btn-grad.btn-metis-5.disabled:focus,
.btn-grad.btn-metis-5.disabled:hover,
.btn-grad.btn-metis-5[disabled],
.btn-grad.btn-metis-5[disabled].active,
.btn-grad.btn-metis-5[disabled]:active,
.btn-grad.btn-metis-5[disabled]:focus,
.btn-grad.btn-metis-5[disabled]:hover,
fieldset[disabled] .btn-grad.btn-metis-5,
fieldset[disabled] .btn-grad.btn-metis-5.active,
fieldset[disabled] .btn-grad.btn-metis-5:active,
fieldset[disabled] .btn-grad.btn-metis-5:focus,
fieldset[disabled] .btn-grad.btn-metis-5:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-metis-6 {
    text-shadow: 0 -1px 0 gba(0, 0, 0, .2);
    background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
    background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4)
}

.btn-grad.btn-metis-6.active,
.btn-grad.btn-metis-6:active,
.btn-grad.btn-metis-6:focus,
.btn-grad.btn-metis-6:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-grad.btn-metis-6.disabled,
.btn-grad.btn-metis-6.disabled.active,
.btn-grad.btn-metis-6.disabled:active,
.btn-grad.btn-metis-6.disabled:focus,
.btn-grad.btn-metis-6.disabled:hover,
.btn-grad.btn-metis-6[disabled],
.btn-grad.btn-metis-6[disabled].active,
.btn-grad.btn-metis-6[disabled]:active,
.btn-grad.btn-metis-6[disabled]:focus,
.btn-grad.btn-metis-6[disabled]:hover,
fieldset[disabled] .btn-grad.btn-metis-6,
fieldset[disabled] .btn-grad.btn-metis-6.active,
fieldset[disabled] .btn-grad.btn-metis-6:active,
fieldset[disabled] .btn-grad.btn-metis-6:focus,
fieldset[disabled] .btn-grad.btn-metis-6:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.btn-flat {
    border-width: 0 !important
}

.progress.lg {
    height: 28px
}

.progress.md {
    height: 12px
}

.progress.xs {
    height: 6px
}

.inner hr {
    margin-top: 10px;
    border-top-color: #ccc
}

.well.dark {
    padding-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    background-color: #000;
    border: none
}

.well.dark .alert {
    margin-bottom: 0
}

.tac {
    text-align: center
}

.stats_box {
    display: inline-block;
    margin-top: 20px;
    margin-left: 0;
    list-style: none outside none
}

.stats_box li {
    display: inline-block;
    padding: 0 10px;
    margin: 0 10px 10px;
    line-height: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
    background: #eee;
    -webkit-box-shadow: 0 0 0 1px #f8f8f8 inset, 0 0 0 1px #ccc;
    box-shadow: 0 0 0 1px #f8f8f8 inset, 0 0 0 1px #ccc
}

.stats_box :hover {
    color: #0053ff;
    font-weight: 400
}

.stats_box .sparkline {
    float: left;
    width: 50px;
    padding: 10px 14px 0 4px;
    margin-right: 12px;
    line-height: 52px;
    border-right: 1px solid #dcdcdc;
    -webkit-box-shadow: 1px 0 0 0 #fff;
    box-shadow: 1px 0 0 0 #fff
}

.stats_box .stat_text {
    position: relative;
    float: left;
    width: 150px;
    padding: 9px 10px 7px 0;
    font-size: 12px;
    text-align: left
}

.stats_box .stat_text strong {
    display: block;
    font-size: 16px
}

.stats_box .stat_text .percent {
    position: absolute;
    top: 17px;
    right: 0;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #444
}

.stats_box .stat_text .percent.up {
    color: #46a546
}

.stats_box .stat_text .percent.down {
    color: #c52f61
}

.quick-btn {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 80px;
    padding-top: 16px;
    margin: 10px;
    color: #444;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
    -webkit-box-shadow: 0 0 0 1px #f8f8f8 inset, 0 0 0 1px #ccc;
    box-shadow: 0 0 0 1px #f8f8f8 inset, 0 0 0 1px #ccc
}

.quick-btn span {
    display: block
}

.quick-btn .label {
    position: absolute;
    top: -5px;
    right: -5px
}

.quick-btn:hover {
    color: #0053ff;
    text-decoration: none
}

.quick-btn.small {
    width: 40px;
    height: 30px;
    padding-top: 6px
}

.simpleTable tr td:first-child,
.simpleTable tr th:first-child {
    width: 27px;
    text-align: center
}

.sortableTable th {
    cursor: pointer;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #fff 0, #f2f2f2 100%)
}

.sortableTable th i {
    display: none;
    float: right
}

.sortableTable th:hover {
    color: #888
}

.sortableTable th.tablesorter-header i.icon-sort {
    display: inline-block
}

.sortableTable th.tablesorter-header.tablesorter-headerDesc i.icon-sort {
    display: none
}

.sortableTable th.tablesorter-header.tablesorter-headerDesc i.icon-sort-up {
    display: inline-block
}

.sortableTable th.tablesorter-header.tablesorter-headerAsc i.icon-sort {
    display: none
}

.sortableTable th.tablesorter-header.tablesorter-headerAsc i.icon-sort-down {
    display: inline-block
}



.google-maps {
    width: 100%;
    height: 333px
}

.progress.vertical .bar.six-sec-ease-in-out {
    -webkit-transition: height 6s ease-in-out;
    -moz-transition: height 6s ease-in-out;
    -ms-transition: height 6s ease-in-out;
    -o-transition: height 6s ease-in-out;
    transition: height 6s ease-in-out
}

.progress.wide {
    width: 60px
}

.vertical-progressbar-span {
    height: 100px
}

.nav.nav-tabs {
    margin-bottom: 0;
    border: medium none
}

.tab-content {
    padding: 20px;
    margin: 0;
    border: 1px solid #ddd;
    border-radius: 5px 5px 5px 5px
}

.comments .popover {
    position: relative;
    display: block;
    width: 90%;
    margin: 0 10px
}

.comments .popover .arrow {
    top: 33%
}

.anim-checkbox label {
    position: relative
}

.anim-checkbox label:after,
.anim-checkbox label:before {
    position: absolute;
    left: -22px;
    font-family: FontAwesome
}

.anim-checkbox label:before {
    content: '\f096'
}

.anim-checkbox label:after {
    max-width: 0;
    overflow: hidden;
    content: '\f046';
    opacity: .5;
    transition: all .35s
}

.anim-checkbox input[type=checkbox] {
    display: none
}

.anim-checkbox input[type=checkbox]:checked+label:after {
    max-width: 25px;
    opacity: 1
}

.anim-checkbox .primary:checked+label:after,
.anim-checkbox .primary:checked+label:before {
    color: #428bca
}

.anim-checkbox .success:checked+label:after,
.anim-checkbox .success:checked+label:before {
    color: #5cb85c
}

.anim-checkbox .warning:checked+label:after,
.anim-checkbox .warning:checked+label:before {
    color: #f0ad4e
}

.anim-checkbox .danger:checked+label:after,
.anim-checkbox .danger:checked+label:before {
    color: #d9534f
}

.anim-checkbox .info:checked+label:after,
.anim-checkbox .info:checked+label:before {
    color: #5bc0de
}

.pricing-table {
    padding: 0;
    margin: 30px 0;
    line-height: 150%;
    text-align: center
}

.pricing-table li {
    list-style: none
}

.pricing-table>li {
    color: #444;
    background-repeat: repeat-x;
    -webkit-transition: all .2s;
    transition: all .2s;
    background-image: linear-gradient(to bottom, #ebeef5 0, #fff 100%)
}

.pricing-table.dark>li {
    color: #fff;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #666 0, #444 100%)
}

.pricing-table>li.active {
    z-index: 1;
    color: #fff;
    -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, .5);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, .5)
}


.pricing-table>li.active.primary {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #357ebd 0, #428bca 100%)
}

.pricing-table>li.active.success {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #4cae4c 0, #5cb85c 100%)
}

.pricing-table>li.active.warning {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #eea236 0, #f0ad4e 100%)
}

.pricing-table>li.active.danger {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #d43f3a 0, #d9534f 100%)
}

.pricing-table>li.active.info {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #46b8da 0, #5bc0de 100%)
}

.pricing-table .footer {
    padding: 15px;
    margin: 15px -15px 0;
    background: #eee
}

.pricing-table.dark .footer {
    background: #333
}

.pricing-table h3 {
    padding: 15px 0;
    text-transform: uppercase
}

.pricing-table .price-body {
    display: table;
    width: 125px;
    height: 125px;
    margin: 0 auto 15px auto;
    border: 2px solid #444;
    border-radius: 100%
}

.pricing-table.dark .price-body {
    border-color: #fff
}

.pricing-table>li.active.danger .price-body,
.pricing-table>li.active.info .price-body,
.pricing-table>li.active.primary .price-body,
.pricing-table>li.active.success .price-body,
.pricing-table>li.active.warning .price-body {
    border-color: #fff
}

.pricing-table .price {
    display: table-cell;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: middle
}

.pricing-table .price .price-figure {
    display: block
}

.pricing-table .price .price-term {
    font-size: 11px;
    font-weight: 400
}

.pricing-table .features ul {
    padding: 0;
    margin: 0
}

.pricing-table .features ul li {
    padding: 5px 0
}

.custom-text {
    color: #447d9a
}

.gray-text {
    color: #888888
}

.imgcenter {
    margin-left: 8px;
    margin-top: 5px;
}

.pTop50 {
    padding-top: 50px;
}

.bBorder {
    border-bottom: 1px solid #a7c1ce;
}

.mBottom30 {
    margin-bottom: 30px;
}

.list-unstyled {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.pLeft20 {
    padding-left: 20px;
}

.bcIcon {
    width: 25px !important;
    height: 25px !important;
}

.info#bplBrowse_info {
    color: #447d9a;
}

.bBottom {
    border-bottom: 1px solid #888888;
}

.side-setting:hover {
    color: #224583fd;
}

.payContainer{
    border:1px solid #888888; position:relative;
}

/* .dataTables_paginate{
    right:0!important;
    float:none!important;
}

.pagination{
    right:0!important;
    padding-right:0!important;
}

.paginate_button{
    background:#fff!important;
    float: right !important;
    display:inline-block;
    font-weight:400;
    color:#fff;
    text-align:center;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:transparent;
    border:1px solid transparent;
    padding:.15rem .5rem;
    font-size:1rem;
    line-height:1.5;
    border-radius:.15rem;
    border-color:#5e5e5e!important;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.paginate_button.active{
    background-color: #115195!important;
    border-color:#115195!important;
}

.paginate_button.previous{
    background-color: #115195!important;
    border-color:#115195!important
} */

tr.row_selected td {
    background-color: #949494b0 !important;
    color: #10413e;
}
/* .paginate_button.next{
    background-color: #115195!important;
    border-color:#115195!important;
}
.paginate_button.next a{
    color:#fff!important
}
.paginate_button.previous a{
    color:#fff!important
}
.paginate_button a{
    color:#000!important
}
.paginate_button.active a{
    color:#fff!important
}
.paginate_button.disabled a{
    color:#000!important
}
.paginate_button.disabled{
    border-color:#000!important;
    color:#000!important;
    background:#fff!important
}
.paginate_button.disabled:active{
    outline:0!important
}

.paginate_button a:hover{
    text-decoration:none!important;
}
.paginate_button:hover{
    background-color: #23791c !important;
    border-color:#23791c!important;
    color: #fff !important;
}
.paginate_button:hover a{
    color: #fff !important;
} */

table tr, table td{
    vertical-align: middle !important;
}
table.dataTable.no-footer{
    border-bottom: 0px solid white !important;
}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: 0px !important;
}
table tr  th{
    text-align: center !important;
}
.bg-blue {
    background: #115195 !important;
    color: white !important;
}

.bg-lightgray{
    background-color: rgb(224, 224, 224) !important;
}

#vphBrowse_length, #vphBrowse_filter, #vphBrowse2_length, #vphBrowse2_filter, #bplduesBrowse_filter,
#bplduesBrowse_length, #renTbl_filter, #renTbl_length, #combusTBL_filter, #combusTBL_length, #signBTBL_filter, #signBTBL_length,
#rptBrowse_length{
    display: none;
}

.modal-xl {
    max-width: 90% !important;
    margin-left: 5% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#tbl-epayment_length,#vphrptBrowse_length,#enrollBrowse_length,#enrollBrowse2_length{
    display: none;
}