html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 10px;
    -webkit-tap-highlight-color: #fff0;
    height: -webkit-fill-available;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

body {
    background-color: #fff;
    color: #fafafa;
    font-family: Roboto,sans-serif;
    font-size: 13px;
    font-weight: 300;
    margin: 0
}

figcaption,figure,header,nav,section {
    display: block
}

a {
    background-color: #fff0
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

small {
    font-size: 80%
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

button,input,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

textarea {
    overflow: auto
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

*,:after,:before {
    box-sizing: border-box
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #62a8ea;
    text-decoration: none
}

a:focus,a:hover, .item:hover {
    color: #89bceb;
    text-decoration: none;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%
}

hr {
    border: 0;
    border-top: 1px solid #e4eaec;
    margin-bottom: 22px;
    margin-top: 22px
}

h1,h2,h3,h4,h5 {
    color: #fafafa;
    font-family: Roboto,sans-serif;
    font-weight: 300;
}

h1,h2,h3 {
    margin-top: 22px
}

h1,h2,h3,h4,h5 {
    margin-bottom: 11px
}

h4,h5 {
    margin-top: 11px
}

h1 {
    font-size: 16px
}

h2,h3 {
    font-size: 15px
}

h4,h5 {
    font-size: 14px
}

p {
    margin: 0 0 11px
}

small {
    font-size: 85%
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-muted {
    color: #63747f
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #358fe4
}

a.bg-success:focus,a.bg-success:hover {
    background-color: #369b6f
}

a.bg-info:focus,a.bg-info:hover {
    background-color: #33b6c5
}

a.bg-warning:focus,a.bg-warning:hover {
    background-color: #ee8d25
}

a.bg-danger:focus,a.bg-danger:hover {
    background-color: #f73737
}

ul {
    margin-bottom: 11px;
    margin-top: 0
}

ul ul {
    margin-bottom: 0
}

abbr[title] {
    border-bottom: 1px dotted #e4eaec;
    cursor: help
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0
}

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

.col-lg-12,.col-lg-3,.col-lg-4,.col-lg-6,.col-md-2,.col-md-6,.col-xs-12,.col-xs-3,.col-xs-6 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.col-xs-12,.col-xs-3,.col-xs-6 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-6 {
    width: 50%
}

.col-xs-3 {
    width: 25%
}

@media (min-width: 992px) {
    .col-md-2,.col-md-6 {
        float:left
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-2 {
        width: 16.66666667%
    }
}

@media (min-width: 1200px) {
    .col-lg-12,.col-lg-3,.col-lg-4,.col-lg-6 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }
}

table {
    background-color: #fff0
}

th {
    text-align: left
}

.table {
    margin-bottom: 22px;
    max-width: 100%;
    width: 100%
}

.table>tbody>tr>td {
    border-top: 1px solid #e4eaec;
    padding: 8px;
    vertical-align: top
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%
}

input[type=checkbox] {
    line-height: normal;
    margin: 4px 0 0;
    margin-top: 1px;
}

input[type=file] {
    display: block
}

input[type=checkbox]:focus,input[type=file]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.form-control {
    background-image: none;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    display: block;
    font-size: 13px;
    width: 100%;
    background-color: #21292e;
    border: 0;
    color: #e5e5e5;   
    height: 36px;
    line-height: 1.57142857;
    padding: 6px 15px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control:focus {
    border-color: #62a8ea;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(98,168,234,.6);
    box-shadow: none;
    outline: 0
}

.form-control::-moz-placeholder {
    color: #a3afb7;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #a3afb7
}

.form-control::-webkit-input-placeholder {
    color: #a3afb7
}

.form-control::-ms-expand {
    background-color: #fff0;
    border: 0
}

.form-control[disabled] {
    background-color: #f3f7f9;
    cursor: not-allowed;
    opacity: 1
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 20px
}

.btn {
    background-image: none;
    border: 1px solid #fff0;
    cursor: pointer;
    display: inline-block;
    font-weight: 300;
    margin-bottom: 0;
    text-align: center;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.btn:active:focus,.btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:focus,.btn:hover {
    color: #76838f;
    text-decoration: none
}

.btn:active {
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    outline: 0
}

.btn[disabled] {
    box-shadow: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65
}

.btn-default {
    background-color: #e4eaec;
    border-color: #e4eaec;
    color: #21292e
}

.btn-default:focus {
    background-color: #c6d3d7;
    border-color: #99b0b7;
    color: #76838f
}

.btn-default:active,.btn-default:hover {
    background-color: #c6d3d7;
    border-color: #c0ced3
}

.btn-default:active {
    color: #76838f
}

.btn-default:active:focus,.btn-default:active:hover {
    background-color: #b1c2c8;
    border-color: #99b0b7;
    color: #76838f
}

.btn-default:active {
    background-image: none
}

.btn-default[disabled],.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover {
    background-color: #e4eaec;
    border-color: #e4eaec
}

.btn-primary {
    background-color: #62a8ea;
    border-color: #62a8ea;
    color: #fff
}

.btn-primary:focus {
    border-color: #1869b4
}

.btn-primary:focus,.btn-primary:hover {
    background-color: #358fe4;
    color: #fff
}

.btn-primary:active,.btn-primary:hover {
    border-color: #2c8ae3
}

.btn-primary:active {
    background-color: #358fe4;
    color: #fff
}

.btn-primary:active:focus,.btn-primary:active:hover {
    background-color: #1d7dd8;
    border-color: #1869b4;
    color: #fff
}

.btn-primary:active {
    background-image: none
}

.btn-success {
    background-color: #196d49;
    border-color: #288b61;
    color: #fff
}

.btn-success:focus {
    border-color: #226246
}

.btn-success:focus,.btn-success:hover {
    background-color: #369b6f;
    color: #fff
}

.btn-success:active,.btn-success:hover {
    border-color: #34936a
}

.btn-success:active {
    background-color: #369b6f;
    color: #fff
}

.btn-success:active:focus,.btn-success:active:hover {
    background-color: #2d805c;
    border-color: #226246;
    color: #fff
}

.btn-success:active {
    background-image: none
}

.btn-info {
    background-color: #57c7d4;
    border-color: #57c7d4;
    color: #fff
}

.btn-info:focus {
    border-color: #237e89
}

.btn-info:focus,.btn-info:hover {
    background-color: #33b6c5;
    color: #fff
}

.btn-info:active,.btn-info:hover {
    border-color: #30afbd
}

.btn-info:active {
    background-color: #33b6c5;
    color: #fff
}

.btn-info:active:focus,.btn-info:active:hover {
    background-color: #2b9ca9;
    border-color: #237e89;
    color: #fff
}

.btn-info:active {
    background-image: none
}

.btn-warning {
    background-color: #f2a654;
    border-color: #f2a654;
    color: #fff
}

.btn-warning:focus {
    border-color: #b8660e
}

.btn-warning:focus,.btn-warning:hover {
    background-color: #ee8d25;
    color: #fff
}

.btn-warning:active,.btn-warning:hover {
    border-color: #ee881b
}

.btn-warning:active {
    background-color: #ee8d25;
    color: #fff
}

.btn-warning:active:focus,.btn-warning:active:hover {
    background-color: #de7c11;
    border-color: #b8660e;
    color: #fff
}

.btn-warning:active {
    background-image: none
}

.btn-danger {
    background-color: #f96868;
    border-color: #f96868;
    color: #fff
}

.btn-danger:focus {
    border-color: #d90909
}

.btn-danger:focus,.btn-danger:hover {
    background-color: #f73737;
    color: #fff
}

.btn-danger:active,.btn-danger:hover {
    border-color: #f72d2d
}

.btn-danger:active {
    background-color: #f73737;
    color: #fff
}

.btn-danger:active:focus,.btn-danger:active:hover {
    background-color: #f61515;
    border-color: #d90909;
    color: #fff
}

.btn-danger:active {
    background-image: none
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse,.dropdown-menu {
    display: none
}

.dropdown-menu {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #e4eaec;
    border-radius: 3px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    float: left;
    font-size: 13px;
    left: 0;
    list-style: none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1200
}

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

.dropdown-menu>li>a {
    clear: both;
    color: #76838f;
    display: block;
    font-weight: 400;
    padding: 3px 20px;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #f3f7f9;
    color: #76838f;
    text-decoration: none
}

.btn-group {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.btn-group>.btn {
    float: left;
    position: relative
}

.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    border-collapse: separate;
    display: table;
    table-layout: fixed;
    width: 100%
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.input-group {
    border-collapse: separate;
    display: table;
    position: relative
}

.input-group .form-control {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2
}

.input-group .form-control,.input-group-addon {
    display: table-cell
}

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

.input-group-addon {
    background-color: #f3f7f9;
    border: 1px solid #191f22;
    border-radius: 3px;
    color: #76838f;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%
}

.input-group-addon input[type=checkbox] {
    margin-top: 0
}

.input-group .form-control:first-child,.input-group-addon:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,.input-group-addon:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.nav {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.nav>li,.nav>li>a {
    display: block;
    position: relative
}

.nav>li>a {
    padding: 18px 10px;
}

.nav>li>a:focus,.nav>li>a:hover {
    background-color: #f3f7f9;
    text-decoration: none
}

.navbar {
    border: 1px solid #fff0;
    margin-bottom: 22px;
    min-height: 66px;
    position: relative
}

@media (min-width: 768px) {
    .navbar {
        border-radius:3px
    }

    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #fff0;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1)
}

@media (min-width: 768px) {
    .navbar-collapse {
        border-top:0;
        box-shadow: none;
        width: auto
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        overflow: visible!important;
        padding-bottom: 0
    }

    .navbar-fixed-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation:landscape) {
    .navbar-fixed-top .navbar-collapse {
        max-height:200px
    }
}

.container-fluid>.navbar-collapse {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width: 768px) {
    .container-fluid>.navbar-collapse {
        margin-left:0;
        margin-right: 0
    }
}

.navbar-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1500
}

@media (min-width: 768px) {
    .navbar-fixed-top {
        border-radius:0
    }
}

.navbar-fixed-top {
    border-width: 0 0 1px;
    top: 0
}

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 66px;
    padding: 22px 15px
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

.navbar-toggle {
    background-color: #fff0;
    background-image: none;
    border: 1px solid #fff0;
    border-radius: 3px;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    position: relative
}

.navbar-toggle:focus {
    outline: 0
}

@media (min-width: 768px) {
    .navbar-toggle {
        display:none
    }

    .navbar-right {
        float: right!important;
        margin-right: -15px
    }
}

.navbar-default {
    background-color: #fbfbfb;
    border-color: #e4eaec
}

.navbar-default .navbar-brand {
    color: #37474f
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    background-color: none;
    color: #37474f
}

.navbar-default .navbar-toggle {
    border-color: #fff0
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: rgba(243,247,249,.3)
}

.navbar-default .navbar-collapse {
    border-color: #fbfbfb
}

.label {
    border-radius: .25em;
    color: #fff;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    padding: .2em .6em .3em;
    vertical-align: baseline
}

.badge,.label {
    line-height: 1;
    text-align: center;
    white-space: nowrap
}

.badge {
    background-color: #e4eaec;
    border-radius: 10px;
    color: #76838f;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    min-width: 10px;
    padding: 3px 7px;
    vertical-align: middle
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    background-color: #21292e;
    border: 0;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 15px
}

.alert-success {
    background-color: #e7faf2;
    border-color: #e7faf2;
    color: #46be8a
}

.alert-info {
    background-color: #ecf9fa;
    border-color: #ecf9fa;
    color: #57c7d4
}

.alert-danger {
    background-color: #ffeded;
    border-color: #ffeaea;
    color: #f96868
}

.progress {
    background-color: #e4eaec;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    height: 22px;
    margin-bottom: 22px;
    overflow: hidden
}

.progress-bar {
    background-color: #62a8ea;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 22px;
    text-align: center;
    transition: width .6s ease;
    width: 0
}

.progress-bar-success {
    background-color: #46be8a
}

.media-body {
    overflow: hidden;
    width: 10000px;
    zoom:1}

.media-right {
    padding-left: 10px
}

.media-body,.media-right {
    display: table-cell;
    vertical-align: top
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    background-color: #21292e;
    border: 1px solid #fff0;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative
}

.list-group-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.list-group-item:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 0
}

a.list-group-item {
    color: #fdfdfd
}

a.list-group-item:focus,a.list-group-item:hover {
    background-color: #283238;
    color: #fafafa;
    text-decoration: none
}

.list-group-item-success {
    background-color: #196d49;
    color: #fff
}

a.list-group-item-success {
    color: #fff
}

a.list-group-item-success:focus,a.list-group-item-success:hover {
    background-color: #3dae7d;
    color: #fff
}

.list-group-item-info {
    background-color: #42a2ad;
    color: #fff
}

a.list-group-item-info {
    color: #fff
}

a.list-group-item-info:focus,a.list-group-item-info:hover {
    background-color: #4cb8c5;
    color: #fff
}

.list-group-item-warning {
    background-color: #df994e;
    color: #fff
}

a.list-group-item-warning {
    color: #fff
}

a.list-group-item-warning:focus,a.list-group-item-warning:hover {
    background-color: #f09a3c;
    color: #fff
}

.list-group-item-danger {
    background-color: #cc2127;
    color: #fff
}

a.list-group-item-danger {
    color: #fff
}

a.list-group-item-danger:focus,a.list-group-item-danger:hover {
    background-color: #ff5a5a;
    color: #fff
}

.panel {
    background-color: #21292e;
    border: 1px solid #fff0;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    margin-bottom: 22px
}

.panel-body {
    padding: 30px
}

.panel-heading {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 20px 30px
}

.panel-title {
    color: inherit;
    margin-bottom: 0;
    margin-top: 0
}

.panel-footer {
    background-color: #fff0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #e4eaec;
    padding: 0 30px 15px
}

.panel>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item {
    border-radius: 0;
    border-width: 1px 0
}

.panel>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel-primary {
    border-color: #62a8ea
}

.panel-primary>.panel-heading {
    background-color: #62a8ea;
    border-color: #62a8ea;
    color: #fff
}

.panel-success {
    border-color: #3dae6a
}

.panel-info,.panel-info>.panel-heading {
    border-color: #3bcdc4
}

.panel-info>.panel-heading {
    background-color: #57c7d4;
    color: #fff
}

.panel-warning {
    border-color: #f18246
}

.panel-warning>.panel-heading {
    background-color: #f2a654;
    border-color: #f18246;
    color: #fff
}

.panel-danger {
    border-color: #f85974
}

.close {
    color: #000;
    filter: alpha(opacity=20);
    float: right;
    font-size: 21px;
    font-weight: 500;
    line-height: 1;
    opacity: .2;
    text-shadow: none
}

.close:focus,.close:hover {
    color: #000;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
    text-decoration: none
}

button.close {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    cursor: pointer;
    padding: 0
}

.modal,.modal-open {
    overflow: hidden
}

.modal {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1700;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    transform: translateY(-25%);
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    transform: translate(0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    margin: 10px;
    position: relative;
    width: auto
}

.modal-content {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #fff0;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    position: relative
}

.modal-backdrop {
    background-color: #000;
    bottom: 0;
    right: 0;
    z-index: 1600
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    border-bottom: 1px solid #e4eaec;
    min-height: 16.57px;
    padding: 15px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0
}

.modal-body {
    padding: 15px;
    position: relative
}

@media (min-width: 768px) {
    .modal-dialog {
        margin:30px auto;
        width: 600px
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width:900px
    }
}

.container-fluid:after,.container-fluid:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
    content: " ";
    display: table
}

.container-fluid:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.panel-body:after,.row:after {
    clear: both
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }

    .visible-xs-block {
        display: block!important
    }

    .visible-xs-inline {
        display: inline!important
    }

    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }

    .visible-sm-block {
        display: block!important
    }

    .visible-sm-inline {
        display: inline!important
    }

    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 992px) and (max-width:1199.98px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }

    .visible-md-block {
        display: block!important
    }

    .visible-md-inline {
        display: inline!important
    }

    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }

    .visible-lg-block {
        display: block!important
    }

    .visible-lg-inline {
        display: inline!important
    }

    .visible-lg-inline-block {
        display: inline-block!important
    }
}

@media (max-width: 767.98px) {
    .hidden-xs {
        display:none!important
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .hidden-sm {
        display:none!important
    }
}

@media (min-width: 992px) and (max-width:1199.98px) {
    .hidden-md {
        display:none!important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display:none!important
    }
}

h1,h2,h3,h4,h5 {
    text-shadow: rgba(0,0,0,.15) 0 0 1px
}

h4 .icon:first-child {
    margin-right: .5em
}

.row.no-space {
    margin-left: 0;
    margin-right: 0
}

.row.no-space>[class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.table {
    color: #76838f
}

.form-control {
    box-shadow: none;
    transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear
}

.form-control:not(select) {
    -webkit-appearance: none
}

.btn {
    border-radius: 3px;
    padding: 6px 15px;
    transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    -webkit-font-smoothing: subpixel-antialiased
}

.btn:active:focus,.btn:focus {
    outline: 0
}

.btn:active {
    box-shadow: none
}

.btn .icon {
    line-height: inherit;
    margin: 0 3px;
    text-align: center;
    width: 1em
}

.btn-block {
    white-space: normal
}

.btn-outline.btn-success {
    background-color: #fff0;
    color: #46be8a
}

.btn-outline.btn-success:active,.btn-outline.btn-success:focus,.btn-outline.btn-success:hover {
    border-color: #46be8a;
    color: #fff
}

.btn-sm {
    padding: 6px 13px
}

.btn-sm,.btn-xs {
    border-radius: 2px;
    font-size: 12px;
}

.btn-xs {
    padding: 1px 5px
}

.btn-squared {
    border-radius: 0
}

.btn-default:focus,.btn-default:hover {
    background-color: #f3f7f9;
    border-color: #f3f7f9
}

.btn-default:active,.btn-default:active:focus,.btn-default:active:hover {
    background-color: #ccd5db;
    border-color: #ccd5db
}

.btn-default[disabled],.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover {
    background-color: #f3f7f9;
    border-color: #f3f7f9;
    color: #76838f
}

.btn-primary:focus,.btn-primary:hover {
    background-color: #89bceb;
    border-color: #89bceb
}

.btn-primary:active,.btn-primary:active:focus,.btn-primary:active:hover {
    background-color: #4e97d9;
    border-color: #4e97d9
}

.btn-success:focus,.btn-success:hover {
    background-color: #5cd29d;
    border-color: #419a72
}

.btn-success:active,.btn-success:active:focus,.btn-success:active:hover {
    background-color: #36ab7a;
    border-color: #36ab7a
}

.btn-info:focus,.btn-info:hover {
    background-color: #77d6e1;
    border-color: #77d6e1
}

.btn-info:active,.btn-info:active:focus,.btn-info:active:hover {
    background-color: #47b8c6;
    border-color: #47b8c6
}

.btn-warning:focus,.btn-warning:hover {
    background-color: #f4b066;
    border-color: #f4b066
}

.btn-warning:active,.btn-warning:active:focus,.btn-warning:active:hover {
    background-color: #ec9940;
    border-color: #ec9940
}

.btn-danger:focus,.btn-danger:hover {
    background-color: #fa7a7a;
    border-color: #fa7a7a
}

.btn-danger:active,.btn-danger:active:focus,.btn-danger:active:hover {
    background-color: #e9595b;
    border-color: #e9595b
}

.btn-dark {
    background-color: #526069;
    border-color: #526069
}

.btn-dark:focus {
    border-color: #1a1f21
}

.btn-dark:focus,.btn-dark:hover {
    background-color: #3c464c;
    color: #fff
}

.btn-dark:active,.btn-dark:hover {
    border-color: #374147
}

.btn-dark:active {
    background-color: #3c464c;
    color: #fff
}

.btn-dark:active:focus,.btn-dark:active:hover {
    background-color: #2c3338;
    border-color: #1a1f21;
    color: #fff
}

.btn-dark:active {
    background-image: none
}

.btn-dark:focus,.btn-dark:hover {
    background-color: #76838f;
    border-color: #76838f
}

.btn-dark:active,.btn-dark:active:focus,.btn-dark:active:hover {
    background-color: #37474f;
    border-color: #37474f
}

.btn-dark:active,.btn-dark:focus,.btn-dark:hover {
    color: #fff
}

.btn-icon {
    font-size: 16px;
    padding: 10px
}

.dropdown-menu {
    box-shadow: 0 3px 12px rgba(0,0,0,.05);
    margin-top: 5px;
    transition: .25s
}

.dropdown-menu .divider {
    margin: 6px 0
}

.dropdown-menu>li {
    margin: 2px 0;
    padding: 0 5px
}

.dropdown-menu>li>a {
    border-radius: 3px;
    padding: 8px 15px;
    transition: background-color .25s
}

.dropdown-menu li .icon:first-child,.dropdown-menu li>a .icon:first-child {
    margin-right: .5em;
    text-align: center;
    width: 1em
}

.input-group-addon {
    transition: border .25s linear,color .25s linear,background-color .25s linear
}

.nav>li>a {
    overflow: hidden
}

.nav>li>a:focus {
    outline: 0
}

.navbar-toggle {
    background: 0 0!important;
    margin-bottom: 16px;
    margin-top: 16px;
    transition: color .25s linear
}

.navbar-toggle .icon {
    margin-top: -1px
}

.navbar-toggle:hover {
    background: 0 0!important
}

.navbar-toggle-left {
    float: left;
    margin-left: 15px;
    margin-right: 0
}

.navbar {
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,.08)
}

.navbar-fixed-top {
    width: 100%
}

@media (min-width: 768px) {
    .hidden-float {
        display:block
    }
}

@media (max-width: 767.98px) {
    .hidden-float {
        display:none!important
    }
}

.navbar-brand {
    font-weight: 500;
    padding: 22px 20px
}

.navbar-brand>.navbar-brand-logo {
    display: inline-block
}

.navbar-brand-logo {
    height: 32px;
    margin-top: -5px
}

.navbar-brand-text {
    margin-left: 6px
}

@media (max-width: 767.98px) {
    .navbar-brand-center {
        left:50%;
        position: absolute;
        transform: translate(-50%)
    }
}

@media (min-width: 768px) {
    .navbar-mega .container-fluid {
        position:relative
    }
}

.navbar-mega .dropdown-menu {
    left: auto
}

.navbar-toolbar {
    float: left
}

.navbar-toolbar:after,.navbar-toolbar:before {
    content: " ";
    display: table
}

.navbar-toolbar:after {
    clear: both
}

.navbar-toolbar>li {
    float: left
}

.navbar-toolbar>li:after,.navbar-toolbar>li:before {
    content: " ";
    display: table
}

.navbar-toolbar>li:after {
    clear: both
}

.navbar-toolbar>li>a {
    padding-bottom: 18px;
    padding-top: 20px;
    color: #232a2e;
}

@media (max-width: 767.98px) {
    .navbar-toolbar .dropdown-menu:not(.dropdown-menu-media) {
        max-height:400px;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        transform: translateZ(0)
    }
}

@media (max-width: 767.98px) and (max-device-width:480px) and (orientation:landscape) {
    .navbar-toolbar .dropdown-menu:not(.dropdown-menu-media) {
        max-height:200px
    }
}

@media (max-width: 767.98px) {
    .navbar-toolbar-right {
        float:right!important
    }
}

.navbar-default .navbar-toolbar>li>a:focus,.navbar-default .navbar-toolbar>li>a:hover {
    background-color: rgba(243,247,249,.3);
    color: #526069
}

.navbar-default .navbar-toggle {
    color: #76838f
}

.label {
    border-radius: .3em;
    font-weight: 400;
    padding: .25em .6em
}

.label-dark {
    background-color: #526069
}

.label-danger {
    background-color: #f96868
}

.label-success {
    background-color: #288b61
}

.label-warning {
    background-color: #f2a654
}

.label-info {
    background-color: #57c7d4
}

.badge {
    padding: 3px 6px
}

.btn .badge {
    top: 0
}

.badge-primary {
    background-color: #62a8ea;
    color: #fff
}

.badge-success {
    background-color: #46be8a;
    color: #fff
}

.badge-info {
    background-color: #57c7d4;
    color: #fff
}

.badge-warning {
    background-color: #f2a654;
    color: #fff
}

.badge-danger {
    background-color: #f96868;
    color: #fff
}

.badge-lg {
    font-size: 16px;
    padding: 5px 9px 8px
}

.alert {
    padding-left: 20px;
    padding-right: 20px
}

.alert ul {
    margin-bottom: 0;
    padding-left: 13px
}

.alert ul li {
    padding-left: 7px
}

.progress {
    box-shadow: none;
    height: 15px
}

.progress-bar {
    box-shadow: none;
    line-height: 15px
}

.progress-lg {
    height: 22px
}

.progress-lg .progress-bar {
    line-height: 22px
}

.media-right {
    padding-left: 20px
}

.media-body {
    overflow: auto
}

@media screen and (min-width: 768px) {
    .media-body {
        overflow:hidden
    }
}

.list-group.bg-inherit,a.list-group-item {
    border-radius: 3px
}

.list-group.bg-inherit .list-group-item {
    background-color: #fff0;
    border-bottom-color: rgba(0,0,0,.075)
}

.list-group.bg-inherit .list-group-item:last-child {
    border-bottom-color: #fff0
}

.list-group.bg-inherit .list-group-item:hover {
    background-color: rgba(0,0,0,.075);
    border-color: #fff0
}

.list-group-bordered .list-group-item {
    border-color: #191f22
}

.panel {
    border-width: 0;
    margin-bottom: 30px;
    position: relative
}

.panel>.list-group>.list-group-item {
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (max-width: 480px) {
    .panel>.list-group>.list-group-item {
        padding-left:20px;
        padding-right: 20px
    }
}

.panel-heading {
    border-bottom: 1px solid #fff0;
    padding: 0;
    position: relative
}

.panel-body {
    background-color: #21292e;
    position: relative
}

.panel-heading+.panel-body {
    padding-top: 0
}

.panel-body>:last-child {
    margin-bottom: 0
}

.panel-footer {
    border-top: 1px solid #fff0
}

.panel-title {
    color: #37474f;
    display: block;
    padding: 20px 30px
}

.panel>:not(.panel-loading):not(.collapsing) {
    transition: opacity .3s
}

.panel-bordered>.panel-heading {
    border-bottom: 1px solid #e4eaec
}

.panel-bordered>.panel-heading>.panel-title {
    padding-bottom: 20px
}

.panel-bordered>.panel-footer {
    border-top: 1px solid #e4eaec;
    padding-top: 15px
}

.panel-bordered>.panel-body {
    padding-top: 30px
}

.panel-danger,.panel-info,.panel-info .panel-heading,.panel-primary,.panel-primary .panel-heading,.panel-success,.panel-warning,.panel-warning .panel-heading {
    border: none
}

.panel-info .panel-title,.panel-primary .panel-title,.panel-warning .panel-title {
    color: #fff
}

@media screen and (max-width: 480px) {
    .panel-body,.panel-footer,.panel-title {
        padding-left:20px;
        padding-right: 20px
    }
}

th {
    font-weight: 400
}

b,strong {
    font-weight: 500
}

label {
    font-weight: 300
}

.dropdown-menu>li>a {
    font-weight: 200
}

.input-group-addon {
    font-weight: 300
}

.label {
    font-weight: 500
}

.modal-content {
    border: none;
    border-radius: 4px;
    box-shadow: 0 2px 12px rgba(0,0,0,.2)
}

.modal-header {
    border-bottom: none;
    padding: 15px 20px
}

.modal-header .close {
    margin-top: 1px
}

.modal-body {
    padding: 20px
}

.modal-center {
    align-content: center;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: center;
    margin: 0 auto
}

.modal-success .modal-header {
    background-color: #46be8a;
    border-radius: 4px 4px 0 0
}

.modal-success .modal-header * {
    color: #fff
}

.modal-success .modal-header .close {
    opacity: .6
}

.modal.modal-rotate-from-bottom {
    perspective: 1300px
}

.modal.modal-rotate-from-bottom .modal-dialog {
    transform: translateY(100%) rotateX(90deg);
    transform-origin: 0 100% 0;
    transform-style: preserve-3d;
    transition: all .3s ease-out 0s
}

.modal.modal-rotate-from-bottom.in .modal-dialog {
    transform: translateY(0) rotateX(0)
}

.inline {
    display: inline!important
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-justify {
    text-align: justify!important
}

.site-navbar .navbar-header {
    background-color: #62a8ea;
    color: #fff
}

.site-navbar .navbar-header .navbar-toggle {
    color: #fff
}

.site-navbar .navbar-header .hamburger .hamburger-bar,.site-navbar .navbar-header .hamburger:after,.site-navbar .navbar-header .hamburger:before {
    background-color: #fff
}

.site-navbar .navbar-header .navbar-brand>a {
    color: #fff;
    font-family: Roboto,sans-serif;
    text-decoration: none
}

body,html {
    height: 100%
}

.page {
    padding-top: 66px
}

.site-menubar {
    background: #21292e;
    color: #DDDDDD;
    font-family: Roboto,sans-serif;
    height: 100%;
    height: calc(100% - 66px);
    position: fixed;
    top: 66px;
    z-index: 1400
}

.page, .site-menubar {
    transition: transform .25s ease, top .35s ease, height .35s ease;
}

.site-menubar-body {
    height: 100%;
    height: calc(100% - 76px)
}

.site-menubar ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.site-menubar a {
    outline: 0
}

.site-menubar a:focus,.site-menubar a:hover {
    text-decoration: none
}

.site-menubar-footer {
    bottom: 0;
    display: block;
    position: fixed;
    z-index: 1400
}

.site-menubar-footer>a {
    background-color: #191f22;
    color: #d1d1d1;
    display: block;
    float: left;
    font-size: 14px;
    height: 76px;
    padding: 26px 0;
    text-align: center;
    width: 33.33333333%
}

.site-menubar-footer>a:focus,.site-menubar-footer>a:hover {
    background-color: #273035
}

.site-menu {
    font-size: 14px;
    overflow-y: hidden;
    padding-bottom: 20px
}

.site-menu-item>a {
    cursor: pointer;
    white-space: nowrap
}

.site-menu-title {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.site-menu-arrow {
    display: inline-block;
    font-family: Web Icons;
    font-style: normal;
    font-weight: 400;
    position: relative;
    text-rendering: auto;
    transform: translate(0);
    transition: transform .15s;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.site-menu-arrow:before {
    content: "\f17f"
}

.site-menu-arrow,.site-menu-badge {
    display: inline-block;
    position: absolute;
    right: 30px;
    vertical-align: middle
}

.site-menu .badge {
    font-size: 12px;
    font-weight: 300;
    padding: 2px 5px 3px
}

.site-menu-item {
    position: relative;
    white-space: nowrap
}

.site-menu-item a {
    color: #e2e8f0;
    display: block
}

.site-menu>.site-menu-item {
    padding: 0
}

.site-menu>.site-menu-item:hover>a {
    background-color: hsla(0,0%,100%,.02);
    color: hsla(0,0%,100%,.8)
}

.site-menu .site-menu-sub {
    background: 0 0;
    margin: 0;
    padding: 5px 0
}

.site-menu .site-menu-sub .site-menu-item {
    background: 0 0;
    color: rgba(163,175,183,.9);
    line-height: 36px
}

.site-menu .site-menu-sub .site-menu-item>a {
    padding: 0 30px
}

.site-menu .site-menu-sub .site-menu-item:hover>a {
    background-color: hsla(0,0%,100%,.02);
    color: hsla(0,0%,100%,.8)
}

.page {
    min-height: calc(100% - 44px);
    position: relative
}

.after-run .site-menubar-unfold .page {
    margin-left: 260px
}

@media (min-width: 768px) {
    .after-run .site-menubar-unfold .site-navbar .navbar-header {
        width:260px
    }

    .after-run .site-menubar-unfold .site-navbar .navbar-container {
        margin-left: 260px
    }
}

.after-run .site-menubar-unfold .site-menu-category {
    font-size: 14px;
    line-height: 30px;
    padding: 0 24px;
    text-transform: uppercase;
    transition: all .25s,font .1s .15s,color .1s .15s
}

.after-run .site-menubar-unfold .site-menu>.site-menu-item>a .site-menu-title {
    font-size: 14px
}

.after-run .site-menubar-unfold .site-menu .site-menu-sub {
    display: none
}

.after-run .site-menubar-unfold .site-menu-item {
    line-height: 36px;
    transition: transform .1s,all .25s
}

.after-run .site-menubar-unfold .site-menu-item:not(.open)>a .site-menu-arrow {
    transform: none
}

.after-run .site-menubar-unfold .site-menu-item:not(.open)>.site-menu-sub {
    display: none
}

.after-run .site-menubar-unfold .site-menu>.site-menu-item>a {
    line-height: 46px;
    padding: 0 30px
}

.after-run .site-menubar-unfold .site-menu>.site-menu-item .site-menu-title {
    display: inline-block;
    max-width: 140px
}

.after-run .site-menubar-unfold .site-menubar,.after-run .site-menubar-unfold .site-menubar-footer {
    width: 260px
}

@media (max-width: 767.98px) {
    .after-run .site-menubar-unfold .page {
        margin-left: unset;
    }

    .after-run .site-menubar-open .page {
        transform: translate3d(260px,0,0);
    }

    .site-menubar-open .site-menubar {
        transform: translate3d(0,0,0);
    }

    .site-menubar {
        backface-visibility: hidden;
        height: calc(100% - 66px);
        perspective: 1000;
        top: 66px;
        transform: translate3d(-260px,0,0)
    }

    .site-menubar-footer {
        visibility: hidden
    }

    .site-menubar-open .site-menubar-footer {
        visibility: visible
    }

    body.site-menubar-open {
        overflow: hidden
    }
}

@media (min-width: 768px) {
    .site-menubar-flipped .navbar-header {
        float:right
    }
}

.site-menubar-flipped .site-menubar,.site-menubar-flipped .site-menubar-footer {
    left: auto;
    right: 0
}

.after-run .site-menubar-unfold.site-menubar-flipped .page {
    margin-left: 0;
    margin-right: 260px
}

@media (min-width: 768px) {
    .after-run .site-menubar-unfold.site-menubar-flipped .site-navbar .navbar-container {
        margin-left:0;
        margin-right: 260px
    }
}

@media (max-width: 767.98px) {
    .after-run .site-menubar-flipped.site-menubar-unfold .page {
        margin-right: auto;
    }

    .after-run .site-menubar-flipped.site-menubar-open .page {
        transform: translate3d(-260px,0,0);
    }

    .after-run .site-menubar-flipped.site-menubar-open .site-menubar {
        transform: translate3d(0,0,0);
    }

    .site-menubar-flipped .site-menubar {
        transform: translate3d(260px,0,0);
    }
}

.checkbox-custom {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative
}

.checkbox-custom label {
    cursor: pointer;
    font-weight: 300;
    margin-bottom: 0;
    min-height: 22px
}

.checkbox-custom input[type=checkbox] {
    margin-left: -20px;
    margin-top: 4px;
    position: absolute
}

.input-group-addon .checkbox-custom {
    margin: 0
}

.checkbox-custom {
    padding-left: 20px
}

.checkbox-custom label {
    display: inline-block;
    padding-left: 10px;
    position: relative;
    vertical-align: middle
}

.checkbox-custom label:empty {
    padding-left: 0
}

.checkbox-custom label:before {
    background-color: #fff;
    border: 1px solid #e4eaec;
    border-radius: 3px;
    content: "";
    transition: all .3s ease-in-out 0s
}

.checkbox-custom label:after,.checkbox-custom label:before {
    display: inline-block;
    height: 20px;
    left: 0;
    margin-left: -20px;
    position: absolute;
    width: 20px
}

.checkbox-custom label:after {
    color: #76838f;
    font-size: 12px;
    line-height: 20px;
    padding-top: 1px;
    text-align: center;
    top: 0
}

.checkbox-custom input[type=checkbox] {
    opacity: 0;
    z-index: 1
}

.checkbox-custom input[type=checkbox]:focus+label:before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.checkbox-custom input[type=checkbox]:checked+label:before {
    border-color: #e4eaec;
    border-width: 10px;
    transition: all .3s ease-in-out 0s
}

.checkbox-custom input[type=checkbox]:checked+label:after {
    content: "\f192";
    font-family: Web Icons
}

.checkbox-custom input[type=checkbox]:disabled+label {
    opacity: .65
}

.checkbox-custom input[type=checkbox]:disabled+label:before {
    background-color: #f3f7f9;
    border-color: #e4eaec;
    border-width: 1px;
    cursor: not-allowed
}

.checkbox-success input[type=checkbox]:checked+label:before {
    background-color: #46be8a;
    border-color: #46be8a
}

.checkbox-success input[type=checkbox]:checked+label:after {
    color: #fff
}

.animation-hover:not(:hover) {
    animation-name: none
}

.green-600 {
    color: #46be8a!important
}

.grey-800 {
    color: #424242!important
}

.bg-primary-100 {
    background-color: #e8f1f8!important
}

.bg-primary-200 {
    background-color: #d5e4f1!important
}

.bg-primary-300 {
    background-color: #bcd8f1!important
}

.bg-primary-400 {
    background-color: #a2caee!important
}

.bg-primary-500 {
    background-color: #89bceb!important
}

.bg-primary-600 {
    background-color: #62a8ea!important
}

.bg-primary-700 {
    background-color: #4e97d9!important
}

.bg-primary-800 {
    background-color: #3583ca!important
}

.bg-red-100 {
    background-color: #ffeaea!important
}

.bg-red-200 {
    background-color: #fad3d3!important
}

.bg-red-300 {
    background-color: #fab4b4!important
}

.bg-red-400 {
    background-color: #fa9898!important
}

.bg-red-500 {
    background-color: #fa7a7a!important
}

.bg-red-600 {
    background-color: #f96868!important
}

.bg-red-700 {
    background-color: #e9595b!important
}

.bg-red-800 {
    background-color: #d6494b!important
}

.bg-pink-100 {
    background-color: #fce4ec!important
}

.bg-pink-200 {
    background-color: #ffccde!important
}

.bg-pink-300 {
    background-color: #fba9c6!important
}

.bg-pink-400 {
    background-color: #fb8db4!important
}

.bg-pink-500 {
    background-color: #f978a6!important
}

.bg-pink-600 {
    background-color: #f96197!important
}

.bg-pink-700 {
    background-color: #f44c87!important
}

.bg-pink-800 {
    background-color: #e53b75!important
}

.bg-purple-100 {
    background-color: #f6f2ff!important
}

.bg-purple-200 {
    background-color: #e3dbf4!important
}

.bg-purple-300 {
    background-color: #d2c5ec!important
}

.bg-purple-400 {
    background-color: #bba7e4!important
}

.bg-purple-500 {
    background-color: #a58add!important
}

.bg-purple-600 {
    background-color: #926dde!important
}

.bg-purple-700 {
    background-color: #7c51d1!important
}

.bg-purple-800 {
    background-color: #6d45bc!important
}

.bg-indigo-100 {
    background-color: #edeff9!important
}

.bg-indigo-200 {
    background-color: #dadef5!important
}

.bg-indigo-300 {
    background-color: #bcc5f4!important
}

.bg-indigo-400 {
    background-color: #9daaf3!important
}

.bg-indigo-500 {
    background-color: #8897ec!important
}

.bg-indigo-600 {
    background-color: #677ae4!important
}

.bg-indigo-700 {
    background-color: #5166d6!important
}

.bg-indigo-800 {
    background-color: #465bd4!important
}

.bg-blue-100 {
    background-color: #e8f1f8!important
}

.bg-blue-200 {
    background-color: #d5e4f1!important
}

.bg-blue-300 {
    background-color: #bcd8f1!important
}

.bg-blue-400 {
    background-color: #a2caee!important
}

.bg-blue-500 {
    background-color: #89bceb!important
}

.bg-blue-600 {
    background-color: #62a8ea!important
}

.bg-blue-700 {
    background-color: #4e97d9!important
}

.bg-blue-800 {
    background-color: #3583ca!important
}

.bg-cyan-100 {
    background-color: #ecf9fa!important
}

.bg-cyan-200 {
    background-color: #d3eff2!important
}

.bg-cyan-300 {
    background-color: #baeaef!important
}

.bg-cyan-400 {
    background-color: #9ae1e9!important
}

.bg-cyan-500 {
    background-color: #77d6e1!important
}

.bg-cyan-600 {
    background-color: #57c7d4!important
}

.bg-cyan-700 {
    background-color: #47b8c6!important
}

.bg-cyan-800 {
    background-color: #37a9b7!important
}

.bg-teal-100 {
    background-color: #ecfdfc!important
}

.bg-teal-200 {
    background-color: #cdf4f1!important
}

.bg-teal-300 {
    background-color: #99e1da!important
}

.bg-teal-400 {
    background-color: #79d1c9!important
}

.bg-teal-500 {
    background-color: #56bfb5!important
}

.bg-teal-600 {
    background-color: #3aa99e!important
}

.bg-teal-700 {
    background-color: #269b8f!important
}

.bg-teal-800 {
    background-color: #178d81!important
}

.bg-green-100 {
    background-color: #e7faf2!important
}

.bg-green-200 {
    background-color: #bfedd8!important
}

.bg-green-300 {
    background-color: #9fe5c5!important
}

.bg-green-400 {
    background-color: #7dd3ae!important
}

.bg-green-500 {
    background-color: #5cd29d!important
}

.bg-green-600 {
    background-color: #46be8a!important
}

.bg-green-700 {
    background-color: #36ab7a!important
}

.bg-green-800 {
    background-color: #279566!important
}

.bg-light-green-100 {
    background-color: #f1f7ea!important
}

.bg-light-green-200 {
    background-color: #e0ecd1!important
}

.bg-light-green-300 {
    background-color: #cadfb1!important
}

.bg-light-green-400 {
    background-color: #bad896!important
}

.bg-light-green-500 {
    background-color: #acd57c!important
}

.bg-light-green-600 {
    background-color: #9ece67!important
}

.bg-light-green-700 {
    background-color: #83b944!important
}

.bg-light-green-800 {
    background-color: #70a532!important
}

.bg-yellow-100 {
    background-color: #fffae7!important
}

.bg-yellow-200 {
    background-color: #f9eec1!important
}

.bg-yellow-300 {
    background-color: #f6e7a9!important
}

.bg-yellow-400 {
    background-color: #f8e59b!important
}

.bg-yellow-500 {
    background-color: #f7e083!important
}

.bg-yellow-600 {
    background-color: #f7da64!important
}

.bg-yellow-700 {
    background-color: #f9cd48!important
}

.bg-yellow-800 {
    background-color: #fbc02d!important
}

.bg-orange-100 {
    background-color: #fff3e6!important
}

.bg-orange-200 {
    background-color: #ffddb9!important
}

.bg-orange-300 {
    background-color: #fbce9d!important
}

.bg-orange-400 {
    background-color: #f6be80!important
}

.bg-orange-500 {
    background-color: #f4b066!important
}

.bg-orange-600 {
    background-color: #f2a654!important
}

.bg-orange-700 {
    background-color: #ec9940!important
}

.bg-orange-800 {
    background-color: #e98f2e!important
}

.bg-brown-100 {
    background-color: #fae6df!important
}

.bg-brown-200 {
    background-color: #e2bdaf!important
}

.bg-brown-300 {
    background-color: #d3aa9c!important
}

.bg-brown-400 {
    background-color: #b98e7e!important
}

.bg-brown-500 {
    background-color: #a17768!important
}

.bg-brown-600 {
    background-color: #8d6658!important
}

.bg-brown-700 {
    background-color: #7d5b4f!important
}

.bg-brown-800 {
    background-color: #715146!important
}

.bg-grey-100 {
    background-color: #fafafa!important
}

.bg-grey-200 {
    background-color: #eee!important
}

.bg-grey-300 {
    background-color: #e0e0e0!important
}

.bg-grey-400 {
    background-color: #bdbdbd!important
}

.bg-grey-500 {
    background-color: #9e9e9e!important
}

.bg-grey-600 {
    background-color: #757575!important
}

.bg-grey-700 {
    background-color: #616161!important
}

.bg-grey-800 {
    background-color: #424242!important
}

.bg-blue-grey-100 {
    background-color: #f3f7f9!important
}

.bg-blue-grey-200 {
    background-color: #e4eaec!important
}

.bg-blue-grey-300 {
    background-color: #ccd5db!important
}

.bg-blue-grey-400 {
    background-color: #a3afb7!important
}

.bg-blue-grey-500 {
    background-color: #76838f!important
}

.bg-blue-grey-600 {
    background-color: #526069!important
}

.bg-blue-grey-700 {
    background-color: #37474f!important
}

.bg-blue-grey-800 {
    background-color: #263238!important
}

.white {
    color: #fff!important
}

.bg-white {
    background-color: #fff;
    color: #76838f
}

.bg-primary {
    background-color: #62a8ea;
    color: #fff
}

.bg-primary:hover {
    background-color: #8fc1f0
}

.bg-primary a,.bg-primary a:hover,.bg-success,a.bg-primary,a.bg-primary:hover {
    color: #fff
}

.bg-success {
    background-color: #46be8a
}

.bg-success:hover {
    background-color: #6ccba2
}

.bg-info,.bg-success a,.bg-success a:hover,a.bg-success,a.bg-success:hover {
    color: #fff
}

.bg-info {
    background-color: #57c7d4
}

.bg-info:hover {
    background-color: #80d5de
}

.bg-info a,.bg-info a:hover,.bg-warning,a.bg-info,a.bg-info:hover {
    color: #fff
}

.bg-warning {
    background-color: #f2a654
}

.bg-warning:hover {
    background-color: #f6bf83
}

.bg-danger,.bg-warning a,.bg-warning a:hover,a.bg-warning,a.bg-warning:hover {
    color: #fff
}

.bg-danger {
    background-color: #f96868
}

.bg-danger:hover {
    background-color: #fb9999
}

.bg-danger a,.bg-danger a:hover,.bg-dark,a.bg-danger,a.bg-danger:hover {
    color: #fff
}

.bg-dark {
    background-color: #526069
}

.bg-dark:hover {
    background-color: #687a86
}

.bg-dark a,.bg-dark a:hover,.social-facebook,a.bg-dark,a.bg-dark:hover {
    color: #fff
}

.social-facebook {
    background-color: #3b5998!important
}

.social-facebook:focus,.social-facebook:hover {
    background-color: #4c70ba!important;
    color: #fff
}

.social-facebook:active {
    background-color: #2d4373!important;
    color: #fff
}

.bg-facebook {
    background-color: #3b5998
}

.bg-twitter {
    background-color: #55acee
}

.bg-google-plus {
    background-color: #dd4b39
}

.social-linkedin {
    background-color: #0976b4!important;
    color: #fff
}

.social-linkedin:focus,.social-linkedin:hover {
    background-color: #0b96e5!important;
    color: #fff
}

.social-linkedin:active {
    background-color: #075683!important;
    color: #fff
}

.bg-linkedin {
    background-color: #0976b4
}

.bg-flickr {
    background-color: #ff0084
}

.social-tumblr {
    background-color: #21292e!important;
    color: #fff
}

.social-tumblr:focus,.social-tumblr:hover {
    background-color: #485f7c!important;
    color: #fff
}

.social-tumblr:active {
    background-color: #222d3c!important;
    color: #fff
}

.bg-tumblr {
    background-color: #35465c
}

.bg-xing {
    background-color: #024b4d
}

.bg-github {
    background-color: #4183c4
}

.bg-html5 {
    background-color: #e44f26
}

.bg-openid {
    background-color: #f67d28
}

.bg-stack-overflow {
    background-color: #f86c01
}

.bg-css3 {
    background-color: #1572b6
}

.bg-youtube {
    background-color: #b31217
}

.bg-dribbble {
    background-color: #c32361
}

.social-instagram {
    background-color: #3f729b!important;
    color: #fff
}

.social-instagram:focus,.social-instagram:hover {
    background-color: #548cb9!important;
    color: #fff
}

.social-instagram:active {
    background-color: #305777!important;
    color: #fff
}

.bg-instagram {
    background-color: #3f729b
}

.social-pinterest {
    background-color: #cc2127!important;
    color: #fff
}

.social-pinterest:focus,.social-pinterest:hover {
    background-color: #e04046!important;
    color: #fff
}

.social-pinterest:active {
    background-color: #a01a1f!important;
    color: #fff
}

.bg-pinterest {
    background-color: #cc2127
}

.bg-vk {
    background-color: #3d5a7d
}

.bg-yahoo {
    background-color: #350178
}

.bg-behance {
    background-color: #024b4d
}

.bg-dropbox {
    background-color: #007ee5
}

.bg-reddit {
    background-color: #ff4500
}

.bg-spotify {
    background-color: #7ab800
}

.bg-vine {
    background-color: #00b488
}

.bg-foursquare {
    background-color: #0cbadf
}

.bg-vimeo {
    background-color: #1ab7ea
}

.bg-skype {
    background-color: #77bcfd
}

.bg-evernote {
    background-color: #46bf8c
}

a:focus {
    outline: 0
}

.avatar {
    border-radius: 1000px;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    white-space: nowrap;
    width: 40px
}

.avatar img {
    border: 0;
    border-radius: 1000px;
    height: auto;
    max-width: 100%;
    width: 100%
}

.icon {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-rendering: auto;
    transform: translate(0);
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

:root-flip-horizontal,:root-flip-vertical,:root-rotate-180,:root-rotate-270,:root-rotate-90 {
    filter: none;
    -webkit-filter: none
}

.hamburger {
    font-size: 20px;
    vertical-align: middle
}

.hamburger,.hamburger .hamburger-bar,.hamburger:after,.hamburger:before {
    transition: transform .2s ease-in-out
}

.hamburger:after,.hamburger:before {
    content: ""
}

.hamburger .hamburger-bar,.hamburger:after,.hamburger:before {
    background: #76838f;
    border-radius: 1px;
    display: block;
    height: .1em;
    margin: 0;
    width: 1em
}

.navbar-default .hamburger .hamburger-bar,.navbar-default .hamburger:after,.navbar-default .hamburger:before {
    background: #76838f
}

.hamburger .hamburger-bar {
    margin: .2em 0
}

.hamburger-close:before {
    transform: rotate(45deg);
    transform-origin: 8%
}

.hamburger-close .hamburger-bar {
    opacity: 0
}

.hamburger-close:after {
    transform: rotate(-45deg);
    transform-origin: 8%
}

.overlay {
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    transform: translateZ(0);
    vertical-align: middle;
    width: 100%
}

.overlay .overlay-figure,.overlay>:first-child {
    margin-bottom: 0;
    max-width: 100%;
    width: 100%
}

.overlay-panel {
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0
}

.overlay-panel>:last-child {
    margin-bottom: 0
}

.overlay-hover:not(:hover) .overlay-panel:not(.overlay-background-fixed) {
    opacity: 0
}

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

[class*=overlay-slide] {
    opacity: 0;
    transition-duration: .3s;
    transition-property: opacity transform filter;
    transition-timing-function: ease-out
}

.overlay-slide-top {
    transform: translateY(-100%)
}

.overlay-hover:hover [class*=overlay-slide] {
    opacity: 1;
    transform: translateX(0) translateY(0)
}

.margin-0 {
    margin: 0!important
}

.margin-top-5 {
    margin-top: 5px!important
}

.margin-top-10 {
    margin-top: 10px!important
}

.margin-bottom-5 {
    margin-bottom: 5px!important
}

.margin-bottom-10 {
    margin-bottom: 10px!important
}

.padding-5 {
    padding: 5px!important
}

.padding-10 {
    padding: 10px!important
}

.rtl {
    direction: rtl
}

@font-face {
    font-display: swap;
    font-family: Web Icons;
    font-style: normal;
    font-weight: 400;
    src: url(https://www.dzexams.com/template/web-icons/web-icons.woff2?v=0.2.2) format("woff2"),url(https://www.dzexams.com/template/web-icons/web-icons.woff?v=0.2.2) format("woff"),url(https://www.dzexams.com/template/web-icons/web-icons.ttf?v=0.2.2) format("truetype")
}

[class*=" wb-"],[class^=wb-] {
    display: inline-block;
    font-family: Web Icons;
    font-style: normal;
    font-weight: 400;
    position: relative;
    text-rendering: auto;
    transform: translate(0);
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.wb-dashboard:before {
    content: "\f101"
}

.wb-inbox:before {
    content: "\f102"
}

.wb-cloud:before {
    content: "\f103"
}

.wb-bell:before {
    content: "\f104"
}

.wb-book:before {
    content: "\f105"
}

.wb-bookmark:before {
    content: "\f106"
}

.wb-tag:before {
    content: "\f107"
}

.wb-library:before {
    content: "\f108"
}

.wb-share:before {
    content: "\f109"
}

.wb-reply:before {
    content: "\f10a"
}

.wb-refresh:before {
    content: "\f10b"
}

.wb-move:before {
    content: "\f10c"
}

.wb-chat:before {
    content: "\f10d"
}

.wb-chat-working:before {
    content: "\f10e"
}

.wb-chat-text:before {
    content: "\f10f"
}

.wb-chat-group:before {
    content: "\f110"
}

.wb-envelope:before {
    content: "\f111"
}

.wb-envelope-open:before {
    content: "\f112"
}

.wb-user:before {
    content: "\f113"
}

.wb-user-circle:before {
    content: "\f114"
}

.wb-users:before {
    content: "\f115"
}

.wb-user-add:before {
    content: "\f116"
}

.wb-grid-9:before {
    content: "\f117"
}

.wb-grid-4:before {
    content: "\f118"
}

.wb-menu:before {
    content: "\f119"
}

.wb-layout:before {
    content: "\f11a"
}

.wb-fullscreen:before {
    content: "\f11b"
}

.wb-fullscreen-exit:before {
    content: "\f11c"
}

.wb-expand:before {
    content: "\f11d"
}

.wb-contract:before {
    content: "\f11e"
}

.wb-arrow-expand:before {
    content: "\f11f"
}

.wb-arrow-shrink:before {
    content: "\f120"
}

.wb-desktop:before {
    content: "\f121"
}

.wb-mobile:before {
    content: "\f122"
}

.wb-signal:before {
    content: "\f123"
}

.wb-power:before {
    content: "\f124"
}

.wb-more-horizontal:before {
    content: "\f125"
}

.wb-more-vertical:before {
    content: "\f126"
}

.wb-globe:before {
    content: "\f127"
}

.wb-map:before {
    content: "\f128"
}

.wb-flag:before {
    content: "\f129"
}

.wb-pie-chart:before {
    content: "\f12a"
}

.wb-stats-bars:before {
    content: "\f12b"
}

.wb-pluse:before {
    content: "\f12c"
}

.wb-home:before {
    content: "\f12d"
}

.wb-shopping-cart:before {
    content: "\f12e"
}

.wb-payment:before {
    content: "\f12f"
}

.wb-briefcase:before {
    content: "\f130"
}

.wb-search:before {
    content: "\f131"
}

.wb-zoom-in:before {
    content: "\f132"
}

.wb-zoom-out:before {
    content: "\f133"
}

.wb-download:before {
    content: "\f134"
}

.wb-upload:before {
    content: "\f135"
}

.wb-sort-asc:before {
    content: "\f136"
}

.wb-sort-des:before {
    content: "\f137"
}

.wb-graph-up:before {
    content: "\f138"
}

.wb-graph-down:before {
    content: "\f139"
}

.wb-replay:before {
    content: "\f13a"
}

.wb-edit:before {
    content: "\f13b"
}

.wb-pencil:before {
    content: "\f13c"
}

.wb-rubber:before {
    content: "\f13d"
}

.wb-crop:before {
    content: "\f13e"
}

.wb-eye:before {
    content: "\f13f"
}

.wb-eye-close:before {
    content: "\f140"
}

.wb-image:before {
    content: "\f141"
}

.wb-gallery:before {
    content: "\f142"
}

.wb-video:before {
    content: "\f143"
}

.wb-camera:before {
    content: "\f144"
}

.wb-folder:before {
    content: "\f145"
}

.wb-clipboard:before {
    content: "\f146"
}

.wb-order:before {
    content: "\f147"
}

.wb-file:before {
    content: "\f148"
}

.wb-copy:before {
    content: "\f149"
}

.wb-add-file:before {
    content: "\f14a"
}

.wb-print:before {
    content: "\f14b"
}

.wb-calendar:before {
    content: "\f14c"
}

.wb-time:before {
    content: "\f14d"
}

.wb-trash:before {
    content: "\f14e"
}

.wb-plugin:before {
    content: "\f14f"
}

.wb-extension:before {
    content: "\f150"
}

.wb-memory:before {
    content: "\f151"
}

.wb-settings:before {
    content: "\f152"
}

.wb-scissor:before {
    content: "\f153"
}

.wb-wrench:before {
    content: "\f154"
}

.wb-hammer:before {
    content: "\f155"
}

.wb-lock:before {
    content: "\f156"
}

.wb-unlock:before {
    content: "\f157"
}

.wb-volume-low:before {
    content: "\f158"
}

.wb-volume-high:before {
    content: "\f159"
}

.wb-volume-off:before {
    content: "\f15a"
}

.wb-pause:before {
    content: "\f15b"
}

.wb-play:before {
    content: "\f15c"
}

.wb-stop:before {
    content: "\f15d"
}

.wb-musical:before {
    content: "\f15e"
}

.wb-random:before {
    content: "\f15f"
}

.wb-reload:before {
    content: "\f160"
}

.wb-loop:before {
    content: "\f161"
}

.wb-text:before {
    content: "\f162"
}

.wb-bold:before {
    content: "\f163"
}

.wb-italic:before {
    content: "\f164"
}

.wb-underline:before {
    content: "\f165"
}

.wb-format-clear:before {
    content: "\f166"
}

.wb-text-type:before {
    content: "\f167"
}

.wb-table:before {
    content: "\f168"
}

.wb-attach-file:before {
    content: "\f169"
}

.wb-paperclip:before {
    content: "\f16a"
}

.wb-link-intact:before {
    content: "\f16b"
}

.wb-link:before {
    content: "\f16c"
}

.wb-link-broken:before {
    content: "\f16d"
}

.wb-indent-increase:before {
    content: "\f16e"
}

.wb-indent-decrease:before {
    content: "\f16f"
}

.wb-align-justify:before {
    content: "\f170"
}

.wb-align-left:before {
    content: "\f171"
}

.wb-align-center:before {
    content: "\f172"
}

.wb-align-right:before {
    content: "\f173"
}

.wb-list-numbered:before {
    content: "\f174"
}

.wb-list-bulleted:before {
    content: "\f175"
}

.wb-list:before {
    content: "\f176"
}

.wb-emoticon:before {
    content: "\f177"
}

.wb-quote-right:before {
    content: "\f178"
}

.wb-code:before {
    content: "\f179"
}

.wb-code-working:before {
    content: "\f17a"
}

.wb-code-unfold:before {
    content: "\f17b"
}

.wb-chevron-right:before {
    content: "\f17c"
}

.wb-chevron-left:before {
    content: "\f17d"
}

.wb-chevron-left-mini:before {
    content: "\f17e"
}

.wb-chevron-right-mini:before {
    content: "\f17f"
}

.wb-chevron-up:before {
    content: "\f180"
}

.wb-chevron-down:before {
    content: "\f181"
}

.wb-chevron-up-mini:before {
    content: "\f182"
}

.wb-chevron-down-mini:before {
    content: "\f183"
}

.wb-arrow-left:before {
    content: "\f184"
}

.wb-arrow-right:before {
    content: "\f185"
}

.wb-arrow-up:before {
    content: "\f186"
}

.wb-arrow-down:before {
    content: "\f187"
}

.wb-dropdown:before {
    content: "\f188"
}

.wb-dropup:before {
    content: "\f189"
}

.wb-dropright:before {
    content: "\f18a"
}

.wb-dropleft:before {
    content: "\f18b"
}

.wb-sort-vertical:before {
    content: "\f18c"
}

.wb-triangle-left:before {
    content: "\f18d"
}

.wb-triangle-right:before {
    content: "\f18e"
}

.wb-triangle-down:before {
    content: "\f18f"
}

.wb-triangle-up:before {
    content: "\f190"
}

.wb-check-circle:before {
    content: "\f191"
}

.wb-check:before {
    content: "\f192"
}

.wb-check-mini:before {
    content: "\f193"
}

.wb-close:before {
    content: "\f194"
}

.wb-close-mini:before {
    content: "\f195"
}

.wb-plus-circle:before {
    content: "\f196"
}

.wb-plus:before {
    content: "\f197"
}

.wb-minus-circle:before {
    content: "\f198"
}

.wb-minus:before {
    content: "\f199"
}

.wb-alert-circle:before {
    content: "\f19a"
}

.wb-alert:before {
    content: "\f19b"
}

.wb-help-circle:before {
    content: "\f19c"
}

.wb-help:before {
    content: "\f19d"
}

.wb-info-circle:before {
    content: "\f19e"
}

.wb-info:before {
    content: "\f19f"
}

.wb-warning:before {
    content: "\f1a0"
}

.wb-heart:before {
    content: "\f1a1"
}

.wb-heart-outline:before {
    content: "\f1a2"
}

.wb-star:before {
    content: "\f1a3"
}

.wb-star-half:before {
    content: "\f1a4"
}

.wb-star-outline:before {
    content: "\f1a5"
}

.wb-thumb-up:before {
    content: "\f1a6"
}

.wb-thumb-down:before {
    content: "\f1a7"
}

.wb-small-point:before {
    content: "\f1a8"
}

.wb-medium-point:before {
    content: "\f1a9"
}

.wb-large-point:before {
    content: "\f1aa"
}

body * {
    max-height: 1000000em;
    -moz-text-size-adjust: none
}

@font-face {
    font-display: swap;
    font-family: Droid Arabic Kufi;
    font-style: normal;
    src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format("truetype")
}

#modalNews figure,#modalNews img {
    height: auto!important
}

#modalNews figure {
    margin-bottom: 20px;
    text-align: center;
    width: 100%!important
}

#modalNews p {
    direction: rtl;
    text-align: justify
}

#panel-moyenne .table>tbody>tr>td,#panel-moyenne .table>tbody>tr>th,#panel-moyenne .table>tfoot>tr>td,#panel-moyenne .table>tfoot>tr>th,#panel-moyenne .table>thead>tr>td,#panel-moyenne .table>thead>tr>th {
    border: 0;
    padding: 2px
}

.fr,.fr .h1,.fr .h2,.fr .h3,.fr .h4,.fr .h5,.fr .h6,.fr h1,.fr h2,.fr h3,.fr h4,.fr h5,.fr h6 {
    font-family: Verdana,sans-serif
}

.ar .h1,.ar .h2,.ar .h3,.ar .h4,.ar .h5,.ar .h6,.ar h1,.ar h2,.ar h3,.ar h4,.ar h5,.ar h6 {
    font-family: Droid Arabic Kufi
}

.advice,.modal-content {
    background-color: #283239
}

.advice {
    direction: rtl;
    font-size: 13px;
    padding: 15px;
    text-align: justify!important
}

.advice b,.advice strong {
    font-weight: 600
}

.advice h4,.advice h5 {
    font-size: 14px
}

.advice h2,.advice h3 {
    font-size: 15px
}

.advice h1 {
    font-size: 16px
}

.badge-count {
    border-radius: 3px;
    font-family: Verdana,sans-serif;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    width: 60px
}

.panel-heading {
    z-index: 0
}

.panel-heading:hover {
    cursor: pointer;
    opacity: .8;
    z-index: 0
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.navbar-toolbar {
    margin: 0!important
}

.clignoter {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-name: clignote;
    -moz-animation-name: clignote;
    box-shadow: 0 0 10px #4183c4
}

.ombre {
    box-shadow: 0 0 30px #4183c4
}

.btn-block {
    padding: 7px
}

.site-footer {
    border: none;
    height: 76px;
    padding: 0
}

.site-footer button {
    height: 76px;
    width: 76px
}

a>img:hover {
    filter: alpha(opacity=60);
    opacity: .6
}

#verset,.ar,.ar .modal-title,.ar .panel-title,.ar .title,.ar .tooltip,.ar a,.ar body,.ar li {
    font-family: Droid Arabic Kufi
}

.img-article {
    margin: 0 0 15px 30px;
    max-width: 400px;
    width: 100%
}

body {
    background: #000 url(https://www.dzexams.com/template/images/bg/body-bg4.png)
}

.page-content {
    padding: 10px
}

.home-banner {
    height: 120px
}

.home-list {
    height: 259px
}

.home-list .list-group-item {
    padding: 13px
}

.panel {
    margin-bottom: 15px
}

.panel>.alert {
    padding: 15px
}

.panel>.list-group>.list-group-item {
    padding: 10px
}

.list-group-item .icon {
    margin-right: 0
}

.panel-title {
    padding: 15px!important
}

.panel-heading .badge {
    float: right
}

.panel-heading a {
    color: #fff;
    display: inline-block;
    margin: 10px 0
}

.panel-heading a,.panel-heading a:hover {
    text-decoration: none
}

.ar .panel-heading .badge {
    float: left
}

.article {
    background: #f5f5f5;
    border: 2px inset;
    border-color: initial;
    -o-border-image: initial;
    border-image: initial;
    direction: rtl;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 15px;
    text-align: justify
}

.article h3,.article h4,.title,.title-default {
    font-family: Droid Arabic Kufi
}

.article h3,.title,.title-default {
    background-color: #55acee!important;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    margin: 0 0 15px;
    padding: 15px;
    text-align: center!important;
    white-space: normal
}

.title-default {
    background-color: #f3f7f9!important;
    color: #37474f
}

.site-menu .site-menu-sub .site-menu-item>a {
    padding: 0 20px
}

.pub-v {
    background: #cdcccc;
    border-bottom: 4px solid #62a8ea;
    border-radius: 0;
    border-top: 4px solid #62a8ea;
    padding-top: 5px;
    text-align: center
}

.after-run .site-menubar-unfold .site-menu-category {
    background-color: #2b353c;
    font-size: 15px;
    padding: 10px 20px
}

.after-run .site-menubar-unfold .site-menu>.site-menu-item>a {
    padding: 0 20px
}

.after-run .site-menu-arrow,.site-menu-badge,.site-menu-label {
    right: 25px
}

.site-menu .site-menu-sub {
    font-size: 13px
}

.after-run .site-menubar-unfold .site-menu-item {
    line-height: 40px
}

.after-run .site-menubar-unfold .site-menu>.site-menu-item>a .site-menu-title {
    font-size: 13px
}

.after-run .site-menubar-unfold .site-menu>.site-menu-item .site-menu-title {
    max-width: none
}

.ar .site-menu-arrow:before {
    content: "\f17e"!important
}

.ar .after-run .site-menubar-unfold .site-menu-item.open>a .site-menu-arrow {
    transform: rotate(-90deg)!important
}

.navbar-toolbar a:hover {
    background-color: #f1f4f5;
    color: #526069
}

.navbar-brand {
    font-size: 20px;
    line-height: 22px;
    max-width: 260px;
    text-align: center;
    width: 100%;
    letter-Spacing: 3px;
    font-weight: 400
}

.navbar-brand-logo {
    height: 40px;
    margin-top: -10px
}

.panel-title {
    font-size: 14px
}

.ar .site-menu-item {
    text-align: right
}

.ar .site-menu-sub .site-menu-title,.ar .site-menu-title {
    padding-right: 10px
}

.ar .site-menu-badge {
    right: 230px
}

.ar .site-menu-category {
    text-align: right
}

.listSearch .addon-empty {
    padding: 0
}

.listSearch .addon-blue .input-group-addon {
    background: #62a8ea;
    border-color: #62a8ea;
    color: #fff;
    font-size: 14px
}

.listSearch .addon-red .input-group-addon {
    background: #76838f;
    border-color: #76838f;
    color: #fff;
    font-size: 14px
}

.listSearch .addon-green .input-group-addon {
    background: #5cd29d;
    border-color: #5cd29d;
    color: #fff;
    font-size: 14px
}

.listSearch .addon-yellow .input-group-addon {
    background: #62a8ea;
    border-color: #62a8ea;
    color: #fff;
    font-size: 14px
}

.listSearch .addon-blue .addon-empty,.listSearch .addon-green .addon-empty,.listSearch .addon-red .addon-empty,.listSearch .addon-yellow .addon-empty {
    background: #eee;
    border-color: #ddd;
    color: #555;
    font-size: 14px
}

.listSearch .input-group {
    margin-bottom: 5px
}

.listSearch .input-group .btn-default {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    font-size: 14px;
    min-height: 50px;
    padding-top: 10px;
    text-align: left;
    white-space: normal;
    width: 100%
}

.listSearch .input-group .btn:hover {
    background-color: #f0f0f0
}

.ar .close {
    float: left
}

.ar {
    text-align: right
}

.ar .alert {
    direction: rtl
}

.listSearch {
    margin: -22px
}

.breadcrumb {
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd;
    margin: -15px -15px 20px;
    padding: 10px 20px 0
}

.breadcrumb li {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.site-footer .btn {
    margin: 0!important
}

.border {
    border: 3px solid #fff;
    box-shadow: 0 0 2px #fff;
    margin-bottom: 15px
}

.site-action {
    bottom: 45px;
    position: fixed;
    right: 20px;
    z-index: 1290
}

#verset {
    direction: rtl;
    margin: 0 -20px -20px;
    padding: 10px 10%
}

@media (min-width: 750px) {
    .after-run .site-menubar-unfold .site-footer,.site-menubar-unfold .page {
        margin-left:260px
    }
}

@media (max-width: 480px) {
    .hidden-xxs {
        display:none!important
    }
}

@media (max-width: 730px) {
    .breadcrumb li {
        display:block
    }
}

@media (max-width: 991.98px) {
    .img-article {
        max-width:100%!important;
        width: 100%!important
    }
}

@media (min-width: 768px) {
    .menu-collapse .site-menubar {
        display:none!important
    }

    .menu-collapse .page {
        margin-left: 0!important
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .site-menubar-footer {
        display:none!important
    }

    .site-menubar-body {
        height: 100%
    }
}

.btn-dark {
    background-color: #191f22;
    border-color: #21292e;
    color: #fff
}

.btn-dark,.list-group-item-dark {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list-group-item-dark {
    border: 0;
    border-radius: 0!important;
    border-top: 1px solid #fff0;
    font-size: 14px
}

.nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #888
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

@media (min-width: 1600px) {
    .col-xl-6 {
        width:50%
    }
}

.tourne {
    transform: rotate(-90deg)!important
}

.iframe-nofull {
    height: 70vh
}

.iframe-full {
    height: calc(100vh - 80px)
}

.panel-fullscreen {
    background: grey;
    bottom: 0;
    display: block;
    height: -webkit-fill-available;
    left: 0;
    margin-bottom: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999
}

.site-menubar-body {
    overflow-x: hidden;
    overflow-y: auto
}

.trc_rbox_header {
    text-align: center!important
}

.trc_rbox_container {
    background: #fff!important;
    padding: 5px
}

.sc-dzexams .trc_rbox_header {
    display: none!important
}

.header-panel {
    background-color: #f3f7f9;
    background-color: #f3f7f925;
    color: #fff
}

.header-panel:hover {
    background-color: #f3f7f9;
    background-color: #fff0;
    color: #fff;
    opacity: .8
}

.fr {
    font-family: Roboto,sans-serif!important;
    font-size: 14px
}

.chaine h4 {
    color: #fff;
    font-size: 15px
}

.chaine .badge {
    color: #fff;
    font-size: 14px
}

.chaine .chlogo {
    background: #293540;
    border-radius: 3px 0 0 3px;
    text-align: center;
    width: 150px
}

.chaine .chcontent,.chaine .chlogo {
    padding: 5px;
    vertical-align: center
}

.chaine .chcontent {
    background: #526069;
    border-radius: 0 3px 3px 0
}

.chaine {
    margin: 6px 0;
    text-decoration: none;
    width: 100%
}

.chaine .btn {
    white-space: normal
}

.chaine .btn-group-content {
    font-size: 13px;
    text-align: right;
    width: 100%
}

.chaine .badge {
    background: #293540;
    margin: 4px;
    padding: 6px;
    width: 100%
}

.chaine .btn-icon {
    background: #fff;
    padding: 0;
    width: 120px
}

.chaine .btn-icon img {
    width: 100%
}

.btn-group.header .btn-group-count,.btn-group.header .btn-group-icon {
    background: #ffffff15
}

.btn-group.header {
    opacity: .9
}

.btn-group.header:hover {
    opacity: .6
}

.btn-group.nohover {
    margin: 0!important;
    opacity: 1!important
}

.btn-group.nohover .btn-group-content {
    font-size: 14px!important
}

.btn-group.nohover .btn-group-icon {
    align-items: center;
    display: flex;
    font-size: 18px!important;
    justify-content: center
}

.btn-group.nohover:hover {
    opacity: 1!important
}

.btn-group.nohover a {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.chaine {
    opacity: .8
}

.chaine:hover {
    opacity: .6
}

.btn-group-count,.btn-group-icon {
    max-width: 40px!important;
    min-width: 40px!important;
    padding: 6px 2px!important
}

.btn-group.header {
    display: inline-flex;
    margin: 0 0 3px;
    text-decoration: none;
    width: 100%
}

.btn-group.header .btn {
    background: inherit;
    white-space: normal
}

.btn-group.header .btn-group-content {
    color: #fff;
    direction: rtl;
    font-size: 13px;
    padding: 12px 10px;
    text-align: justify;
    width: 100%
}

.btn-group.header .btn-group-date {
    min-width: 110px
}

.btn-group.header .btn-group-date,.btn-group.header .btn-group-sol {
    color: #fff;
    font-size: 13px;
    padding: 2px;
    z-index: 5
}

.btn-group.header .btn-group-sol {
    min-width: 180px
}

.btn-group.header .btn-group-icon {
    font-size: 18px!important;
    max-width: 55px;
    min-width: 55px;
    padding: 2px
}

.btn-group.header .btn-group-content.fr {
    direction: ltr
}

.btn-group.header {
    border-radius: 3px
}

.btn-group.header .btn {
    color: #fff;
    font-size: 13px;
    padding: 12px 10px
}

.btn-group.header .btn:hover {
    color: #fff;
    opacity: .8
}

.bg-dark-1 {
    background-color: #191f22!important
}

.bg-dark-2 {
    background-color: #21292e!important
}

.bg-dark-3 {
    background-color: #273035!important
}

.bg-dark-4 {
    background-color: #2b353c!important
}

.purple .bg-1 {
    background-color: #6d45bc!important
}

.purple .bg-2 {
    background-color: #7c51d1!important
}

.purple .bg-3 {
    background-color: #926dde!important
}

.pink .bg-1 {
    background-color: #cc3268!important
}

.pink .bg-2 {
    background-color: #e53b75!important
}

.pink .bg-3 {
    background-color: #f96197!important
}

.green .bg-1 {
    background-color: #207a55!important
}

.green .bg-2 {
    background-color: #288b61!important
}

.green .bg-3 {
    background-color: #74c2a1!important
}

.blue .bg-1 {
    background-color: #2e76b9!important
}

.blue .bg-2 {
    background-color: #3687d3!important
}

.blue .bg-3 {
    background-color: #62a8ea!important
}

.purple .badge {
    box-shadow: 0 0 10px #6d45bc
}

.pink .badge {
    box-shadow: 0 0 10px #e53b75
}

.green .badge {
    box-shadow: 0 0 10px #13a76b
}

.blue .badge {
    box-shadow: 0 0 10px #3583ca
}

.purple .box {
    box-shadow: 0 0 5px #6d45bc
}

.pink .box {
    box-shadow: 0 0 5px #e53b75
}

.green .box {
    box-shadow: 0 0 5px #13a76b
}

.blue .box {
    box-shadow: 0 0 5px #3583ca
}

a.bg-1:hover,a.bg-2:hover,button.bg-1:hover,button.bg-2:hover,input.bg-1:hover,input.bg-2:hover {
    color: #fff;
    opacity: .8
}

a.bg-1,a.bg-2,button.bg-1,button.bg-2,input.bg-1,input.bg-2 {
    color: #fff
}

.item-link {
    display: block;
    padding: 15px
}

.item-alert {
    border: 2px solid #fff;
    border-radius: 3px;
    direction: rtl;
    margin: 0
}

.item-tablist {
    border-radius: 10px!important;
    overflow: hidden
}

.item-title h1,.item-title h2 {
    color: #fbfbfb;
    font-size: 13px!important;
    margin: 0;
    padding: 10px!important;
    text-align: center!important
}

.item-title a {
    display: block;
    text-decoration: none
}

.item-title a:hover {
    opacity: .8;
    text-decoration: none
}

.box,.item-link,.item-title {
    margin: 0 0 10px;
    overflow: hidden
}

.box,.item-link,.item-title {
    border-radius: 10px;
    box-shadow: 0 0 5px #000
}

.colors button {
    height: 30px;
    margin: 0!important;
    width: 25%
}

.colors {
    opacity: .9;
    width: 100%
}

.navbar-header {
    text-shadow: 0 0 10px #000
}

.btn-next {
    align-items: center;
    display: flex;
    font-size: 18px!important;
    justify-content: center
}

.btn-title {
    background: #293540;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 15px 5px;
    text-align: center;
    width: 100%
}

.ar .btn-title {
    direction: rtl
}

.bg-purple {
    background-color: #6d45bc!important;
    color: #fff
}

.bg-pink {
    background-color: #e53b75!important;
    color: #fff
}

.bg-green {
    background-color: #13a76b!important;
    color: #fff
}

.bg-blue {
    background-color: #3583ca!important;
    color: #fff
}

.bg-blue:hover,.bg-green:hover,.bg-pink:hover,.bg-purple:hover {
    color: #fff;
    opacity: .8
}

.loader {
    animation: spin 2s linear infinite;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top-color: #3498db;
    height: 39px;
    margin: 8px auto;
    width: 40px
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.fr .btn-group.header .btn-group-content {
    direction: ltr
}

.gsc-search-button-v2 {
    font-size: medium!important
}

.btn-default .wb-file:before {
    content: "\f156"
}

.btn-success .wb-file:before {
    content: "\f148"
}

.btn-danger .wb-file:before {
    content: "\f1a1"
}

.btn-warning .wb-file:before {
    content: "\f1a7"
}

#comments-content {
    background: #fff
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #191f22
}

.site-action {
    bottom: 20px;
    color: #fff;
    font-size: 25px;
    line-height: 55px
}

.ar .site-action {
    left: 20px;
    right: inherit
}

.img-circle {
    padding: 5px
}

.circle {
    border-radius: 500px
}

.label {
    font-size: 13px
}

.ar .label {
    padding: 0 10px
}

.media-body {
    overflow: unset
}

.btn {
    font-size: 13px
}

.comments-content {
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
    word-break: break-word
}

.modal {
    display: none;
    opacity: 0;
    transform: scale(.95);
    transition: opacity .25s ease,transform .25s ease
}

.modal.in {
    opacity: 1;
    transform: scale(1)
}

.modal-backdrop {
    background: rgba(0,0,0,.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transition: opacity .25s ease;
    width: 100%
}

.modal-backdrop,.modal-backdrop.in {
    opacity: 1
}

.modal-open .page {
    transition: filter .3s ease
}

.modal {
    z-index: 2000
}

body.purple {
    background: #220910 url(https://www.dzexams.com/template/images/bg/body-bg4.png)
}

body.green {
    background: #06170f url(https://www.dzexams.com/template/images/bg/body-bg4.png)
}

body.blue {
    background: #091726 url(https://www.dzexams.com/template/images/bg/body-bg4.png)
}

body.pink {
    background: #2f0b16 url(https://www.dzexams.com/template/images/bg/body-bg4.png)
}

.btn-group-icon {
    align-items: center;
    border: none;
    display: flex;
    flex: 0 0 auto;
    font-size: 18px;
    justify-content: center;
    min-width: 40px
}

.btn-group-content .label {
    background-color: #151a1d;
    margin: 0 1px;
    padding: 6px
}

.meta-item {
    background: #2b2b2b;
    border-radius: 6px;
    padding: 4px 6px;
}

.meta-row {
    flex: 0 1 auto;
    gap: 4px
}

.item-center,.meta-row {
    display: flex
}

.item-center, .item-module {
    align-items: center;
    color: #fff;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: space-between;
    padding: 6px 10px;
    text-decoration: none;
    background: #1e1e1e;
    border: 0;
    text-align: justify;
}

.item-module {
    display: block;
    text-align: right;
}

.fr .item-module {
    text-align: left;
}

.item:hover {
    opacity: 0.8;
}

.btn-group-date{
    background: #0c0f11;
    border: 0;
    min-width: 80px;
}

.ar .item {
    direction: rtl
}

.item {
    align-items: stretch;
    background: #1e1e1e;
    border-radius: 10px;
    display: flex;
    font-size: 12px;
    margin-bottom: 3px;
    overflow: hidden;
    width: 100%;
    min-height: 40px;
}

.bg-active {
    background-color: #631b0e
}

.btn-title .btn-group-icon {
    min-width: 50px!important
}

.panel-home {
    font-size: 13px;
    margin: 0 5px 10px
}

.panel-home .list-group-item {
    padding: 13px 2px
}

.panel-home .list-group-bordered {
    background: #191f22;
    height: 275px
}

.panel-home .overlay-figure {
    width: 100%
}