@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6 {
   font-family: 'Roboto', sans-serif;
}
.portlet > .portlet-body, .portlet > .portlet-title:after {
    clear: both;
}
html {
    font-size: 16px;
}
@media screen and (max-width: 450px) {
    html {
        font-size: 14px;
    }
}
body {
    color: #333;
    padding: 0 !important;
    margin: 0 !important;
    direction: "ltr";
    font-size: 14px;
}
@media screen and (max-width: 450px) {
    body {
        font-size: 13px;
    }
}
@-ms-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}
@-ms-viewport {
    width: auto !important;
}
.alert, .badge, .btn, .note {
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);
}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input .form-control ~ label {
    opacity: 1;
    filter: alpha(opacity=100);
}
.form-group.form-md-line-input {
    position: relative;
    margin: 0 0 35px;
    padding-top: 20px;
}
.form-group.form-md-line-input:last-child {
        margin-bottom: 10px;
    }
.form-group.form-md-line-input .form-control {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #c2cad8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #555;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
}
.form-group.form-md-line-input .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }
.form-group.form-md-line-input .form-control:-ms-input-placeholder {
        color: #999;
    }
.form-group.form-md-line-input .form-control::-webkit-input-placeholder {
        color: #999;
    }
.form-group.form-md-line-input .input-group, .form-group.form-md-line-input + .input-group, .form-group.form-md-line-input + .input-icon {
    padding-top: 0;
}
.form-group.form-md-line-input .form-control ~ label {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
}
.form-group.form-md-line-input .form-control ~ label:after {
    content: '';
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 50%;
    height: 2px;
    width: 0;
    visibility: hidden;
    transition: .2s ease all;
}
.form-group.form-md-line-input .form-control ~ label {
    top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #888;
}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label {
    color: #888;
}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after {
        visibility: visible;
        left: 0;
        width: 100%;
        background: #36c6d3;
    }
.form-group.form-md-line-input .form-control[disabled], .form-group.form-md-line-input .form-control[readonly], fieldset[disabled] .form-group.form-md-line-input .form-control {
    background: 0 0;
    cursor: not-allowed;
    border-bottom: 1px dashed #c2cad8;
}
.form-group.form-md-line-input.form-md-floating-label .form-control ~ label {
    font-size: 16px;
    top: 25px;
    transition: .2s ease all;
    color: #999;
}
.form-group.form-md-line-input.form-md-floating-label .form-control.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control[readonly] ~ label {
    top: 0;
    font-size: 13px;
}
.form-group.form-md-line-input.form-md-floating-label .input-icon > label {
    padding-left: 34px;
}
.form-group.form-md-line-input > .input-icon .form-control {
    padding-left: 34px;
}
.btn:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);
}
.form-group.form-md-line-input > .input-icon > i {
    left: 0;
    bottom: 0;
    margin: 9px 2px 10px 10px;
    color: #888;
}
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-success label {
    color: #27a4b0;
}
.form-group.form-md-line-input > .input-icon > label {
    margin-top: -20px;
}
.form-group.form-md-line-input .input-group > label {
    margin-top: -20px;
}
.form-group.form-md-line-input .input-group .input-group-btn .btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.form-group.form-md-line-input.has-success .form-control {
    border-bottom: 1px solid #27a4b0;
}
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label:after {
        background: #27a4b0;
    }
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-error label {
    color: #e73d4a;
}
.form-group.form-md-line-input.has-error .form-control {
    border-bottom: 1px solid #e73d4a;
}
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label:after {
        background: #e73d4a;
    }
hr, p {
    margin: 20px 0;
}
label {
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}
h1 {font-size:18px;}
@media (min-width: 450px) {
    h1 {font-size:24px;}
}
/*Emulate H3 tag because H1 needs to be used for SEO purposes*/

h2 {font-size:22px;}
@media (min-width: 450px) {
    h2 {font-size:30px;}
}
h3 {font-size:18px;}
@media (min-width: 450px) {
    h3 {font-size:24px;}
}
h4 {font-size:14px;}
@media (min-width: 450px) {
    h4 {
        font-size: 18px;
    }
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        color: #444;
    }
h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
        padding-top: 10px;
        padding-bottom: 10px;
    }
a {
    text-shadow: none;
    color: #337ab7;
}
.badge {
    text-shadow: none !important;
}
a:hover {
    cursor: pointer;
    color: #23527c;
}
a:active, a:focus, a:hover {
    outline: 0;
}
hr {
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 0;
}
.list-unstyled li > .list-unstyled {
    margin-left: 25px;
}
code {
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.1);
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
}
.display-hide {
    display: none;
}
.bold {
    font-weight: 700 !important;
}
.uppercase {
    text-transform: uppercase !important;
}
.badge, .btn {
    text-transform: uppercase;
}
.badge, .btn {
    font-weight: 600;
}
[class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"], [class^=fa-]:not(.fa-stack), [class^=glyphicon-], [class^=icon-] {
    display: inline-block;
    line-height: 14px;
    -webkit-font-smoothing: antialiased;
}
.alert > p {
    margin: 0;
}
.alert {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border-width: 0;
}
.badge {
    font-size: 11px !important;
    height: 18px;
    color: #fff;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-align: center;
    vertical-align: middle;
}
.dropdown-menu > li > a > .badge {
    position: absolute;
    margin-top: 1px;
    right: 3px;
    display: inline;
    padding: 4px 6px 2px;
}
.badge {
    padding: 4px 6px 2px;
}
.btn:hover {
    transition: all .3s;
}
.btn:not(.btn-sm):not(.btn-lg) {
    line-height: 1.44;
}
.btn.blue:not(.btn-outline) {
    color: #FFF;
    background-color: #3598dc;
    border-color: #3598dc;
}
.btn.blue:not(.btn-outline):focus {
        color: #FFF;
        background-color: #217ebd;
        border-color: #15527c;
    }
.btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline):hover {
        color: #FFF;
        background-color: #217ebd;
        border-color: #1f78b5;
    }
.btn.blue:not(.btn-outline).active:focus, .btn.blue:not(.btn-outline).active:hover, .btn.blue:not(.btn-outline):active:focus, .btn.blue:not(.btn-outline):active:hover {
            color: #FFF;
            background-color: #1c699f;
            border-color: #15527c;
        }
.btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active {
        background-image: none;
    }
.btn.blue:not(.btn-outline).disabled:focus, .btn.blue:not(.btn-outline).disabled:hover {
        background-color: #3598dc;
        border-color: #3598dc;
    }
.btn.blue:not(.btn-outline) .badge {
        color: #3598dc;
        background-color: #FFF;
    }
.btn {
    outline: 0 !important;
    font-size: 12px;
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    /*border-width: 0 !important;*/
    overflow: hidden;
    position: relative;
    user-select: none;
    padding: 9px 14px 8px;
}
.btn > i {
    margin-top: 0;
    margin-left: 3px;
    margin-right: 3px;
}
.btn.btn-sm {
    font-size: 11px;
    padding: 7px 18px;
}
.btn.btn-lg {
    font-size: 16px;
    padding: 12px 26px 10px;
}
.close {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    width: 9px;
    height: 9px;
    background-repeat: no-repeat !important;
    text-indent: -10000px;
    outline: 0;
    background-image: url(/images/icons/remove-icon-small.png) !important;
}
.dropdown-menu {
    left: 0;
    min-width: 175px;
    position: absolute;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0;
    background-color: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.dropdown-menu > li > a {
        padding: 8px 16px;
        color: #6e6e6e;
        text-decoration: none;
        display: block;
        font-weight: 300;
        line-height: 18px;
        white-space: nowrap;
    }
.dropdown-menu > li > a > [class*=" fa-"], .dropdown-menu > li > a > [class^=fa-] {
            color: #888;
        }
.dropdown-menu > li > a > [class*=" icon-"], .dropdown-menu > li > a > [class^=icon-] {
            color: #666;
        }
.dropdown-menu > li > a > [class*=" glyphicon-"], .dropdown-menu > li > a > [class^=glyphicon-] {
            color: #888;
        }
.dropdown-menu > li.active:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li:hover > a {
        text-decoration: none;
        background-image: none;
        background-color: #f6f6f6;
        color: #555;
        filter: none;
    }
.dropdown-menu > li:first-child:hover > a {
        border-radius: 2px 2px 0 0;
    }
.dropdown-menu > li:last-child:hover > a {
        border-radius: 0 0 2px 2px;
    }
.dropdown-toggle:after {
    display: none;
}
.dropdown-menu {
    border: 0 !important;
    border-radius: 2px !important;
    margin: 0;
}
.dropdown-menu:after, .dropdown-menu:before {
        display: none !important;
    }
.control-label {
    margin-top: 1px;
    font-weight: 400;
}
.checkbox {
    padding: 0;
}
.radio-list > label {
    display: block;
}
.radio-list > label.radio-inline {
        display: inline-block;
    }
.form-control {
    outline: 0 !important;
    box-shadow: none !important;
}
.modal {
    overflow-y: auto !important;
}
.input-group-btn .btn {
    box-shadow: none;
}
.input-icon {
    position: relative;
    left: 0;
}
.input-icon > .form-control {
        padding-left: 33px;
    }
.input-group .input-icon > .form-control {
    border-radius: 2px 0 0 2px;
}
.input-icon > i {
    color: #ccc;
    display: block;
    position: absolute;
    margin: 11px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    font-size: 16px;
    text-align: center;
    left: 0;
}
.modal .input-icon > i {
    z-index: 10055;
}
.has-success .input-icon > i {
    color: #36c6d3;
}
.has-error .input-icon > i {
    color: #ed6b75;
}
.text-primary {
    color: #337ab7;
}
.text-info {
    color: #659be0;
}
.text-danger {
    color: #ed6b75;
}
.note p {
    font-size: 13px;
}
.modal {
    z-index: 10050;
    outline: 0;
}
.modal .modal-header {
    border-bottom: 1px solid #EFEFEF;
}
.modal .modal-header h3 {
        font-weight: 300;
    }
.modal .modal-header .close {
        margin-top: 0 !important;
    }
.modal .modal-dialog {
    z-index: 10051;
}
body[ng-controller] .modal {
    z-index: 10050 !important;
}
.note {
    margin: 0 0 20px;
    padding: 15px 30px 15px 15px;
}
.note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
        margin-top: 0;
    }
.note h1 .close, .note h2 .close, .note h3 .close, .note h4 .close, .note h5 .close, .note h6 .close {
            margin-right: -10px;
        }
.note p {
        margin: 0;
    }
.note p:last-child {
            margin-bottom: 0;
        }
.note.note-success {
        background-color: #c0edf1;
        border-color: #58d0da;
        color: #000;
    }
.note {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 0;
}
.card-header {
    background: #eee;
}
.card-header a, .card-header a:active, .card-header a:focus, .card-header a:hover {
        text-decoration: none;
    }
.portlet {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 2px;
}
.portlet.light {
        padding: 12px 20px 15px;
        background-color: #fff;
    }
.portlet {
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.03);
}
.progress {
    border: 0;
    background-image: none;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 5px;
    border-radius: 0 !important;
}


.fileinput {
    margin-bottom: 0
}

    .fileinput .close {
        float: none
    }

    .fileinput .input-group {
        white-space: nowrap;
        overflow: hidden
    }

table.dataTable thead td, table.dataTable thead th {
    border-bottom: 2px solid #e7ecf1;
    outline: 0 !important
}

.table > tfoot > tr > td, .table > tfoot > tr > th {
    border-bottom: 0;
    padding: 10px 18px;
    border-top: 1px solid #e7ecf1;
    font-weight: 600
}


[class*=jquery-notific8], [class*=jquery-notific8]:after, [class*=jquery-notific8]:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.left .jquery-notific8-close-sticky span, .right .jquery-notific8-close-sticky span {
    font-size: 10px
}

.jquery-notific8-heading {
    font-weight: 300;
    font-size: 16px
}

.radio input {
    outline: 0 !important
}

div.radio.disabled:hover {
    cursor: not-allowed
}

div.radio {
    margin-right: 0;
    margin-left: 3px
}