.font-600,
b,
strong { font-weight: 600; }
.arrow-dropdown-menu:after,
.arrow-dropdown-menu:before { content: ''; position: absolute }
.vertical-middle,
.waves-effect { vertical-align: middle }
.icon-list-demo div,
.text-overflow { white-space: nowrap; text-overflow: ellipsis }
body { font-family: 'Varela Round', sans-serif; margin: 0; padding-bottom: 60px; overflow-x: hidden; color: #626060; }
.font-secondary,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.label,
b,
h1,
h2,
h3,
h4,
h5,
h6,
strong { font-family: 'Hind Madurai', sans-serif }
html { position: relative; min-height: 100% }
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 { color: #342ADE; margin: 5px 0; }
h5 { font-size: 15px }
p { line-height: 1.6 }
* { outline: 0!important }
a:active,
a:focus,
a:hover { outline: 0; text-decoration: none }
.container { width: auto }
#wrapper,
.text-overflow { width: 100%; overflow: hidden }
.container-alt { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px }
.footer { border-top: 1px solid rgba(152,166,173,.2); bottom: 0; text-align: left!important; padding: 19px 30px 20px; position: absolute; right: 0; left: 225px }
.demo-animation,
.icon-list-demo i,
.waves-circle { text-align: center }
#wrapper { height: 100% }
.p-0 { padding: 0!important }
.p-20 { padding: 20px!important }
.p-30 { padding: 30px!important }
.p-l-0 { padding-left: 0!important }
.p-r-0 { padding-right: 0!important }
.p-t-0 { padding-top: 0!important }
.p-b-0 { padding-bottom: 0!important }
.p-t-10 { padding-top: 10px!important }
.p-b-10 { padding-bottom: 10px!important }
.p-l-r-10 { padding-left: 10px; padding-right: 10px }
.card-box,
.wrapper-md { padding: 6px 10px; }
.m-0 { margin: 0!important }
.m-r-5 { margin-right: 5px!important }
.m-r-10 { margin-right: 10px!important }
.m-r-15 { margin-right: 15px!important }
.m-l-5 { margin-left: 5px!important }
.m-l-10 { margin-left: 10px!important }
.m-l-15 { margin-left: 15px!important }
.m-t-5 { margin-top: 5px!important }
.m-t-0 { margin-top: 0!important }
.m-t-10 { margin-top: 10px!important }
.m-t-15 { margin-top: 15px!important }
.m-t-20 { margin-top: 20px!important }
.m-t-30 { margin-top: 30px!important }
.m-t-40 { margin-top: 40px!important }
.m-t-50 { margin-top: 50px!important }
.m-b-0 { margin-bottom: 0!important }
.m-b-5 { margin-bottom: 5px!important }
.m-b-10 { margin-bottom: 10px!important }
.m-b-15 { margin-bottom: 15px!important }
.m-b-20 { margin-bottom: 15px !important; }
.m-b-25 { margin-bottom: 25px!important }
.m-b-30 { margin-bottom: 30px!important }
.w-xs { min-width: 80px }
.w-sm { min-width: 95px }
.w-md { min-width: 110px }
.w-lg { min-width: 140px }
.center-page { float: none!important; margin: 0 auto!important }
.text-overflow { display: block }
.font-normal { font-weight: 400 }
.font-light { font-weight: 300 }
.font-13 { font-size: 13px!important }
.pull-in { margin-left: -20px; margin-right: -20px }
.b-0 { border: none!important }
.bx-shadow { -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); box-shadow: 0 1px 2px 0 rgba(0,0,0,.1) }
.bx-shadow-none,
.search-box .btn-search { box-shadow: none!important }
.mx-box { max-height: 380px; min-height: 380px }
.thumb-sm { height: 32px; width: 32px }
.thumb-md { height: 48px; width: 48px }
.thumb-lg { height: 88px; width: 88px }
.thumb-xl { height: 120px; width: 120px }
.bg-transparent { background-color: transparent!important }
.slimScrollDiv { height: auto!important }
.table-box { display: table; height: 100%; width: 100% }
.table-box .table-detail { display: table-cell; vertical-align: middle }
.card-box { border:1px solid #e9e6e6; -webkit-border-radius: 5px; border-radius: 1px; -moz-border-radius: 5px; background-clip: padding-box; margin-bottom: 15px; background-color: #fbfbfb; }
.search-box { position: relative }
.search-box .btn-search { position: absolute; top: 3px; right: 3px; background-color: transparent!important; border: none!important; font-size: 16px; outline: 0!important; color: #98a6ad }
.search-box .form-control { border: 2px solid rgba(152,166,173,.5); height: 38px; border-radius: 30px; padding: 8px 45px 8px 20px }
.search-box .form-control:focus { border-width: 2px!important }
.row { margin-right: -3px; margin-left: -3px; }
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 { padding-left: 10px; padding-right: 10px; }
.breadcrumb { background-color: transparent; margin-bottom: 15px; padding-top: 10px; padding-left: 0 }
.dropdown-menu { padding: 4px 0; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; box-shadow: 0 0 8px 0 rgba(0,0,0,.06), 0 1px 0 0 rgba(0,0,0,.02); border: 1px solid rgba(152,166,173,.15) }
.dropdown-menu>li { padding: 0 4px!important }
.dropdown-menu>li>a { padding: 6px 20px }
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover { background-color: #f3f3f3!important }
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover { background-color: rgba(152,166,173,.1); color: #313a46 }
.dropdown-lg { width: 260px }
.arrow-dropdown-menu:before { top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid rgba(152,166,173,.15); border-left: 7px solid transparent }
.arrow-dropdown-menu:after { top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent }
.arrow-dropdown-menu.arrow-menu-right:before { left: auto; right: 11px }
.arrow-dropdown-menu.arrow-menu-right:after { left: auto; right: 12px }
.bg-custom { background-color: #7fc1fc!important }
.bg-primary { background-color: #188ae2!important }
.bg-success { background-color: #4bd396!important }
.bg-info { background-color: #3ac9d6!important }
.bg-warning { background-color: #f9c851!important }
.bg-danger { background-color: #f5707a!important }
.bg-muted { background-color: #797979!important }
.bg-inverse { background-color: #3b3e47!important }
.bg-purple { background-color: #6b5fb5!important }
.bg-pink { background-color: #f06292!important }
.bg-orange { background-color: #ff9800!important }
.bg-brown { background-color: #8d6e63!important }
.bg-teal { background-color: #26a69a!important }
.bg-white { background-color: #fff!important }
.bg-dark { background-color: #313a46!important }
.text-custom { color: #7fc1fc!important }
.text-white { color: #fff!important }
.text-danger { color: #f5707a!important }
.text-muted { color: #98a6ad!important }
.text-primary { color: #188ae2!important }
.text-warning { color: #f9c851!important }
.text-success { color: #4bd396!important }
.text-info { color: #3ac9d6!important }
.text-inverse { color: #3b3e47!important }
.text-pink { color: #f06292!important }
.text-purple { color: #6b5fb5!important }
.text-orange { color: #ff9800!important }
.text-brown { color: #8d6e63!important }
.text-teal { color: #26a69a!important }
.badge-white,
.label-white,
.text-dark { color: #313a46!important }
.label { font-weight: 600; letter-spacing: .05em; padding: .3em .6em .2em }
.label-white { background-color: rgba(255,255,255,.7) }
.label-default { background-color: #7fc1fc }
.label-primary { background-color: #188ae2 }
.label-success { background-color: #4bd396 }
.label-info { background-color: #3ac9d6 }
.label-warning { background-color: #f9c851 }
.label-danger { background-color: #f5707a }
.label-purple { background-color: #6b5fb5 }
.label-pink { background-color: #f06292 }
.label-orange { background-color: #ff9800 }
.label-brown { background-color: #8d6e63 }
.label-teal { background-color: #26a69a }
.label-inverse { background-color: #3b3e47 }
.badge { text-transform: uppercase; padding: 3px 5px; font-size: 11px; margin-top: 1px; background-color: #7fc1fc }
.badge-xs { font-size: 9px }
.badge-sm,
.badge-xs { -webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); -o-transform: translate(0, -2px); transform: translate(0, -2px) }
.badge-white { background-color: rgba(255,255,255,.7) }
.badge-primary { background-color: #188ae2 }
.badge-success { background-color: #4bd396 }
.badge-info { background-color: #3ac9d6 }
.badge-warning { background-color: #f9c851 }
.badge-danger { background-color: #f5707a }
.badge-purple { background-color: #6b5fb5 }
.badge-pink { background-color: #f06292 }
.badge-orange { background-color: #ff9800 }
.badge-brown { background-color: #8d6e63 }
.badge-teal { background-color: #26a69a }
.badge-inverse { background-color: #3b3e47 }
.pagination>li:first-child>a,
.pagination>li:first-child>span { border-bottom-left-radius: 3px; border-top-left-radius: 3px }
.pagination>li:last-child>a,
.pagination>li:last-child>span { border-bottom-right-radius: 3px; border-top-right-radius: 3px }
.pagination>li>a,
.pagination>li>span { color: #636e7b }
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover { background-color: #e4e7ea }
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover { background-color: #7fc1fc; border-color: #7fc1fc }
.pagination-split li { margin-left: 5px; display: inline-block; float: left }
.pagination-split li:first-child { margin-left: 0 }
.pagination-split li a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
.pager li>a,
.pager li>span { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #636e7b }
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text { color: rgba(255,255,255,.7) }/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; z-index: 1; will-change: opacity, transform; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out }
.waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0,0,0,.2); -webkit-transition: all .7s ease-out; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out; -ms-transition: all .7s ease-out; transition: all .7s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); pointer-events: none }
.waves-notransition { -webkit-transition: none!important; -moz-transition: none!important; -o-transition: none!important; -ms-transition: none!important; transition: none!important }
.waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none }
.waves-input-wrapper { border-radius: .2em; vertical-align: bottom }
.waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1 }
.waves-block { display: block }
.waves-effect.waves-light .waves-ripple { background-color: rgba(255,255,255,.4) }
.waves-effect.waves-custom .waves-ripple { background-color: rgba(127,193,252,.4) }
.waves-effect.waves-primary .waves-ripple { background-color: rgba(24,138,226,.4) }
.waves-effect.waves-success .waves-ripple { background-color: rgba(75,211,150,.4) }
.waves-effect.waves-info .waves-ripple { background-color: rgba(58,201,214,.4) }
.waves-effect.waves-warning .waves-ripple { background-color: rgba(249,200,81,.4) }
.waves-effect.waves-danger .waves-ripple { background-color: rgba(245,112,122,.4) }
.waves-effect.waves-pink .waves-ripple { background-color: rgba(240,98,146,.4) }
.waves-effect.purple .waves-ripple { background-color: rgba(107,95,181,.2) }
.waves-effect.waves-inverse .waves-ripple { background-color: rgba(59,62,71,.4) }

@media print {
.breadcrumb,
.footer,
.hidden-print,
.page-title,
.page-title-box,
.topbar-left { display: none; margin: 0; padding: 0 }
.left,
.right-bar { display: none }
.content { margin-top: 0!important; padding-top: 0 }
.content-page { margin-left: 0; margin-top: 0 }
}
.demo-box { padding: 10px 15px }
.button-list { margin-left: -8px; margin-bottom: -12px }
.button-list .btn { margin-bottom: 12px; margin-left: 8px }
.demo-popover .popover { position: relative; display: block; float: left; width: 260px; margin: 20px; z-index: 9 }
.demo-tooltip .tooltip { position: relative; display: inline-block; margin: 10px 20px; opacity: 1 }
.grid-structure .grid-container { background-color: rgba(243,243,243,.5); margin-bottom: 10px; padding: 10px 20px }
.demo-animation img { position: relative; width: 120px; display: block; margin: 0 auto 40px; z-index: 1; border-radius: 2px }
.icon-list-demo div { cursor: pointer; line-height: 45px; display: block; overflow: hidden }
.icon-list-demo div p { margin-bottom: 0; line-height: inherit }
.icon-list-demo i { vertical-align: middle; font-size: 24px; border: 1px solid #f3f3f3; width: 50px; height: 50px; line-height: 50px; margin-right: 12px; color: rgba(43,61,81,.7); border-radius: 3px; display: inline-block; transition: all .2s }
.icon-list-demo .col-md-4 { -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; background-clip: padding-box; margin-bottom: 10px }
.icon-list-demo .col-md-4:hover i { color: #4bd396 }
.switchery-demo .switchery { margin-bottom: 10px; margin-right: 5px }
.icon-colored { height: 48px; width: 48px; margin: 2rem }
.img-src { width:83% !important; }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  
    vertical-align: middle;
}
.nost{ display:none; }
.pdng-btm { padding:10px; }
.error {
    color: #f00;
}
form[name="updateForm"] input, form[name="updateForm"] select, form[name="updateForm"] textarea {
    margin-bottom: 10px;
}
.dataTables_paginate.paging_simple_numbers a {
    background: #e7171f none repeat scroll 0 0;
    border: 1px solid #e7171f;
    color: #fff;
    cursor: pointer;
    margin-right: 1px;
    padding: 1px 10px;
}
.dataTables_paginate.paging_simple_numbers a#datatable-fixed-header_previous {
    border-radius: 5px 0px 0px 5px;
}
.dataTables_paginate.paging_simple_numbers a#datatable-fixed-header_next {
    border-radius: 0px 5px 5px 0px;
}
.dataTables_paginate.paging_simple_numbers span a {
    border-radius: 0px;
}
.paginate_button.current{
    color:#e7171f !important;
    background: #fff !important;
    border: 1px solid #fff !important;
    font-weight: bold;
}
table tr.selected{
    background: #acbad5 !important;
}
img#upload_img{
    border: 3px solid #d3d3d3;
    cursor: pointer;
}
.white-box {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 20px;
    padding: 15px;
}