@import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap);

.cookieConsentContainer {
   z-index: 99999999;
   width: 350px;
   min-height: 20px;
   box-sizing: border-box;
   padding: 30px 30px 30px 30px;
   background: #004186;
   overflow: hidden;
   position: fixed;
   bottom: 30px;
   right: 30px;
   display: none
}

.cookieConsentContainer .cookieTitle a {
   font-family: OpenSans, arial, sans-serif;
   color: #fff !important;
   font-size: 22px;
   line-height: 20px;
   display: block
}

.cookieConsentContainer .cookieDesc p {
   margin: 0;
   padding: 0;
   font-family: OpenSans, arial, sans-serif;
   color: #fff;
   font-size: 13px;
   line-height: 20px;
   display: block;
   margin-top: 10px
}

.cookieConsentContainer .cookieDesc a {
   font-family: OpenSans, arial, sans-serif;
   color: #fff;
   text-decoration: underline
}

.cookieConsentContainer .cookieButton a {
   display: inline-block;
   font-family: OpenSans, arial, sans-serif;
   color: #fff !important;
   font-size: 14px;
   font-weight: 700;
   margin-top: 14px;
   background: #cf050c;
   box-sizing: border-box;
   padding: 15px 24px;
   text-align: center;
   transition: .3s
}

.cookieConsentContainer .cookieButton a:hover {
   cursor: pointer;
   color: #fff !important
}

@media screen and (max-width:768px) {
   .cookieConsentContainer {
      padding: 10px;
      bottom: 10px;
      right: 10px;
      width: 300px
   }

   .item-box-blog-date-ajust {
      width: 45% !important
   }

   .section-course-1 .titulopl1 {
      height: 70px !important
   }

   .t-price {
      margin-bottom: 22px !important
   }

   .blogmobileajust {
      display: none !important
   }

   .padrao-input {
      margin-bottom: 15px;
      margin-top: 15px
   }

   .search-bar {
      padding-right: 112px !important
   }

   .subblogajust1 {
      width: 60% !important
   }

   .subblogajust2 {
      width: 40% !important
   }

   .box-filter .padrao-container h2 {
      font-size: 27px !important
   }

   .home-newsletter .btnblogajust {
      width: 85px !important;
      margin-top: -78px
   }

   .cardtmp {
      margin-top: 26px
   }

   .new-checkout .compra-segura img {
      margin-top: -40px !important
   }

   .pgajustcart {
      margin-bottom: 0 !important
   }

   .check-step form {
      margin-top: 40px !important
   }

   .steps-mobile {
      display: block !important
   }

   .subtitulobanner {
      padding-right: 0 !important
   }

   .bem-vindo .panel-body {
      border-radius: 10px;
      background-image: none !important;
      background-color: #fff
   }

   .bem-vindo .badge.badge-warning {
      font-size: 12px !important
   }

   .user-box.menu-icon-box {
      display: block
   }

   #top,
   #top-logged {
      display: block
   }

   .mgcardajust {
      margin-top: 0 !important
   }

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

   .blogcardajust {
      height: 350px !important
   }

   .mobileblogajustbtn {
      text-align: center !important
   }

   .mobileblogajustbtn2 {
      text-align: center !important;
      margin-top: 40px !important
   }

   .blogtitulogeral {
      text-align: center !important
   }

   .btnblogmobile1 {
      padding: 5px !important;
      width: 50% !important;
      text-align: end !important
   }

   .btnblogmobile2 {
      padding: 5px !important;
      width: 50% !important
   }

   .faqtitulogeral {
      margin-bottom: 30px !important;
      margin-top: 10px !important
   }

   .btnblogjust2 {
      margin-top: 20px !important
   }

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

   .divdepoimentos1 {
      margin: 0 !important;
      margin-bottom: 50px !important;
      margin-top: 50px !important
   }

   .divdepoimentos2 {
      padding: 40px 20px !important;
      margin-bottom: 50px !important;
      margin-top: 50px !important
   }

   .txtalunosajust {
      padding-bottom: 30px !important
   }

   .txtposbannerajust1 {
      text-align: center !important
   }

   .novasectiontxt1 {
      text-align: center !important
   }

   .novasectiontitulo {
      text-align: center !important;
      color: #2b2b2b !important
   }

   .novasectiontxt {
      text-align: center !important;
      padding-right: 0 !important
   }

   .novasectionbtn {
      text-align: center !important
   }

   .numerosmatriculas1 {
      padding: 10px 18px !important
   }

   .numerosmatriculas2 {
      padding: 10px 18px !important
   }

   .numerosmatriculas3 {
      padding: 10px 18px !important
   }

   .numerosmatriculas4 {
      padding: 10px 18px !important
   }

   .btncursosajust2 {
      padding: 15px 35px !important
   }

   .diver {
      display: none !important
   }

   .divercolajust {
      display: none !important
   }

   .titulomatricula {
      padding: 20px !important
   }

   .btncursosajust {
      margin-bottom: 30px !important;
      margin-top: -20px !important
   }

   .formajustmargin {
      margin-top: 20px !important
   }

   .box-search {
      padding: 20px !important
   }

   .posbannertabajust {
      text-align: center !important
   }

   .topheadernova {
      display: none !important
   }

   .topheadernova2 {
      height: 75px !important;
      margin-top: 75px !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important
   }
}

@media (min-width:768px) and (max-width:1399px) {
   .mobileblogajustbtn2 {
      margin-top: 180px !important
   }

   .numerosmatriculas1 {
      margin: 20px 122px !important
   }

   .numerosmatriculas2 {
      margin: 20px 108px !important
   }

   .numerosmatriculas3 {
      margin: 20px 108px !important
   }

   .numerosmatriculas4 {
      margin: 20px 108px !important
   }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
   font-family: Barlow, sans-serif !important;
   margin: 10px 0
}

.table {
   color: #949494
}

.card-list .card .card-body {
   min-height: 245px
}

.main-content .card .card-body {
   background: #fff;
   padding: 13px !important;
   padding-top: 5px !important;
   border-radius: 10px
}

.card .card-body p {
   color: #7d7f80;
   font-family: Barlow, sans-serif !important;
   font-size: 14px;
   margin-bottom: 2px
}

.check-step form .btn-primary {
   width: 100%
}

.form-control:focus {
   border-color: #cbd0d9;
   outline: 0;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(203, 208, 217, .6);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(203, 208, 217, .6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(203, 208, 217, .6)
}

.nm-btn-1 {
   width: 100% !important
}

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

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

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

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

.form-control:-moz-placeholder {
   color: #aaa
}

.form-control::-moz-placeholder {
   color: #aaa
}

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

select.input-sm {
   height: 28px;
   line-height: 28px
}

select[multiple].input-sm,
textarea.input-sm {
   height: auto
}

select.input-lg {
   height: 42px;
   line-height: 42px
}

select[multiple].input-lg,
textarea.input-lg {
   height: auto
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
   color: #045702
}

.i-title {
   margin-bottom: 45px;
   font-size: 33px;
   font-weight: 600;
   color: #2b2b2b;
   font-family: Barlow, sans-serif !important
}

.more-blogs-link span {
   font-size: 18px;
   color: #023f88;
   font-weight: 600;
   text-decoration: none;
   padding-left: 4px;
   text-transform: uppercase
}

.more-blogs-link:hover span {
   color: #023f88;
   text-decoration: underline
}

.has-success .form-control {
   border-color: #045702;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
   border-color: #022501;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #09bb04;
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #09bb04;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #09bb04
}

.has-success .input-group-addon {
   color: #045702;
   border-color: #045702;
   background-color: #bdedbc
}

.has-success .form-control-feedback {
   color: #045702
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
   color: #574802
}

.has-warning .form-control {
   border-color: #574802;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
   border-color: #251f01;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #bb9b04;
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #bb9b04;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #bb9b04
}

.has-warning .input-group-addon {
   color: #574802;
   border-color: #574802;
   background-color: #ffefa4
}

.has-warning .form-control-feedback {
   color: #574802
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
   color: #ac1818
}

.has-error .form-control {
   border-color: #ac1818;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
   border-color: #7f1212;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e54545;
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e54545;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e54545
}

.has-error .input-group-addon {
   color: #ac1818;
   border-color: #ac1818;
   background-color: #ffc9c9
}

.has-error .form-control-feedback {
   color: #ac1818
}

.tltxt3 {
   color: #004186 !important
}

.stepajustmobile {
   margin-top: 0
}

.stepajustmobile2 {
   margin-top: 0
}

.stepajustmobile3 {
   margin-top: 0
}

.stepajustmobile4 {
   margin-top: 0
}

.steps-mobile {
   display: none
}

.bar-bottom {
   display: none !important
}

.modal-footer .btn+.btn {
   margin-left: 5px;
   margin-bottom: 0;
   color: #fff !important;
   background-color: #cc2424 !important;
   border-color: #cc2424 !important;
   border-radius: 50px !important
}

.morris-hover {
   position: absolute;
   z-index: 1000
}

.morris-hover.morris-default-style {
   border-radius: 10px;
   padding: 6px;
   color: #666;
   background: rgba(255, 255, 255, .8);
   border: solid 2px rgba(230, 230, 230, .8);
   font-family: Barlow, sans-serif !important;
   font-size: 12px;
   text-align: center
}

.morris-hover.morris-default-style .morris-hover-row-label {
   font-weight: 700;
   margin: .25em 0
}

.morris-hover.morris-default-style .morris-hover-point {
   white-space: nowrap;
   margin: .1em 0
}

.scrollbar-rail-default {
   display: none;
   position: absolute;
   -webkit-border-radius: 0px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0;
   -moz-background-clip: padding;
   border-radius: 0;
   background-clip: padding-box;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transition: background-color .2s linear, opacity .2s linear;
   -moz-transition: background-color .2s linear, opacity .2s linear;
   -o-transition: background-color .2s linear, opacity .2s linear;
   transition: background-color .2s linear, opacity .2s linear
}

.scrollbar-rail-hover {
   background-color: #eee;
   zoom: 1;
   -webkit-opacity: 0.9;
   -moz-opacity: 0.9;
   opacity: .9
}

.scrollbar-default {
   position: absolute;
   background-color: #aaa;
   -webkit-border-radius: 0px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0;
   -moz-background-clip: padding;
   border-radius: 0;
   background-clip: padding-box;
   -webkit-transition: background-color .2s linear;
   -moz-transition: background-color .2s linear;
   -o-transition: background-color .2s linear;
   transition: background-color .2s linear
}

.scrollbar-hover {
   background-color: #999
}

.in-scrolling.in-scrolling {
   background-color: #eee;
   zoom: 1;
   -webkit-opacity: 0.9;
   -moz-opacity: 0.9;
   opacity: .9
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
   display: block
}

.ps-container>.ps-scrollbar-x-rail {
   display: none;
   position: absolute;
   -webkit-border-radius: 0px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0;
   -moz-background-clip: padding;
   border-radius: 0;
   background-clip: padding-box;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transition: background-color .2s linear, opacity .2s linear;
   -moz-transition: background-color .2s linear, opacity .2s linear;
   -o-transition: background-color .2s linear, opacity .2s linear;
   transition: background-color .2s linear, opacity .2s linear;
   bottom: 3px;
   height: 8px;
   z-index: 1000
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
   position: absolute;
   background-color: #aaa;
   -webkit-border-radius: 0px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0;
   -moz-background-clip: padding;
   border-radius: 0;
   background-clip: padding-box;
   -webkit-transition: background-color .2s linear;
   -moz-transition: background-color .2s linear;
   -o-transition: background-color .2s linear;
   transition: background-color .2s linear;
   bottom: 0;
   height: 8px
}

.ps-container>.ps-scrollbar-x-rail.in-scrolling {
   background-color: #eee;
   zoom: 1;
   -webkit-opacity: 0.9;
   -moz-opacity: 0.9;
   opacity: .9
}

.ps-container>.ps-scrollbar-y-rail {
   display: none;
   position: absolute;
   -webkit-border-radius: 0px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0;
   -moz-background-clip: padding;
   border-radius: 0;
   background-clip: padding-box;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transition: background-color .2s linear, opacity .2s linear;
   -moz-transition: background-color .2s linear, opacity .2s linear;
   -o-transition: background-color .2s linear, opacity .2s linear;
   transition: background-color .2s linear, opacity .2s linear;
   right: 2px;
   width: 5px;
   z-index: 1000
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
   position: absolute;
   background-color: #aaa;
   -webkit-border-radius: 0px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0;
   -moz-background-clip: padding;
   border-radius: 0;
   background-clip: padding-box;
   -webkit-transition: background-color .2s linear;
   -moz-transition: background-color .2s linear;
   -o-transition: background-color .2s linear;
   transition: background-color .2s linear;
   right: 0;
   width: 5px
}

.ps-container>.ps-scrollbar-y-rail.in-scrolling {
   background-color: #eee;
   zoom: 1;
   -webkit-opacity: 0.9;
   -moz-opacity: 0.9;
   opacity: .9
}

.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
   zoom: 1;
   -webkit-opacity: 0.6;
   -moz-opacity: 0.6;
   opacity: .6
}

.ps-container:hover>.ps-scrollbar-x-rail.in-scrolling,
.ps-container:hover>.ps-scrollbar-y-rail.in-scrolling {
   background-color: #eee;
   zoom: 1;
   -webkit-opacity: 0.9;
   -moz-opacity: 0.9;
   opacity: .9
}

.ps-container:hover>.ps-scrollbar-x-rail:hover {
   background-color: #eee;
   zoom: 1;
   -webkit-opacity: 0.9;
   -moz-opacity: 0.9;
   opacity: .9
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
   background-color: #999
}

.ps-container:hover>.ps-scrollbar-y-rail:hover {
   background-color: #eee;
   zoom: 1;
   -webkit-opacity: 0.9;
   -moz-opacity: 0.9;
   opacity: .9
}

.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
   background-color: #999
}

.panel {
   border-radius: 10px;
   margin-bottom: 15px;
   border: 0;
   background: #fff;
   box-shadow: 0 -3px 31px 0 rgb(0 0 0 / 5%), 0 6px 20px 0 rgb(0 0 0 / 2%)
}

.panel>.panel-heading .panel-title {
   font-size: 12px
}

.panel>.panel-heading .panel-title h4 {
   font-size: 14px;
   color: #303641
}

.panel.panel-shadow {
   -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, .04);
   -moz-box-shadow: 0 3px 1px rgba(0, 0, 0, .04);
   box-shadow: 0 3px 1px rgba(0, 0, 0, .04)
}

.panel.reloading>.panel-heading>.panel-options>a[rel=reload]>i {
   -webkit-transition: none;
   -moz-transition: none;
   -o-transition: none;
   transition: none;
   -webkit-animation: reloadingAnimation 1s linear infinite;
   -moz-animation: reloadingAnimation 1s linear infinite;
   -o-animation: reloadingAnimation 1s linear infinite;
   animation: reloadingAnimation 1s linear infinite
}

.panel.panel-collapse>.panel-heading>.panel-options>a[rel=collapse]>i {
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg)
}

.panel .blockUI.blockOverlay {
   background-image: url(../images/loader-1.gif);
   background-image: url(../images/loader-2.gif);
   background-repeat: no-repeat;
   background-position: center center
}

.panel[data-collapsed="1"] .panel-body {
   display: none
}

.panel[data-collapsed="1"] .panel-heading>.panel-options>a[rel=collapse]>i {
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg)
}

.panel.minimal>.panel-heading {
   padding: 0;
   border-bottom: 1px solid #ebebeb
}

.panel.minimal>.panel-heading>.panel-title {
   position: relative;
   color: #303641;
   padding: 0;
   padding-bottom: 10px;
   top: 8px
}

.panel.minimal>.panel-heading>.panel-options {
   padding-right: 0
}

.panel.minimal>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px
}

.panel.minimal>.panel-heading>.panel-options>.nav-tabs>li a {
   padding: 8px 10px;
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel.minimal>.panel-heading>.panel-options>.nav-tabs>li a i {
   color: #d0d3d9;
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel.minimal>.panel-heading>.panel-options>.nav-tabs>li a:hover {
   background-color: #f0f0f1
}

.panel.minimal>.panel-heading>.panel-options>.nav-tabs>li.active a {
   border-bottom-color: #fff
}

.panel.minimal>.panel-heading>.panel-options>.nav-tabs>li.active a:hover {
   background-color: #fff
}

.panel.minimal>.panel-heading>.panel-options>.nav-tabs>li.active a i {
   color: #303641
}

.panel.minimal>.panel-body {
   padding-left: 0;
   padding-right: 0
}

.panel.minimal.minimal-gray>.panel-heading>.panel-options>.nav-tabs>li>a {
   background-color: #f3f3f3;
   border-color: #ebebeb;
   color: rgba(115, 120, 129, .75)
}

.panel.minimal.minimal-gray>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   background-color: #fff;
   border-bottom-color: #fff;
   color: #303641
}

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

.panel-body:after,
.panel-body:before {
   content: " ";
   display: table
}

.panel-body:after {
   clear: both
}

.panel-body.no-padding {
   padding: 0
}

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

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

.panel>.list-group .list-group-item:first-child {
   border-top: 0
}

.panel>.list-group .list-group-item:last-child {
   border-bottom: 0
}

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

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

.panel-heading+.list-group .list-group-item:first-child {
   border-top-width: 0
}

.panel>.table,
.panel>.table-responsive>.table {
   margin-bottom: 0
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
   border-top-left-radius: 2px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
   border-top-right-radius: 2px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
   border-bottom-left-radius: 2px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
   border-bottom-right-radius: 2px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive {
   border-top: 1px solid #ebebeb
}

.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
   border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
   border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
   border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
   border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>tfoot>tr:first-child>td,
.panel>.table-bordered>tfoot>tr:first-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
   border-top: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:last-child>td,
.panel>.table-bordered>thead>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:last-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:last-child>th {
   border-bottom: 0
}

.panel>.table-responsive {
   border: 0;
   margin-bottom: 0
}

.panel-heading {
   border-bottom: 1px solid transparent;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px
}

.panel-heading:after,
.panel-heading:before {
   content: " ";
   display: table
}

.panel-heading:after {
   clear: both
}

.panel-heading>.dropdown .dropdown-toggle {
   color: inherit
}

.panel-heading>.panel-title {
   float: left;
   padding: 10px 15px
}

.panel-heading>.panel-title>* {
   margin: 0
}

.panel-heading>.panel-title>span {
   font-weight: 400
}

.panel-heading>.panel-options {
   float: right;
   padding-right: 15px
}

.panel-heading>.panel-options>a {
   margin-top: 10px
}

.panel-heading>.panel-options>a[rel=reload]>i {
   -webkit-transform-origin: 50%;
   -moz-transform-origin: 50%;
   -ms-transform-origin: 50%;
   -o-transform-origin: 50%;
   transform-origin: 50%
}

.panel-heading>.panel-options>a[rel=collapse]>i {
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-heading>.panel-options>.nav-tabs {
   margin-top: 0;
   margin-bottom: 0
}

.panel-heading>.panel-options>.nav-tabs>li {
   margin-right: 4px
}

.panel-heading>.panel-options>.nav-tabs>li:last-child {
   margin-right: 0
}

lesshat-selector {
   -lh-property: 0
}

@-webkit-keyframes reloadingAnimation {
   0% {
      -webkit-transform: rotate(0)
   }

   100% {
      -webkit-transform: rotate(360deg)
   }
}

100% {
   -moz-transform: rotate(360deg)
}

100% {
   -o-transform: rotate(360deg)
}

100% {
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   transform: rotate(360deg)
}

.panel-title>a {
   color: inherit
}

.panel-footer {
   padding: 10px 15px;
   background-color: #f5f5f5;
   border-top: 1px solid #ddd;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px
}

.panel-group {
   margin-bottom: 17px
}

.panel-group .panel {
   margin-bottom: 0;
   overflow: hidden
}

.panel-group .panel>.panel-heading>.panel-title {
   float: none
}

.panel-group .panel>.panel-heading>.panel-title>a {
   display: block
}

.panel-group .panel+.panel {
   margin-top: 5px
}

.panel-group .panel-heading {
   border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse .panel-body {
   border-top: 1px solid #ddd
}

.panel-group .panel-footer {
   border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
   border-bottom: 1px solid #ddd
}

.panel-group.joined>.panel {
   -webkit-border-radius: 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0;
   -moz-background-clip: padding;
   border-radius: 0;
   background-clip: padding-box
}

.panel-group.joined>.panel+.panel {
   margin-top: 0;
   border-top: 0
}

.panel-group.joined>.panel>.panel-heading {
   background-color: #fff
}

.panel-group.joined>.panel>.panel-heading h4 a:before {
   position: relative;
   content: '\e87a';
   display: inline-block;
   font-family: Barlow, sans-serif !important;
   color: rgba(115, 120, 129, .7);
   padding: 10px 15px;
   padding: 0;
   float: right;
   font-size: 17px;
   margin-left: 13px;
   top: 0;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-group.joined>.panel>.panel-heading h4 a.collapsed:before {
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg)
}

.panel-group.joined>.panel>.panel-heading+.panel-collapse {
   background-color: #f5f5f6;
   margin-bottom: 0;
   font-size: 12px
}

.panel-group.joined>.panel:first-child {
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box
}

.panel-group.joined>.panel:last-child {
   -webkit-border-radius: 0 0 3px 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 0 3px 3px;
   -moz-background-clip: padding;
   border-radius: 0 0 3px 3px;
   background-clip: padding-box
}

.panel-primary {
   border-color: #ebebeb;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-primary>.panel-heading {
   color: #373e4a;
   background-color: #fff;
   border-color: #ebebeb;
   padding: 0
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #ebebeb
}

.panel-primary>.panel-heading>.dropdown .caret {
   border-color: #373e4a transparent
}

.panel-primary>.panel-heading>.panel-title>a {
   color: #373e4a
}

.panel-primary>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #373e4a;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-primary>.panel-heading>.panel-options>a.bg {
   background-color: #f8f8f8;
   margin-left: 5px
}

.panel-primary>.panel-heading>.panel-options>a.bg:hover {
   background-color: #fff
}

.panel-primary>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-primary>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #ebebeb;
   padding-top: 5px
}

.panel-primary>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-primary>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #ebebeb;
   background-color: #ebebeb;
   padding: 8px 10px;
   color: rgba(55, 62, 74, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-primary>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-primary>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #fff;
   background-color: #fff;
   color: #373e4a
}

.panel-primary>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #373e4a
}

.panel-primary>.panel-footer {
   background-color: #fff;
   color: #373e4a;
   border-top-color: #ebebeb
}

.panel-primary>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #ebebeb
}

.panel-primary>.panel-body+.panel-body {
   border-top-color: #ebebeb
}

.panel-invert {
   border-color: #39414e;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-invert>.panel-heading {
   color: #fff;
   background-color: #303641;
   border-color: #39414e;
   padding: 0
}

.panel-invert>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #39414e
}

.panel-invert>.panel-heading>.dropdown .caret {
   border-color: #fff transparent
}

.panel-invert>.panel-heading>.panel-title>a {
   color: #fff
}

.panel-invert>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #fff;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-invert>.panel-heading>.panel-options>a.bg {
   background-color: #4f5a6b;
   margin-left: 5px
}

.panel-invert>.panel-heading>.panel-options>a.bg:hover {
   background-color: #556174
}

.panel-invert>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-invert>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #39414e;
   padding-top: 5px
}

.panel-invert>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-invert>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #39414e;
   background-color: #39414e;
   padding: 8px 10px;
   color: rgba(255, 255, 255, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-invert>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-invert>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #303641;
   background-color: #303641;
   color: #fff
}

.panel-invert>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #fff
}

.panel-invert>.panel-footer {
   background-color: #303641;
   color: #fff;
   border-top-color: #39414e
}

.panel-invert>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #39414e
}

.panel-invert>.panel-body+.panel-body {
   border-top-color: #39414e
}

.panel-invert>.panel-body {
   background-color: #303641;
   color: #778193
}

.panel-default {
   border-color: #ebebeb;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-default>.panel-heading {
   color: #373e4a;
   background-color: #f0f0f1;
   border-color: #ebebeb;
   padding: 0
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #ebebeb
}

.panel-default>.panel-heading>.dropdown .caret {
   border-color: #373e4a transparent
}

.panel-default>.panel-heading>.panel-title>a {
   color: #373e4a
}

.panel-default>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #373e4a;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-default>.panel-heading>.panel-options>a.bg {
   background-color: #dedede;
   margin-left: 5px
}

.panel-default>.panel-heading>.panel-options>a.bg:hover {
   background-color: #e6e6e6
}

.panel-default>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-default>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #ebebeb;
   padding-top: 5px
}

.panel-default>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-default>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #ebebeb;
   background-color: #ebebeb;
   padding: 8px 10px;
   color: rgba(55, 62, 74, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-default>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-default>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #f0f0f1;
   background-color: #f0f0f1;
   color: #373e4a
}

.panel-default>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #373e4a
}

.panel-default>.panel-footer {
   background-color: #f0f0f1;
   color: #373e4a;
   border-top-color: #ebebeb
}

.panel-default>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #ebebeb
}

.panel-default>.panel-body+.panel-body {
   border-top-color: #ebebeb
}

.panel-default>.panel-heading>.panel-options>.nav-tabs>li>a {
   background-color: #dedede
}

.panel-default>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   background-color: #fff;
   border-bottom-color: #fff
}

.panel-success {
   border-color: #b4e8a8;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-success>.panel-heading {
   color: #045702;
   background-color: #bdedbc;
   border-color: #b4e8a8;
   padding: 0
}

.panel-success>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #b4e8a8
}

.panel-success>.panel-heading>.dropdown .caret {
   border-color: #045702 transparent
}

.panel-success>.panel-heading>.panel-title>a {
   color: #045702
}

.panel-success>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #045702;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-success>.panel-heading>.panel-options>a.bg {
   background-color: #a2e294;
   margin-left: 5px
}

.panel-success>.panel-heading>.panel-options>a.bg:hover {
   background-color: #ade5a0
}

.panel-success>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-success>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #b4e8a8;
   padding-top: 5px
}

.panel-success>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-success>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #b4e8a8;
   background-color: #b4e8a8;
   padding: 8px 10px;
   color: rgba(4, 87, 2, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-success>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-success>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #bdedbc;
   background-color: #bdedbc;
   color: #045702
}

.panel-success>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #045702
}

.panel-success>.panel-footer {
   background-color: #bdedbc;
   color: #045702;
   border-top-color: #b4e8a8
}

.panel-success>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #b4e8a8
}

.panel-success>.panel-body+.panel-body {
   border-top-color: #b4e8a8
}

.panel-success>.panel-heading>.panel-options>.nav-tabs>li>a {
   background-color: #91dd80
}

.panel-success>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   background-color: #fff;
   border-bottom-color: #fff
}

.panel-warning {
   border-color: #ffd78a;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-warning>.panel-heading {
   color: #574802;
   background-color: #ffefa4;
   border-color: #ffd78a;
   padding: 0
}

.panel-warning>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #ffd78a
}

.panel-warning>.panel-heading>.dropdown .caret {
   border-color: #574802 transparent
}

.panel-warning>.panel-heading>.panel-title>a {
   color: #574802
}

.panel-warning>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #574802;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-warning>.panel-heading>.panel-options>a.bg {
   background-color: #ffce71;
   margin-left: 5px
}

.panel-warning>.panel-heading>.panel-options>a.bg:hover {
   background-color: #ffd480
}

.panel-warning>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #ffd78a;
   padding-top: 5px
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #ffd78a;
   background-color: #ffd78a;
   padding: 8px 10px;
   color: rgba(87, 72, 2, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #ffefa4;
   background-color: #ffefa4;
   color: #574802
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #574802
}

.panel-warning>.panel-footer {
   background-color: #ffefa4;
   color: #574802;
   border-top-color: #ffd78a
}

.panel-warning>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #ffd78a
}

.panel-warning>.panel-body+.panel-body {
   border-top-color: #ffd78a
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs>li>a {
   background-color: #ffe258
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   background-color: #fff;
   border-bottom-color: #fff
}

.panel-danger {
   border-color: #ffafbd;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-danger>.panel-heading {
   color: #ac1818;
   background-color: #ffc9c9;
   border-color: #ffafbd;
   padding: 0
}

.panel-danger>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #ffafbd
}

.panel-danger>.panel-heading>.dropdown .caret {
   border-color: #ac1818 transparent
}

.panel-danger>.panel-heading>.panel-title>a {
   color: #ac1818
}

.panel-danger>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #ac1818;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-danger>.panel-heading>.panel-options>a.bg {
   background-color: #ff96a7;
   margin-left: 5px
}

.panel-danger>.panel-heading>.panel-options>a.bg:hover {
   background-color: #ffa5b4
}

.panel-danger>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #ffafbd;
   padding-top: 5px
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #ffafbd;
   background-color: #ffafbd;
   padding: 8px 10px;
   color: rgba(172, 24, 24, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #ffc9c9;
   background-color: #ffc9c9;
   color: #ac1818
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #ac1818
}

.panel-danger>.panel-footer {
   background-color: #ffc9c9;
   color: #ac1818;
   border-top-color: #ffafbd
}

.panel-danger>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #ffafbd
}

.panel-danger>.panel-body+.panel-body {
   border-top-color: #ffafbd
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs>li>a {
   background-color: #ff7c7c
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   background-color: #fff;
   border-bottom-color: #fff
}

.panel-info {
   border-color: #a6e8f3;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-info>.panel-heading {
   color: #2c7ea1;
   background-color: #c5e8f7;
   border-color: #a6e8f3;
   padding: 0
}

.panel-info>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #a6e8f3
}

.panel-info>.panel-heading>.dropdown .caret {
   border-color: #2c7ea1 transparent
}

.panel-info>.panel-heading>.panel-title>a {
   color: #2c7ea1
}

.panel-info>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #2c7ea1;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-info>.panel-heading>.panel-options>a.bg {
   background-color: #8fe3f0;
   margin-left: 5px
}

.panel-info>.panel-heading>.panel-options>a.bg:hover {
   background-color: #9de6f1
}

.panel-info>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-info>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #a6e8f3;
   padding-top: 5px
}

.panel-info>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-info>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #a6e8f3;
   background-color: #a6e8f3;
   padding: 8px 10px;
   color: rgba(44, 126, 161, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-info>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-info>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #c5e8f7;
   background-color: #c5e8f7;
   color: #2c7ea1
}

.panel-info>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #2c7ea1
}

.panel-info>.panel-footer {
   background-color: #c5e8f7;
   color: #2c7ea1;
   border-top-color: #a6e8f3
}

.panel-info>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #a6e8f3
}

.panel-info>.panel-body+.panel-body {
   border-top-color: #a6e8f3
}

.panel-info>.panel-heading>.panel-options>.nav-tabs>li>a {
   background-color: #82cdee
}

.panel-info>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   background-color: #fff;
   border-bottom-color: #fff
}

.panel-dark {
   border-color: #222;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-dark>.panel-heading {
   color: #fff;
   background-color: #333;
   border-color: #222;
   padding: 0
}

.panel-dark>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #222
}

.panel-dark>.panel-heading>.dropdown .caret {
   border-color: #fff transparent
}

.panel-dark>.panel-heading>.panel-title>a {
   color: #fff
}

.panel-dark>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #fff;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-dark>.panel-heading>.panel-options>a.bg {
   background-color: #484848;
   margin-left: 5px
}

.panel-dark>.panel-heading>.panel-options>a.bg:hover {
   background-color: #505050
}

.panel-dark>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #222;
   padding-top: 5px
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #222;
   background-color: #222;
   padding: 8px 10px;
   color: rgba(255, 255, 255, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #333;
   background-color: #333;
   color: #fff
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #fff
}

.panel-dark>.panel-footer {
   background-color: #333;
   color: #fff;
   border-top-color: #222
}

.panel-dark>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #222
}

.panel-dark>.panel-body+.panel-body {
   border-top-color: #222
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li>a {
   background-color: rgba(255, 255, 255, .1);
   color: #fff;
   border-color: rgba(34, 34, 34, .1)
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   background-color: #fff;
   border-bottom-color: #fff;
   color: #222
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li.active>a i {
   color: #222
}

.panel-gray {
   border-color: #eee;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-gray>.panel-heading {
   color: #373e4a;
   background-color: #eee;
   border-color: #fff;
   padding: 0
}

.panel-gray>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #eee
}

.panel-gray>.panel-heading>.dropdown .caret {
   border-color: #373e4a transparent
}

.panel-gray>.panel-heading>.panel-title>a {
   color: #373e4a
}

.panel-gray>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #373e4a;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-gray>.panel-heading>.panel-options>a.bg {
   background-color: #e0e0e0;
   margin-left: 5px
}

.panel-gray>.panel-heading>.panel-options>a.bg:hover {
   background-color: #e8e8e8
}

.panel-gray>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #eee;
   padding-top: 5px
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #eee;
   background-color: #eee;
   padding: 8px 10px;
   color: rgba(55, 62, 74, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #eee;
   background-color: #eee;
   color: #373e4a
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #373e4a
}

.panel-gray>.panel-footer {
   background-color: #eee;
   color: #373e4a;
   border-top-color: #fff
}

.panel-gray>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #eee
}

.panel-gray>.panel-body+.panel-body {
   border-top-color: #fff
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs>li>a {
   background-color: #fff;
   border-bottom: 1px solid #fff
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   background-color: #eee;
   border-color: #fff;
   border-bottom-color: #eee
}

.panel-gray>.panel-body {
   background-color: #eee
}

.panel-gray>.panel-body+.panel-body {
   border-top-color: #fff
}

.panel-gradient {
   border-color: #ccc;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-gradient>.panel-heading {
   color: #303641;
   background-color: #fff;
   border-color: #ccc;
   padding: 0
}

.panel-gradient>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #ccc
}

.panel-gradient>.panel-heading>.dropdown .caret {
   border-color: #303641 transparent
}

.panel-gradient>.panel-heading>.panel-title>a {
   color: #303641
}

.panel-gradient>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #303641;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-gradient>.panel-heading>.panel-options>a.bg {
   background-color: #d1d1d1;
   margin-left: 5px
}

.panel-gradient>.panel-heading>.panel-options>a.bg:hover {
   background-color: #d9d9d9
}

.panel-gradient>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-gradient>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #ccc;
   padding-top: 5px
}

.panel-gradient>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-gradient>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #ccc;
   background-color: #ccc;
   padding: 8px 10px;
   color: rgba(48, 54, 65, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-gradient>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-gradient>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #fff;
   background-color: #fff;
   color: #303641
}

.panel-gradient>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #303641
}

.panel-gradient>.panel-footer {
   background-color: #fff;
   color: #303641;
   border-top-color: #ccc
}

.panel-gradient>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #ccc
}

.panel-gradient>.panel-body+.panel-body {
   border-top-color: #ccc
}

.panel-gradient>.panel-heading {
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
   background-image: -webkit-linear-gradient(top, #fff 0, #e5e5e5 100%);
   background-image: -moz-linear-gradient(top, #fff 0, #e5e5e5 100%);
   background-image: -o-linear-gradient(top, #fff 0, #e5e5e5 100%);
   background-image: linear-gradient(to bottom, #fff 0, #e5e5e5 100%)
}

.panel-gradient>.panel-heading>.panel-options i {
   color: #303641
}

.panel-primary {
   border-color: #ebebeb;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 10px;
   background-clip: padding-box
}

.panel-primary>.panel-heading {
   color: #373e4a;
   background-color: #fff;
   border-color: #ebebeb;
   padding: 0
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #ebebeb
}

.panel-primary>.panel-heading>.dropdown .caret {
   border-color: #373e4a transparent
}

.panel-primary>.panel-heading>.panel-title>a {
   color: #373e4a
}

.panel-primary>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #373e4a;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-primary>.panel-heading>.panel-options>a.bg {
   background-color: #f8f8f8;
   margin-left: 5px
}

.panel-primary>.panel-heading>.panel-options>a.bg:hover {
   background-color: #fff
}

.panel-primary>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-primary>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #ebebeb;
   padding-top: 5px
}

.panel-primary>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-primary>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #ebebeb;
   background-color: #ebebeb;
   padding: 8px 10px;
   color: rgba(55, 62, 74, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-primary>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-primary>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #fff;
   background-color: #fff;
   color: #373e4a
}

.panel-primary>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #373e4a
}

.panel-primary>.panel-footer {
   background-color: #fff;
   color: #373e4a;
   border-top-color: #ebebeb
}

.panel-primary>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #ebebeb
}

.panel-primary>.panel-body+.panel-body {
   border-top-color: #ebebeb
}

.panel-invert {
   border-color: #39414e;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-invert>.panel-heading {
   color: #fff;
   background-color: #303641;
   border-color: #39414e;
   padding: 0
}

.panel-invert>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #39414e
}

.panel-invert>.panel-heading>.dropdown .caret {
   border-color: #fff transparent
}

.panel-invert>.panel-heading>.panel-title>a {
   color: #fff
}

.panel-invert>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #fff;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-invert>.panel-heading>.panel-options>a.bg {
   background-color: #4f5a6b;
   margin-left: 5px
}

.panel-invert>.panel-heading>.panel-options>a.bg:hover {
   background-color: #556174
}

.panel-invert>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-invert>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #39414e;
   padding-top: 5px
}

.panel-invert>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-invert>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #39414e;
   background-color: #39414e;
   padding: 8px 10px;
   color: rgba(255, 255, 255, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-invert>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-invert>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #303641;
   background-color: #303641;
   color: #fff
}

.panel-invert>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #fff
}

.panel-invert>.panel-footer {
   background-color: #303641;
   color: #fff;
   border-top-color: #39414e
}

.panel-invert>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #39414e
}

.panel-invert>.panel-body+.panel-body {
   border-top-color: #39414e
}

.panel-invert>.panel-body {
   background-color: #303641;
   color: #778193
}

.panel-default {
   border-color: #ebebeb;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-default>.panel-heading {
   color: #373e4a;
   background-color: #f0f0f1;
   border-color: #ebebeb;
   padding: 0
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #ebebeb
}

.panel-default>.panel-heading>.dropdown .caret {
   border-color: #373e4a transparent
}

.panel-default>.panel-heading>.panel-title>a {
   color: #373e4a
}

.panel-default>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #373e4a;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-default>.panel-heading>.panel-options>a.bg {
   background-color: #dedede;
   margin-left: 5px
}

.panel-default>.panel-heading>.panel-options>a.bg:hover {
   background-color: #e6e6e6
}

.panel-default>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-default>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #ebebeb;
   padding-top: 5px
}

.panel-default>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-default>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #ebebeb;
   background-color: #ebebeb;
   padding: 8px 10px;
   color: rgba(55, 62, 74, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-default>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-default>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #f0f0f1;
   background-color: #f0f0f1;
   color: #373e4a
}

.panel-default>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #373e4a
}

.panel-default>.panel-footer {
   background-color: #f0f0f1;
   color: #373e4a;
   border-top-color: #ebebeb
}

.panel-default>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #ebebeb
}

.panel-default>.panel-body+.panel-body {
   border-top-color: #ebebeb
}

.panel-default>.panel-heading>.panel-options>.nav-tabs>li>a {
   background-color: #dedede
}

.panel-default>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   background-color: #fff;
   border-bottom-color: #fff
}

.panel-success {
   border-color: #b4e8a8;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-success>.panel-heading {
   color: #045702;
   background-color: #bdedbc;
   border-color: #b4e8a8;
   padding: 0
}

.panel-success>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #b4e8a8
}

.panel-success>.panel-heading>.dropdown .caret {
   border-color: #045702 transparent
}

.panel-success>.panel-heading>.panel-title>a {
   color: #045702
}

.panel-success>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #045702;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-success>.panel-heading>.panel-options>a.bg {
   background-color: #a2e294;
   margin-left: 5px
}

.panel-success>.panel-heading>.panel-options>a.bg:hover {
   background-color: #ade5a0
}

.panel-success>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-success>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #b4e8a8;
   padding-top: 5px
}

.panel-success>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-success>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #b4e8a8;
   background-color: #b4e8a8;
   padding: 8px 10px;
   color: rgba(4, 87, 2, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-success>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-success>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #bdedbc;
   background-color: #bdedbc;
   color: #045702
}

.panel-success>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #045702
}

.panel-success>.panel-footer {
   background-color: #bdedbc;
   color: #045702;
   border-top-color: #b4e8a8
}

.panel-success>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #b4e8a8
}

.panel-success>.panel-body+.panel-body {
   border-top-color: #b4e8a8
}

.panel-success>.panel-heading>.panel-options>.nav-tabs>li>a {
   background-color: #91dd80
}

.panel-success>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   background-color: #fff;
   border-bottom-color: #fff
}

.panel-warning {
   border-color: #ffd78a;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-warning>.panel-heading {
   color: #574802;
   background-color: #ffefa4;
   border-color: #ffd78a;
   padding: 0
}

.panel-warning>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #ffd78a
}

.panel-warning>.panel-heading>.dropdown .caret {
   border-color: #574802 transparent
}

.panel-warning>.panel-heading>.panel-title>a {
   color: #574802
}

.panel-warning>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #574802;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-warning>.panel-heading>.panel-options>a.bg {
   background-color: #ffce71;
   margin-left: 5px
}

.panel-warning>.panel-heading>.panel-options>a.bg:hover {
   background-color: #ffd480
}

.panel-warning>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #ffd78a;
   padding-top: 5px
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #ffd78a;
   background-color: #ffd78a;
   padding: 8px 10px;
   color: rgba(87, 72, 2, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #ffefa4;
   background-color: #ffefa4;
   color: #574802
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #574802
}

.panel-warning>.panel-footer {
   background-color: #ffefa4;
   color: #574802;
   border-top-color: #ffd78a
}

.panel-warning>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #ffd78a
}

.panel-warning>.panel-body+.panel-body {
   border-top-color: #ffd78a
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs>li>a {
   background-color: #ffe258
}

.panel-warning>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   background-color: #fff;
   border-bottom-color: #fff
}

.panel-danger {
   border-color: #ffafbd;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-danger>.panel-heading {
   color: #ac1818;
   background-color: #ffc9c9;
   border-color: #ffafbd;
   padding: 0
}

.panel-danger>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #ffafbd
}

.panel-danger>.panel-heading>.dropdown .caret {
   border-color: #ac1818 transparent
}

.panel-danger>.panel-heading>.panel-title>a {
   color: #ac1818
}

.panel-danger>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #ac1818;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-danger>.panel-heading>.panel-options>a.bg {
   background-color: #ff96a7;
   margin-left: 5px
}

.panel-danger>.panel-heading>.panel-options>a.bg:hover {
   background-color: #ffa5b4
}

.panel-danger>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #ffafbd;
   padding-top: 5px
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #ffafbd;
   background-color: #ffafbd;
   padding: 8px 10px;
   color: rgba(172, 24, 24, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #ffc9c9;
   background-color: #ffc9c9;
   color: #ac1818
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #ac1818
}

.panel-danger>.panel-footer {
   background-color: #ffc9c9;
   color: #ac1818;
   border-top-color: #ffafbd
}

.panel-danger>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #ffafbd
}

.panel-danger>.panel-body+.panel-body {
   border-top-color: #ffafbd
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs>li>a {
   background-color: #ff7c7c
}

.panel-danger>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   background-color: #fff;
   border-bottom-color: #fff
}

.panel-info {
   border-color: #a6e8f3;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-info>.panel-heading {
   color: #2c7ea1;
   background-color: #c5e8f7;
   border-color: #a6e8f3;
   padding: 0
}

.panel-info>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #a6e8f3
}

.panel-info>.panel-heading>.dropdown .caret {
   border-color: #2c7ea1 transparent
}

.panel-info>.panel-heading>.panel-title>a {
   color: #2c7ea1
}

.panel-info>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #2c7ea1;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-info>.panel-heading>.panel-options>a.bg {
   background-color: #8fe3f0;
   margin-left: 5px
}

.panel-info>.panel-heading>.panel-options>a.bg:hover {
   background-color: #9de6f1
}

.panel-info>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-info>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #a6e8f3;
   padding-top: 5px
}

.panel-info>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-info>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #a6e8f3;
   background-color: #a6e8f3;
   padding: 8px 10px;
   color: rgba(44, 126, 161, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-info>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-info>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #c5e8f7;
   background-color: #c5e8f7;
   color: #2c7ea1
}

.panel-info>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #2c7ea1
}

.panel-info>.panel-footer {
   background-color: #c5e8f7;
   color: #2c7ea1;
   border-top-color: #a6e8f3
}

.panel-info>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #a6e8f3
}

.panel-info>.panel-body+.panel-body {
   border-top-color: #a6e8f3
}

.panel-info>.panel-heading>.panel-options>.nav-tabs>li>a {
   background-color: #82cdee
}

.panel-info>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   background-color: #fff;
   border-bottom-color: #fff
}

.panel-dark {
   border-color: #222;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-dark>.panel-heading {
   color: #fff;
   background-color: #333;
   border-color: #222;
   padding: 0
}

.panel-dark>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #222
}

.panel-dark>.panel-heading>.dropdown .caret {
   border-color: #fff transparent
}

.panel-dark>.panel-heading>.panel-title>a {
   color: #fff
}

.panel-dark>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #fff;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-dark>.panel-heading>.panel-options>a.bg {
   background-color: #484848;
   margin-left: 5px
}

.panel-dark>.panel-heading>.panel-options>a.bg:hover {
   background-color: #505050
}

.panel-dark>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #222;
   padding-top: 5px
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #222;
   background-color: #222;
   padding: 8px 10px;
   color: rgba(255, 255, 255, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #333;
   background-color: #333;
   color: #fff
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #fff
}

.panel-dark>.panel-footer {
   background-color: #333;
   color: #fff;
   border-top-color: #222
}

.panel-dark>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #222
}

.panel-dark>.panel-body+.panel-body {
   border-top-color: #222
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li>a {
   background-color: rgba(255, 255, 255, .1);
   color: #fff;
   border-color: rgba(34, 34, 34, .1)
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   background-color: #fff;
   border-bottom-color: #fff;
   color: #222
}

.panel-dark>.panel-heading>.panel-options>.nav-tabs>li.active>a i {
   color: #222
}

.panel-gray {
   border-color: #eee;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-gray>.panel-heading {
   color: #373e4a;
   background-color: #eee;
   border-color: #fff;
   padding: 0
}

.panel-gray>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #eee
}

.panel-gray>.panel-heading>.dropdown .caret {
   border-color: #373e4a transparent
}

.panel-gray>.panel-heading>.panel-title>a {
   color: #373e4a
}

.panel-gray>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #373e4a;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-gray>.panel-heading>.panel-options>a.bg {
   background-color: #e0e0e0;
   margin-left: 5px
}

.panel-gray>.panel-heading>.panel-options>a.bg:hover {
   background-color: #e8e8e8
}

.panel-gray>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #eee;
   padding-top: 5px
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #eee;
   background-color: #eee;
   padding: 8px 10px;
   color: rgba(55, 62, 74, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #eee;
   background-color: #eee;
   color: #373e4a
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #373e4a
}

.panel-gray>.panel-footer {
   background-color: #eee;
   color: #373e4a;
   border-top-color: #fff
}

.panel-gray>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #eee
}

.panel-gray>.panel-body+.panel-body {
   border-top-color: #fff
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs>li>a {
   background-color: #fff;
   border-bottom: 1px solid #fff
}

.panel-gray>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   background-color: #eee;
   border-color: #fff;
   border-bottom-color: #eee
}

.panel-gray>.panel-body {
   background-color: #eee
}

.panel-gray>.panel-body+.panel-body {
   border-top-color: #fff
}

.panel-gradient {
   border-color: #ccc;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.panel-gradient>.panel-heading {
   color: #303641;
   background-color: #fff;
   border-color: #ccc;
   padding: 0
}

.panel-gradient>.panel-heading+.panel-collapse .panel-body {
   border-top-color: #ccc
}

.panel-gradient>.panel-heading>.dropdown .caret {
   border-color: #303641 transparent
}

.panel-gradient>.panel-heading>.panel-title>a {
   color: #303641
}

.panel-gradient>.panel-heading>.panel-options>a {
   display: inline-block;
   color: #303641;
   text-align: center;
   line-height: 1;
   padding: 4px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-gradient>.panel-heading>.panel-options>a.bg {
   background-color: #d1d1d1;
   margin-left: 5px
}

.panel-gradient>.panel-heading>.panel-options>a.bg:hover {
   background-color: #d9d9d9
}

.panel-gradient>.panel-heading>.panel-options>a i {
   margin: 0;
   padding: 0;
   display: inline-block
}

.panel-gradient>.panel-heading>.panel-options>.nav-tabs {
   position: relative;
   top: 1px;
   border-bottom: 1px solid #ccc;
   padding-top: 5px
}

.panel-gradient>.panel-heading>.panel-options>.nav-tabs>li {
   background-color: transparent
}

.panel-gradient>.panel-heading>.panel-options>.nav-tabs>li>a {
   border-color: #ccc;
   background-color: #ccc;
   padding: 8px 10px;
   color: rgba(48, 54, 65, .5);
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-gradient>.panel-heading>.panel-options>.nav-tabs>li>a>i {
   font-size: 14px;
   line-height: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.panel-gradient>.panel-heading>.panel-options>.nav-tabs>li.active>a {
   border-bottom: 1px solid #fff;
   background-color: #fff;
   color: #303641
}

.panel-gradient>.panel-heading>.panel-options>.nav-tabs>li.active>a>i {
   color: #303641
}

.panel-gradient>.panel-footer {
   background-color: #fff;
   color: #303641;
   border-top-color: #ccc
}

.panel-gradient>.panel-footer+.panel-collapse .panel-body {
   border-bottom-color: #ccc
}

.panel-gradient>.panel-body+.panel-body {
   border-top-color: #ccc
}

.panel-gradient>.panel-heading {
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
   background-image: -webkit-linear-gradient(top, #fff 0, #e5e5e5 100%);
   background-image: -moz-linear-gradient(top, #fff 0, #e5e5e5 100%);
   background-image: -o-linear-gradient(top, #fff 0, #e5e5e5 100%);
   background-image: linear-gradient(to bottom, #fff 0, #e5e5e5 100%)
}

.panel-gradient>.panel-heading>.panel-options i {
   color: #303641
}

table {
   max-width: 100%;
   background-color: transparent
}

th {
   text-align: left;
   font-weight: 400;
   color: #303641
}

.table-bordered {
   border: 1px solid #ebebeb
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
   border: 1px solid #ebebeb
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
   background-color: #f5f5f6;
   border-bottom-width: 0;
   color: #a6a7aa;
   border-bottom: 0 !important
}

.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th {
   background-color: #f5f5f6;
   border-top-width: 1px;
   color: #a6a7aa
}

table>tbody>tr.highlight>td,
table>tbody>tr.highlight>th {
   background-color: #f1f2f4 !important;
   color: #303641
}

.badge {
   background-color: #ebebeb;
   color: #373e4a
}

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

.badge.badge-secondary {
   background-color: #ee4749;
   color: #fff
}

.badge.badge-success {
   background-color: #00a651;
   color: #fff
}

.badge.badge-info {
   background-color: #21a9e1;
   color: #fff
}

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

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

.badge.badge-roundless {
   -webkit-border-radius: 1px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 1px;
   -moz-background-clip: padding;
   border-radius: 1px;
   background-clip: padding-box
}

.badge:empty {
   display: none
}

.nav-tabs {
   border-bottom: 1px solid #ddd;
   margin-top: 20px;
   margin-bottom: 10px
}

.nav-tabs.right-aligned {
   text-align: right
}

.nav-tabs.right-aligned>li {
   float: none;
   display: inline-block
}

.nav-tabs.right-aligned>li>a {
   margin-left: 4px;
   margin-right: 0
}

.nav-tabs.right-aligned>li:last-child>a {
   margin-right: 10px
}

.nav-tabs.bordered {
   margin-bottom: 0
}

.nav-tabs.bordered>li:first-child>a {
   margin-left: 0
}

.nav-tabs.bordered>li:last-child>a {
   margin-right: 0
}

.nav-tabs.bordered+.tab-content {
   border: 1px solid #ddd;
   border-top: 0;
   -webkit-border-radius: 0 0 3px 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 0 3px 3px;
   -moz-background-clip: padding;
   border-radius: 0 0 3px 3px;
   background-clip: padding-box;
   padding: 10px 15px;
   margin-bottom: 20px
}

.nav-tabs.bordered+.tab-content>p:last-child {
   margin-bottom: 0
}

.panel-group .panel>.panel-heading {
   padding: 10px 0
}

.panel-group .panel>.panel-heading>.panel-title>a {
   font-size: 15px
}

.tooltip.tooltip-primary .tooltip-inner {
   background-color: #303641;
   color: #fff
}

.tooltip.tooltip-primary.top .tooltip-arrow {
   border-top-color: #303641
}

.tooltip.tooltip-primary.top-left .tooltip-arrow {
   border-top-color: #303641
}

.tooltip.tooltip-primary.top-right .tooltip-arrow {
   border-top-color: #303641
}

.tooltip.tooltip-primary.right .tooltip-arrow {
   border-right-color: #303641
}

.tooltip.tooltip-primary.left .tooltip-arrow {
   border-left-color: #303641
}

.tooltip.tooltip-primary.bottom .tooltip-arrow {
   border-bottom-color: #303641
}

.tooltip.tooltip-primary.bottom-left .tooltip-arrow {
   border-bottom-color: #303641
}

.tooltip.tooltip-primary.bottom-right .tooltip-arrow {
   border-bottom-color: #303641
}

.tooltip.tooltip-secondary .tooltip-inner {
   background-color: #ec5956;
   color: #fff
}

.tooltip.tooltip-secondary.top .tooltip-arrow {
   border-top-color: #ec5956
}

.tooltip.tooltip-secondary.top-left .tooltip-arrow {
   border-top-color: #ec5956
}

.tooltip.tooltip-secondary.top-right .tooltip-arrow {
   border-top-color: #ec5956
}

.tooltip.tooltip-secondary.right .tooltip-arrow {
   border-right-color: #ec5956
}

.tooltip.tooltip-secondary.left .tooltip-arrow {
   border-left-color: #ec5956
}

.tooltip.tooltip-secondary.bottom .tooltip-arrow {
   border-bottom-color: #ec5956
}

.tooltip.tooltip-secondary.bottom-left .tooltip-arrow {
   border-bottom-color: #ec5956
}

.tooltip.tooltip-secondary.bottom-right .tooltip-arrow {
   border-bottom-color: #ec5956
}

.tooltip.tooltip-default .tooltip-inner {
   background-color: #ebebeb;
   color: #303641
}

.tooltip.tooltip-default.top .tooltip-arrow {
   border-top-color: #ebebeb
}

.tooltip.tooltip-default.top-left .tooltip-arrow {
   border-top-color: #ebebeb
}

.tooltip.tooltip-default.top-right .tooltip-arrow {
   border-top-color: #ebebeb
}

.tooltip.tooltip-default.right .tooltip-arrow {
   border-right-color: #ebebeb
}

.tooltip.tooltip-default.left .tooltip-arrow {
   border-left-color: #ebebeb
}

.tooltip.tooltip-default.bottom .tooltip-arrow {
   border-bottom-color: #ebebeb
}

.tooltip.tooltip-default.bottom-left .tooltip-arrow {
   border-bottom-color: #ebebeb
}

.tooltip.tooltip-default.bottom-right .tooltip-arrow {
   border-bottom-color: #ebebeb
}

.popover {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none
}

.popover.popover-primary {
   background-color: #303641;
   color: #fff;
   border-color: #303641
}

.popover.popover-primary .popover-title {
   background-color: #3b4250;
   border-bottom-color: #303641;
   color: #fff;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.popover.popover-primary.top .arrow {
   border-top-color: #303641
}

.popover.popover-primary.top .arrow:after {
   border-top-color: #303641
}

.popover.popover-primary.bottom .arrow {
   border-bottom-color: #303641
}

.popover.popover-primary.bottom .arrow:after {
   border-bottom-color: #303641
}

.popover.popover-primary.left .arrow {
   border-left-color: #303641
}

.popover.popover-primary.left .arrow:after {
   border-left-color: #303641
}

.popover.popover-primary.right .arrow {
   border-right-color: #303641
}

.popover.popover-primary.right .arrow:after {
   border-right-color: #303641
}

.popover.popover-secondary {
   background-color: #ec5956;
   color: #fff;
   border-color: #ec5956
}

.popover.popover-secondary .popover-title {
   background-color: #e9423f;
   border-bottom-color: #ec5956;
   color: #fff;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.popover.popover-secondary.top .arrow {
   border-top-color: #ec5956
}

.popover.popover-secondary.top .arrow:after {
   border-top-color: #ec5956
}

.popover.popover-secondary.bottom .arrow {
   border-bottom-color: #ec5956
}

.popover.popover-secondary.bottom .arrow:after {
   border-bottom-color: #ec5956
}

.popover.popover-secondary.left .arrow {
   border-left-color: #ec5956
}

.popover.popover-secondary.left .arrow:after {
   border-left-color: #ec5956
}

.popover.popover-secondary.right .arrow {
   border-right-color: #ec5956
}

.popover.popover-secondary.right .arrow:after {
   border-right-color: #ec5956
}

.popover.popover-default {
   background-color: #ebebeb;
   color: #373e4a;
   border-color: #ebebeb
}

.popover.popover-default .popover-title {
   background-color: #d2d2d2;
   border-bottom-color: #ebebeb;
   color: #303641;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.popover.popover-default.top .arrow {
   border-top-color: #ebebeb
}

.popover.popover-default.top .arrow:after {
   border-top-color: #ebebeb
}

.popover.popover-default.bottom .arrow {
   border-bottom-color: #ebebeb
}

.popover.popover-default.bottom .arrow:after {
   border-bottom-color: #ebebeb
}

.popover.popover-default.left .arrow {
   border-left-color: #ebebeb
}

.popover.popover-default.left .arrow:after {
   border-left-color: #ebebeb
}

.popover.popover-default.right .arrow {
   border-right-color: #ebebeb
}

.popover.popover-default.right .arrow:after {
   border-right-color: #ebebeb
}

.breadcrumb {
   padding: 8px 15px;
   margin-bottom: 17px;
   list-style: none;
   background-color: #fff;
   border-radius: 3px
}

.breadcrumb>li {
   display: inline-block
}

.breadcrumb>li i {
   margin-right: 5px;
   color: #737881
}

.breadcrumb>li a {
   color: #737881;
   font-weight: 400;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.breadcrumb>li a:hover {
   color: #464e5e
}

.breadcrumb>li+li:before {
   content: "/\00a0";
   padding: 0 5px;
   color: #ccc
}

.breadcrumb>.active {
   color: #999;
   font-weight: 400
}

.breadcrumb>.active>a {
   font-weight: 400
}

.breadcrumb.bc-2,
.breadcrumb.breadcrumb-2 {
   background-color: transparent;
   border: 1px solid #ebebeb
}

.breadcrumb.bc-3,
.breadcrumb.breadcrumb-3 {
   padding-left: 0;
   padding-right: 0;
   background-color: transparent
}

.btn {
   outline: 0 !important
}

.btn:active {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none
}

.btn.btn-icon {
   position: relative
}

.btn.btn-icon i {
   position: absolute;
   right: 0;
   top: 0;
   height: 100%
}

.btn-default {
   color: #303641;
   background-color: #f0f0f1;
   border-color: #f0f0f1
}

.btn-default.focus,
.btn-default:focus {
   color: #303641;
   background-color: #d6d6d8;
   border-color: #aeaeb3
}

.btn-default:hover {
   color: #303641;
   background-color: #d6d6d8;
   border-color: #d0d0d3
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
   color: #303641;
   background-color: #d6d6d8;
   border-color: #d0d0d3
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
   color: #303641;
   background-color: #c3c3c7;
   border-color: #aeaeb3
}

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

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

.btn-default .badge {
   color: #f0f0f1;
   background-color: #303641
}

.btn-default.focus,
.btn-default:focus,
.btn-default:hover {
   color: #303641 !important
}

.btn-default.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-default.btn-icon i {
   background-color: #dbdbdd;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-default.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-default.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-default.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-default.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-default.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-default.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-default.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-default.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-default.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-default.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-default.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-primary {
   color: #fff;
   background-color: #303641;
   border-color: #252a32
}

.btn-primary.focus,
.btn-primary:focus {
   color: #fff;
   background-color: #1a1e24;
   border-color: #000
}

.btn-primary:hover {
   color: #fff;
   background-color: #1a1e24;
   border-color: #0b0d0f
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
   color: #fff;
   background-color: #1a1e24;
   border-color: #0b0d0f
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
   color: #fff;
   background-color: #0b0d0f;
   border-color: #000
}

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

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
   background-color: #303641;
   border-color: #252a32
}

.btn-primary .badge {
   color: #303641;
   background-color: #fff
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
   color: #fff !important
}

.btn-primary.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-primary.btn-icon i {
   background-color: #1f232a;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-primary.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-primary.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-primary.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-primary.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-primary.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-primary.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-primary.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-primary.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-primary.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-primary.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-primary.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-blue {
   color: #fff;
   background-color: #0072bc;
   border-color: #0072bc
}

.btn-blue.focus,
.btn-blue:focus {
   color: #fff;
   background-color: #005389;
   border-color: #00253d
}

.btn-blue:hover {
   color: #fff;
   background-color: #005389;
   border-color: #004d7f
}

.btn-blue.active,
.btn-blue:active,
.open>.dropdown-toggle.btn-blue {
   color: #fff;
   background-color: #005389;
   border-color: #004d7f
}

.btn-blue.active.focus,
.btn-blue.active:focus,
.btn-blue.active:hover,
.btn-blue:active.focus,
.btn-blue:active:focus,
.btn-blue:active:hover,
.open>.dropdown-toggle.btn-blue.focus,
.open>.dropdown-toggle.btn-blue:focus,
.open>.dropdown-toggle.btn-blue:hover {
   color: #fff;
   background-color: #003d65;
   border-color: #00253d
}

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

.btn-blue.disabled.focus,
.btn-blue.disabled:focus,
.btn-blue.disabled:hover,
.btn-blue[disabled].focus,
.btn-blue[disabled]:focus,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue.focus,
fieldset[disabled] .btn-blue:focus,
fieldset[disabled] .btn-blue:hover {
   background-color: #0072bc;
   border-color: #0072bc
}

.btn-blue .badge {
   color: #0072bc;
   background-color: #fff
}

.btn-blue.focus,
.btn-blue:focus,
.btn-blue:hover {
   color: #fff !important
}

.btn-blue.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-blue.btn-icon i {
   background-color: #005993;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-blue.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-blue.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-blue.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-blue.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-blue.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-blue.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-blue.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-blue.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-blue.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-blue.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-blue.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-red {
   color: #fff;
   background-color: #d42020;
   border-color: #d42020
}

.btn-red.focus,
.btn-red:focus {
   color: #fff;
   background-color: #a81919;
   border-color: #650f0f
}

.btn-red:hover {
   color: #fff;
   background-color: #a81919;
   border-color: #9f1818
}

.btn-red.active,
.btn-red:active,
.open>.dropdown-toggle.btn-red {
   color: #fff;
   background-color: #a81919;
   border-color: #9f1818
}

.btn-red.active.focus,
.btn-red.active:focus,
.btn-red.active:hover,
.btn-red:active.focus,
.btn-red:active:focus,
.btn-red:active:hover,
.open>.dropdown-toggle.btn-red.focus,
.open>.dropdown-toggle.btn-red:focus,
.open>.dropdown-toggle.btn-red:hover {
   color: #fff;
   background-color: #891515;
   border-color: #650f0f
}

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

.btn-red.disabled.focus,
.btn-red.disabled:focus,
.btn-red.disabled:hover,
.btn-red[disabled].focus,
.btn-red[disabled]:focus,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red.focus,
fieldset[disabled] .btn-red:focus,
fieldset[disabled] .btn-red:hover {
   background-color: #d42020;
   border-color: #d42020
}

.btn-red .badge {
   color: #d42020;
   background-color: #fff
}

.btn-red.focus,
.btn-red:focus,
.btn-red:hover {
   color: #fff !important
}

.btn-red.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-red.btn-icon i {
   background-color: #b11b1b;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-red.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-red.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-red.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-red.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-red.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-red.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-red.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-red.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-red.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-red.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-red.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-orange {
   color: #fff;
   background-color: #ff9600;
   border-color: #ff9600
}

.btn-orange.focus,
.btn-orange:focus {
   color: #fff;
   background-color: #cc7800;
   border-color: #804b00
}

.btn-orange:hover {
   color: #fff;
   background-color: #cc7800;
   border-color: #c27200
}

.btn-orange.active,
.btn-orange:active,
.open>.dropdown-toggle.btn-orange {
   color: #fff;
   background-color: #cc7800;
   border-color: #c27200
}

.btn-orange.active.focus,
.btn-orange.active:focus,
.btn-orange.active:hover,
.btn-orange:active.focus,
.btn-orange:active:focus,
.btn-orange:active:hover,
.open>.dropdown-toggle.btn-orange.focus,
.open>.dropdown-toggle.btn-orange:focus,
.open>.dropdown-toggle.btn-orange:hover {
   color: #fff;
   background-color: #a86300;
   border-color: #804b00
}

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

.btn-orange.disabled.focus,
.btn-orange.disabled:focus,
.btn-orange.disabled:hover,
.btn-orange[disabled].focus,
.btn-orange[disabled]:focus,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange.focus,
fieldset[disabled] .btn-orange:focus,
fieldset[disabled] .btn-orange:hover {
   background-color: #ff9600;
   border-color: #ff9600
}

.btn-orange .badge {
   color: #ff9600;
   background-color: #fff
}

.btn-orange.focus,
.btn-orange:focus,
.btn-orange:hover {
   color: #fff !important
}

.btn-orange.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-orange.btn-icon i {
   background-color: #d67e00;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-orange.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-orange.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-orange.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-orange.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-orange.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-orange.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-orange.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-orange.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-orange.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-orange.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-orange.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-gold {
   color: #846e20;
   background-color: #fcd036;
   border-color: #fcd036
}

.btn-gold.focus,
.btn-gold:focus {
   color: #846e20;
   background-color: #fbc404;
   border-color: #b08903
}

.btn-gold:hover {
   color: #846e20;
   background-color: #fbc404;
   border-color: #f1bc04
}

.btn-gold.active,
.btn-gold:active,
.open>.dropdown-toggle.btn-gold {
   color: #846e20;
   background-color: #fbc404;
   border-color: #f1bc04
}

.btn-gold.active.focus,
.btn-gold.active:focus,
.btn-gold.active:hover,
.btn-gold:active.focus,
.btn-gold:active:focus,
.btn-gold:active:hover,
.open>.dropdown-toggle.btn-gold.focus,
.open>.dropdown-toggle.btn-gold:focus,
.open>.dropdown-toggle.btn-gold:hover {
   color: #846e20;
   background-color: #d8a903;
   border-color: #b08903
}

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

.btn-gold.disabled.focus,
.btn-gold.disabled:focus,
.btn-gold.disabled:hover,
.btn-gold[disabled].focus,
.btn-gold[disabled]:focus,
.btn-gold[disabled]:hover,
fieldset[disabled] .btn-gold.focus,
fieldset[disabled] .btn-gold:focus,
fieldset[disabled] .btn-gold:hover {
   background-color: #fcd036;
   border-color: #fcd036
}

.btn-gold .badge {
   color: #fcd036;
   background-color: #846e20
}

.btn-gold.focus,
.btn-gold:focus,
.btn-gold:hover {
   color: #846e20 !important
}

.btn-gold.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-gold.btn-icon i {
   background-color: #fbc70e;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-gold.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-gold.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-gold.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-gold.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-gold.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-gold.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-gold.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-gold.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-gold.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-gold.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-gold.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-black {
   color: #fff;
   background-color: #000;
   border-color: #000
}

.btn-black.focus,
.btn-black:focus {
   color: #fff;
   background-color: #000;
   border-color: #000
}

.btn-black:hover {
   color: #fff;
   background-color: #000;
   border-color: #000
}

.btn-black.active,
.btn-black:active,
.open>.dropdown-toggle.btn-black {
   color: #fff;
   background-color: #000;
   border-color: #000
}

.btn-black.active.focus,
.btn-black.active:focus,
.btn-black.active:hover,
.btn-black:active.focus,
.btn-black:active:focus,
.btn-black:active:hover,
.open>.dropdown-toggle.btn-black.focus,
.open>.dropdown-toggle.btn-black:focus,
.open>.dropdown-toggle.btn-black:hover {
   color: #fff;
   background-color: #000;
   border-color: #000
}

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

.btn-black.disabled.focus,
.btn-black.disabled:focus,
.btn-black.disabled:hover,
.btn-black[disabled].focus,
.btn-black[disabled]:focus,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black.focus,
fieldset[disabled] .btn-black:focus,
fieldset[disabled] .btn-black:hover {
   background-color: #000;
   border-color: #000
}

.btn-black .badge {
   color: #000;
   background-color: #fff
}

.btn-black.focus,
.btn-black:focus,
.btn-black:hover {
   color: #fff !important
}

.btn-black.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-black.btn-icon i {
   background-color: #000;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-black.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-black.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-black.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-black.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-black.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-black.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-black.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-black.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-black.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-black.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-black.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-white {
   color: #303641;
   background-color: #fff;
   border-color: #fff;
   border-color: #ebebeb !important
}

.btn-white.focus,
.btn-white:focus {
   color: #303641;
   background-color: #e6e6e6;
   border-color: #bfbfbf
}

.btn-white:hover {
   color: #303641;
   background-color: #e6e6e6;
   border-color: #e0e0e0
}

.btn-white.active,
.btn-white:active,
.open>.dropdown-toggle.btn-white {
   color: #303641;
   background-color: #e6e6e6;
   border-color: #e0e0e0
}

.btn-white.active.focus,
.btn-white.active:focus,
.btn-white.active:hover,
.btn-white:active.focus,
.btn-white:active:focus,
.btn-white:active:hover,
.open>.dropdown-toggle.btn-white.focus,
.open>.dropdown-toggle.btn-white:focus,
.open>.dropdown-toggle.btn-white:hover {
   color: #303641;
   background-color: #d4d4d4;
   border-color: #bfbfbf
}

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

.btn-white.disabled.focus,
.btn-white.disabled:focus,
.btn-white.disabled:hover,
.btn-white[disabled].focus,
.btn-white[disabled]:focus,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white.focus,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:hover {
   background-color: #fff;
   border-color: #fff
}

.btn-white .badge {
   color: #fff;
   background-color: #303641
}

.btn-white.focus,
.btn-white:focus,
.btn-white:hover {
   color: #303641 !important
}

.btn-white.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-white.btn-icon i {
   background-color: #ebebeb;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-white.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-white.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-white.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-white.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-white.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-white.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-white.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-white.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-white.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-white.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-white.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

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

.btn-warning.focus,
.btn-warning:focus {
   color: #fff;
   background-color: #f9ce07;
   border-color: #967c04
}

.btn-warning:hover {
   color: #fff;
   background-color: #f9ce07;
   border-color: #d7b205
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
   color: #fff;
   background-color: #f9ce07;
   border-color: #d7b205
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
   color: #fff;
   background-color: #d7b205;
   border-color: #967c04
}

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

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
   background-color: #fad839;
   border-color: #f9d320
}

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

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
   color: #fff !important
}

.btn-warning.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-warning.btn-icon i {
   background-color: #f9d011;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-warning.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-warning.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-warning.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-warning.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-warning.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-warning.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-warning.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-warning.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-warning.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-warning.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-warning.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

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

.btn-danger.focus,
.btn-danger:focus {
   color: #fff;
   background-color: #a11c1c;
   border-color: #4a0d0d
}

.btn-danger:hover {
   color: #fff;
   background-color: #a11c1c;
   border-color: #821717
}

.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
   color: #fff;
   background-color: #a11c1c;
   border-color: #821717
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
   color: #fff;
   background-color: #821717;
   border-color: #4a0d0d
}

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

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
   background-color: #cc2424;
   border-color: #b62020
}

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

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
   color: #fff !important
}

.btn-danger.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-danger.btn-icon i {
   background-color: #a91e1e;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-danger.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-danger.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-danger.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-danger.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-danger.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-danger.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-danger.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-danger.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-danger.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-danger.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-danger.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-green,
.btn-success {
   color: #fff;
   background-color: #00a651;
   border-color: #008d45
}

.btn-green.focus,
.btn-green:focus,
.btn-success.focus,
.btn-success:focus {
   color: #fff;
   background-color: #007338;
   border-color: #000d06
}

.btn-green:hover,
.btn-success:hover {
   color: #fff;
   background-color: #007338;
   border-color: #004f27
}

.btn-green.active,
.btn-green:active,
.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-green,
.open>.dropdown-toggle.btn-success {
   color: #fff;
   background-color: #007338;
   border-color: #004f27
}

.btn-green.active.focus,
.btn-green.active:focus,
.btn-green.active:hover,
.btn-green:active.focus,
.btn-green:active:focus,
.btn-green:active:hover,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-green.focus,
.open>.dropdown-toggle.btn-green:focus,
.open>.dropdown-toggle.btn-green:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
   color: #fff;
   background-color: #004f27;
   border-color: #000d06
}

.btn-green.active,
.btn-green:active,
.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-green,
.open>.dropdown-toggle.btn-success {
   background-image: none
}

.btn-green.disabled.focus,
.btn-green.disabled:focus,
.btn-green.disabled:hover,
.btn-green[disabled].focus,
.btn-green[disabled]:focus,
.btn-green[disabled]:hover,
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-green.focus,
fieldset[disabled] .btn-green:focus,
fieldset[disabled] .btn-green:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
   background-color: #00a651;
   border-color: #008d45
}

.btn-green .badge,
.btn-success .badge {
   color: #00a651;
   background-color: #fff
}

.btn-green.focus,
.btn-green:focus,
.btn-green:hover,
.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
   color: #fff !important
}

.btn-green.btn-icon,
.btn-success.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-green.btn-icon i,
.btn-success.btn-icon i {
   background-color: #007d3d;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-green.btn-icon.icon-left,
.btn-success.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-green.btn-icon.icon-left i,
.btn-success.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-green.btn-icon.btn-lg,
.btn-success.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-green.btn-icon.btn-lg.icon-left,
.btn-success.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-green.btn-icon.btn-lg i,
.btn-success.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-green.btn-icon.btn-sm,
.btn-success.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-green.btn-icon.btn-sm.icon-left,
.btn-success.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-green.btn-icon.btn-sm i,
.btn-success.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-green.btn-icon.btn-xs,
.btn-success.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-green.btn-icon.btn-xs.icon-left,
.btn-success.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-green.btn-icon.btn-xs i,
.btn-success.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-info {
   color: #fff;
   background-color: #21a9e1;
   border-color: #1c99cd
}

.btn-info.focus,
.btn-info:focus {
   color: #fff;
   background-color: #1988b6;
   border-color: #0c455d
}

.btn-info:hover {
   color: #fff;
   background-color: #1988b6;
   border-color: #147197
}

.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
   color: #fff;
   background-color: #1988b6;
   border-color: #147197
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
   color: #fff;
   background-color: #147197;
   border-color: #0c455d
}

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

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
   background-color: #21a9e1;
   border-color: #1c99cd
}

.btn-info .badge {
   color: #21a9e1;
   background-color: #fff
}

.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
   color: #fff !important
}

.btn-info.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-info.btn-icon i {
   background-color: #1a8fbf;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-info.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-info.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-info.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-info.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-info.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-info.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-info.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-info.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-info.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-info.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-info.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

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

.bs-example>.btn,
.bs-example>.btn-group,
.bs-example>.make-switch {
   margin-top: 4px;
   margin-bottom: 4px;
   margin-right: 9px
}

.bs-example.bs-baseline-top .btn,
.bs-example.bs-baseline-top .btn-group {
   vertical-align: top !important
}

.dropdown-menu {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none
}

.dropdown-menu.dropdown-green {
   background-color: #00a651;
   border-color: #009247
}

.dropdown-menu.dropdown-green>li>a {
   color: #fff
}

.dropdown-menu.dropdown-green>li:active a,
.dropdown-menu.dropdown-green>li:hover a {
   background-color: #008d45;
   color: #fff
}

.dropdown-menu.dropdown-green .divider,
.dropdown-menu.dropdown-green .divider:hover {
   height: 1px;
   margin: 7.5px 0;
   overflow: hidden;
   background-color: #009247
}

.dropdown-menu.dropdown-gold {
   background-color: #fcd036;
   border-color: #ecb804
}

.dropdown-menu.dropdown-gold>li>a {
   color: #846e20
}

.dropdown-menu.dropdown-gold>li:active a,
.dropdown-menu.dropdown-gold>li:hover a {
   background-color: #f1bc04;
   color: #846e20
}

.dropdown-menu.dropdown-gold .divider,
.dropdown-menu.dropdown-gold .divider:hover {
   height: 1px;
   margin: 7.5px 0;
   overflow: hidden;
   background-color: #ecb804
}

.dropdown-menu.dropdown-blue {
   background-color: #0072bc;
   border-color: #0063a3
}

.dropdown-menu.dropdown-blue>li>a {
   color: #fff
}

.dropdown-menu.dropdown-blue>li:active a,
.dropdown-menu.dropdown-blue>li:hover a {
   background-color: #0063a3;
   color: #fff
}

.dropdown-menu.dropdown-blue .divider,
.dropdown-menu.dropdown-blue .divider:hover {
   height: 1px;
   margin: 7.5px 0;
   overflow: hidden;
   background-color: #0063a3
}

.dropdown-menu.dropdown-primary {
   background-color: #303641;
   border-color: #454a54
}

.dropdown-menu.dropdown-primary>li>a {
   color: #fff
}

.dropdown-menu.dropdown-primary>li:active a,
.dropdown-menu.dropdown-primary>li:hover a {
   background-color: #252a32;
   color: #fff
}

.dropdown-menu.dropdown-primary .divider,
.dropdown-menu.dropdown-primary .divider:hover {
   height: 1px;
   margin: 7.5px 0;
   overflow: hidden;
   background-color: #454a54
}

.dropdown-menu.dropdown-red {
   background-color: #d42020;
   border-color: #b51b1b
}

.dropdown-menu.dropdown-red>li>a {
   color: #fff
}

.dropdown-menu.dropdown-red>li:active a,
.dropdown-menu.dropdown-red>li:hover a {
   background-color: #be1d1d;
   color: #fff
}

.dropdown-menu.dropdown-red .divider,
.dropdown-menu.dropdown-red .divider:hover {
   height: 1px;
   margin: 7.5px 0;
   overflow: hidden;
   background-color: #b51b1b
}

.dropdown-menu.dropdown-black {
   background-color: #000;
   border-color: #454545
}

.dropdown-menu.dropdown-black>li>a {
   color: #fff
}

.dropdown-menu.dropdown-black>li:active a,
.dropdown-menu.dropdown-black>li:hover a {
   background-color: #383838;
   color: #fff
}

.dropdown-menu.dropdown-black .divider,
.dropdown-menu.dropdown-black .divider:hover {
   height: 1px;
   margin: 7.5px 0;
   overflow: hidden;
   background-color: #454545
}

.label {
   display: inline-block;
   padding: 6px 12px;
   font-weight: 400
}

.label+.label {
   margin-left: 10px
}

.label-default {
   background-color: #ebebeb;
   color: #303641
}

.label-default[href]:focus,
.label-default[href]:hover {
   background-color: #d2d2d2
}

.label-primary {
   background-color: #373e4a;
   color: #fff
}

.label-primary[href]:focus,
.label-primary[href]:hover {
   background-color: #21252d
}

.label-secondary {
   background-color: #ec5956
}

.label-secondary[href]:focus,
.label-secondary[href]:hover {
   background-color: #e72c28
}

.label-success {
   background-color: #00a651
}

.label-success[href]:focus,
.label-success[href]:hover {
   background-color: #007338
}

.label-info {
   background-color: #21a9e1
}

.label-info[href]:focus,
.label-info[href]:hover {
   background-color: #1988b6
}

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

.label-warning[href]:focus,
.label-warning[href]:hover {
   background-color: #f9ce07
}

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

.label-danger[href]:focus,
.label-danger[href]:hover {
   background-color: #a11c1c
}

.jumbotron {
   padding: 40px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.progress {
   -webkit-border-radius: 10px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 10px;
   -moz-background-clip: padding;
   border-radius: 10px;
   background-clip: padding-box;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none
}

.progress-bar {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none
}

.progress-bar-default {
   background: #fff;
   padding: 2px;
   border: 1px solid #ebebeb
}

.progress-bar-default .progress-bar {
   background-color: #ebebeb;
   background-image: -webkit-linear-gradient(45deg, #e1e1e1 25%, transparent 25%, transparent 50%, #e1e1e1 50%, #e1e1e1 75%, transparent 75%, transparent);
   background-image: -o-linear-gradient(45deg, #e1e1e1 25%, transparent 25%, transparent 50%, #e1e1e1 50%, #e1e1e1 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, #e1e1e1 25%, transparent 25%, transparent 50%, #e1e1e1 50%, #e1e1e1 75%, transparent 75%, transparent);
   -webkit-border-radius: 10px 0 0 10px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 10px 0 0 10px;
   -moz-background-clip: padding;
   border-radius: 10px 0 0 10px;
   background-clip: padding-box
}

.progress-striped .progress-bar-default .progress-bar {
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-default .progress-bar[aria-valuenow="100"] {
   -webkit-border-radius: 10px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 10px;
   -moz-background-clip: padding;
   border-radius: 10px;
   background-clip: padding-box
}

body,
html {
   height: 100%;
   position: relative
}

.page-container {
   width: 100%;
   display: table;
   height: 100%;
   table-layout: fixed
}

@media screen and (max-width:768px) {
   .page-container {
      display: block
   }
}

.page-container.loaded .page-container {
   position: relative
}

.page-container .sidebar-menu {
   display: table-cell;
   vertical-align: top;
   background: #ffffff00;
   width: 280px;
   position: relative;
   z-index: 100;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

@media screen and (max-width:767px) {
   .page-container .sidebar-menu {
      display: none
   }
}

@media screen and (min-width:768px) {
   .page-container .sidebar-menu.fixed .sidebar-menu-inner {
      position: fixed;
      height: auto;
      bottom: 0;
      width: 280px
   }
}

.page-container .sidebar-menu .sidebar-menu-inner {
   position: relative
}

.page-container .sidebar-menu .sidebar-menu-inner.ps-container {
   overflow: hidden;
   height: 100%
}

.sidebar-collapsed.page-container .sidebar-menu .sidebar-menu-inner.ps-container {
   overflow: visible
}

.page-container .sidebar-menu .logo-env {
   width: 100%;
   padding: 35px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.page-container .sidebar-menu .logo-env:after,
.page-container .sidebar-menu .logo-env:before {
   content: " ";
   display: table
}

.page-container .sidebar-menu .logo-env:after {
   clear: both
}

.page-container .sidebar-menu .logo-env>div {
   display: block;
   vertical-align: middle;
   white-space: nowrap;
   float: left
}

.page-container .sidebar-menu .logo-env>div>a {
   display: inline-block;
   color: #aaabae
}

.page-container .sidebar-menu .logo-env>div.sidebar-collapse,
.page-container .sidebar-menu .logo-env>div.sidebar-mobile-menu {
   position: relative;
   float: right
}

.page-container .sidebar-menu .logo-env>div.sidebar-collapse a,
.page-container .sidebar-menu .logo-env>div.sidebar-mobile-menu a {
   display: inline-block;
   border: 1px solid #454a54;
   text-align: center;
   padding: 0;
   line-height: 1;
   font-size: 20px;
   font-weight: 300;
   padding: 5px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out
}

.page-container .sidebar-menu .logo-env>div.sidebar-collapse a:hover,
.page-container .sidebar-menu .logo-env>div.sidebar-mobile-menu a:hover {
   background-color: rgba(69, 74, 84, .4)
}

.page-container .sidebar-menu #main-menu {
   list-style: none;
   margin: 0;
   padding: 0;
   margin-bottom: 20px
}

.page-container .sidebar-menu #main-menu li {
   position: relative;
   margin: 0;
   font-size: 12px;
   border-bottom: 0 solid rgba(69, 74, 84, .7)
}

.page-container .sidebar-menu #main-menu li#search {
   background: #262b34;
   border-bottom-color: rgba(69, 74, 84, .5);
   position: relative;
   height: 48px
}

.page-container .sidebar-menu #main-menu li#search ::-webkit-input-placeholder {
   color: rgba(170, 171, 174, .7)
}

.page-container .sidebar-menu #main-menu li#search :-moz-placeholder {
   color: rgba(170, 171, 174, .7)
}

.page-container .sidebar-menu #main-menu li#search ::-moz-placeholder {
   color: rgba(170, 171, 174, .7)
}

.page-container .sidebar-menu #main-menu li#search :-ms-input-placeholder {
   color: rgba(170, 171, 174, .7)
}

.page-container .sidebar-menu #main-menu li#search .search-input {
   background: 0 0;
   padding: 0;
   margin: 0;
   border: none;
   outline: 0;
   padding: 15px 20px;
   padding-right: 45px;
   width: 100%;
   color: #aaabae;
   z-index: 100;
   -webkit-transition: 350ms opacity ease-in-out;
   -moz-transition: 350ms opacity ease-in-out;
   -o-transition: 350ms opacity ease-in-out;
   transition: 350ms opacity ease-in-out;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.page-container .sidebar-menu #main-menu li#search button {
   position: absolute;
   right: 0;
   top: 0;
   background: 0 0;
   padding: 0;
   margin: 0;
   border: none;
   outline: 0;
   color: #aaabae;
   padding: 15px 20px;
   padding-top: 13px
}

.page-container .sidebar-menu #main-menu li#search button i {
   margin: 0
}

.page-container .sidebar-menu #main-menu li i {
   position: relative;
   font-size: 15px;
   margin-right: 5px
}

.page-container .sidebar-menu #main-menu li a {
   position: relative;
   display: block;
   padding: 10px 20px;
   color: #aaabae;
   z-index: 2;
   -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   transition: color 250ms ease-in-out, background-color 250ms ease-in-out
}

.page-container .sidebar-menu #main-menu li a i {
   top: 1px;
   display: inline-block
}

.page-container .sidebar-menu #main-menu li a span {
   -webkit-transition: 350ms opacity ease-in-out;
   -moz-transition: 350ms opacity ease-in-out;
   -o-transition: 350ms opacity ease-in-out;
   transition: 350ms opacity ease-in-out
}

.page-container .sidebar-menu #main-menu li a:hover {
   background: linear-gradient(to right, #004594, #002c5d);
   color: #fff
}

.page-container .sidebar-menu #main-menu li a .badge {
   position: relative;
   float: right;
   font-size: 11px;
   line-height: 1.3
}

.page-container .sidebar-menu #main-menu li a .badge.badge-primary {
   border: 1px solid #454a54;
   top: -1px
}

.page-container .sidebar-menu #main-menu li.active>a {
   background-color: #2b303a;
   color: #fff
}

.page-container .sidebar-menu #main-menu li.has-sub>a:before {
   position: relative;
   content: '\e877';
   content: '\e879';
   display: inline-block;
   font-family: Barlow, sans-serif !important;
   color: #454a54;
   color: #fff;
   float: right;
   font-size: 15px;
   margin-left: 13px;
   top: 0;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.page-container .sidebar-menu #main-menu li.has-sub.opened>a:before {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   transform: rotate(90deg)
}

.page-container .sidebar-menu #main-menu li ul {
   position: relative;
   list-style: none;
   padding: 0;
   margin: 0;
   border-top: 1px solid rgba(69, 74, 84, .4);
   display: none;
   overflow: hidden;
   z-index: 1
}

.page-container .sidebar-menu #main-menu li ul.visible {
   display: block
}

.page-container .sidebar-menu #main-menu li ul>li {
   border-bottom: 1px solid rgba(69, 74, 84, .4)
}

.page-container .sidebar-menu #main-menu li ul>li>a {
   background-color: #2b303a;
   padding-left: 40px
}

.page-container .sidebar-menu #main-menu li ul>li>a:hover {
   background-color: #2d323d
}

.page-container .sidebar-menu #main-menu li ul>li:last-child {
   border-bottom: 0
}

.page-container .sidebar-menu #main-menu li ul>li ul>li>a {
   padding-left: 60px;
   background: #262b34
}

.page-container .sidebar-menu #main-menu li ul>li ul>li ul>li>a {
   padding-left: 80px;
   background: #262b34
}

.page-container .sidebar-menu #main-menu li ul>li ul>li ul>li ul>li>a {
   padding-left: 100px;
   background: #262b34
}

.page-container .sidebar-menu .sidebar-user-info {
   position: relative;
   padding: 25px 35px;
   border-top: 1px solid #454a54;
   -webkit-transition: padding .3s ease-in-out;
   -moz-transition: padding .3s ease-in-out;
   -o-transition: padding .3s ease-in-out;
   transition: padding .3s ease-in-out;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.page-container .sidebar-menu .sidebar-user-info .user-link {
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.page-container .sidebar-menu .sidebar-user-info .user-link:after,
.page-container .sidebar-menu .sidebar-user-info .user-link:before {
   content: " ";
   display: table
}

.page-container .sidebar-menu .sidebar-user-info .user-link:after {
   clear: both
}

.page-container .sidebar-menu .sidebar-user-info .user-link img {
   float: left;
   margin-right: 15px;
   border: 4px solid rgba(255, 255, 255, .11);
   -webkit-transition: transform 350ms cubic-bezier(.445, .050, .55, .95);
   -o-transition: transform 350ms cubic-bezier(.445, .050, .55, .95);
   transition: transform 350ms cubic-bezier(.445, .050, .55, .95);
   -webkit-transition: -webkit-transform 350ms cubic-bezier(.445, .050, .55, .95);
   -moz-transition: -moz-transform 350ms cubic-bezier(.445, .050, .55, .95);
   -o-transition: -o-transform 350ms cubic-bezier(.445, .050, .55, .95);
   transition: -webkit-transform 350ms cubic-bezier(.445, .050, .55, .95), -moz-transform 350ms cubic-bezier(.445, .050, .55, .95), -o-transform 350ms cubic-bezier(.445, .050, .55, .95), transform 350ms cubic-bezier(.445, .050, .55, .95);
   display: block;
   max-width: 100%;
   height: auto
}

.page-container .sidebar-menu .sidebar-user-info .user-link span,
.page-container .sidebar-menu .sidebar-user-info .user-link strong {
   display: block;
   font-size: 14px;
   color: #fff;
   font-weight: 400;
   line-height: 1.2;
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1;
   -webkit-transition: opacity .3s ease-in-out;
   -moz-transition: opacity .3s ease-in-out;
   -o-transition: opacity .3s ease-in-out;
   transition: opacity .3s ease-in-out
}

.page-container .sidebar-menu .sidebar-user-info .user-link span {
   zoom: 1;
   -webkit-opacity: 0.8;
   -moz-opacity: 0.8;
   opacity: .8
}

.page-container .sidebar-menu .sidebar-user-info .user-link strong {
   font-size: 18px
}

.page-container .sidebar-menu .sidebar-user-info .user-link img+span,
.page-container .sidebar-menu .sidebar-user-info .user-link img+strong {
   padding-top: 8px
}

.page-container .sidebar-menu .sidebar-user-info .sui-normal {
   position: relative
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover {
   position: absolute;
   visibility: hidden;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   background: #2b303a;
   padding: 25px 27.5px;
   -webkit-transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
   -o-transition: opacity .2s ease-in-out;
   transition: opacity .2s ease-in-out;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

#sec-one {
   border-bottom: 1px solid #d0cece
}

#sec-one .ic-desc .mb-1 {
   font-size: 14px;
   text-transform: uppercase;
   font-weight: 600
}

#sec-one {
   margin-bottom: 0 !important;
   padding: 5px 0 !important
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover .close-sui-popup {
   position: absolute;
   right: 15px;
   top: 10px;
   color: rgba(255, 255, 255, .6);
   font-size: 11px;
   cursor: pointer;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover a {
   position: relative;
   color: #fff;
   display: block;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover a+a {
   margin-left: 0;
   margin-top: 5px
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a {
   top: -20px;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transition: all 350ms cubic-bezier(.68, -.55, .265, 1.55);
   -moz-transition: all 350ms cubic-bezier(.68, -.55, .265, 1.55);
   -o-transition: all 350ms cubic-bezier(.68, -.55, .265, 1.55);
   transition: all 350ms cubic-bezier(.68, -.55, .265, 1.55);
   -webkit-transition-delay: 90ms;
   -moz-transition-delay: 90ms;
   -o-transition-delay: 90ms;
   transition-delay: 90ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a {
   -webkit-transition-delay: 180ms;
   -moz-transition-delay: 180ms;
   -o-transition-delay: 180ms;
   transition-delay: 180ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a {
   -webkit-transition-delay: 270ms;
   -moz-transition-delay: 270ms;
   -o-transition-delay: 270ms;
   transition-delay: 270ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a {
   -webkit-transition-delay: 360ms;
   -moz-transition-delay: 360ms;
   -o-transition-delay: 360ms;
   transition-delay: 360ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a+a {
   -webkit-transition-delay: 450ms;
   -moz-transition-delay: 450ms;
   -o-transition-delay: 450ms;
   transition-delay: 450ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a+a+a {
   -webkit-transition-delay: 540ms;
   -moz-transition-delay: 540ms;
   -o-transition-delay: 540ms;
   transition-delay: 540ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a+a+a+a {
   -webkit-transition-delay: 630ms;
   -moz-transition-delay: 630ms;
   -o-transition-delay: 630ms;
   transition-delay: 630ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a+a+a+a+a {
   -webkit-transition-delay: 720ms;
   -moz-transition-delay: 720ms;
   -o-transition-delay: 720ms;
   transition-delay: 720ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a+a+a+a+a+a {
   -webkit-transition-delay: 810ms;
   -moz-transition-delay: 810ms;
   -o-transition-delay: 810ms;
   transition-delay: 810ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a+a+a+a+a+a+a {
   -webkit-transition-delay: 0.9s;
   -moz-transition-delay: 0.9s;
   -o-transition-delay: 0.9s;
   transition-delay: 0.9s
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a+a+a+a+a+a+a+a {
   -webkit-transition-delay: 990ms;
   -moz-transition-delay: 990ms;
   -o-transition-delay: 990ms;
   transition-delay: 990ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.visible {
   visibility: visible;
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.visible .close-sui-popup {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.visible.animate-in a {
   top: 0;
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.going-invisible {
   visibility: visible
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.inline-links a {
   line-height: 52px;
   color: #fff;
   display: inline-block
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.inline-links a+a {
   margin-left: 10px
}

.page-container .main-content {
   position: relative;
   display: table-cell;
   vertical-align: top;
   padding: 20px;
   background: #f4f8f9;
   width: 100%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.page-container.sidebar-collapsed .sidebar-menu {
   width: 65px
}

.page-container.sidebar-collapsed .sidebar-menu .sidebar-menu-inner {
   width: 65px
}

.page-container.sidebar-collapsed .sidebar-menu.fixed .sidebar-menu-inner {
   position: relative
}

.page-container.sidebar-collapsed .sidebar-user-info {
   padding: 13.63636364px 5px
}

.page-container.sidebar-collapsed .sidebar-user-info .user-link {
   text-align: center
}

.page-container.sidebar-collapsed .sidebar-user-info .user-link img {
   -webkit-transform: scale(.8);
   -moz-transform: scale(.8);
   -ms-transform: scale(.8);
   -o-transform: scale(.8);
   transform: scale(.8)
}

.page-container.sidebar-collapsed .sidebar-user-info .user-link span,
.page-container.sidebar-collapsed .sidebar-user-info .user-link strong {
   position: absolute;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

.page-container.sidebar-collapsed .sidebar-user-info .sui-hover {
   position: absolute;
   top: 0;
   left: 65px;
   width: 280px;
   padding-top: 8px;
   padding-bottom: 8px;
   background: #303641;
   border: 1px solid #454a54;
   border-left: 0
}

.page-container.sidebar-collapsed .sidebar-user-info .sui-hover a {
   line-height: 1.2
}

.page-container.sidebar-collapsed.sidebar-is-showing .sidebar-user-info {
   padding: 25px 35px
}

.page-container.sidebar-collapsed.sidebar-is-showing .sidebar-user-info img {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1)
}

.page-container.sidebar-collapsed .sidebar-menu {
   z-index: 100;
   width: 65px
}

.page-container.sidebar-collapsed .sidebar-menu .logo-env {
   display: block;
   padding: 20px
}

.page-container.sidebar-collapsed .sidebar-menu .logo-env>div.logo {
   overflow: hidden;
   width: 0
}

.page-container.sidebar-collapsed .sidebar-menu .logo-env>div.sidebar-collapse {
   display: block;
   padding: 0;
   left: 3px
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li#search .search-input {
   position: absolute;
   visibility: hidden
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li#search button {
   padding-left: 20px;
   padding-bottom: 20px;
   margin: 0
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li#search.focused .search-input {
   display: block;
   position: absolute;
   visibility: visible;
   top: 0;
   left: 65px;
   background: #262b34;
   border: 1px solid #454a54;
   width: 250px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box;
   border-left: 0;
   padding: 15px 20px;
   padding-bottom: 16px;
   border: 0;
   padding-left: 0
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li.has-sub>a:before {
   display: none
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li.has-sub>a {
   background-color: transparent
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li>a {
   position: relative
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li>a>span:not(.badge) {
   display: block;
   position: absolute;
   top: 0;
   left: 65px;
   margin-top: -1px;
   padding: 12px 10px;
   background: #303641;
   border-top: 1px solid #454a54;
   border-bottom: 1px solid #454a54;
   width: 250px;
   visibility: hidden;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li>a span {
   -webkit-transition: none;
   -moz-transition: none;
   -o-transition: none;
   transition: none
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li>a span.badge {
   position: absolute;
   right: -240px;
   top: 10px;
   display: none
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li ul {
   border-top-color: #454a54
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li>ul {
   display: block;
   visibility: hidden;
   position: absolute;
   height: 0;
   top: auto;
   left: 65px;
   width: 250px;
   -webkit-border-radius: 0 0 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 0 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 0 3px 0;
   background-clip: padding-box;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li>ul>li>a span.badge {
   display: none
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li>ul li {
   border-bottom: 1px solid #454a54
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li>ul li a {
   padding-left: 10px
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li>ul li li a {
   padding-left: 25px
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li>ul li li li a {
   padding-left: 40px
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li>ul li li li li a {
   padding-left: 55px
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li.has-sub:hover.has-sub>a,
.page-container.sidebar-collapsed .sidebar-menu #main-menu>li:hover.has-sub>a {
   cursor: default
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li.has-sub:hover.has-sub>a>span:not(.badge),
.page-container.sidebar-collapsed .sidebar-menu #main-menu>li:hover.has-sub>a>span:not(.badge) {
   -webkit-border-radius: 0 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 0 0;
   background-clip: padding-box
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li.has-sub:hover.has-sub>a:hover,
.page-container.sidebar-collapsed .sidebar-menu #main-menu>li:hover.has-sub>a:hover {
   color: #aaabae
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li.has-sub:hover>ul,
.page-container.sidebar-collapsed .sidebar-menu #main-menu>li:hover>ul {
   height: auto
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li.has-sub:hover>a>span,
.page-container.sidebar-collapsed .sidebar-menu #main-menu>li:hover>a>span {
   visibility: visible;
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li.has-sub:hover a span.badge,
.page-container.sidebar-collapsed .sidebar-menu #main-menu>li:hover a span.badge {
   display: block
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu>li.has-sub:hover>ul,
.page-container.sidebar-collapsed .sidebar-menu #main-menu>li:hover>ul {
   visibility: visible;
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.page-container.sidebar-is-collapsing .sidebar-user-info {
   padding: 13.63636364px 5px
}

.page-container.sidebar-is-collapsing .sidebar-user-info img {
   -webkit-transform: scale(.8);
   -moz-transform: scale(.8);
   -ms-transform: scale(.8);
   -o-transform: scale(.8);
   transform: scale(.8)
}

.page-container.sidebar-is-collapsing .sidebar-menu #main-menu li#search .search-input {
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.page-container.sidebar-is-collapsing .sidebar-menu #main-menu li a:before {
   display: none
}

.page-container.sidebar-is-collapsing .sidebar-menu #main-menu li a span {
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transition: opacity 250ms ease-in-out !important;
   -moz-transition: opacity 250ms ease-in-out !important;
   -o-transition: opacity 250ms ease-in-out !important;
   transition: opacity 250ms ease-in-out !important
}

.page-container.sidebar-is-showing .sidebar-menu #main-menu li#search .search-input {
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

.page-container.sidebar-is-showing .sidebar-menu #main-menu li a:before {
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

.page-container.sidebar-is-showing .sidebar-menu #main-menu li a span {
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

.page-container.no-sidebar {
   padding-left: 0
}

.page-container.no-sidebar .main-content {
   padding-left: 20px
}

.page-container.horizontal-menu {
   padding-left: 0;
   padding-top: 62px
}

.page-container.horizontal-menu .navbar {
   display: table-row
}

.page-container.horizontal-menu.with-sidebar.fit-logo-with-sidebar header.navbar .navbar-brand {
   width: 280px
}

.page-container.horizontal-menu.with-sidebar header.navbar {
   border-bottom: 1px solid #454a54
}

.page-container.horizontal-menu.with-sidebar header.navbar ul.nav li.dropdown.open:after {
   bottom: -1px
}

.page-container.horizontal-menu.with-sidebar header.navbar ul.nav li.dropdown.open .dropdown-menu {
   margin-top: 1px
}

.page-container.horizontal-menu.with-sidebar .sidebar-user-info {
   border-top: 0;
   border-bottom: 1px solid #454a54
}

.page-container.horizontal-menu.with-sidebar .sidebar-menu {
   position: relative;
   z-index: 100
}

.page-container.horizontal-menu.with-sidebar .main-content {
   width: 100%
}

.page-container.horizontal-menu header.navbar {
   position: absolute;
   z-index: 8;
   background-color: #303641;
   padding: 0;
   margin-bottom: 0;
   border: 0;
   left: 0;
   right: 0;
   top: 0;
   -webkit-border-radius: 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0;
   -moz-background-clip: padding;
   border-radius: 0;
   background-clip: padding-box
}

.page-container.horizontal-menu header.navbar:after,
.page-container.horizontal-menu header.navbar:before {
   content: " ";
   display: table
}

.page-container.horizontal-menu header.navbar:after {
   clear: both
}

@media screen and (max-width:768px) {
   .page-container.horizontal-menu header.navbar {
      display: block;
      min-height: 63px
   }
}

.page-container.horizontal-menu header.navbar.navbar-fixed-top {
   position: fixed;
   z-index: 10000
}

@media screen and (max-width:768px) {
   .page-container.horizontal-menu header.navbar.navbar-fixed-top {
      z-index: 10
   }
}

.page-container.horizontal-menu header.navbar>.navbar-inner:after,
.page-container.horizontal-menu header.navbar>.navbar-inner:before {
   content: " ";
   display: table
}

.page-container.horizontal-menu header.navbar>.navbar-inner:after {
   clear: both
}

.page-container.horizontal-menu header.navbar .navbar-brand {
   padding: 20px 20px
}

.page-container.horizontal-menu header.navbar .navbar-nav {
   border-left: 1px solid rgba(69, 74, 84, .5);
   margin: 0;
   padding: 0;
   list-style: none
}

.page-container.horizontal-menu header.navbar .navbar-nav:after,
.page-container.horizontal-menu header.navbar .navbar-nav:before {
   content: " ";
   display: table
}

.page-container.horizontal-menu header.navbar .navbar-nav:after {
   clear: both
}

.page-container.horizontal-menu header.navbar .navbar-nav>li {
   position: relative
}

.page-container.horizontal-menu header.navbar .navbar-nav>li>a {
   position: relative;
   display: block;
   padding: 20px 20px;
   border-right: 1px solid rgba(69, 74, 84, .5);
   font-size: 12px;
   color: #aaabae;
   -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   z-index: 10
}

.page-container.horizontal-menu header.navbar .navbar-nav>li>a i {
   top: 1px
}

.page-container.horizontal-menu header.navbar .navbar-nav>li>a span {
   font-size: 12px
}

.page-container.horizontal-menu header.navbar .navbar-nav>li:hover>a {
   background-color: rgba(69, 74, 84, .3);
   color: #fff
}

.page-container.horizontal-menu header.navbar .navbar-nav>li#search {
   border-right: 1px solid rgba(69, 74, 84, .5)
}

.page-container.horizontal-menu header.navbar .navbar-nav>li#search.search-input-collapsed:hover {
   background-color: rgba(69, 74, 84, .3)
}

.page-container.horizontal-menu header.navbar .navbar-nav>li.active>a {
   background-color: #2b303a;
   color: #fff
}

.page-container.horizontal-menu header.navbar .navbar-nav>li.active.has-sub>a:after {
   position: absolute;
   content: '';
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 6px 6px 0 6px;
   border-color: #2b303a transparent transparent transparent;
   bottom: -6px;
   left: 50%;
   margin-left: -6px;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   transition-delay: 0.3s
}

.page-container.horizontal-menu header.navbar .navbar-nav>li.active.has-sub:hover>a:after {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.page-container.horizontal-menu header.navbar .navbar-nav>li .badge {
   margin-left: 10px;
   margin-right: -5px
}

.page-container.horizontal-menu header.navbar .navbar-nav>li ul {
   position: absolute;
   list-style: none;
   margin: 0;
   padding: 0;
   left: 0;
   top: auto;
   margin-top: 1px;
   background-color: #272b34;
   min-width: 250px;
   display: none
}

.page-container.horizontal-menu header.navbar .navbar-nav>li ul li {
   position: relative
}

.page-container.horizontal-menu header.navbar .navbar-nav>li ul li a {
   display: block;
   padding: 10px 20px;
   white-space: nowrap;
   font-size: 12px;
   border-bottom: 1px solid #303641;
   color: #aaabae;
   -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   transition: color 250ms ease-in-out, background-color 250ms ease-in-out
}

.page-container.horizontal-menu header.navbar .navbar-nav>li ul li.active>a {
   background-color: #2b303a;
   color: #fff
}

.page-container.horizontal-menu header.navbar .navbar-nav>li ul li:hover>a {
   background-color: #2b303a;
   color: #fff
}

.page-container.horizontal-menu header.navbar .navbar-nav>li ul li ul {
   position: absolute;
   left: 100%;
   top: -1px
}

.page-container.horizontal-menu header.navbar .navbar-nav>li ul li.has-sub>a:before {
   position: relative;
   content: '\e877';
   content: '\e879';
   display: inline-block;
   font-family: Barlow, sans-serif !important;
   color: #aaabae;
   color: #fff;
   float: right;
   font-size: 15px;
   margin-left: 20px;
   top: -1px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.page-container.horizontal-menu header.navbar .navbar-nav>li ul li.has-sub:hover>a:before {
   color: #fff
}

.page-container.horizontal-menu header.navbar .navbar-nav>li ul>li:last-child>a {
   border-bottom: 0
}

.page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search,
.page-container.horizontal-menu header.navbar>ul>li#search {
   position: relative;
   background-color: #262b34;
   -webkit-transition: background .3s ease-in-out;
   -moz-transition: background .3s ease-in-out;
   -o-transition: background .3s ease-in-out;
   transition: background .3s ease-in-out
}

.page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search ::-webkit-input-placeholder,
.page-container.horizontal-menu header.navbar>ul>li#search ::-webkit-input-placeholder {
   color: rgba(170, 171, 174, .7)
}

.page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search :-moz-placeholder,
.page-container.horizontal-menu header.navbar>ul>li#search :-moz-placeholder {
   color: rgba(170, 171, 174, .7)
}

.page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search ::-moz-placeholder,
.page-container.horizontal-menu header.navbar>ul>li#search ::-moz-placeholder {
   color: rgba(170, 171, 174, .7)
}

.page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search :-ms-input-placeholder,
.page-container.horizontal-menu header.navbar>ul>li#search :-ms-input-placeholder {
   color: rgba(170, 171, 174, .7)
}

.page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search .search-input,
.page-container.horizontal-menu header.navbar>ul>li#search .search-input {
   background: 0 0;
   padding: 0;
   margin: 0;
   border: none;
   outline: 0;
   padding: 22px 20px;
   padding-right: 45px;
   width: 220px;
   color: #aaabae;
   font-size: 12px;
   line-height: 1.42857143;
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1;
   -webkit-transition: all 350 ease-in-out;
   -o-transition: all 350 ease-in-out;
   transition: all 350 ease-in-out;
   -webkit-transition: all 350ms ease-in-out;
   -moz-transition: all 350ms ease-in-out;
   -o-transition: all 350ms ease-in-out;
   transition: all 350ms ease-in-out;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search button,
.page-container.horizontal-menu header.navbar>ul>li#search button {
   position: absolute;
   right: 0;
   top: 0;
   background: 0 0;
   padding: 0;
   margin: 0;
   border: none;
   outline: 0;
   color: #aaabae;
   padding: 20px 10px;
   -webkit-transition: all 350 ease-in-out;
   -o-transition: all 350 ease-in-out;
   transition: all 350 ease-in-out;
   -webkit-transition: all 350ms ease-in-out;
   -moz-transition: all 350ms ease-in-out;
   -o-transition: all 350ms ease-in-out;
   transition: all 350ms ease-in-out
}

.page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search button i,
.page-container.horizontal-menu header.navbar>ul>li#search button i {
   margin: 0
}

.page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search.search-input-collapsed,
.page-container.horizontal-menu header.navbar>ul>li#search.search-input-collapsed {
   background-color: transparent
}

.page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search.search-input-collapsed ::-webkit-input-placeholder,
.page-container.horizontal-menu header.navbar>ul>li#search.search-input-collapsed ::-webkit-input-placeholder {
   color: transparent
}

.page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search.search-input-collapsed :-moz-placeholder,
.page-container.horizontal-menu header.navbar>ul>li#search.search-input-collapsed :-moz-placeholder {
   color: transparent
}

.page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search.search-input-collapsed ::-moz-placeholder,
.page-container.horizontal-menu header.navbar>ul>li#search.search-input-collapsed ::-moz-placeholder {
   color: transparent
}

.page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search.search-input-collapsed :-ms-input-placeholder,
.page-container.horizontal-menu header.navbar>ul>li#search.search-input-collapsed :-ms-input-placeholder {
   color: transparent
}

.page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search.search-input-collapsed .search-input,
.page-container.horizontal-menu header.navbar>ul>li#search.search-input-collapsed .search-input {
   overflow: hidden;
   width: 45px;
   padding-left: 0;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

.page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search.search-input-collapsed button,
.page-container.horizontal-menu header.navbar>ul>li#search.search-input-collapsed button {
   padding-right: 15px
}

.page-container.horizontal-menu header.navbar ul.nav {
   color: #aaabae;
   font-size: 12px
}

.page-container.horizontal-menu header.navbar ul.nav:after,
.page-container.horizontal-menu header.navbar ul.nav:before {
   content: " ";
   display: table
}

.page-container.horizontal-menu header.navbar ul.nav:after {
   clear: both
}

.page-container.horizontal-menu header.navbar ul.nav>li {
   float: left
}

.page-container.horizontal-menu header.navbar ul.nav>li>a,
.page-container.horizontal-menu header.navbar ul.nav>li>span {
   display: block;
   float: left;
   padding: 22px 20px;
   color: #aaabae;
   font-size: 12px;
   line-height: 1.42857143
}

.page-container.horizontal-menu header.navbar ul.nav>li>a i,
.page-container.horizontal-menu header.navbar ul.nav>li>span i {
   margin-right: 5px
}

.page-container.horizontal-menu header.navbar ul.nav>li>a i.right,
.page-container.horizontal-menu header.navbar ul.nav>li>span i.right {
   margin-right: 0;
   margin-left: 5px
}

.page-container.horizontal-menu header.navbar ul.nav>li>a {
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.page-container.horizontal-menu header.navbar ul.nav>li>a:focus,
.page-container.horizontal-menu header.navbar ul.nav>li>a:hover {
   color: #fff;
   background-color: transparent
}

.page-container.horizontal-menu header.navbar ul.nav>li.sep {
   float: left;
   display: block;
   border-left: 1px solid #454a54;
   margin: 22px 0;
   height: 16px;
   width: 0;
   line-height: 1.42857143;
   overflow: hidden
}

.page-container.horizontal-menu header.navbar ul.nav>li#search button {
   padding: 22px 20px
}

.page-container.horizontal-menu header.navbar ul.nav>li#search.search-input-collapsed button {
   padding-right: 15px
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown>a {
   position: relative;
   display: block;
   padding: 0;
   margin: 10px;
   margin-top: 18px;
   margin-bottom: 16px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown>a i {
   font-size: 19px
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown>a .badge {
   position: absolute;
   padding: 2px;
   font-size: 10px;
   right: 0;
   top: -5px;
   min-width: 17px;
   line-height: 12px
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu {
   background-color: #f5f5f6;
   -webkit-border-radius: 0 0 3px 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 0 3px 3px;
   -moz-background-clip: padding;
   border-radius: 0 0 3px 3px;
   background-clip: padding-box;
   -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
   -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
   box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
   border: 1px solid #f8f8f8;
   list-style: none;
   padding: 0;
   margin: 0;
   margin-top: 0;
   width: 370px
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu a,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu li,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu p {
   color: #888
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li {
   display: block;
   border-bottom: 1px solid #ededed;
   margin: 0;
   padding: 0;
   font-size: 12px
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li.top>p {
   background-color: #f5f5f6
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>a,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>p {
   margin: 0;
   padding: 12px 20px
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>p {
   background-color: #fff
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>p a {
   color: #ec5956;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>p a:hover {
   color: #e9423f
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li .scroller {
   max-height: 290px;
   overflow: auto
}

.new-checkout .head-card-payment {
   border: 1px solid #ced4da;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
   background: #f1f1f1;
   margin-bottom: 0 !important;
   padding: 10px 20px;
   border: 1 px solid #ced4da;
   border-bottom: 0;
   margin-top: 0 !important
}

.product-data-old .secure-purchase-badge {
   margin-top: 25px !important
}

.coupom_header {
   padding: 0 20px
}

.new-checkout {
   margin-top: 50px;
   padding-bottom: 100px
}

.new-checkout .nm-aic .btn-primary {
   background: #7cd063;
   width: 100%;
   font-size: 18px !important
}

.product-data-old .secure-purchase-badge {
   background-color: #7cd063;
   padding: 0 12px 10px 16px;
   position: inherit;
   margin-top: -40px;
   margin-left: -10px;
   width: 208px
}

.new-checkout .product-image-original {
   display: flex
}

.new-checkout .product-data-old {
   border: 1px solid #ced4da
}

.new-checkout .compra-segura img {
   width: 273px;
   margin-left: auto;
   margin-right: auto;
   display: block;
   margin-bottom: 4px
}

.new-checkout .compra-segura {
   margin-top: -50px
}

.secure-purchase-badge {
   color: #fff !important
}

.secure-purchase-badge span {
   font-weight: 700;
   display: inline-block;
   vertical-align: middle;
   margin-top: -6px;
   margin-left: 10px;
   text-transform: uppercase;
   padding-top: 20px;
   font-size: 12px
}

.new-checkout .product-info {
   padding: 0 20px;
   padding-bottom: 5px
}

.new-checkout .product-title {
   font-size: 22px !important;
   color: #555
}

.new-checkout .product-info .price-course {
   color: #958f8f;
   font-size: 14px;
   line-height: 1.1;
   font-weight: 400
}

.new-checkout .product-info .price-course b {
   color: #0eaf38
}

.new-checkout .product-image-original .btn {
   height: auto !important;
   padding: 4px 9px !important;
   margin-top: 15px
}

.new-checkout .product-info .name-course {
   padding-right: 35px;
   font-size: 14px;
   color: #252525;
   line-height: 16px;
   padding-left: 10px;
   padding-top: 6px
}

.new-checkout .product-info .product-info-wrapper {
   clear: both;
   overflow: hidden;
   border-bottom: 1px solid #ccc;
   padding: 4px 0;
   padding-top: 14px
}

.new-checkout .product-info .product-image {
   float: left;
   margin-right: 10px
}

.new-checkout .product-info .author-data {
   color: #999;
   padding: 0;
   float: left;
   width: 100%;
   overflow: hidden;
   margin-bottom: 12px
}

.new-checkout .product-info .author-data p {
   margin-bottom: 18px;
   margin-top: 8px
}

.new-checkout .product-info .cupom {
   margin-top: 16px
}

.new-checkout .product-text {
   margin-bottom: 20px
}

.new-checkout .product-image-original img {
   height: 66px;
   width: 66px;
   float: left;
   border: 1px solid #e3e3e3
}

.new-checkout .product-image {
   border-bottom: 1px solid #ced4da;
   display: flex;
   padding-bottom: 10px
}

.new-checkout .head-card-payment {
   border: 1px solid #ced4da;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
   background: #f1f1f1;
   margin-bottom: 0 !important;
   padding: 10px 20px;
   border: 1 px solid #ced4da;
   border-bottom: 0;
   margin-top: 0 !important
}

.new-checkout .head-card-payment .badge {
   font-size: 14px;
   width: 26px;
   height: 26px;
   padding-top: 7px;
   color: #fff;
   background: #7cd063
}

.new-checkout .head-card-payment .text-muted {
   color: #a6a6a6 !important;
   text-transform: uppercase
}

.new-checkout .head-card-payment .text-muted img {
   width: 19px;
   margin-top: -1px;
   margin-right: 10px
}

.check-step .forma-pg label {
   margin-top: 12px
}

.new-checkout .product-price {
   color: #555;
   font-size: 28px;
   font-weight: 700;
   margin-top: 8px
}

.new-checkout .product-price .toal-price {
   color: #555;
   font-size: 28px;
   font-weight: 700;
   margin-top: 20px
}

.new-checkout .form-card label {
   font-size: 12px;
   line-height: 33px;
   text-transform: uppercase;
   display: block;
   max-width: 100%;
   color: #7e7e7e
}

.new-checkout .payment-methods-icons {
   text-align: center;
   background-color: #f1f1f1;
   display: flex;
   -webkit-box-pack: center;
   justify-content: center;
   flex-wrap: wrap;
   border: 1px solid #ced4da
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul {
   position: relative;
   margin: 0;
   padding: 0;
   list-style: none
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li {
   font-size: 12px;
   border-bottom: 1px solid #ededed;
   background: #f5f5f6
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li>a,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li>p {
   display: block;
   position: relative;
   margin: 0;
   padding: 10px 20px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li>a:after,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li>a:before,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li>p:after,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li>p:before {
   content: " ";
   display: table
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li>a:after,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li>p:after {
   clear: both
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li>a>i,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li>p>i {
   background: #454a54;
   display: block;
   float: left;
   text-align: center;
   padding: 5px;
   line-height: 14px;
   color: #fff;
   width: 28px;
   height: 24px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li>a:hover,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li>p:hover {
   background-color: #f5f5f6 !important
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li.notification-primary>a>i,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li.notification-primary>i {
   background-color: #303641;
   color: #fff
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li.notification-secondary>a>i,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li.notification-secondary>i {
   background-color: #ee4749;
   color: #fff
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li.notification-success>a>i,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li.notification-success>i {
   background-color: #00a651;
   color: #fff
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li.notification-info>a>i,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li.notification-info>i {
   background-color: #21a9e1;
   color: #fff
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li.notification-warning>a>i,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li.notification-warning>i {
   background-color: #fad839;
   color: #fff
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li.notification-danger>a>i,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li.notification-danger>i {
   background-color: #cc2424;
   color: #fff
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .task {
   display: block
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .task:after,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .task:before {
   content: " ";
   display: table
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .task:after {
   clear: both
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .task span {
   display: block
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .task span.desc {
   float: left
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .task span.percent {
   float: right
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .image {
   display: block;
   margin-right: 10px;
   float: left
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .image.pull-right {
   margin-left: 10px;
   margin-right: 0
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .image .img-circle {
   border: 2px solid #fff
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .image+.line {
   margin-top: 8px
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .line {
   display: block
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .line.desc {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .line+.line,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .line+.line+.line,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .line+.line+.line+.line {
   margin-top: 5px
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li strong {
   color: #373e4a
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .progress {
   display: block;
   height: 5px;
   background-color: #ededed;
   margin: 0;
   margin-top: 10px;
   margin-bottom: 5px
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .progress:after,
.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .progress:before {
   content: " ";
   display: table
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li .progress:after {
   clear: both
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li:last-child {
   border-bottom: 0
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li>ul>li:first-child a:afterx {
   position: absolute;
   content: '';
   display: block;
   height: 10px;
   top: -10px;
   left: 0;
   right: 0;
   background: 0 0;
   background: red;
   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .03);
   -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .03);
   box-shadow: 0 2px 4px rgba(0, 0, 0, .03)
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li.external {
   background-color: #fff;
   border-bottom: 0
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li.external a {
   color: #ec5956;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu>li.external a:hover {
   background-color: #fff;
   color: #e9423f
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown.open {
   background-color: rgba(69, 74, 84, .5)
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown.open>a {
   background-color: transparent;
   color: #fff
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown.open:after {
   content: '';
   position: absolute;
   display: block;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 7px 7px 7px;
   border-color: transparent transparent #fff transparent;
   bottom: -2px;
   left: 50%;
   margin-left: -7px
}

.page-container.horizontal-menu header.navbar ul.nav>li .horizontal-mobile-menu {
   position: relative
}

.page-container.horizontal-menu header.navbar ul.nav>li .horizontal-mobile-menu a {
   display: inline-block;
   border: 1px solid #454a54;
   text-align: center;
   padding: 0;
   line-height: 1;
   font-size: 20px;
   font-weight: 300;
   padding: 5px 2px;
   color: #aaabae;
   margin-top: 15px;
   margin-left: 20px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out
}

.page-container.horizontal-menu header.navbar ul.nav>li .horizontal-mobile-menu a:hover {
   background-color: rgba(69, 74, 84, .4)
}

@media (max-width:992px) {
   .page-body .page-container.horizontal-menu.fit-logo-with-sidebar header.navbar .navbar-brand {
      width: auto
   }
}

@media (min-width:767px) and (max-width:1100px) {
   .page-container.horizontal-menu header.navbar .navbar-nav>li>a {
      padding-left: 10px;
      padding-right: 10px;
      -webkit-transition: padding 250ms ease-in-out;
      -moz-transition: padding 250ms ease-in-out;
      -o-transition: padding 250ms ease-in-out;
      transition: padding 250ms ease-in-out
   }

   .page-container.horizontal-menu header.navbar .navbar-nav>li>a .badge {
      display: none
   }

   .page-container.horizontal-menu header.navbar .navbar-inner>ul>li#search .search-input,
   .page-container.horizontal-menu header.navbar>ul>li#search .search-input {
      width: 140px
   }

   .page-container.horizontal-menu header.navbar .navbar-nav>li ul li a {
      padding: 10px 15px
   }
}

@media (min-width:767px) and (max-width:992px) {
   .page-container.horizontal-menu header.navbar .navbar-nav>li>a {
      padding-left: 15px;
      padding-right: 15px
   }

   .page-container.horizontal-menu header.navbar .navbar-nav>li>a i+span {
      display: none
   }

   .page-container.Xhorizontal-menu header.navbar .navbar-nav li a,
   .page-container.Xhorizontal-menu header.navbar .navbar-nav li ul li a,
   .page-container.Xhorizontal-menu header.navbar ul.nav>li>a {
      padding-left: 10px;
      padding-right: 10px;
      font-size: 11px
   }

   .page-container.Xhorizontal-menu header.navbar ul>li#search .search-input {
      width: 150px
   }

   .page-container.Xhorizontal-menu header.navbar ul.nav>li.dropdown .dropdown-menu {
      width: 315px
   }
}

@media (max-width:767px) {
   .page-body .page-container {
      padding-left: 0
   }

   .page-body .page-container .sidebar-menu {
      position: relative;
      width: 100%;
      min-height: 0 !important
   }

   .page-body .page-container .sidebar-menu .logo-env {
      padding: 15px 20px;
      -webkit-transition: all padding ease-in-out;
      -moz-transition: all padding ease-in-out;
      -o-transition: all padding ease-in-out;
      transition: all padding ease-in-out
   }

   .page-body .page-container .sidebar-menu .logo-env>div.logo {
      display: block;
      width: auto
   }

   .page-body .page-container .sidebar-menu .logo-env>div.sidebar-collapse {
      display: none
   }

   .page-body .page-container .sidebar-menu #main-menu {
      display: none;
      margin-bottom: 0
   }

   .page-body .page-container .sidebar-menu #main-menu li a span {
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none
   }

   .page-body .page-container .main-content {
      min-height: auto !important
   }

   .page-body .page-container.horizontal-menu {
      padding-top: 0
   }

   .page-body .page-container.horizontal-menu.with-sidebar {
      padding-left: 0
   }

   .page-body .page-container.horizontal-menu header.navbar {
      position: relative
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav {
      clear: left;
      border-top: 1px solid rgba(69, 74, 84, .4);
      display: none
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li>a {
      border-right: 0;
      border-bottom: 1px solid rgba(69, 74, 84, .4);
      padding-top: 12px;
      padding-bottom: 12px
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li#search {
      border-right: 0;
      background-color: #262b34;
      border-bottom: 1px solid rgba(69, 74, 84, .4)
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li#search ::-webkit-input-placeholder {
      color: #aaabae
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li#search :-moz-placeholder {
      color: #aaabae
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li#search ::-moz-placeholder {
      color: #aaabae
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li#search :-ms-input-placeholder {
      color: #aaabae
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li#search:hover {
      background-color: #262b34
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li#search .search-input {
      zoom: 1;
      -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
      width: 100%;
      padding-left: 20px;
      padding-top: 15px;
      padding-bottom: 15px
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li#search button {
      padding-top: 15px;
      padding-bottom: 15px
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li>ul>li>a:first-child {
      border-top: 0
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul {
      overflow: hidden;
      width: 100%;
      position: relative;
      left: 0;
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul.visible {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul li a {
      border: none;
      border-bottom: 1px solid rgba(69, 74, 84, .3)
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul li:hover>a {
      background: 0 0
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul li>a:hover {
      background-color: rgba(69, 74, 84, .2)
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul li.active>a {
      background-color: rgba(69, 74, 84, .15);
      color: #fff
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul li.opened>a:before {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg)
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul li a {
      padding-left: 40px
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul li li a {
      padding-left: 60px
   }

   .page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul li li li a {
      padding-left: 80px
   }

   .page-body .page-container.horizontal-menu header.navbar ul.nav {
      position: absolute;
      top: 0;
      right: 20px
   }

   .page-body .page-container.horizontal-menu header.navbar ul.nav>li {
      display: none
   }

   .page-body .page-container.horizontal-menu header.navbar ul.nav>li.dropdown {
      display: block
   }

   .page-body .page-container.horizontal-menu header.navbar ul.nav>li.dropdown.open>.dropdown-menu {
      width: 259px;
      margin-left: -185px;
      -webkit-border-radius: 3px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 3px;
      -moz-background-clip: padding;
      border-radius: 3px;
      background-clip: padding-box
   }

   .page-body .page-container .main-content {
      min-height: 0 !important
   }
}

@media (max-width:480px) {
   .page-body .page-container.horizontal-menu header.navbar .horizontal-mobile-menu a {
      margin-left: 10px
   }

   .page-body .page-container.horizontal-menu header.navbar ul.nav>li.dropdown>a {
      margin-left: 5px;
      margin-right: 5px
   }

   .page-body .page-container.horizontal-menu header.navbar ul.nav>li.dropdown.open>.dropdown-menu {
      width: 222px;
      margin-left: -123.33333333px
   }
}

.page-container.right-sidebar .sidebar-menu .sidebar-user-info .sui-hover.inline-links a {
   margin-left: 10px
}

.page-container.right-sidebar .sidebar-menu .sidebar-user-info .sui-hover .close-sui-popup {
   right: auto;
   left: 15px
}

@media screen and (min-width:991px) {
   .page-container.right-sidebar {
      direction: rtl
   }

   .page-container.right-sidebar>* {
      direction: ltr
   }

   .page-container.right-sidebar .sidebar-menu {
      left: auto;
      right: 0
   }

   .page-container.right-sidebar.sidebar-collapsed {
      padding-left: 0
   }

   .page-container.right-sidebar.sidebar-collapsed .sidebar-menu #main-menu>li>a>span,
   .page-container.right-sidebar.sidebar-collapsed .sidebar-menu #main-menu>li>ul {
      left: auto;
      right: 65px
   }

   .page-container.right-sidebar.sidebar-collapsed .sidebar-menu #main-menu>li>a>i {
      margin-right: 0
   }

   .page-container.right-sidebar.sidebar-collapsed .sidebar-menu #main-menu>li>a>span.badge {
      right: 75px;
      left: auto
   }

   .page-container.right-sidebar.sidebar-collapsed .sidebar-menu #main-menu>li>a>span:not(.badge) {
      -webkit-border-radius: 3px 0 0 3px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 3px 0 0 3px;
      -moz-background-clip: padding;
      border-radius: 3px 0 0 3px;
      background-clip: padding-box;
      padding-left: 15px
   }

   .page-container.right-sidebar.sidebar-collapsed .sidebar-menu #main-menu>li>ul li a {
      padding-left: 15px;
      padding-right: 10px
   }

   .page-container.right-sidebar.sidebar-collapsed .sidebar-menu #main-menu>li>ul li a i {
      margin-right: 0;
      margin-left: 5px
   }

   .page-container.right-sidebar.sidebar-collapsed .sidebar-menu #main-menu>li>ul {
      right: 65px;
      left: auto
   }

   .page-container.right-sidebar.sidebar-collapsed .sidebar-menu #main-menu>li>ul {
      -webkit-border-radius: 0 0 0 3px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 0 0 0 3px;
      -moz-background-clip: padding;
      border-radius: 0 0 0 3px;
      background-clip: padding-box
   }

   .page-container.right-sidebar.sidebar-collapsed .sidebar-menu #main-menu>li#search.focused .search-input {
      left: auto;
      right: 65px;
      -webkit-border-radius: 3px 0 0 3px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 3px 0 0 3px;
      -moz-background-clip: padding;
      border-radius: 3px 0 0 3px;
      background-clip: padding-box
   }

   .page-container.right-sidebar.horizontal-menu.with-sidebar {
      padding-left: 0
   }

   .page-container.right-sidebar.horizontal-menu.with-sidebar.sidebar-collapsed {
      padding-left: 0
   }

   .page-container.right-sidebar.chat-visible .main-content {
      padding-left: 300px;
      padding-right: 20px
   }

   .page-container.right-sidebar #chat {
      left: 0;
      right: auto
   }

   .page-container.right-sidebar #chat .chat-conversation {
      left: 280px;
      right: auto;
      -webkit-border-radius: 0 3px 3px 0;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 0 3px 3px 0;
      -moz-background-clip: padding;
      border-radius: 0 3px 3px 0;
      background-clip: padding-box
   }

   .page-container.right-sidebar.sidebar-is-collapsing .sidebar-menu #main-menu li a i {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0)
   }

   .page-container.right-sidebar.sidebar-is-collapsing .sidebar-menu {
      -webkit-transition: all 350ms;
      -moz-transition: all 350ms;
      -o-transition: all 350ms;
      transition: all 350ms
   }

   .page-container.right-sidebar.sidebar-is-collapsing .sidebar-menu .sidebar-user-info .user-link span,
   .page-container.right-sidebar.sidebar-is-collapsing .sidebar-menu .sidebar-user-info .user-link strong {
      zoom: 1;
      -webkit-opacity: 0;
      -moz-opacity: 0;
      opacity: 0
   }

   .page-container.right-sidebar.sidebar-is-collapsing.sidebar-collapsing-phase-2 {
      padding-right: 65px;
      -webkit-transition: all .6s;
      -moz-transition: all .6s;
      -o-transition: all .6s;
      transition: all .6s
   }

   .page-container.right-sidebar.sidebar-is-collapsing.sidebar-collapsing-phase-2 .sidebar-menu {
      width: 65px
   }

   .page-container.right-sidebar.sidebar-is-collapsing.sidebar-collapsing-phase-2 .sidebar-menu #main-menu li a span,
   .page-container.right-sidebar.sidebar-is-collapsing.sidebar-collapsing-phase-2 .sidebar-menu #main-menu li>a:before,
   .page-container.right-sidebar.sidebar-is-collapsing.sidebar-collapsing-phase-2 .sidebar-menu .logo-env>.logo,
   .page-container.right-sidebar.sidebar-is-collapsing.sidebar-collapsing-phase-2 .sidebar-menu .sidebar-user-info .user-link span,
   .page-container.right-sidebar.sidebar-is-collapsing.sidebar-collapsing-phase-2 .sidebar-menu .sidebar-user-info .user-link strong {
      zoom: 1;
      -webkit-opacity: 0;
      -moz-opacity: 0;
      opacity: 0;
      visibility: hidden;
      display: none
   }

   .page-container.right-sidebar.sidebar-collapsed .sidebar-menu #main-menu>li.has-sub:hover.has-sub>a>span:not(.badge),
   .page-container.right-sidebar.sidebar-collapsed .sidebar-menu #main-menu>li:hover.has-sub>a>span:not(.badge) {
      -webkit-border-radius: 3px 0 0 0;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 3px 0 0 0;
      -moz-background-clip: padding;
      border-radius: 3px 0 0 0;
      background-clip: padding-box
   }
}

.user-info {
   list-style: none;
   margin: 0;
   padding: 0
}

.user-info:after,
.user-info:before {
   content: " ";
   display: table
}

.user-info:after {
   clear: both
}

.user-info>li {
   float: left;
   margin-right: 2.5px
}

.user-info>li.profile-info {
   margin-right: 10px
}

.profile-info.dropdown>a {
   color: #2b303a;
   text-decoration: none;
   font-size: 14px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.profile-info.dropdown>a:hover {
   color: #818da2
}

.profile-info.dropdown>a img {
   border: 2px solid #f5f5f5;
   margin-right: 5px
}

.profile-info.dropdown .dropdown-menu {
   background-color: #303641;
   border-color: #454a54;
   padding: 0;
   margin-top: 15px
}

.profile-info.dropdown .dropdown-menu>.caret {
   position: absolute;
   left: 20px;
   top: -4px;
   border-bottom-width: 4px;
   border-top-width: 0;
   border-bottom-color: #454a54;
   margin-left: -2px
}

.profile-info.dropdown .dropdown-menu li {
   color: #aaabae;
   font-size: 12px;
   padding: 0
}

.profile-info.dropdown .dropdown-menu li a {
   color: #aaabae;
   padding: 8px 10px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.profile-info.dropdown .dropdown-menu li a i {
   margin-right: 5px;
   zoom: 1;
   -webkit-opacity: 0.7;
   -moz-opacity: 0.7;
   opacity: .7
}

.profile-info.dropdown .dropdown-menu li a:hover {
   background-color: #2b303a;
   color: #fff
}

.profile-info.dropdown .dropdown-menu li a:hover i {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.profile-info.dropdown .dropdown-menu>li {
   border-bottom: 1px solid #454a54
}

.profile-info.dropdown .dropdown-menu>li>a {
   display: block;
   min-width: 210px
}

.profile-info.dropdown .dropdown-menu>li:last-child {
   border-bottom: 0
}

.profile-info.dropdown.pull-right {
   text-align: right
}

.profile-info.dropdown.pull-right>a img {
   margin-left: 5px;
   margin-right: 0
}

.profile-info.dropdown.pull-right .dropdown-menu {
   background-color: #303641;
   border-color: #454a54;
   padding: 0;
   margin-top: 15px;
   text-align: left
}

.profile-info.dropdown.pull-right .dropdown-menu>.caret {
   left: auto;
   right: 20px
}

.notifications.dropdown>a {
   position: relative;
   display: block;
   padding: 10px 10px;
   color: #737881
}

.notifications.dropdown>a i {
   font-size: 19px
}

.notifications.dropdown>a .badge {
   position: absolute;
   padding: 2px;
   font-size: 10px;
   right: 6px;
   top: 6px;
   min-width: 17px;
   line-height: 12px
}

.notifications.dropdown.open>a {
   background-color: #f5f5f6;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box
}

.notifications.dropdown .dropdown-menu {
   background-color: #f5f5f6;
   -webkit-border-radius: 0 0 3px 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 0 3px 3px;
   -moz-background-clip: padding;
   border-radius: 0 0 3px 3px;
   background-clip: padding-box;
   -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
   -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
   box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
   border: 1px solid #f8f8f8;
   list-style: none;
   padding: 0;
   margin: 0;
   margin-top: 0;
   width: 370px
}

.notifications.dropdown .dropdown-menu a,
.notifications.dropdown .dropdown-menu li,
.notifications.dropdown .dropdown-menu p {
   color: #888
}

.notifications.dropdown .dropdown-menu>li {
   display: block;
   border-bottom: 1px solid #ededed;
   margin: 0;
   padding: 0;
   font-size: 12px
}

.notifications.dropdown .dropdown-menu>li.top>p {
   background-color: #f5f5f6
}

.notifications.dropdown .dropdown-menu>li>a,
.notifications.dropdown .dropdown-menu>li>p {
   margin: 0;
   padding: 12px 20px
}

.notifications.dropdown .dropdown-menu>li>p {
   background-color: #fff
}

.notifications.dropdown .dropdown-menu>li>p a {
   color: #ec5956;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.notifications.dropdown .dropdown-menu>li>p a:hover {
   color: #e9423f
}

.notifications.dropdown .dropdown-menu>li .scroller {
   max-height: 290px;
   overflow: auto
}

.notifications.dropdown .dropdown-menu>li>ul {
   position: relative;
   margin: 0;
   padding: 0;
   list-style: none
}

.notifications.dropdown .dropdown-menu>li>ul>li {
   font-size: 12px;
   border-bottom: 1px solid #ededed;
   background: #f5f5f6
}

.notifications.dropdown .dropdown-menu>li>ul>li>a,
.notifications.dropdown .dropdown-menu>li>ul>li>p {
   display: block;
   position: relative;
   margin: 0;
   padding: 10px 20px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.notifications.dropdown .dropdown-menu>li>ul>li>a:after,
.notifications.dropdown .dropdown-menu>li>ul>li>a:before,
.notifications.dropdown .dropdown-menu>li>ul>li>p:after,
.notifications.dropdown .dropdown-menu>li>ul>li>p:before {
   content: " ";
   display: table
}

.notifications.dropdown .dropdown-menu>li>ul>li>a:after,
.notifications.dropdown .dropdown-menu>li>ul>li>p:after {
   clear: both
}

.notifications.dropdown .dropdown-menu>li>ul>li>a>i,
.notifications.dropdown .dropdown-menu>li>ul>li>p>i {
   background: #454a54;
   display: block;
   float: left;
   text-align: center;
   padding: 5px;
   line-height: 14px;
   color: #fff;
   width: 28px;
   height: 24px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.notifications.dropdown .dropdown-menu>li>ul>li>a:hover,
.notifications.dropdown .dropdown-menu>li>ul>li>p:hover {
   background-color: #f5f5f6 !important
}

.notifications.dropdown .dropdown-menu>li>ul>li.notification-primary>a>i,
.notifications.dropdown .dropdown-menu>li>ul>li.notification-primary>i {
   background-color: #303641;
   color: #fff
}

.notifications.dropdown .dropdown-menu>li>ul>li.notification-secondary>a>i,
.notifications.dropdown .dropdown-menu>li>ul>li.notification-secondary>i {
   background-color: #ee4749;
   color: #fff
}

.notifications.dropdown .dropdown-menu>li>ul>li.notification-success>a>i,
.notifications.dropdown .dropdown-menu>li>ul>li.notification-success>i {
   background-color: #00a651;
   color: #fff
}

.notifications.dropdown .dropdown-menu>li>ul>li.notification-info>a>i,
.notifications.dropdown .dropdown-menu>li>ul>li.notification-info>i {
   background-color: #21a9e1;
   color: #fff
}

.notifications.dropdown .dropdown-menu>li>ul>li.notification-warning>a>i,
.notifications.dropdown .dropdown-menu>li>ul>li.notification-warning>i {
   background-color: #fad839;
   color: #fff
}

.notifications.dropdown .dropdown-menu>li>ul>li.notification-danger>a>i,
.notifications.dropdown .dropdown-menu>li>ul>li.notification-danger>i {
   background-color: #cc2424;
   color: #fff
}

.notifications.dropdown .dropdown-menu>li>ul>li .task {
   display: block
}

.notifications.dropdown .dropdown-menu>li>ul>li .task:after,
.notifications.dropdown .dropdown-menu>li>ul>li .task:before {
   content: " ";
   display: table
}

.notifications.dropdown .dropdown-menu>li>ul>li .task:after {
   clear: both
}

.notifications.dropdown .dropdown-menu>li>ul>li .task span {
   display: block
}

.notifications.dropdown .dropdown-menu>li>ul>li .task span.desc {
   float: left
}

.notifications.dropdown .dropdown-menu>li>ul>li .task span.percent {
   float: right
}

.notifications.dropdown .dropdown-menu>li>ul>li .image {
   display: block;
   margin-right: 10px;
   float: left
}

.notifications.dropdown .dropdown-menu>li>ul>li .image.pull-right {
   margin-left: 10px;
   margin-right: 0
}

.notifications.dropdown .dropdown-menu>li>ul>li .image .img-circle {
   border: 2px solid #fff
}

.notifications.dropdown .dropdown-menu>li>ul>li .image+.line {
   margin-top: 8px
}

.notifications.dropdown .dropdown-menu>li>ul>li .line {
   display: block
}

.notifications.dropdown .dropdown-menu>li>ul>li .line.desc {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.notifications.dropdown .dropdown-menu>li>ul>li .line+.line,
.notifications.dropdown .dropdown-menu>li>ul>li .line+.line+.line,
.notifications.dropdown .dropdown-menu>li>ul>li .line+.line+.line+.line {
   margin-top: 5px
}

.notifications.dropdown .dropdown-menu>li>ul>li strong {
   color: #373e4a
}

.notifications.dropdown .dropdown-menu>li>ul>li .progress {
   display: block;
   height: 5px;
   background-color: #ededed;
   margin: 0;
   margin-top: 10px;
   margin-bottom: 5px
}

.notifications.dropdown .dropdown-menu>li>ul>li .progress:after,
.notifications.dropdown .dropdown-menu>li>ul>li .progress:before {
   content: " ";
   display: table
}

.notifications.dropdown .dropdown-menu>li>ul>li .progress:after {
   clear: both
}

.notifications.dropdown .dropdown-menu>li>ul>li:last-child {
   border-bottom: 0
}

.notifications.dropdown .dropdown-menu>li>ul>li:first-child a:afterx {
   position: absolute;
   content: '';
   display: block;
   height: 10px;
   top: -10px;
   left: 0;
   right: 0;
   background: 0 0;
   background: red;
   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .03);
   -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .03);
   box-shadow: 0 2px 4px rgba(0, 0, 0, .03)
}

.notifications.dropdown .dropdown-menu>li.external {
   background-color: #fff;
   border-bottom: 0
}

.notifications.dropdown .dropdown-menu>li.external a {
   color: #ec5956;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.notifications.dropdown .dropdown-menu>li.external a:hover {
   background-color: #fff;
   color: #e9423f
}

body {
   font-family: Barlow, sans-serif !important
}

body.overflow-x-disabled {
   overflow-x: hidden
}

a {
   color: #aaabae;
   text-decoration: auto
}

a:hover {
   text-decoration: none;
   color: #818da2
}

.links-list {
   white-space: nowrap;
   padding-top: 14px;
   padding-bottom: 8px
}

.links-list>li.sep {
   display: inline-block;
   border-left: 1px solid #eeeef0;
   height: 12px;
   width: 0;
   line-height: 1.42857143;
   overflow: hidden;
   margin-left: 10px
}

.scrollable {
   position: relative;
   overflow: hidden;
   height: 0
}

.slimScrollDiv .slimScrollBar {
   cursor: pointer
}

.clear {
   clear: both
}

.knob {
   visibility: hidden
}

canvas+.knob {
   visibility: visible
}

.validate-has-error {
   border-color: #cc2424
}

.validate-has-error:focus {
   border-color: #cc2424
}

.input-group+.validate-has-error,
.validate-has-error+span.validate-has-error,
.validate-has-error>span.validate-has-error {
   color: #cc2424;
   display: inline-block;
   margin-top: 5px
}

.validate-has-error .validate-has-error {
   color: #cc2424;
   display: inline-block;
   margin-top: 5px
}

.make-switch+.validate-has-error {
   margin-left: 10px
}

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

.file-input-wrapper.inline {
   display: inline-block;
   width: auto
}

.file2[type=file] {
   visibility: hidden
}

.file-input-wrapper .file2[type=file] {
   visibility: visible
}

.dist>* {
   margin-bottom: 10px
}

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

.dist>:after {
   clear: both
}

.dist>:last-child {
   margin-bottom: 0
}

@media print {
   .sidebar-menu {
      display: none !important
   }

   .page-container.horizontal-menu {
      padding-top: 0
   }
}

.nicescroll-rails>div {
   cursor: pointer
}

.showcase-icon-list .icon-el a {
   position: relative;
   z-index: 1;
   background: #fafafa;
   margin-bottom: 6px;
   display: block;
   padding-right: 12px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.showcase-icon-list .icon-el a i {
   margin-right: 5px;
   display: inline-block;
   padding: 6px 12px;
   vertical-align: middle;
   -webkit-border-radius: 3px 0 0 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px;
   background-clip: padding-box;
   background: #f0f0f0;
   font-size: 15px;
   width: 45px;
   text-align: center
}

.showcase-icon-list .icon-el a:hover {
   z-index: 5;
   overflow: visible;
   padding: 5px 12px
}

.showcase-icon-list .icon-el a:hover i {
   top: 0;
   left: 0;
   position: absolute;
   width: 100%;
   height: 60px;
   line-height: 50px;
   margin-right: 0;
   color: #303641;
   font-size: 40px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

footer.main {
   margin-top: 15px;
   padding-top: 15px;
   border-top: 1px solid #ebebeb
}

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

footer.main:after {
   clear: both
}

.padding-top-none {
   padding-top: 0 !important
}

.padding-bottom-none {
   padding-bottom: 0 !important
}

.margin-top-none {
   margin-top: 0 !important
}

.padding-bottom-none {
   padding-bottom: 0 !important
}

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

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

.bold {
   font-weight: 700 !important
}

.default-padding {
   padding: 0 15px !important
}

img.full-width {
   width: 100%
}

.form-groups-bordered>.form-group {
   border-bottom: 1px solid #ebebeb;
   padding-bottom: 15px;
   padding-top: 15px;
   margin-bottom: 0
}

.form-groups-bordered>.form-group:first-child {
   padding-top: 0
}

.form-groups-bordered>.form-group:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border-bottom: 0
}

.morrischart {
   width: 100%
}

.morrischart>svg {
   width: 100% !important
}

.col-padding-1 {
   padding: 20px 20px 20px 40px !important
}

.no-margin {
   margin: 0 !important
}

.padding-lg {
   padding: 20px !important
}

.border-top {
   border-top: 1px solid #ebebeb
}

.no-transitions {
   -webkit-transition: none !important;
   -moz-transition: none !important;
   -o-transition: none !important;
   transition: none !important
}

#rickshaw-chart-demo {
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   overflow: hidden;
   padding-top: 200px
}

#rickshaw-chart-demo svg {
   width: 100% !important
}

#rickshaw-chart-demo .detail {
   left: -10px
}

#rickshaw-chart-demo .rickshaw_legend {
   position: absolute;
   top: 0;
   background: 0 0
}

#rickshaw-chart-demo .rickshaw_legend .label {
   color: rgba(48, 54, 65, .5)
}

#rickshaw-chart-demo-2 {
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   overflow: hidden;
   padding-top: 75px
}

#rickshaw-chart-demo-2 svg {
   width: 100% !important
}

#rickshaw-chart-demo-2 .detail {
   left: -10px
}

#rickshaw-chart-demo-2 .rickshaw_legend {
   position: absolute;
   top: 0;
   background: 0 0
}

#rickshaw-chart-demo-2 .rickshaw_legend .label {
   color: rgba(48, 54, 65, .5)
}

.theme-skins {
   background: #f5f5f6;
   border: none;
   margin: 0;
   padding: 0;
   margin-top: 12px;
   -webkit-border-radius: 2px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 2px;
   -moz-background-clip: padding;
   border-radius: 2px;
   background-clip: padding-box
}

.theme-skins>li {
   border-bottom: 1px solid #ebebeb
}

.theme-skins>li a {
   color: #555 !important;
   margin: 0;
   padding: 5px 10px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.theme-skins>li a i {
   display: inline-block;
   width: 15px;
   height: 13px;
   margin-right: 5px;
   vertical-align: middle;
   border: 1px solid transparent;
   position: relative;
   top: -2px
}

.theme-skins>li a i.skin-main {
   background-color: #303641
}

.theme-skins>li a i.skin-blue {
   background-color: #003471
}

.theme-skins>li a i.skin-red {
   background-color: #981b1b
}

.theme-skins>li a i.skin-black {
   background-color: #222
}

.theme-skins>li a i.skin-green {
   background-color: #00a651
}

.theme-skins>li a i.skin-purple {
   background-color: #522b76
}

.theme-skins>li a i.skin-yellow {
   background-color: #e8b51b
}

.theme-skins>li a i.skin-cafe {
   background-color: #31271e
}

.theme-skins>li a i.skin-white {
   background-color: #fff;
   border-color: #ebebeb
}

.theme-skins>li a:hover {
   background: rgba(235, 235, 235, .4)
}

.theme-skins>li.active a {
   -webkit-border-radius: 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0;
   -moz-background-clip: padding;
   border-radius: 0;
   background-clip: padding-box
}

.theme-skins>li.caret {
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
   position: absolute;
   top: -4px;
   left: 57%;
   margin-left: -4px;
   border-top-color: #ebebeb;
   display: none
}

.theme-skins>li.active a {
   background: rgba(235, 235, 235, .9);
   color: #737881;
   font-weight: 700
}

.theme-skins>li.active a:hover {
   background: rgba(235, 235, 235, .9)
}

.theme-skins>li:last-child {
   border-bottom: 0
}

.page-container.horizontal-menu header.navbar ul.nav>li.dropdown .theme-skins.dropdown-menu {
   width: 200px !important
}

.version-highlights {
   margin: 0;
   padding: 0;
   border-top: 1px solid #ebebeb;
   margin-top: 30px;
   list-style: none;
   display: table
}

.version-highlights li {
   display: table-row;
   vertical-align: middle;
   width: 100%;
   padding: 0
}

.version-highlights li .notes,
.version-highlights li .screenshot {
   display: table-cell;
   vertical-align: middle
}

.version-highlights li .screenshot {
   text-align: right;
   padding: 30px;
   width: 240px
}

.version-highlights li .screenshot img {
   display: block;
   max-width: 100%;
   height: auto
}

.thumbnail-highlight {
   border: 5px solid rgba(235, 235, 235, .5);
   -webkit-box-shadow: 0 0 0 1px #ebebeb;
   -moz-box-shadow: 0 0 0 1px #ebebeb;
   box-shadow: 0 0 0 1px #ebebeb
}

@media (max-width:768px) {
   .version-highlights {
      display: block
   }

   .version-highlights li {
      display: block
   }

   .version-highlights li .notes,
   .version-highlights li .screenshot {
      display: block
   }

   .version-highlights li .screenshot {
      text-align: center;
      width: 100%
   }

   .version-highlights li .screenshot img {
      display: inline-block
   }

   .version-highlights li .notes {
      text-align: center;
      margin-bottom: 30px
   }
}

.input-spinner {
   position: relative
}

.input-spinner:after,
.input-spinner:before {
   content: " ";
   display: table
}

.input-spinner:after {
   clear: both
}

.input-spinner button,
.input-spinner input {
   float: left
}

.input-spinner input {
   margin: 0;
   border-left: 0;
   border-right: 0;
   text-align: center;
   -webkit-border-radius: 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0;
   -moz-background-clip: padding;
   border-radius: 0;
   background-clip: padding-box;
   width: auto
}

.input-spinner input.size-1 {
   width: 60px
}

.input-spinner input.size-2 {
   width: 100px
}

.input-spinner input.size-3 {
   width: 120px
}

.input-spinner input.size-4 {
   width: 160px
}

.input-spinner button {
   -webkit-border-radius: 3px 0 0 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px;
   background-clip: padding-box
}

.input-spinner button+input+button {
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.panel>.panel-body.with-table {
   position: relative;
   padding: 0;
   margin: -1px;
   border: 0
}

.panel>.panel-body.with-table>table {
   margin: 0
}

.disabled-text {
   zoom: 1;
   -webkit-opacity: 0.6;
   -moz-opacity: 0.6;
   opacity: .6
}

.page-body.gray .page-container,
.page-body.gray .page-container .main-content {
   background: #f1f1f1
}

.tile-stats.stat-tile {
   padding: 0;
   height: 155px;
   border: none !important;
   box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.tile-stats.tile-neon-red {
   background: #ff4e50
}

.tile-stats.stat-tile h3 {
   padding: 20px 20px 0 20px
}

.tile-stats.stat-tile p {
   padding: 0 20px 20px 20px;
   margin-bottom: 20px
}

.pie-chart {
   position: absolute;
   right: 20px;
   top: 35px
}

.tile-group-2 {
   background: #fff !important;
   box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.tile-group-2 .tile-white {
   background: #fff !important;
   border: none !important;
   color: #303641 !important
}

.tile-group-2 .tile-entry {
   background: 0 0 !important;
   border: none !important;
   color: #303641 !important
}

.tile-group-2 .tile-white .tile-entry h3 {
   color: #2b303a
}

.tile-group-2 .tile-white .tile-entry span {
   color: rgba(0, 0, 0, .4)
}

.country-list {
   width: 90%;
   padding: 50px 0 20px 0;
   padding-left: 30px
}

.country-list li {
   border-top: 1px solid #eee;
   padding: 12px 0;
   list-style: none
}

.tile-group-2 .tile-right .map {
   margin: 0 !important
}

.panel-table {
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
   box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
   border: 0 !important
}

.panel-table .panel-body {
   background: #fafafa
}

.panel-table .panel-heading>.panel-title {
   padding: 30px 25px
}

.panel-table .panel-heading>.panel-title span {
   color: #888;
   font-size: 12px
}

.panel-table th {
   font-weight: 700
}

.calendar-widget td,
.calendar-widget th {
   text-align: center
}

.calendar-widget th {
   padding: 12px 0
}

@-moz-document url-prefix() {

   .page-container .tile-group .tile-left .map,
   .page-container .tile-group .tile-right .map {
      left: 40%;
      right: 16px
   }

   .page-container .tile-stats .icon {
      bottom: 35px
   }
}

.form-control+.description {
   display: block;
   margin-top: 5px;
   font-size: 11px
}

.search-form-full {
   position: relative;
   margin-top: -2px
}

.search-form-full .form-group {
   position: relative
}

.search-form-full .form-group i {
   position: absolute;
   right: 10px;
   top: 50%;
   font-size: 14px;
   margin-top: -9px;
   color: rgba(148, 148, 148, .8);
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.search-form-full .form-group .form-control {
   margin-top: 12px;
   background: #f5f5f6;
   height: 38px;
   -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .015);
   -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .015);
   box-shadow: inset 0 1px 0 rgba(0, 0, 0, .015)
}

.search-form-full .form-group .form-control:focus+i {
   color: #737881
}

@media screen and (max-width:480px) {
   .search-form-full {
      margin-top: 30px
   }
}

.page-container .aciTree.aciBorder {
   border: 1px solid #ebebeb;
   min-height: 50px
}

.neon-loading-bar {
   position: fixed;
   left: 0;
   top: 0;
   right: 0;
   background: rgba(48, 54, 65, .3);
   height: 5px;
   z-index: 10000;
   top: 0;
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.neon-loading-bar span {
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 0%;
   background: #ec5956
}

.neon-loading-bar.progress-is-hidden {
   top: -5px;
   zoom: 1;
   -webkit-opacity: 0.5;
   -moz-opacity: 0.5;
   opacity: .5;
   visibility: hidden
}

.datepicker.datepicker-dropdown {
   z-index: 10000 !important
}

.top-dropdown-search .form-group {
   padding: 10px;
   border-bottom: 1px solid #eee;
   margin-bottom: 0
}

.page-body.loaded {
   -webkit-perspective: none;
   -moz-perspective: none;
   perspective: none
}

.modal .modal-header .close {
   background: #f0f0f1;
   display: inline-block;
   padding: 0 5px;
   line-height: 1;
   color: #787878;
   zoom: 1;
   -webkit-opacity: 0.7;
   -moz-opacity: 0.7;
   opacity: .7;
   text-shadow: none;
   font-weight: 300;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.modal .modal-header .close:hover {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.modal .modal-header h4 {
   text-shadow: none
}

.modal .modal-content {
   border: 0;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   border-radius: 0;
   box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
   padding: 10px
}

.modal-title {
   line-height: 1.42857143;
   font-size: 18px;
   font-weight: 600;
   vertical-align: middle;
   display: inline-block;
   margin: 0;
   color: #004594 !important
}

.close {
   color: #aaa !important;
   float: right;
   font-size: 28px;
   font-weight: 700 !important
}

.well {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none
}

.modal-backdrop {
   z-index: 10000
}

.modal-open .modal {
   z-index: 10001
}

.page-body .select2-container .select2-choice .select2-arrow b {
   background: 0 0 !important
}

.tabs-vertical-env {
   margin-bottom: 20px
}

.tabs-vertical-env:after,
.tabs-vertical-env:before {
   content: " ";
   display: table
}

.tabs-vertical-env:after {
   clear: both
}

.tabs-vertical-env .tabs-vertical {
   margin-bottom: 0
}

.tabs-vertical-env .tabs-vertical+.tab-content {
   margin-bottom: 0
}

.tabs-vertical {
   float: left;
   background: #f5f5f6;
   width: 20%;
   border: 1px solid #ebebeb;
   margin-bottom: 20px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.tabs-vertical>li {
   border-bottom: 1px solid #ebebeb
}

.tabs-vertical>li:first-child>a {
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box
}

.tabs-vertical>li:last-child {
   border-bottom: 0
}

.tabs-vertical>li:last-child>a {
   -webkit-border-radius: 0 0 3px 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 0 3px 3px;
   -moz-background-clip: padding;
   border-radius: 0 0 3px 3px;
   background-clip: padding-box
}

.tabs-vertical>li:hover>a {
   background-color: rgba(255, 255, 255, .3);
   color: #586376
}

.tabs-vertical>li.active>a {
   display: block;
   position: relative;
   background-color: #fff;
   color: #373e4a
}

.tabs-vertical>li.active>a:before {
   content: '';
   display: block;
   position: absolute;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 20px 0 20px 13px;
   border-color: transparent transparent transparent #ebebeb;
   top: 0;
   right: -1px;
   margin-right: -12px;
   margin-top: -1px
}

.tabs-vertical>li.active>a:after {
   content: '';
   display: block;
   position: absolute;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 18px 0 18px 12px;
   border-color: transparent transparent transparent #fff;
   top: 2px;
   right: 0;
   margin-right: -12px;
   margin-top: -1px
}

.tabs-vertical+.tab-content {
   float: right;
   width: 80%;
   padding-left: 25px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   margin-bottom: 20px
}

.tabs-vertical.right-aligned {
   float: right
}

.tabs-vertical.right-aligned>li.active>a:after,
.tabs-vertical.right-aligned>li.active>a:before {
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
   right: auto
}

.tabs-vertical.right-aligned>li.active>a:before {
   left: -13px
}

.tabs-vertical.right-aligned>li.active>a:after {
   left: -12px
}

.tabs-vertical.right-aligned+.tab-content {
   padding-right: 25px;
   padding-left: 0
}

blockquote.blockquote-default {
   background: #fff;
   border: 1px solid #ebebeb;
   border-left-width: 5px;
   padding: 15px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

blockquote.blockquote-blue,
blockquote.blockquote-info {
   background: #c5e8f7;
   border: 1px solid #b6d6e4;
   border-left-width: 5px;
   padding: 15px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   color: #0c3c50
}

blockquote.blockquote-blue p,
blockquote.blockquote-blue small,
blockquote.blockquote-info p,
blockquote.blockquote-info small {
   color: #85a6b5
}

blockquote.blockquote-blue p strong,
blockquote.blockquote-blue small strong,
blockquote.blockquote-info p strong,
blockquote.blockquote-info small strong {
   color: #0c3c50
}

blockquote.blockquote-green,
blockquote.blockquote-success {
   background: #bdedbc;
   border: 1px solid #aedaad;
   border-left-width: 5px;
   padding: 15px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   color: #135012
}

blockquote.blockquote-green p,
blockquote.blockquote-green small,
blockquote.blockquote-success p,
blockquote.blockquote-success small {
   color: #7baa7a
}

blockquote.blockquote-green p strong,
blockquote.blockquote-green small strong,
blockquote.blockquote-success p strong,
blockquote.blockquote-success small strong {
   color: #135012
}

blockquote.blockquote-gold,
blockquote.blockquote-warning {
   background: #ffefa4;
   border: 1px solid #ebdc97;
   border-left-width: 5px;
   padding: 15px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   color: #584b0d
}

blockquote.blockquote-gold p,
blockquote.blockquote-gold small,
blockquote.blockquote-warning p,
blockquote.blockquote-warning small {
   color: #b7a96a
}

blockquote.blockquote-gold p strong,
blockquote.blockquote-gold small strong,
blockquote.blockquote-warning p strong,
blockquote.blockquote-warning small strong {
   color: #584b0d
}

blockquote.blockquote-danger,
blockquote.blockquote-red {
   background: #ffc9c9;
   border: 1px solid #ebb9b9;
   border-left-width: 5px;
   padding: 15px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   color: #4e1c1c
}

blockquote.blockquote-danger p,
blockquote.blockquote-danger small,
blockquote.blockquote-red p,
blockquote.blockquote-red small {
   color: #b48585
}

blockquote.blockquote-danger p strong,
blockquote.blockquote-danger small strong,
blockquote.blockquote-red p strong,
blockquote.blockquote-red small strong {
   color: #4e1c1c
}

.alert-default {
   background-color: #ebebeb;
   border-color: #ebebeb;
   color: #303641
}

.alert-default hr {
   border-top-color: #dedede
}

.alert-default .alert-link {
   color: #1a1e24
}

.alert-minimal {
   background-color: #ebebeb;
   border-color: #ebebeb;
   color: #303641;
   background-color: #fff
}

.alert-minimal hr {
   border-top-color: #dedede
}

.alert-minimal .alert-link {
   color: #1a1e24
}

.form-control {
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
   outline: 0 !important
}

.form-control.multi-select {
   visibility: hidden
}

.form-group.has-warning .checkbox,
.form-group.has-warning .checkbox-inline,
.form-group.has-warning .control-label,
.form-group.has-warning .help-block,
.form-group.has-warning .radio,
.form-group.has-warning .radio-inline,
.form-group.has-warning.checkbox label,
.form-group.has-warning.checkbox-inline label,
.form-group.has-warning.radio label,
.form-group.has-warning.radio-inline label {
   color: #ffd40b
}

.form-group.has-warning .form-control {
   border-color: #ffd78a;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form-group.has-warning .form-control:focus {
   border-color: #ffc658;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fffaf0;
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fffaf0;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fffaf0
}

.form-group.has-warning .input-group-addon {
   color: #ffd40b;
   border-color: #ffd78a;
   background-color: #ffefa4
}

.form-group.has-warning .form-control-feedback {
   color: #ffd40b
}

.form-group.has-error .checkbox,
.form-group.has-error .checkbox-inline,
.form-group.has-error .control-label,
.form-group.has-error .help-block,
.form-group.has-error .radio,
.form-group.has-error .radio-inline,
.form-group.has-error.checkbox label,
.form-group.has-error.checkbox-inline label,
.form-group.has-error.radio label,
.form-group.has-error.radio-inline label {
   color: #ff3030
}

.form-group.has-error .form-control {
   border-color: #ffafbd;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form-group.has-error .form-control:focus {
   border-color: #ff7c92;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fff;
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fff;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fff
}

.form-group.has-error .input-group-addon {
   color: #ff3030;
   border-color: #ffafbd;
   background-color: #ffc9c9
}

.form-group.has-error .form-control-feedback {
   color: #ff3030
}

.form-group.has-success .checkbox,
.form-group.has-success .checkbox-inline,
.form-group.has-success .control-label,
.form-group.has-success .help-block,
.form-group.has-success .radio,
.form-group.has-success .radio-inline,
.form-group.has-success.checkbox label,
.form-group.has-success.checkbox-inline label,
.form-group.has-success.radio label,
.form-group.has-success.radio-inline label {
   color: #46cd43
}

.form-group.has-success .form-control {
   border-color: #b4e8a8;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form-group.has-success .form-control:focus {
   border-color: #91dd80;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f9fdf8;
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f9fdf8;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f9fdf8
}

.form-group.has-success .input-group-addon {
   color: #46cd43;
   border-color: #b4e8a8;
   background-color: #bdedbc
}

.form-group.has-success .form-control-feedback {
   color: #46cd43
}

.input-group>span.twitter-typeahead {
   display: block !important
}

.input-group>span.twitter-typeahead:after,
.input-group>span.twitter-typeahead:before {
   content: " ";
   display: table
}

.input-group>span.twitter-typeahead:after {
   clear: both
}

.dataTables_wrapper {
   border: 1px solid #ebebeb;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.dataTables_wrapper>div {
   padding: 10px
}

.dataTables_wrapper>div label {
   margin-bottom: 0;
   font-weight: 400;
   color: #949494
}

.dataTables_wrapper>div.dataTables_filter,
.dataTables_wrapper>div.dataTables_info,
.dataTables_wrapper>div.dataTables_length,
.dataTables_wrapper>div.dataTables_paginate,
.dataTables_wrapper>div.dataTables_processing {
   color: #949494
}

.dataTables_wrapper>div input[type=numbeer],
.dataTables_wrapper>div input[type=search],
.dataTables_wrapper>div input[type=text] {
   background: #fff;
   border: 1px solid #ebebeb;
   padding: 6px 10px;
   outline: 0
}

.dataTables_wrapper>div.dataTables_filter {
   padding-top: 15px
}

.dataTables_wrapper>div .select2-container {
   display: inline-block;
   min-width: 85px;
   margin: 0 10px
}

@media screen and (max-width:768px) {
   .dataTables_wrapper>div .select2-container .select2-choice {
      padding-left: 0;
      padding-right: 15px
   }
}

.dataTables_wrapper>table.dataTable {
   border-left: 0;
   border-right: 0
}

.dataTables_wrapper>table.dataTable.no-footer {
   border-bottom: 1px solid #ebebeb
}

.dataTables_wrapper>table.dataTable .sorting_disabled {
   padding-left: 10px
}

.dataTables_wrapper>table.dataTable tbody td,
.dataTables_wrapper>table.dataTable tbody th,
.dataTables_wrapper>table.dataTable tfoot td,
.dataTables_wrapper>table.dataTable tfoot th,
.dataTables_wrapper>table.dataTable thead td,
.dataTables_wrapper>table.dataTable thead th {
   border-right: 0;
   border-bottom: 0
}

.dataTables_wrapper>table.dataTable tbody>tr>td:first-child,
.dataTables_wrapper>table.dataTable tbody>tr>th:first-child,
.dataTables_wrapper>table.dataTable tfoot>tr>td:first-child,
.dataTables_wrapper>table.dataTable tfoot>tr>th:first-child,
.dataTables_wrapper>table.dataTable thead>tr>td:first-child,
.dataTables_wrapper>table.dataTable thead>tr>th:first-child {
   border-left: 0
}

.dataTables_wrapper>table.dataTable tfoot td,
.dataTables_wrapper>table.dataTable tfoot th {
   border-top-color: #ebebeb
}

.dataTables_wrapper .dataTables_paginate {
   border: 1px solid #ebebeb;
   padding: 0 !important;
   margin: 10px
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
   padding: 0;
   background-color: #fff;
   border: 0 !important;
   margin: 0 !important;
   color: #949494 !important;
   outline: 0;
   -webkit-border-radius: 0 !important;
   -webkit-background-clip: padding-box !important;
   -moz-border-radius: 0 !important;
   -moz-background-clip: padding !important;
   border-radius: 0 !important;
   background-clip: padding-box !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
   border-right: 1px solid #ebebeb !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
   background: #fafafa !important
}

.page-body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
   color: #373e4a !important
}

.dataTables_wrapper .dataTables_paginate span {
   padding: 0;
   margin: 0
}

.dataTables_wrapper .dataTables_paginate span .ellipsis+.paginate_button {
   border-left: 1px solid #ebebeb !important
}

.dataTables_wrapper .dataTables_paginate span .paginate_button {
   margin: 0;
   background: #fff !important;
   border-right: 1px solid #ebebeb !important
}

.dataTables_wrapper .dataTables_paginate span .paginate_button.current {
   background: #262b34 !important;
   color: #fff !important
}

.page-body .dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover {
   color: #fff !important
}

.dataTables_wrapper .dataTables_info {
   padding-top: 18px !important
}

.dataTables_wrapper .dt-buttons .dt-button {
   background: #fff;
   border: 1px solid #ebebeb;
   margin: 0;
   font-size: 12px;
   -webkit-border-radius: 0px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0;
   -moz-background-clip: padding;
   border-radius: 0;
   background-clip: padding-box
}

.dataTables_wrapper .dt-buttons .dt-button:hover {
   background: #fafafa;
   border-color: #ebebeb
}

.dataTables_wrapper .dt-buttons .dt-button+.dt-button {
   border-left: 0
}

.dataTables_wrapper .dt-buttons>.dt-button:first-child {
   -webkit-border-radius: 3px 0 0 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px;
   background-clip: padding-box
}

.dataTables_wrapper .dt-buttons>.dt-button:last-child {
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

/*!
 * DataTables + Font Awesome integration
 * License: MIT - http://datatables.net/license
 */
table.dataTable thead th {
   position: relative;
   background-image: none !important
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
   position: absolute;
   top: 50% !important;
   right: 8px;
   display: block;
   font-family: Barlow, sans-serif !important;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%)
}

table.dataTable thead th.sorting:after {
   content: "\e834";
   color: #ddd;
   font-size: .8em;
   padding-top: .12em;
   -webkit-transform: translateY(-50%) rotate(90deg);
   -moz-transform: translateY(-50%) rotate(90deg);
   -ms-transform: translateY(-50%) rotate(90deg);
   -o-transform: translateY(-50%) rotate(90deg);
   transform: translateY(-50%) rotate(90deg)
}

table.dataTable thead th.sorting_asc:after {
   content: "\e876";
   -webkit-transform: translateY(-50%) rotate(0);
   -moz-transform: translateY(-50%) rotate(0);
   -ms-transform: translateY(-50%) rotate(0);
   -o-transform: translateY(-50%) rotate(0);
   transform: translateY(-50%) rotate(0)
}

table.dataTable thead th.sorting_desc:after {
   content: "\e873";
   -webkit-transform: translateY(-50%) rotate(0);
   -moz-transform: translateY(-50%) rotate(0);
   -ms-transform: translateY(-50%) rotate(0);
   -o-transform: translateY(-50%) rotate(0);
   transform: translateY(-50%) rotate(0)
}

div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
   content: ""
}

table.table thead th.sorting:after,
table.table thead th.sorting_asc:after,
table.table thead th.sorting_desc:after {
   top: 8px
}

div.dataTables_paginate a.paginate_button.first,
div.dataTables_paginate a.paginate_button.previous {
   position: relative;
   padding-left: 24px
}

div.dataTables_paginate a.paginate_button.last,
div.dataTables_paginate a.paginate_button.next {
   position: relative;
   padding-right: 24px
}

div.dataTables_paginate a.first:before,
div.dataTables_paginate a.previous:before {
   position: absolute;
   top: 50%;
   left: 10px;
   display: block;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
   font-family: Barlow, sans-serif !important
}

div.dataTables_paginate a.last:after,
div.dataTables_paginate a.next:after {
   position: absolute;
   top: 50%;
   right: 10px;
   display: block;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
   font-family: Barlow, sans-serif !important
}

div.dataTables_paginate a.first:before {
   content: "\e880"
}

div.dataTables_paginate a.previous:before {
   content: "\e874"
}

div.dataTables_paginate a.next:after,
div.e875 a.next:after {
   content: "\e875"
}

div.dataTables_paginate a.last:after {
   content: "\e881"
}

div.dataTables_paginate li.first>a,
div.dataTables_paginate li.previous>a {
   position: relative;
   padding-left: 24px
}

div.dataTables_paginate li.last>a,
div.dataTables_paginate li.next>a {
   position: relative;
   padding-right: 24px
}

div.dataTables_paginate li.first a:before,
div.dataTables_paginate li.previous a:before {
   position: absolute;
   top: 6px;
   left: 10px;
   display: block;
   font-family: Barlow, sans-serif !important
}

div.dataTables_paginate li.last a:after,
div.dataTables_paginate li.next a:after {
   position: absolute;
   top: 6px;
   right: 10px;
   display: block;
   font-family: Barlow, sans-serif !important
}

div.dataTables_paginate li.first a:before {
   content: "\f100"
}

div.dataTables_paginate li.previous a:before {
   content: "\e874"
}

div.dataTables_paginate li.next a:after {
   content: "\e875"
}

div.dataTables_paginate li.last a:after {
   content: "\e881"
}

div.columns div.dataTables_paginate li.first a:before,
div.columns div.dataTables_paginate li.last a:after,
div.columns div.dataTables_paginate li.next a:after,
div.columns div.dataTables_paginate li.previous a:before {
   top: 0
}

.chat-visible #chat {
   display: table-cell;
   vertical-align: top
}

.horizontal-menu #chat {
   top: 61px;
   border-top: 1px solid #454a54
}

.horizontal-menu.chat-visible .main-content>.container {
   width: 100% !important
}

.chat-notifications-badge {
   margin-left: 5px
}

.chat-notifications-badge.is-hidden {
   display: none
}

#chat {
   position: absolute;
   position: relative;
   right: 0;
   top: 0;
   bottom: 0;
   width: 280px;
   background: #303641;
   z-index: 5;
   display: none
}

#chat.fixed {
   min-height: 0 !important
}

#chat .chat-inner {
   overflow: auto;
   height: 100%
}

#chat .chat-header {
   font-size: 16px;
   color: #7f8186;
   padding: 30px 35px;
   line-height: 1;
   margin: 0;
   border-bottom: 1px solid #343a45;
   position: relative
}

#chat .chat-header .badge {
   position: relative;
   top: -1px;
   margin-left: 5px;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

#chat .chat-header .badge.is-hidden {
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0)
}

#chat .chat-header .chat-close {
   position: absolute;
   right: 0;
   top: 0;
   font-size: 15px;
   top: 50%;
   right: 25px;
   margin-top: -7px;
   color: #bec0c2;
   zoom: 1;
   -webkit-opacity: 0.5;
   -moz-opacity: 0.5;
   opacity: .5
}

.transall #chat .chat-header .chat-close:hover {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

#chat .chat-group {
   margin-top: 30px
}

#chat .chat-group>a,
#chat .chat-group>strong {
   display: block;
   padding: 6px 35px
}

#chat .chat-group>strong {
   text-transform: uppercase;
   color: #7f8186
}

#chat .chat-group>a {
   position: relative;
   color: #bec0c2;
   -webkit-transition: background 250ms ease-in-out;
   -moz-transition: background 250ms ease-in-out;
   -o-transition: background 250ms ease-in-out;
   transition: background 250ms ease-in-out
}

#chat .chat-group>a.active,
#chat .chat-group>a:hover {
   background-color: #343a45
}

#chat .chat-group>a:before {
   content: '';
   display: block;
   position: absolute;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 4px 0 4px 4px;
   border-color: transparent transparent transparent #2b303a;
   left: 0;
   top: 50%;
   margin-top: -4px;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

#chat .chat-group>a.active:before {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

#chat .chat-group>a .badge {
   font-size: 9px;
   margin-left: 5px;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

#chat .chat-group>a .badge.is-hidden {
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0)
}

#chat .chat-group>a em {
   font-style: normal
}

#chat .user-status {
   display: inline-block;
   background: #575d67;
   margin-right: 5px;
   width: 8px;
   height: 8px;
   -webkit-border-radius: 8px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 8px;
   -moz-background-clip: padding;
   border-radius: 8px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

#chat .user-status.is-online {
   background-color: #06b53c
}

#chat .user-status.is-offline {
   background-color: #575d67
}

#chat .user-status.is-idle {
   background-color: #f7d227
}

#chat .user-status.is-busy {
   background-color: #ee4749
}

#chat .chat-conversation {
   position: absolute;
   right: 280px;
   width: 340px;
   background: #2b303a;
   -webkit-border-radius: 3px 0 0 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px;
   background-clip: padding-box;
   display: none;
   opacity: 0
}

#chat .chat-conversation .conversation-header {
   padding: 20px 24px;
   font-size: 14px;
   color: #fff;
   border-bottom: 1px solid #343a45
}

#chat .chat-conversation .conversation-header small {
   color: rgba(190, 192, 194, .6);
   font-size: 12px;
   padding-left: 8px
}

#chat .chat-conversation .conversation-header .conversation-close {
   float: right;
   color: #7f8186;
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1;
   position: relative;
   top: 3px
}

#chat .chat-conversation .conversation-body {
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: auto;
   height: 250px
}

#chat .chat-conversation .conversation-body::-webkit-scrollbar {
   width: 5px
}

#chat .chat-conversation .conversation-body::-webkit-scrollbar-track {
   width: 5px;
   background-color: #2b303a
}

#chat .chat-conversation .conversation-body::-webkit-scrollbar-thumb {
   background-color: rgba(52, 58, 69, .8)
}

#chat .chat-conversation .conversation-body>li {
   padding: 20px 24px;
   padding-top: 15px;
   padding-bottom: 15px
}

#chat .chat-conversation .conversation-body>li:after,
#chat .chat-conversation .conversation-body>li:before {
   content: " ";
   display: table
}

#chat .chat-conversation .conversation-body>li:after {
   clear: both
}

#chat .chat-conversation .conversation-body>li.even,
#chat .chat-conversation .conversation-body>li.odd,
#chat .chat-conversation .conversation-body>li.opponent {
   background: #343a45
}

#chat .chat-conversation .conversation-body>li.unread {
   background: #3d4451
}

#chat .chat-conversation .conversation-body>li .user {
   font-weight: 700;
   color: #fff
}

#chat .chat-conversation .conversation-body>li .time {
   float: right;
   font-style: italic;
   color: rgba(190, 192, 194, .8);
   font-size: 11px
}

#chat .chat-conversation .chat-textarea {
   padding: 20px 24px;
   position: relative
}

#chat .chat-conversation .chat-textarea:after {
   content: '\e83c';
   font-family: Barlow, sans-serif !important;
   color: #bec0c2;
   right: 35px;
   top: 25px;
   font-size: 15px;
   position: absolute
}

#chat .chat-conversation .chat-textarea textarea {
   background: #343a45;
   border: 1px solid #343a45;
   color: #fff;
   max-height: 100px !important;
   padding-right: 35px;
   height: 32px
}

#chat .chat-conversation .chat-textarea textarea::-moz-placeholder {
   color: rgba(190, 192, 194, .85);
   opacity: 1
}

#chat .chat-conversation .chat-textarea textarea:-ms-input-placeholder {
   color: rgba(190, 192, 194, .85)
}

#chat .chat-conversation .chat-textarea textarea::-webkit-input-placeholder {
   color: rgba(190, 192, 194, .85)
}

#chat .chat-conversation .chat-textarea textarea::-webkit-input-placeholder {
   color: rgba(190, 192, 194, .85)
}

#chat .chat-conversation .chat-textarea textarea:-moz-placeholder {
   color: rgba(190, 192, 194, .85)
}

#chat .chat-conversation .chat-textarea textarea::-moz-placeholder {
   color: rgba(190, 192, 194, .85)
}

#chat .chat-conversation .chat-textarea textarea:-ms-input-placeholder {
   color: rgba(190, 192, 194, .85)
}

#chat .chat-conversation .chat-textarea textarea::-webkit-scrollbar {
   width: 5px
}

#chat .chat-conversation .chat-textarea textarea::-webkit-scrollbar-track {
   width: 5px;
   background-color: #343a45
}

#chat .chat-conversation .chat-textarea textarea::-webkit-scrollbar-thumb {
   background-color: #4a5262
}

.chat-history {
   display: none
}

@media (max-width:767px) {

   .chat-visible #chat,
   .chat-visible #chat.fixed {
      display: none
   }

   .chat-visible.toggle-click #chat,
   .chat-visible.toggle-click #chat.fixed {
      display: block
   }

   #chat,
   #chat.fixed {
      position: fixed;
      width: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 10px;
      -webkit-border-radius: 3px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 3px;
      -moz-background-clip: padding;
      border-radius: 3px;
      background-clip: padding-box
   }

   #chat .chat-conversation,
   #chat.fixed .chat-conversation {
      position: fixed;
      width: auto;
      left: 0;
      right: 0;
      top: 0 !important;
      bottom: 0;
      margin: 10px;
      overflow: auto;
      -webkit-border-radius: 3px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 3px;
      -moz-background-clip: padding;
      border-radius: 3px;
      background-clip: padding-box
   }

   #chat .chat-conversation .conversation-body,
   #chat.fixed .chat-conversation .conversation-body {
      height: auto;
      max-height: 450px
   }

   #chat .chat-conversation::-webkit-scrollbar,
   #chat.fixed .chat-conversation::-webkit-scrollbar {
      width: 5px
   }

   #chat .chat-conversation::-webkit-scrollbar-track,
   #chat.fixed .chat-conversation::-webkit-scrollbar-track {
      width: 5px;
      background-color: #343a45
   }

   #chat .chat-conversation::-webkit-scrollbar-thumb,
   #chat.fixed .chat-conversation::-webkit-scrollbar-thumb {
      background-color: #4a5262
   }
}

.tile-stats {
   position: relative;
   display: block;
   background: #303641;
   padding: 20px;
   margin-bottom: 10px;
   overflow: hidden;
   -webkit-border-radius: 5px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 5px;
   -moz-background-clip: padding;
   border-radius: 5px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.tile-stats:hover {
   background: #252a32
}

.tile-stats .icon {
   color: rgba(0, 0, 0, .1);
   position: absolute;
   right: 5px;
   bottom: 5px;
   z-index: 1
}

.tile-stats .icon i {
   font-size: 100px;
   line-height: 0;
   margin: 0;
   padding: 0;
   vertical-align: bottom
}

.tile-stats .icon i:before {
   margin: 0;
   padding: 0;
   line-height: 0
}

.tile-stats .num,
.tile-stats h3,
.tile-stats p {
   position: relative;
   color: #fff;
   z-index: 5;
   margin: 0;
   padding: 0
}

.tile-stats .num {
   font-size: 38px;
   font-weight: 700
}

.tile-stats h3 {
   font-size: 18px;
   margin-top: 5px
}

.tile-stats p {
   font-size: 11px;
   margin-top: 5px
}

.tile-stats.tile-red {
   background: #f56954
}

.tile-stats.tile-red:hover {
   background: #f4543c
}

.tile-stats.tile-red .icon {
   color: rgba(0, 0, 0, .1)
}

.tile-stats.tile-red .num,
.tile-stats.tile-red h3,
.tile-stats.tile-red p {
   color: #fff
}

.tile-stats.tile-green {
   background: #00a65a
}

.tile-stats.tile-green:hover {
   background: #008d4c
}

.tile-stats.tile-green .icon {
   color: rgba(0, 0, 0, .1)
}

.tile-stats.tile-green .num,
.tile-stats.tile-green h3,
.tile-stats.tile-green p {
   color: #fff
}

.tile-stats.tile-blue {
   background: #0073b7
}

.tile-stats.tile-blue:hover {
   background: #00639e
}

.tile-stats.tile-blue .icon {
   color: rgba(0, 0, 0, .1)
}

.tile-stats.tile-blue .num,
.tile-stats.tile-blue h3,
.tile-stats.tile-blue p {
   color: #fff
}

.tile-stats.tile-aqua {
   background: #00c0ef
}

.tile-stats.tile-aqua:hover {
   background: #00acd6
}

.tile-stats.tile-aqua .icon {
   color: rgba(0, 0, 0, .1)
}

.tile-stats.tile-aqua .num,
.tile-stats.tile-aqua h3,
.tile-stats.tile-aqua p {
   color: #fff
}

.tile-stats.tile-cyan {
   background: #00b29e
}

.tile-stats.tile-cyan:hover {
   background: #009987
}

.tile-stats.tile-cyan .icon {
   color: rgba(0, 0, 0, .1)
}

.tile-stats.tile-cyan .num,
.tile-stats.tile-cyan h3,
.tile-stats.tile-cyan p {
   color: #fff
}

.tile-stats.tile-purple {
   background: #ba79cb
}

.tile-stats.tile-purple:hover {
   background: #b167c4
}

.tile-stats.tile-purple .icon {
   color: rgba(0, 0, 0, .1)
}

.tile-stats.tile-purple .num,
.tile-stats.tile-purple h3,
.tile-stats.tile-purple p {
   color: #fff
}

.tile-stats.tile-pink {
   background: #ec3b83
}

.tile-stats.tile-pink:hover {
   background: #ea2474
}

.tile-stats.tile-pink .icon {
   color: rgba(0, 0, 0, .1)
}

.tile-stats.tile-pink .num,
.tile-stats.tile-pink h3,
.tile-stats.tile-pink p {
   color: #fff
}

.tile-stats.tile-orange {
   background: #ffa812
}

.tile-stats.tile-orange:hover {
   background: #f89d00
}

.tile-stats.tile-orange .icon {
   color: rgba(0, 0, 0, .1)
}

.tile-stats.tile-orange .num,
.tile-stats.tile-orange h3,
.tile-stats.tile-orange p {
   color: #fff
}

.tile-stats.tile-brown {
   background: #6c541e
}

.tile-stats.tile-brown:hover {
   background: #584418
}

.tile-stats.tile-brown .icon {
   color: rgba(0, 0, 0, .1)
}

.tile-stats.tile-brown .num,
.tile-stats.tile-brown h3,
.tile-stats.tile-brown p {
   color: #fff
}

.tile-stats.tile-plum {
   background: #701c1c
}

.tile-stats.tile-plum:hover {
   background: #5c1717
}

.tile-stats.tile-plum .icon {
   color: rgba(0, 0, 0, .1)
}

.tile-stats.tile-plum .num,
.tile-stats.tile-plum h3,
.tile-stats.tile-plum p {
   color: #fff
}

.tile-stats.tile-gray {
   background: #f5f5f5
}

.tile-stats.tile-gray:hover {
   background: #e8e8e8
}

.tile-stats.tile-gray .icon {
   color: rgba(0, 0, 0, .1)
}

.tile-stats.tile-gray .num,
.tile-stats.tile-gray h3,
.tile-stats.tile-gray p {
   color: #8f8f8f
}

.tile-stats.tile-white {
   background: #fff;
   border: 1px solid #ebebeb
}

.tile-stats.tile-white:hover {
   background: #f2f2f2
}

.tile-stats.tile-white .icon {
   color: #f2f2f2
}

.tile-stats.tile-white .num,
.tile-stats.tile-white h3,
.tile-stats.tile-white p {
   color: #303641
}

.tile-stats.tile-white:hover {
   background-color: #fafafa
}

.tile-stats.tile-white-red {
   background: #fff;
   border: 1px solid #ebebeb
}

.tile-stats.tile-white-red:hover {
   background: #f2f2f2
}

.tile-stats.tile-white-red .icon {
   color: #f2f2f2
}

.tile-stats.tile-white-red .num,
.tile-stats.tile-white-red h3,
.tile-stats.tile-white-red p {
   color: #f56954
}

.tile-stats.tile-white-red:hover {
   background-color: #fafafa
}

.tile-stats.tile-white-green {
   background: #fff;
   border: 1px solid #ebebeb
}

.tile-stats.tile-white-green:hover {
   background: #f2f2f2
}

.tile-stats.tile-white-green .icon {
   color: #f2f2f2
}

.tile-stats.tile-white-green .num,
.tile-stats.tile-white-green h3,
.tile-stats.tile-white-green p {
   color: #00a65a
}

.tile-stats.tile-white-green:hover {
   background-color: #fafafa
}

.tile-stats.tile-white-blue {
   background: #fff;
   border: 1px solid #ebebeb
}

.tile-stats.tile-white-blue:hover {
   background: #f2f2f2
}

.tile-stats.tile-white-blue .icon {
   color: #f2f2f2
}

.tile-stats.tile-white-blue .num,
.tile-stats.tile-white-blue h3,
.tile-stats.tile-white-blue p {
   color: #0073b7
}

.tile-stats.tile-white-blue:hover {
   background-color: #fafafa
}

.tile-stats.tile-white-aqua {
   background: #fff;
   border: 1px solid #ebebeb
}

.tile-stats.tile-white-aqua:hover {
   background: #f2f2f2
}

.tile-stats.tile-white-aqua .icon {
   color: #f2f2f2
}

.tile-stats.tile-white-aqua .num,
.tile-stats.tile-white-aqua h3,
.tile-stats.tile-white-aqua p {
   color: #00c0ef
}

.tile-stats.tile-white-aqua:hover {
   background-color: #fafafa
}

.tile-stats.tile-white-cyan {
   background: #fff;
   border: 1px solid #ebebeb
}

.tile-stats.tile-white-cyan:hover {
   background: #f2f2f2
}

.tile-stats.tile-white-cyan .icon {
   color: #f2f2f2
}

.tile-stats.tile-white-cyan .num,
.tile-stats.tile-white-cyan h3,
.tile-stats.tile-white-cyan p {
   color: #00b29e
}

.tile-stats.tile-white-cyan:hover {
   background-color: #fafafa
}

.tile-stats.tile-white-purple {
   background: #fff;
   border: 1px solid #ebebeb
}

.tile-stats.tile-white-purple:hover {
   background: #f2f2f2
}

.tile-stats.tile-white-purple .icon {
   color: #f2f2f2
}

.tile-stats.tile-white-purple .num,
.tile-stats.tile-white-purple h3,
.tile-stats.tile-white-purple p {
   color: #ba79cb
}

.tile-stats.tile-white-purple:hover {
   background-color: #fafafa
}

.tile-stats.tile-white-pink {
   background: #fff;
   border: 1px solid #ebebeb
}

.tile-stats.tile-white-pink:hover {
   background: #f2f2f2
}

.tile-stats.tile-white-pink .icon {
   color: #f2f2f2
}

.tile-stats.tile-white-pink .num,
.tile-stats.tile-white-pink h3,
.tile-stats.tile-white-pink p {
   color: #ec3b83
}

.tile-stats.tile-white-pink:hover {
   background-color: #fafafa
}

.tile-stats.tile-white-orange {
   background: #fff;
   border: 1px solid #ebebeb
}

.tile-stats.tile-white-orange:hover {
   background: #f2f2f2
}

.tile-stats.tile-white-orange .icon {
   color: #f2f2f2
}

.tile-stats.tile-white-orange .num,
.tile-stats.tile-white-orange h3,
.tile-stats.tile-white-orange p {
   color: #ffa812
}

.tile-stats.tile-white-orange:hover {
   background-color: #fafafa
}

.tile-stats.tile-white-brown {
   background: #fff;
   border: 1px solid #ebebeb
}

.tile-stats.tile-white-brown:hover {
   background: #f2f2f2
}

.tile-stats.tile-white-brown .icon {
   color: #f2f2f2
}

.tile-stats.tile-white-brown .num,
.tile-stats.tile-white-brown h3,
.tile-stats.tile-white-brown p {
   color: #6c541e
}

.tile-stats.tile-white-brown:hover {
   background-color: #fafafa
}

.tile-stats.tile-white-plum {
   background: #fff;
   border: 1px solid #ebebeb
}

.tile-stats.tile-white-plum:hover {
   background: #f2f2f2
}

.tile-stats.tile-white-plum .icon {
   color: #f2f2f2
}

.tile-stats.tile-white-plum .num,
.tile-stats.tile-white-plum h3,
.tile-stats.tile-white-plum p {
   color: #701c1c
}

.tile-stats.tile-white-plum:hover {
   background-color: #fafafa
}

.tile-stats.tile-white-gray {
   background: #fff;
   border: 1px solid #ebebeb
}

.tile-stats.tile-white-gray:hover {
   background: #f2f2f2
}

.tile-stats.tile-white-gray .icon {
   color: #f2f2f2
}

.tile-stats.tile-white-gray .num,
.tile-stats.tile-white-gray h3,
.tile-stats.tile-white-gray p {
   color: #8f8f8f
}

.tile-stats.tile-white-gray:hover {
   background-color: #fafafa
}

.tile-title {
   position: relative;
   display: block;
   background: #303641;
   margin-bottom: 10px;
   -webkit-border-radius: 5px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 5px;
   -moz-background-clip: padding;
   border-radius: 5px;
   background-clip: padding-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.tile-title:hover {
   background-color: #252a32
}

.tile-title .icon {
   text-align: center;
   padding: 20px
}

.padrao-h2 {
   font-size: 20px !important;
   color: #2b2b2b;
   line-height: 1.1;
   margin-bottom: 33px !important
}

.tile-title .icon i {
   font-size: 60px;
   line-height: 1;
   margin: 0;
   padding: 0;
   vertical-align: middle
}

.tile-title .icon i:before {
   margin: 0;
   padding: 0;
   line-height: 1
}

.tile-title .icon i,
.tile-title h3,
.tile-title p {
   color: #fff
}

.tile-title .title {
   background: #252a32;
   text-align: center
}

.tile-title .title h3,
.tile-title .title p {
   margin: 0;
   padding: 0 20px
}

.tile-title .title h3 {
   padding-top: 20px;
   font-size: 16px;
   font-weight: 700
}

.tile-title .title p {
   padding-bottom: 20px;
   font-size: 11px;
   color: rgba(255, 255, 255, .85)
}

.tile-title.tile-red {
   background: #f56954
}

.tile-title.tile-red:hover {
   background-color: #f4543c
}

.tile-title.tile-red .icon i,
.tile-title.tile-red h3,
.tile-title.tile-red p {
   color: #fff
}

.tile-title.tile-red .icon i {
   color: #fff
}

.tile-title.tile-red .title {
   background: rgba(0, 0, 0, .1)
}

.tile-title.tile-red .title p {
   color: rgba(255, 255, 255, .85)
}

.tile-title.tile-green {
   background: #00a65a
}

.tile-title.tile-green:hover {
   background-color: #008d4c
}

.tile-title.tile-green .icon i,
.tile-title.tile-green h3,
.tile-title.tile-green p {
   color: #fff
}

.tile-title.tile-green .icon i {
   color: #fff
}

.tile-title.tile-green .title {
   background: rgba(0, 0, 0, .1)
}

.tile-title.tile-green .title p {
   color: rgba(255, 255, 255, .85)
}

.tile-title.tile-blue {
   background: #0073b7
}

.tile-title.tile-blue:hover {
   background-color: #00639e
}

.tile-title.tile-blue .icon i,
.tile-title.tile-blue h3,
.tile-title.tile-blue p {
   color: #fff
}

.tile-title.tile-blue .icon i {
   color: #fff
}

.tile-title.tile-blue .title {
   background: rgba(0, 0, 0, .1)
}

.tile-title.tile-blue .title p {
   color: rgba(255, 255, 255, .85)
}

.tile-title.tile-aqua {
   background: #00c0ef
}

.tile-title.tile-aqua:hover {
   background-color: #00acd6
}

.tile-title.tile-aqua .icon i,
.tile-title.tile-aqua h3,
.tile-title.tile-aqua p {
   color: #fff
}

.tile-title.tile-aqua .icon i {
   color: #fff
}

.tile-title.tile-aqua .title {
   background: rgba(0, 0, 0, .1)
}

.tile-title.tile-aqua .title p {
   color: rgba(255, 255, 255, .85)
}

.tile-title.tile-cyan {
   background: #00b29e
}

.tile-title.tile-cyan:hover {
   background-color: #009987
}

.tile-title.tile-cyan .icon i,
.tile-title.tile-cyan h3,
.tile-title.tile-cyan p {
   color: #fff
}

.tile-title.tile-cyan .icon i {
   color: #fff
}

.tile-title.tile-cyan .title {
   background: rgba(0, 0, 0, .1)
}

.tile-title.tile-cyan .title p {
   color: rgba(255, 255, 255, .85)
}

.tile-title.tile-purple {
   background: #ba79cb
}

.tile-title.tile-purple:hover {
   background-color: #b167c4
}

.tile-title.tile-purple .icon i,
.tile-title.tile-purple h3,
.tile-title.tile-purple p {
   color: #fff
}

.tile-title.tile-purple .icon i {
   color: #fff
}

.tile-title.tile-purple .title {
   background: rgba(0, 0, 0, .1)
}

.tile-title.tile-purple .title p {
   color: rgba(255, 255, 255, .85)
}

.tile-title.tile-pink {
   background: #ec3b83
}

.tile-title.tile-pink:hover {
   background-color: #ea2474
}

.tile-title.tile-pink .icon i,
.tile-title.tile-pink h3,
.tile-title.tile-pink p {
   color: #fff
}

.tile-title.tile-pink .icon i {
   color: #fff
}

.tile-title.tile-pink .title {
   background: rgba(0, 0, 0, .1)
}

.tile-title.tile-pink .title p {
   color: rgba(255, 255, 255, .85)
}

.tile-title.tile-orange {
   background: #ffa812
}

.tile-title.tile-orange:hover {
   background-color: #f89d00
}

.tile-title.tile-orange .icon i,
.tile-title.tile-orange h3,
.tile-title.tile-orange p {
   color: #fff
}

.tile-title.tile-orange .icon i {
   color: #fff
}

.tile-title.tile-orange .title {
   background: rgba(0, 0, 0, .1)
}

.tile-title.tile-orange .title p {
   color: rgba(255, 255, 255, .85)
}

.tile-title.tile-brown {
   background: #6c541e
}

.tile-title.tile-brown:hover {
   background-color: #584418
}

.tile-title.tile-brown .icon i,
.tile-title.tile-brown h3,
.tile-title.tile-brown p {
   color: #fff
}

.tile-title.tile-brown .icon i {
   color: #fff
}

.tile-title.tile-brown .title {
   background: rgba(0, 0, 0, .1)
}

.tile-title.tile-brown .title p {
   color: rgba(255, 255, 255, .85)
}

.tile-title.tile-plum {
   background: #701c1c
}

.tile-title.tile-plum:hover {
   background-color: #5c1717
}

.tile-title.tile-plum .icon i,
.tile-title.tile-plum h3,
.tile-title.tile-plum p {
   color: #fff
}

.tile-title.tile-plum .icon i {
   color: #fff
}

.tile-title.tile-plum .title {
   background: rgba(0, 0, 0, .1)
}

.tile-title.tile-plum .title p {
   color: rgba(255, 255, 255, .85)
}

.tile-title.tile-gray {
   background: #f5f5f5
}

.tile-title.tile-gray:hover {
   background-color: #e8e8e8
}

.tile-title.tile-gray .icon i,
.tile-title.tile-gray h3,
.tile-title.tile-gray p {
   color: #8f8f8f
}

.tile-title.tile-gray .icon i {
   color: #8f8f8f
}

.tile-title.tile-gray .title {
   background: rgba(0, 0, 0, .1)
}

.tile-title.tile-gray .title p {
   color: rgba(143, 143, 143, .85)
}

.tile-block {
   background: #00a65b;
   -webkit-border-radius: 5px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 5px;
   -moz-background-clip: padding;
   border-radius: 5px;
   background-clip: padding-box;
   margin-bottom: 20px;
   background-color: #303641;
   color: #fff
}

.tile-block:after,
.tile-block:before {
   content: " ";
   display: table
}

.tile-block:after {
   clear: both
}

.tile-block .tile-header {
   color: #fff;
   font-size: 17px;
   padding: 20px
}

.tile-block .tile-header a,
.tile-block .tile-header span {
   color: #fff
}

.tile-block .tile-header span {
   display: block;
   margin-top: 4px;
   font-size: 11px
}

.tile-block .tile-header i {
   float: right;
   font-size: 28px;
   position: relative;
   top: 4px
}

.tile-block .tile-header i[class^=entypo-] {
   top: 0
}

.tile-block .tile-content {
   background: rgba(0, 0, 0, .03);
   padding: 20px
}

.tile-block .tile-content .todo-list .neon-cb-replacement .cb-wrapper+label {
   top: -3px;
   margin-left: 8px
}

.tile-block .tile-footer {
   background: rgba(0, 0, 0, .03);
   border-top: 1px solid rgba(255, 255, 255, .1);
   padding: 20px;
   color: #fff;
   -webkit-border-radius: 0 0 5px 5px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 0 5px 5px;
   -moz-background-clip: padding;
   border-radius: 0 0 5px 5px;
   background-clip: padding-box
}

.tile-block .tile-footer a {
   color: #fff;
   font-weight: 700
}

.tile-block .btn,
.tile-block .form-control {
   background: rgba(0, 0, 0, .15);
   color: #fff;
   border-color: transparent
}

.tile-block .btn::-moz-placeholder,
.tile-block .form-control::-moz-placeholder {
   color: rgba(255, 255, 255, .6);
   opacity: 1
}

.tile-block .btn:-ms-input-placeholder,
.tile-block .form-control:-ms-input-placeholder {
   color: rgba(255, 255, 255, .6)
}

.tile-block .btn::-webkit-input-placeholder,
.tile-block .form-control::-webkit-input-placeholder {
   color: rgba(255, 255, 255, .6)
}

.tile-block .btn::-webkit-input-placeholder,
.tile-block .form-control::-webkit-input-placeholder {
   color: rgba(255, 255, 255, .6)
}

.tile-block .btn:-moz-placeholder,
.tile-block .form-control:-moz-placeholder {
   color: rgba(255, 255, 255, .6)
}

.tile-block .btn::-moz-placeholder,
.tile-block .form-control::-moz-placeholder {
   color: rgba(255, 255, 255, .6)
}

.tile-block .btn:-ms-input-placeholder,
.tile-block .form-control:-ms-input-placeholder {
   color: rgba(255, 255, 255, .6)
}

.tile-block .btn+.todo-list,
.tile-block .form-control+.todo-list {
   margin-top: 20px
}

.tile-block .form-control+.btn {
   margin-top: 10px
}

.tile-block .tile-header a,
.tile-block .tile-header i,
.tile-block .tile-header span {
   color: #fff
}

.tile-block .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
   background: #303641
}

.tile-block .tile-footer {
   color: #fff
}

.tile-block .tile-footer a {
   color: #fff
}

.tile-block.tile-red {
   background-color: #f56954;
   color: #fff
}

.tile-block.tile-red .tile-header a,
.tile-block.tile-red .tile-header i,
.tile-block.tile-red .tile-header span {
   color: #fff
}

.tile-block.tile-red .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
   background: #f56954
}

.tile-block.tile-red .tile-footer {
   color: #fff
}

.tile-block.tile-red .tile-footer a {
   color: #fff
}

.tile-block.tile-green {
   background-color: #00a65a;
   color: #fff
}

.tile-block.tile-green .tile-header a,
.tile-block.tile-green .tile-header i,
.tile-block.tile-green .tile-header span {
   color: #fff
}

.tile-block.tile-green .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
   background: #00a65a
}

.tile-block.tile-green .tile-footer {
   color: #fff
}

.tile-block.tile-green .tile-footer a {
   color: #fff
}

.tile-block.tile-blue {
   background-color: #0073b7;
   color: #fff
}

.tile-block.tile-blue .tile-header a,
.tile-block.tile-blue .tile-header i,
.tile-block.tile-blue .tile-header span {
   color: #fff
}

.tile-block.tile-blue .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
   background: #0073b7
}

.tile-block.tile-blue .tile-footer {
   color: #fff
}

.tile-block.tile-blue .tile-footer a {
   color: #fff
}

.tile-block.tile-aqua {
   background-color: #00c0ef;
   color: #fff
}

.tile-block.tile-aqua .tile-header a,
.tile-block.tile-aqua .tile-header i,
.tile-block.tile-aqua .tile-header span {
   color: #fff
}

.tile-block.tile-aqua .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
   background: #00c0ef
}

.tile-block.tile-aqua .tile-footer {
   color: #fff
}

.tile-block.tile-aqua .tile-footer a {
   color: #fff
}

.tile-block.tile-cyan {
   background-color: #00b29e;
   color: #fff
}

.tile-block.tile-cyan .tile-header a,
.tile-block.tile-cyan .tile-header i,
.tile-block.tile-cyan .tile-header span {
   color: #fff
}

.tile-block.tile-cyan .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
   background: #00b29e
}

.tile-block.tile-cyan .tile-footer {
   color: #fff
}

.tile-block.tile-cyan .tile-footer a {
   color: #fff
}

.tile-block.tile-purple {
   background-color: #ba79cb;
   color: #fff
}

.tile-block.tile-purple .tile-header a,
.tile-block.tile-purple .tile-header i,
.tile-block.tile-purple .tile-header span {
   color: #fff
}

.tile-block.tile-purple .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
   background: #ba79cb
}

.tile-block.tile-purple .tile-footer {
   color: #fff
}

.tile-block.tile-purple .tile-footer a {
   color: #fff
}

.tile-block.tile-pink {
   background-color: #ec3b83;
   color: #fff
}

.tile-block.tile-pink .tile-header a,
.tile-block.tile-pink .tile-header i,
.tile-block.tile-pink .tile-header span {
   color: #fff
}

.tile-block.tile-pink .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
   background: #ec3b83
}

.tile-block.tile-pink .tile-footer {
   color: #fff
}

.tile-block.tile-pink .tile-footer a {
   color: #fff
}

.tile-block.tile-orange {
   background-color: #ffa812;
   color: #fff
}

.tile-block.tile-orange .tile-header a,
.tile-block.tile-orange .tile-header i,
.tile-block.tile-orange .tile-header span {
   color: #fff
}

.tile-block.tile-orange .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
   background: #ffa812
}

.tile-block.tile-orange .tile-footer {
   color: #fff
}

.tile-block.tile-orange .tile-footer a {
   color: #fff
}

.tile-block.tile-brown {
   background-color: #6c541e;
   color: #fff
}

.tile-block.tile-brown .tile-header a,
.tile-block.tile-brown .tile-header i,
.tile-block.tile-brown .tile-header span {
   color: #fff
}

.tile-block.tile-brown .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
   background: #6c541e
}

.tile-block.tile-brown .tile-footer {
   color: #fff
}

.tile-block.tile-brown .tile-footer a {
   color: #fff
}

.tile-block.tile-plum {
   background-color: #701c1c;
   color: #fff
}

.tile-block.tile-plum .tile-header a,
.tile-block.tile-plum .tile-header i,
.tile-block.tile-plum .tile-header span {
   color: #fff
}

.tile-block.tile-plum .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
   background: #701c1c
}

.tile-block.tile-plum .tile-footer {
   color: #fff
}

.tile-block.tile-plum .tile-footer a {
   color: #fff
}

.tile-block.tile-gray {
   background-color: #f5f5f5;
   color: #767676
}

.tile-block.tile-gray .tile-header a,
.tile-block.tile-gray .tile-header i,
.tile-block.tile-gray .tile-header span {
   color: #767676
}

.tile-block.tile-gray .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
   background: #f5f5f5
}

.tile-block.tile-gray .tile-footer {
   color: #767676
}

.tile-block.tile-gray .tile-footer a {
   color: #767676
}

.tile-block.tile-gray .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
   background: #dcdcdc
}

.todo-list {
   list-style: none;
   padding: 0;
   margin: 0
}

.todo-list>li {
   margin: 0;
   margin-bottom: 5px;
   padding: 0
}

.todo-list>li:last-child {
   margin-bottom: 0
}

.todo-list>li .neon-cb-replacement .cb-wrapper {
   background: #fff
}

.todo-list>li .neon-cb-replacement .cb-wrapper+label {
   position: relative
}

.todo-list>li .neon-cb-replacement .cb-wrapper+label:after {
   position: absolute;
   content: '';
   height: 2px;
   background: #fff;
   width: 0%;
   top: 50%;
   left: 0;
   margin: 0;
   margin-top: 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.todo-list>li .neon-cb-replacement.checked .cb-wrapper+label:after {
   zoom: 1;
   -webkit-opacity: 0.8;
   -moz-opacity: 0.8;
   opacity: .8;
   width: 100%
}

.todo-list>li .neon-cb-replacement.checked .cb-wrapper .checked {
   background: rgba(0, 0, 0, .25)
}

.tile-progress {
   background: #00a65b;
   margin-bottom: 20px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   background-color: #303641;
   color: #fff
}

.tile-progress:after,
.tile-progress:before {
   content: " ";
   display: table
}

.tile-progress:after {
   clear: both
}

.tile-progress .tile-header {
   padding: 15px 20px;
   padding-bottom: 40px
}

.tile-progress .tile-header h3,
.tile-progress .tile-header span {
   display: block;
   color: #fff
}

.tile-progress .tile-header h3 {
   margin: 0;
   font-size: 18px;
   font-weight: 700
}

.tile-progress .tile-header span {
   margin-top: 4px;
   color: rgba(255, 255, 255, .7);
   font-size: 11px
}

.tile-progress .tile-progressbar {
   height: 2px;
   background: rgba(0, 0, 0, .18);
   margin: 0
}

.tile-progress .tile-progressbar span {
   display: block;
   background: #fff;
   width: 0%;
   height: 100%;
   -webkit-transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
   -moz-transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
   -o-transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
   transition: all 1.5s cubic-bezier(.23, 1, .32, 1)
}

.tile-progress .tile-footer {
   padding: 20px;
   text-align: right;
   background: rgba(0, 0, 0, .1);
   -webkit-border-radius: 0 0 3px 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 0 3px 3px;
   -moz-background-clip: padding;
   border-radius: 0 0 3px 3px;
   background-clip: padding-box
}

.tile-progress .tile-footer h4,
.tile-progress .tile-footer>span {
   display: block;
   color: #fff
}

.tile-progress .tile-footer h4 {
   font-size: 14px;
   margin: 0
}

.tile-progress .tile-footer>span {
   margin-top: 4px;
   color: rgba(255, 255, 255, .7);
   font-size: 11px
}

.tile-progress .tile-header a,
.tile-progress .tile-header h3,
.tile-progress .tile-header i,
.tile-progress .tile-header span {
   color: #fff
}

.tile-progress .tile-progressbar span {
   background: #fff
}

.tile-progress .tile-footer h4,
.tile-progress .tile-footer>span {
   color: #fff
}

.tile-progress .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-progress.tile-red {
   background-color: #f56954;
   color: #fff
}

.tile-progress.tile-red .tile-header a,
.tile-progress.tile-red .tile-header h3,
.tile-progress.tile-red .tile-header i,
.tile-progress.tile-red .tile-header span {
   color: #fff
}

.tile-progress.tile-red .tile-progressbar span {
   background: #fff
}

.tile-progress.tile-red .tile-footer h4,
.tile-progress.tile-red .tile-footer>span {
   color: #fff
}

.tile-progress.tile-red .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-progress.tile-green {
   background-color: #00a65a;
   color: #fff
}

.tile-progress.tile-green .tile-header a,
.tile-progress.tile-green .tile-header h3,
.tile-progress.tile-green .tile-header i,
.tile-progress.tile-green .tile-header span {
   color: #fff
}

.tile-progress.tile-green .tile-progressbar span {
   background: #fff
}

.tile-progress.tile-green .tile-footer h4,
.tile-progress.tile-green .tile-footer>span {
   color: #fff
}

.tile-progress.tile-green .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-progress.tile-blue {
   background-color: #0073b7;
   color: #fff
}

.tile-progress.tile-blue .tile-header a,
.tile-progress.tile-blue .tile-header h3,
.tile-progress.tile-blue .tile-header i,
.tile-progress.tile-blue .tile-header span {
   color: #fff
}

.tile-progress.tile-blue .tile-progressbar span {
   background: #fff
}

.tile-progress.tile-blue .tile-footer h4,
.tile-progress.tile-blue .tile-footer>span {
   color: #fff
}

.tile-progress.tile-blue .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-progress.tile-aqua {
   background-color: #00c0ef;
   color: #fff
}

.tile-progress.tile-aqua .tile-header a,
.tile-progress.tile-aqua .tile-header h3,
.tile-progress.tile-aqua .tile-header i,
.tile-progress.tile-aqua .tile-header span {
   color: #fff
}

.tile-progress.tile-aqua .tile-progressbar span {
   background: #fff
}

.tile-progress.tile-aqua .tile-footer h4,
.tile-progress.tile-aqua .tile-footer>span {
   color: #fff
}

.tile-progress.tile-aqua .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-progress.tile-cyan {
   background-color: #00b29e;
   color: #fff
}

.tile-progress.tile-cyan .tile-header a,
.tile-progress.tile-cyan .tile-header h3,
.tile-progress.tile-cyan .tile-header i,
.tile-progress.tile-cyan .tile-header span {
   color: #fff
}

.tile-progress.tile-cyan .tile-progressbar span {
   background: #fff
}

.tile-progress.tile-cyan .tile-footer h4,
.tile-progress.tile-cyan .tile-footer>span {
   color: #fff
}

.tile-progress.tile-cyan .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-progress.tile-purple {
   background-color: #ba79cb;
   color: #fff
}

.tile-progress.tile-purple .tile-header a,
.tile-progress.tile-purple .tile-header h3,
.tile-progress.tile-purple .tile-header i,
.tile-progress.tile-purple .tile-header span {
   color: #fff
}

.tile-progress.tile-purple .tile-progressbar span {
   background: #fff
}

.tile-progress.tile-purple .tile-footer h4,
.tile-progress.tile-purple .tile-footer>span {
   color: #fff
}

.tile-progress.tile-purple .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-progress.tile-pink {
   background-color: #ec3b83;
   color: #fff
}

.tile-progress.tile-pink .tile-header a,
.tile-progress.tile-pink .tile-header h3,
.tile-progress.tile-pink .tile-header i,
.tile-progress.tile-pink .tile-header span {
   color: #fff
}

.tile-progress.tile-pink .tile-progressbar span {
   background: #fff
}

.tile-progress.tile-pink .tile-footer h4,
.tile-progress.tile-pink .tile-footer>span {
   color: #fff
}

.tile-progress.tile-pink .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-progress.tile-orange {
   background-color: #ffa812;
   color: #fff
}

.tile-progress.tile-orange .tile-header a,
.tile-progress.tile-orange .tile-header h3,
.tile-progress.tile-orange .tile-header i,
.tile-progress.tile-orange .tile-header span {
   color: #fff
}

.tile-progress.tile-orange .tile-progressbar span {
   background: #fff
}

.tile-progress.tile-orange .tile-footer h4,
.tile-progress.tile-orange .tile-footer>span {
   color: #fff
}

.tile-progress.tile-orange .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-progress.tile-brown {
   background-color: #6c541e;
   color: #fff
}

.tile-progress.tile-brown .tile-header a,
.tile-progress.tile-brown .tile-header h3,
.tile-progress.tile-brown .tile-header i,
.tile-progress.tile-brown .tile-header span {
   color: #fff
}

.tile-progress.tile-brown .tile-progressbar span {
   background: #fff
}

.tile-progress.tile-brown .tile-footer h4,
.tile-progress.tile-brown .tile-footer>span {
   color: #fff
}

.tile-progress.tile-brown .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-progress.tile-plum {
   background-color: #701c1c;
   color: #fff
}

.tile-progress.tile-plum .tile-header a,
.tile-progress.tile-plum .tile-header h3,
.tile-progress.tile-plum .tile-header i,
.tile-progress.tile-plum .tile-header span {
   color: #fff
}

.tile-progress.tile-plum .tile-progressbar span {
   background: #fff
}

.tile-progress.tile-plum .tile-footer h4,
.tile-progress.tile-plum .tile-footer>span {
   color: #fff
}

.tile-progress.tile-plum .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-progress.tile-gray {
   background-color: #f5f5f5;
   color: #8f8f8f
}

.tile-progress.tile-gray .tile-header a,
.tile-progress.tile-gray .tile-header h3,
.tile-progress.tile-gray .tile-header i,
.tile-progress.tile-gray .tile-header span {
   color: #8f8f8f
}

.tile-progress.tile-gray .tile-progressbar span {
   background: #8f8f8f
}

.tile-progress.tile-gray .tile-footer h4,
.tile-progress.tile-gray .tile-footer>span {
   color: #8f8f8f
}

.tile-progress.tile-gray .tile-footer>span {
   color: rgba(143, 143, 143, .7)
}

.tile-group {
   background: #303641;
   color: #fff;
   margin-bottom: 20px;
   overflow: hidden;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   display: table;
   width: 100%;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.tile-group:after,
.tile-group:before {
   content: " ";
   display: table
}

.tile-group:after {
   clear: both
}

.tile-group .tile-left,
.tile-group .tile-right {
   display: table-cell;
   position: relative
}

.tile-group .tile-left .map,
.tile-group .tile-right .map {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: 1px 0;
   overflow: hidden;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.tile-group .tile-left {
   width: 40%
}

.tile-group .tile-right {
   width: 60%
}

.tile-group .tile-entry {
   background: rgba(0, 0, 0, .1);
   padding: 25px 30px;
   border-bottom: 1px solid #303641
}

.tile-group .tile-entry h3,
.tile-group .tile-entry h4,
.tile-group .tile-entry span {
   display: block;
   color: #fff;
   margin: 0
}

.tile-group .tile-entry span {
   color: rgba(255, 255, 255, .5);
   font-size: 11px
}

.tile-group .tile-entry h3+span,
.tile-group .tile-entry h4+span {
   margin-top: 4px
}

.tile-group .tile-entry .op {
   zoom: 1;
   -webkit-opacity: 0.5;
   -moz-opacity: 0.5;
   opacity: .5;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.tile-group .tile-entry:hover .op {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.tile-group div>tile-entry:last-child {
   border-bottom: 0
}

.tile-group .jvectormap-zoomin,
.tile-group .jvectormap-zoomout {
   width: 15px;
   height: 15px;
   margin-bottom: 4px
}

.tile-group.tile-red {
   background-color: #ff4853;
   color: #fff
}

.tile-group.tile-red .tile-entry {
   border-bottom-color: #ff4853
}

.tile-group.tile-red .tile-entry a,
.tile-group.tile-red .tile-entry h3,
.tile-group.tile-red .tile-entry h4,
.tile-group.tile-red .tile-entry i,
.tile-group.tile-red .tile-entry span {
   color: #fff
}

.tile-group.tile-red .tile-progressbar span {
   background: #fff
}

.tile-group.tile-red .tile-footer h4,
.tile-group.tile-red .tile-footer>span {
   color: #fff
}

.tile-group.tile-red .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-group.tile-green {
   background-color: #00a65a;
   color: #fff
}

.tile-group.tile-green .tile-entry {
   border-bottom-color: #00a65a
}

.tile-group.tile-green .tile-entry a,
.tile-group.tile-green .tile-entry h3,
.tile-group.tile-green .tile-entry h4,
.tile-group.tile-green .tile-entry i,
.tile-group.tile-green .tile-entry span {
   color: #fff
}

.tile-group.tile-green .tile-progressbar span {
   background: #fff
}

.tile-group.tile-green .tile-footer h4,
.tile-group.tile-green .tile-footer>span {
   color: #fff
}

.tile-group.tile-green .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-group.tile-blue {
   background-color: #0073b7;
   color: #fff
}

.tile-group.tile-blue .tile-entry {
   border-bottom-color: #0073b7
}

.tile-group.tile-blue .tile-entry a,
.tile-group.tile-blue .tile-entry h3,
.tile-group.tile-blue .tile-entry h4,
.tile-group.tile-blue .tile-entry i,
.tile-group.tile-blue .tile-entry span {
   color: #fff
}

.tile-group.tile-blue .tile-progressbar span {
   background: #fff
}

.tile-group.tile-blue .tile-footer h4,
.tile-group.tile-blue .tile-footer>span {
   color: #fff
}

.tile-group.tile-blue .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-group.tile-aqua {
   background-color: #00c0ef;
   color: #fff
}

.tile-group.tile-aqua .tile-entry {
   border-bottom-color: #00c0ef
}

.tile-group.tile-aqua .tile-entry a,
.tile-group.tile-aqua .tile-entry h3,
.tile-group.tile-aqua .tile-entry h4,
.tile-group.tile-aqua .tile-entry i,
.tile-group.tile-aqua .tile-entry span {
   color: #fff
}

.tile-group.tile-aqua .tile-progressbar span {
   background: #fff
}

.tile-group.tile-aqua .tile-footer h4,
.tile-group.tile-aqua .tile-footer>span {
   color: #fff
}

.tile-group.tile-aqua .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-group.tile-cyan {
   background-color: #00b29e;
   color: #fff
}

.tile-group.tile-cyan .tile-entry {
   border-bottom-color: #00b29e
}

.tile-group.tile-cyan .tile-entry a,
.tile-group.tile-cyan .tile-entry h3,
.tile-group.tile-cyan .tile-entry h4,
.tile-group.tile-cyan .tile-entry i,
.tile-group.tile-cyan .tile-entry span {
   color: #fff
}

.tile-group.tile-cyan .tile-progressbar span {
   background: #fff
}

.tile-group.tile-cyan .tile-footer h4,
.tile-group.tile-cyan .tile-footer>span {
   color: #fff
}

.tile-group.tile-cyan .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-group.tile-purple {
   background-color: #ba79cb;
   color: #fff
}

.tile-group.tile-purple .tile-entry {
   border-bottom-color: #ba79cb
}

.tile-group.tile-purple .tile-entry a,
.tile-group.tile-purple .tile-entry h3,
.tile-group.tile-purple .tile-entry h4,
.tile-group.tile-purple .tile-entry i,
.tile-group.tile-purple .tile-entry span {
   color: #fff
}

.tile-group.tile-purple .tile-progressbar span {
   background: #fff
}

.tile-group.tile-purple .tile-footer h4,
.tile-group.tile-purple .tile-footer>span {
   color: #fff
}

.tile-group.tile-purple .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-group.tile-pink {
   background-color: #ec3b83;
   color: #fff
}

.tile-group.tile-pink .tile-entry {
   border-bottom-color: #ec3b83
}

.tile-group.tile-pink .tile-entry a,
.tile-group.tile-pink .tile-entry h3,
.tile-group.tile-pink .tile-entry h4,
.tile-group.tile-pink .tile-entry i,
.tile-group.tile-pink .tile-entry span {
   color: #fff
}

.tile-group.tile-pink .tile-progressbar span {
   background: #fff
}

.tile-group.tile-pink .tile-footer h4,
.tile-group.tile-pink .tile-footer>span {
   color: #fff
}

.tile-group.tile-pink .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-group.tile-orange {
   background-color: #ffa812;
   color: #fff
}

.tile-group.tile-orange .tile-entry {
   border-bottom-color: #ffa812
}

.tile-group.tile-orange .tile-entry a,
.tile-group.tile-orange .tile-entry h3,
.tile-group.tile-orange .tile-entry h4,
.tile-group.tile-orange .tile-entry i,
.tile-group.tile-orange .tile-entry span {
   color: #fff
}

.tile-group.tile-orange .tile-progressbar span {
   background: #fff
}

.tile-group.tile-orange .tile-footer h4,
.tile-group.tile-orange .tile-footer>span {
   color: #fff
}

.tile-group.tile-orange .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-group.tile-brown {
   background-color: #6c541e;
   color: #fff
}

.tile-group.tile-brown .tile-entry {
   border-bottom-color: #6c541e
}

.tile-group.tile-brown .tile-entry a,
.tile-group.tile-brown .tile-entry h3,
.tile-group.tile-brown .tile-entry h4,
.tile-group.tile-brown .tile-entry i,
.tile-group.tile-brown .tile-entry span {
   color: #fff
}

.tile-group.tile-brown .tile-progressbar span {
   background: #fff
}

.tile-group.tile-brown .tile-footer h4,
.tile-group.tile-brown .tile-footer>span {
   color: #fff
}

.tile-group.tile-brown .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-group.tile-plum {
   background-color: #701c1c;
   color: #fff
}

.tile-group.tile-plum .tile-entry {
   border-bottom-color: #701c1c
}

.tile-group.tile-plum .tile-entry a,
.tile-group.tile-plum .tile-entry h3,
.tile-group.tile-plum .tile-entry h4,
.tile-group.tile-plum .tile-entry i,
.tile-group.tile-plum .tile-entry span {
   color: #fff
}

.tile-group.tile-plum .tile-progressbar span {
   background: #fff
}

.tile-group.tile-plum .tile-footer h4,
.tile-group.tile-plum .tile-footer>span {
   color: #fff
}

.tile-group.tile-plum .tile-footer>span {
   color: rgba(255, 255, 255, .7)
}

.tile-group.tile-gray {
   background-color: #f5f5f5;
   color: #8f8f8f
}

.tile-group.tile-gray .tile-entry {
   border-bottom-color: #f5f5f5
}

.tile-group.tile-gray .tile-entry a,
.tile-group.tile-gray .tile-entry h3,
.tile-group.tile-gray .tile-entry h4,
.tile-group.tile-gray .tile-entry i,
.tile-group.tile-gray .tile-entry span {
   color: #8f8f8f
}

.tile-group.tile-gray .tile-progressbar span {
   background: #8f8f8f
}

.tile-group.tile-gray .tile-footer h4,
.tile-group.tile-gray .tile-footer>span {
   color: #8f8f8f
}

.tile-group.tile-gray .tile-footer>span {
   color: rgba(143, 143, 143, .7)
}

.page-error-404 {
   color: #303641;
   text-align: center
}

.page-error-404 .error-symbol {
   font-size: 120px
}

.page-error-404 .error-text {
   padding-bottom: 25px;
   font-size: 16px
}

.page-error-404 .error-text h2 {
   font-size: 45px
}

.page-error-404 .error-text p {
   font-size: 22px
}

.page-error-404 .error-text+hr {
   margin-bottom: 50px
}

.page-error-404 .input-group {
   width: 250px;
   margin: 0 auto
}

body.page-fade {
   background: #303641;
   -webkit-transition: .4s all ease-in-out;
   -moz-transition: .4s all ease-in-out;
   -o-transition: .4s all ease-in-out;
   transition: .4s all ease-in-out;
   -webkit-transform-origin: 50% 30%;
   -moz-transform-origin: 50% 30%;
   -ms-transform-origin: 50% 30%;
   -o-transform-origin: 50% 30%;
   transform-origin: 50% 30%
}

body.page-fade>.page-container {
   -webkit-transform: scale(.9) translateY(100px);
   -moz-transform: scale(.9) translateY(100px);
   -ms-transform: scale(.9) translateY(100px);
   -o-transform: scale(.9) translateY(100px);
   transform: scale(.9) translateY(100px);
   -webkit-transition: .4s all ease-in-out;
   -moz-transition: .4s all ease-in-out;
   -o-transition: .4s all ease-in-out;
   transition: .4s all ease-in-out;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

body.page-fade-init {
   background: #fff
}

body.page-fade-init>.page-container {
   -webkit-transform: scale(1) translateY(0);
   -moz-transform: scale(1) translateY(0);
   -ms-transform: scale(1) translateY(0);
   -o-transform: scale(1) translateY(0);
   transform: scale(1) translateY(0);
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

body.page-left-in {
   background: #303641;
   -webkit-transition: .4s all ease-in-out;
   -moz-transition: .4s all ease-in-out;
   -o-transition: .4s all ease-in-out;
   transition: .4s all ease-in-out;
   -webkit-transform-origin: 0% 50%;
   -moz-transform-origin: 0% 50%;
   -ms-transform-origin: 0% 50%;
   -o-transform-origin: 0% 50%;
   transform-origin: 0% 50%;
   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   perspective: 1000;
   -webkit-perspective: 1000px;
   -moz-perspective: 1000px;
   perspective: 1000px
}

body.page-left-in>.page-container {
   -webkit-transform: rotateY(8deg) translateX(-100px);
   -moz-transform: rotateY(8deg) translateX(-100px);
   -ms-transform: rotateY(8deg) translateX(-100px);
   -o-transform: rotateY(8deg) translateX(-100px);
   transform: rotateY(8deg) translateX(-100px);
   -webkit-transition: .4s all ease-in-out;
   -moz-transition: .4s all ease-in-out;
   -o-transition: .4s all ease-in-out;
   transition: .4s all ease-in-out;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

body.page-left-in-init {
   background: #fff
}

body.page-left-in-init>.page-container {
   -webkit-transform: rotateY(0) translateX(0);
   -moz-transform: rotateY(0) translateX(0);
   -ms-transform: rotateY(0) translateX(0);
   -o-transform: rotateY(0) translateX(0);
   transform: rotateY(0) translateX(0);
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

body.page-right-in {
   background: #303641;
   overflow-x: hidden;
   -webkit-transition: .4s all ease-in-out;
   -moz-transition: .4s all ease-in-out;
   -o-transition: .4s all ease-in-out;
   transition: .4s all ease-in-out;
   -webkit-transform-origin: 100% 50%;
   -moz-transform-origin: 100% 50%;
   -ms-transform-origin: 100% 50%;
   -o-transform-origin: 100% 50%;
   transform-origin: 100% 50%;
   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   perspective: 1000;
   -webkit-perspective: 1000px;
   -moz-perspective: 1000px;
   perspective: 1000px
}

body.page-right-in>.page-container {
   -webkit-transform: rotateY(-8deg) translateX(100px);
   -moz-transform: rotateY(-8deg) translateX(100px);
   -ms-transform: rotateY(-8deg) translateX(100px);
   -o-transform: rotateY(-8deg) translateX(100px);
   transform: rotateY(-8deg) translateX(100px);
   -webkit-transition: .4s all ease-in-out;
   -moz-transition: .4s all ease-in-out;
   -o-transition: .4s all ease-in-out;
   transition: .4s all ease-in-out;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

body.page-right-in-init {
   background: #fff
}

body.page-right-in-init>.page-container {
   -webkit-transform: rotateY(0) translateX(0);
   -moz-transform: rotateY(0) translateX(0);
   -ms-transform: rotateY(0) translateX(0);
   -o-transform: rotateY(0) translateX(0);
   transform: rotateY(0) translateX(0);
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

body.page-fade-only {
   background: #303641;
   -webkit-transition: .9s all cubic-bezier(.445, .050, .55, .95);
   -moz-transition: .9s all cubic-bezier(.445, .050, .55, .95);
   -o-transition: .9s all cubic-bezier(.445, .050, .55, .95);
   transition: .9s all cubic-bezier(.445, .050, .55, .95);
   -webkit-transform-origin: 50% 30%;
   -moz-transform-origin: 50% 30%;
   -ms-transform-origin: 50% 30%;
   -o-transform-origin: 50% 30%;
   transform-origin: 50% 30%
}

body.page-fade-only>.page-container {
   -webkit-transition: .9s all cubic-bezier(.445, .050, .55, .95);
   -moz-transition: .9s all cubic-bezier(.445, .050, .55, .95);
   -o-transition: .9s all cubic-bezier(.445, .050, .55, .95);
   transition: .9s all cubic-bezier(.445, .050, .55, .95);
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

body.page-fade-only-init {
   background: #fff
}

body.page-fade-only-init>.page-container {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.draggable-portlets .sorted {
   min-height: 100px
}

.draggable-portlets .sorted .ui-sortable-placeholder {
   background: rgba(255, 255, 204, .7);
   border: 1px dashed #ebebeb;
   visibility: visible !important
}

.draggable-portlets .sorted>.panel {
   -webkit-transition: opacity .3s ease-in-out, transform .3s ease-in-out;
   -o-transition: opacity .3s ease-in-out, transform .3s ease-in-out;
   transition: opacity .3s ease-in-out, transform .3s ease-in-out;
   -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
   -moz-transition: opacity .3s ease-in-out, -moz-transform .3s ease-in-out;
   -o-transition: opacity .3s ease-in-out, -o-transform .3s ease-in-out;
   transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out, -o-transform .3s ease-in-out, transform .3s ease-in-out
}

.draggable-portlets .sorted>.panel .panel-heading {
   cursor: pointer
}

.draggable-portlets.dragging .sorted>.panel {
   -webkit-transform: scale(.9);
   -moz-transform: scale(.9);
   -ms-transform: scale(.9);
   -o-transform: scale(.9);
   transform: scale(.9);
   zoom: 1;
   -webkit-opacity: 0.9;
   -moz-opacity: 0.9;
   opacity: .9
}

.draggable-portlets.dragging .sorted>.panel.ui-sortable-helper {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.language-selector {
   margin-top: -7px
}

.language-selector>.dropdown-toggle {
   display: inline-block;
   padding: 7px 12px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.language-selector>.dropdown-toggle img {
   display: inline-block;
   line-height: 1
}

.language-selector.open>.dropdown-toggle {
   background: #f5f5f6
}

.language-selector .dropdown-menu {
   background: #f5f5f6;
   border: none;
   margin: 0;
   padding: 0;
   width: 200px;
   overflow: hidden;
   -webkit-border-radius: 0 3px 3px 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 3px;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 3px;
   background-clip: padding-box
}

.language-selector .dropdown-menu.pull-right {
   -webkit-border-radius: 3px 0 3px 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 3px 3px;
   -moz-background-clip: padding;
   border-radius: 3px 0 3px 3px;
   background-clip: padding-box;
   margin-right: 5px
}

.language-selector .dropdown-menu>li {
   border-bottom: 1px solid #ebebeb
}

.language-selector .dropdown-menu>li a {
   margin: 0;
   display: block;
   -webkit-border-radius: 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0;
   -moz-background-clip: padding;
   border-radius: 0;
   background-clip: padding-box;
   padding: 10px 20px;
   color: #8d929a;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.language-selector .dropdown-menu>li a img {
   margin-right: 5px
}

.language-selector .dropdown-menu>li a:hover {
   background: rgba(235, 235, 235, .4)
}

.language-selector .dropdown-menu>li:last-child {
   border-bottom: 0
}

.language-selector .dropdown-menu>li.active a {
   background: rgba(235, 235, 235, .9);
   color: #737881
}

.language-selector.open>.dropdown-toggle {
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box
}

.search-results-env .search-string {
   font-size: 17px
}

.search-results-env .search-string strong {
   color: #ec5956;
   font-weight: 400
}

.search-results-env .nav-tabs {
   margin-bottom: 0;
   border-bottom-color: #ebebeb
}

.search-results-env .nav-tabs li a {
   background: #f5f5f6;
   border-color: #ebebeb
}

.search-results-env .nav-tabs li.active a {
   background: #f9f9f9;
   border-bottom-color: transparent
}

.search-results-env .search-bar {
   padding: 25px;
   background: #f9f9f9;
   margin-bottom: 30px
}

.search-results-env .search-bar .form-control+.input-group-btn {
   border: 1px solid #303641;
   border-left: 0;
   padding-left: 3px;
   background-color: #303641;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.search-results-env .search-bar .form-control+.input-group-btn .button {
   -webkit-border-radius: 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0;
   -moz-background-clip: padding;
   border-radius: 0;
   background-clip: padding-box
}

.search-results-env .search-results-panes {
   position: relative
}

.search-results-env .search-results-panes .search-results-pane {
   position: relative;
   display: none
}

.search-results-env .search-results-panes .search-results-pane.active {
   display: block
}

.search-results-env .search-results {
   list-style: none;
   margin: 0;
   padding: 0
}

.search-results-env .search-results>.search-result {
   border-bottom: 1px solid #f3f3f3;
   padding-bottom: 20px;
   margin: 0;
   margin-bottom: 20px
}

.search-results-env .search-results>.search-result h4 {
   font-size: 18px;
   margin: 0;
   margin-bottom: 10px
}

.search-results-env .search-results>.search-result .link {
   color: #ec5956
}

.search-results-env .search-results>.search-result .link:hover {
   text-decoration: underline
}

.search-results-env .search-results>.search-result:last-child {
   padding-bottom: 0;
   border-bottom: 0
}

.search-results-env .search-results>.search-result .sr-inner {
   padding: 15px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.search-results-env .search-results>.search-result .sr-inner:hover {
   background: #f9f9f9
}

.search-results-env .search-results-messages tbody tr td,
.search-results-env .search-results-messages tbody tr th,
.search-results-env .search-results-messages thead tr td,
.search-results-env .search-results-messages thead tr th {
   padding: 10px 10px
}

.search-results-env .search-results-messages tbody tr {
   background: #f9f9f9
}

.search-results-env .search-results-messages tbody tr.unread {
   background: #fff
}

.search-results-env .search-results-messages tbody tr.unread>td:nth-child(2) a {
   font-weight: 700
}

.search-results-env .search-results-messages tbody tr .star {
   display: inline-block;
   color: #ddd;
   margin-right: 5px;
   font-size: 14px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.search-results-env .search-results-messages tbody tr .star.stared,
.search-results-env .search-results-messages tbody tr .star.starred {
   color: #ff9600
}

@media (max-width:570px) {
   .search-results-env .nav-tabs {
      text-align: left
   }

   .search-results-env .nav-tabs>li {
      float: none !important
   }

   .search-results-env .nav-tabs>li.pull-left {
      display: block;
      width: 100%
   }

   .search-results-env .nav-tabs>li .search-string {
      padding-bottom: 15px
   }
}

.boxed-layout {
   background: url(../images/boxed-pattern-3.png);
   padding-bottom: 0
}

.boxed-layout.page-fade,
.boxed-layout.page-fade-only,
.boxed-layout.page-left-in,
.boxed-layout.page-right-in {
   background: url(../images/boxed-pattern-3.png)
}

.boxed-layout .page-container {
   position: relative;
   width: 80%;
   margin: 0 auto;
   margin-top: 0;
   -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
   -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
   box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.boxed-layout .page-container:after,
.boxed-layout .page-container:before {
   content: " ";
   display: table
}

.boxed-layout .page-container:after {
   clear: both
}

.boxed-layout .page-container.horizontal-menu>header.navbar {
   width: 80%;
   margin: 0 auto;
   -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
   -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
   box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.boxed-layout .page-container.horizontal-menu .main-content {
   padding-left: 0;
   padding-right: 0
}

.boxed-layout .page-container.horizontal-menu .main-content .container {
   width: 100%
}

.boxed-layout #chat {
   position: absolute
}

@media screen and (max-width:992px) {
   .boxed-layout .page-container {
      position: absolute;
      width: 100%;
      overflow-x: visible
   }

   .boxed-layout #chat {
      position: fixed
   }
}

@media (max-width:1199px) {
   .pull-none-md {
      float: none !important
   }

   .pull-none-md .dropdown-menu {
      left: 0;
      right: auto
   }

   .pull-left-md {
      float: left !important
   }

   .pull-left-md .dropdown-menu {
      left: 0;
      right: auto
   }

   .pull-right-md {
      float: right !important
   }

   .pull-right-md .dropdown-menu {
      left: auto;
      right: 0
   }
}

@media (max-width:991px) {
   .pull-none-sm {
      float: none !important
   }

   .pull-none-sm .dropdown-menu {
      left: 0;
      right: auto
   }

   .pull-left-sm {
      float: left !important
   }

   .pull-left-sm .dropdown-menu {
      left: 0;
      right: auto
   }

   .pull-right-sm {
      float: right !important
   }

   .pull-right-sm .dropdown-menu {
      left: auto;
      right: 0
   }
}

@media (max-width:767px) {
   .box-search .btnfiltro {
      width: 100%
   }

   .pull-none-xs {
      float: none !important
   }

   .pull-none-xs .dropdown-menu {
      left: 0;
      right: auto
   }

   .pull-left-xs {
      float: left !important
   }

   .pull-left-xs .dropdown-menu {
      left: 0;
      right: auto
   }

   .pull-right-xs {
      float: right !important
   }

   .pull-right-xs .dropdown-menu {
      left: auto;
      right: 0
   }
}

@media (max-width:480px) {
   .pull-none-xsm {
      float: none !important
   }

   .pull-none-xsm .dropdown-menu {
      left: 0;
      right: auto
   }

   .pull-left-xsm {
      float: left !important
   }

   .pull-left-xsm .dropdown-menu {
      left: 0;
      right: auto
   }

   .pull-right-xsm {
      float: right !important
   }

   .pull-right-xsm .dropdown-menu {
      left: auto;
      right: 0
   }
}

.topheadernova {
   background-color: #004186;
   padding-top: 10px;
   padding-bottom: 0
}

.topheadertxt {
   color: #fff;
   margin-top: 13px;
   font-weight: 600;
   font-size: 13px
}

.btnheadercl {
   margin-top: 8px;
   border-radius: 5px !important
}

.topheadertxt2 {
   color: #023f88;
   margin-top: 5px;
   font-weight: 600;
   font-size: 13px
}

.topheadernova2 {
   padding-top: 30px;
   padding-bottom: 30px;
   height: 130px
}

.btnheadercl {
   border-radius: 6px !important;
   background-color: #023f88 !important;
   border: 0 !important;
   padding: 10px 35px !important
}

.txtmenunova {
   color: #023f88;
   font-weight: 600
}

.centered {
   position: fixed;
   font-size: 45px;
   color: #fff;
   text-align: center;
   margin-top: 8%
}

.txtbannerquemsomos {
   color: #fff !important;
   font-size: 20px !important
}

.bannerquemsomos {
   filter: brightness(50%);
   height: 100%;
   width: 100%;
   object-fit: cover
}

.bannernovaajust {
   bottom: 50%;
   text-align: left;
   padding-right: 32%;
   top: 10%
}

.titulonovabanner {
   font-size: 44px;
   line-height: 46px;
   color: #fff;
   font-weight: 700
}

.txtnovabanner {
   font-size: 15px;
   font-weight: 600;
   padding-right: 10%;
   color: #fff
}

.subtitulonovabanner {
   font-size: 24px;
   color: #fff
}

.posbannertabajust {
   border: 1px solid #b7b7b7;
   margin: 20px 0;
   padding: 10px 20px;
   border-radius: 10px;
   width: 350px
}

.txtposbannerajust {
   color: #023f88;
   font-weight: 600;
   margin: 0
}

.counter {
   font-size: 28px
}

.box-search {
   background: #edecec;
   padding: 60px 0
}

.form-control {
   padding: 13px 10px;
   margin-bottom: 20px
}

.btnfiltro {
   background: #023f88 !important;
   border: 0 !important;
   border-radius: 8px;
   font-weight: 400 !important;
   padding: 12px 30px !important
}

.formajustmargin {
   margin-top: 60px
}

#top-content {
   display: none !important
}

#countdown {
   position: relative;
   margin: auto;
   height: 40px;
   width: 40px;
   text-align: center
}

#countdown-number {
   color: #000;
   display: inline-block;
   line-height: 40px
}

svg circle {
   stroke-dasharray: 113px;
   stroke-dashoffset: 0px;
   stroke-linecap: round;
   stroke-width: 4px;
   fill: none;
   color: #000
}

@keyframes countdown {
   from {
      stroke-dashoffset: 0px
   }

   to {
      stroke-dashoffset: 113px
   }
}

.spc {
   padding: 50px 0
}

.countajust {
   margin: 30px 0
}

.countajust .timer {
   font-family: Barlow, sans-serif !important;
   color: #fff;
   display: inline-block;
   font-weight: 100;
   text-align: center;
   font-size: 30px;
   margin-left: 53px
}

.countajust .timer div {
   padding: 10px;
   border-radius: 50px;
   background: #ebebeb00;
   display: inline-block;
   font-family: Barlow, sans-serif !important;
   font-size: 26px;
   font-weight: 400;
   width: 66px;
   border: 2px solid #ae262f;
   height: 66px
}

.countajust .timer span {
   font-size: 24px;
   color: #033f88;
   font-weight: 600
}

.countajust .timer .smalltext {
   color: #d61823;
   font-size: 12px;
   font-weight: 500;
   display: block;
   padding: 0;
   width: auto;
   border: none;
   margin-top: -9px
}

.logincol2 {
   margin-top: 2%
}

.headerajust {
   border-bottom: 1px solid #cbcbcb
}

.card-img,
.card-img-top {
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.card-title {
   color: #023f88 !important;
   font-weight: 500
}

.card-text {
   color: #023f88 !important;
   font-weight: 400;
   padding-left: 25px;
   padding-top: 15px;
   font-size: 17px !important
}

.btn-primary {
   border-radius: 6px !important;
   color: #fff !important;
   font-size: 15px !important;
   background-color: #c00015;
   border-color: #a30314;
   font-family: Barlow, sans-serif !important;
   padding-left: 30px;
   padding-right: 30px
}

.coordtxt {
   padding-left: 25px
}

.perfilimgcard {
   height: 70px;
   width: 70px;
   position: absolute;
   border-radius: 50px;
   margin-top: -40px;
   margin-bottom: 20px
}

.card {
   margin-bottom: 50px
}

.btncursosajust {
   border-radius: 10px;
   padding: 15px 40px;
   font-size: 18px;
   font-weight: 100;
   margin-bottom: 60px
}

.titulomatricula {
   color: #fff !important;
   text-align: center !important;
   padding: 60px
}

.numerosmatriculas1 {
   color: #023f88;
   padding: 10px 0;
   text-align: center;
   background: #fff;
   margin: 20px 145px;
   border-radius: 50px
}

.numerosmatriculas2 {
   color: #023f88;
   padding: 10px 0;
   text-align: center;
   background: #fff;
   margin: 20px 130px;
   border-radius: 50px
}

.numerosmatriculas3 {
   color: #023f88;
   padding: 10px 0;
   text-align: center;
   background: #fff;
   margin: 20px 130px;
   border-radius: 50px
}

.numerosmatriculas4 {
   color: #023f88;
   padding: 10px 0;
   text-align: center;
   background: #fff;
   margin: 20px 130px;
   border-radius: 50px
}

.txtmatriculas {
   color: #fff
}

.diver {
   border-top: 3px dashed #fff
}

.divercolajust {
   margin-top: -163px;
   padding-left: 190px;
   padding-right: 190px
}

.btncursosajust2 {
   border-radius: 10px;
   padding: 15px 40px;
   font-size: 15px;
   font-weight: 600;
   margin-bottom: 60px;
   color: #023f88 !important;
   background: #fff !important;
   border: 0
}

.novasectiontitulo {
   font-size: 38px;
   font-weight: 700;
   color: #2b2b2b !important
}

.novasectiontxt {
   padding-right: 125px;
   color: #004186;
   font-size: 18px;
   line-height: 26px
}

.novasectionbtn {
   margin: 0
}

.novasectiontxt1 {
   font-size: 24px
}

.txtposbannerajust1 {
   color: #023f88;
   font-weight: 600;
   margin: 0;
   text-transform: uppercase;
   font-size: 19px
}

.divdepoimentos1 {
   padding: 40px 20px;
   background: #fff;
   border-radius: 15px;
   margin: 20px
}

.divdepoimentos2 {
   padding: 40px 20px;
   background: #fff;
   border-radius: 15px
}

.perfilimgcard1 {
   height: 60px;
   width: 60px;
   position: absolute;
   border-radius: 50px;
   margin-top: 7px;
   border: 1px solid #023f88
}

.imgcardajustdepoimentos {
   margin-left: -60px
}

.txtdepoimentoajust {
   margin-bottom: 14px
}

.perfilimgcard2 {
   height: 60px;
   width: 60px;
   position: absolute;
   border-radius: 50px;
   border: 1px solid #023f88;
   bottom: -28px
}

.blogtituloajust {
   font-size: 16px !important;
   color: #000 !important;
   height: 85px
}

.blogttajust {
   color: #01207a !important
}

.btnblogjust1 {
   border: 1px solid #023f88 !important;
   background: #fff !important;
   color: #023f88 !important;
   border-radius: 5px;
   padding: 15px 50px;
   font-size: 20px;
   font-weight: 600 !important;
   text-decoration: auto;
   text-transform: uppercase
}

.btnblogjust2 {
   border: 1px solid #cf050c !important;
   background: #fff !important;
   color: #cf050c !important;
   border-radius: 5px;
   padding: 15px 50px;
   font-size: 20px;
   font-weight: 600 !important;
   margin-top: 177px;
   text-decoration: auto;
   text-transform: uppercase
}

.blogtitulogeral {
   color: #023f88;
   margin: 10px 10px 10px 0;
   font-size: 25px;
   font-weight: 600
}

.faqtitulogeral {
   color: #023f88;
   margin: 10px 10px 10px 20px;
   font-size: 25px;
   font-weight: 600
}

.section-six .accordion {
   border-bottom: 1px solid #e6e6e6 !important;
   background-color: transparent;
   color: #444;
   cursor: pointer;
   padding: 18px;
   width: 100%;
   border: none;
   text-align: left;
   outline: 0;
   font-size: 18px;
   transition: .4s
}

.accordion-button::after {
   background-image: url(/assets/frontend/img/lp-plus.png);
   width: 30px;
   height: 30px;
   background-size: cover
}

.accordion-button:not(.collapsed)::after {
   background-image: url(/assets/frontend/img/lp-plus.png);
   width: 30px;
   height: 30px;
   background-size: cover
}

.accordion-item {
   padding: 15px 10px
}

.accordion-button:not(.collapsed) {
   background: #fff;
   color: #212529
}

.rodape .pd-footer {
   padding: 60px 34px;
   padding-bottom: 40px
}

.rodapeajustcor {
   color: #fff;
   text-decoration: auto
}

h4.rodapeajustcor {
   font-weight: 600
}

.imgrodape {
   width: 260px;
   padding-top: 15px;
   border-radius: 15px
}

.icon-footer-list {
   display: inline-flex;
   list-style: none;
   margin-top: 8px;
   margin-left: 0 !important;
   padding-left: .75rem !important
}

.icon-footer-list li {
   display: inline-flex;
   list-style: none;
   margin-right: 8px
}

.icon-footer-list li a {
   display: inline-flex;
   list-style: none;
   font-size: 24px;
   color: #fff
}

.txtrodape1 {
   font-size: 17px;
   font-weight: 100;
   padding-top: 22px;
   padding-right: 34px
}

.btnrodapemapa {
   margin-top: 15px;
   background: #fff0 !important;
   border: 1px solid #fff !important;
   border-radius: 10px
}

#topo2 {
   display: none
}

.bannerquemsomos {
   filter: brightness(50%);
   height: 400px;
   width: 100%;
   object-fit: cover
}

.sectionquemsomos {
   margin-top: 60px;
   margin-bottom: 60px
}

.bcquemsomos {
   color: #fff !important
}

.txtbannerquemsomos {
   color: #fff !important;
   font-size: 20px !important;
   text-decoration: auto
}

.titulobannerquemsomos {
   color: #fff !important;
   font-size: 45px !important;
   text-align: center;
   padding: 63px
}

.item-box-blog-date-ajust {
   z-index: 5;
   padding: 3px 20px;
   top: 70%;
   background-color: #cf050c;
   color: #fff;
   margin: 10px;
   width: 33%;
   text-align: center
}

.blogcardajust {
   height: 350px !important
}

.text-white {
   color: #fff !important
}

.box-filter {
   background: #023f88;
   padding: 15px 0
}

.card-podcast-title {
   background-color: #023f88;
   font-size: 16px;
   line-height: 24px;
   text-align: center;
   margin-top: 0;
   padding: 14px 0;
   color: #fff;
   border-radius: 6px 6px 0 0
}

.form-control {
   font-weight: 400 !important;
   color: #8a8989 !important;
   display: block;
   width: 100%;
   height: 40px !important;
   padding: 6px 20px;
   font-size: 12px;
   line-height: 1.42857143;
   color: #555;
   background-color: #fff;
   background-image: none;
   border: 1px solid #ebebeb;
   border-radius: 50px;
   -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
   -moz-transition: border-color ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.cardtmp {
   margin-bottom: 15px;
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgb(0 0 0 / 10%);
   border-radius: .25rem;
   box-shadow: 0 4px 4px rgb(0 0 0 / 8%)
}

.item-box-blog-image figure {
   margin-bottom: 0
}

.item-box-blog-image .no-radius {
   border-radius: 0 !important
}

.bg-blue-ui {
   border-radius: 50px
}

.item-box-blog-date {
   margin-left: 10px;
   position: absolute;
   z-index: 5;
   padding: 4px 20px;
   top: 40%;
   background-color: #cf050c;
   color: #fff
}

.item-box-blog-image figure img {
   border-radius: 5px 5px 0 0;
   width: 100%;
   height: 100%;
   margin-bottom: 15px
}

.item-box-blog-body .btn-primary {
   width: 100%;
   margin-top: 10px;
   border-radius: 6px;
   padding: 15px 32px
}

.item-box-blog-body {
   padding: 10px;
   padding-top: 0
}

.item-box-blog-heading a {
   text-decoration: none
}

.modal-dialog-data {
   overflow-y: initial !important
}

.modal-body-data {
   height: 420px;
   overflow-y: auto
}

.section-course-1 .titulopl1 {
   margin-top: 0
}

.titulopl1 {
   font-style: normal;
   font-weight: 700;
   font-size: 16px;
   line-height: 19px;
   color: #3f3f3f;
   height: 100px;
   margin: 0 !important
}

.btnblogajust {
   position: absolute !important;
   background: #cf050c !important;
   color: #fff;
   margin-left: 82%;
   margin-top: -70px;
   border-radius: 50px !important;
   padding: 12px
}

.describe-text {
   padding-top: 2.1rem;
   color: #2f2e41;
   font-size: 24px;
   padding-right: 20px
}

.box-filter .padrao-container h2 {
   font-size: 38px
}

.t-price {
   margin-bottom: 25px;
   color: #3f3f3f;
   font-weight: 700
}

.box-search .form-control {
   height: 50px !important;
   border-radius: 8px;
   font-size: 20px
}

.box-search .btnfiltro {
   border-radius: 8px;
   height: 50px;
   font-size: 16px !important
}

.txtcardtitulo {
   margin-top: -10px
}

.cardtmpajust {
   margin-top: 20px;
   padding: 20px
}

.card-text1 {
   font-size: 15px;
   color: #004186
}

.card-text2 {
   font-size: 15px;
   color: #004186
}

.txtcardtitulo {
   margin-top: -10px
}

.accordion-item2 {
   background-color: #fff;
   border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.row-ft {
   padding: 27px 0
}

.card-ft {
   background-image: linear-gradient(to right, #032f64, #0f52a3) !important;
   color: #fff;
   font-weight: 500;
   border: 1px solid rgba(0, 0, 0, .1);
   padding: 20px 30px;
   height: 100%;
   position: relative;
   border-radius: 15px;
   cursor: pointer
}

.flip-card {
   background-color: transparent;
   width: 100%;
   height: 350px;
   perspective: 1000px
}

.flip-card-inner {
   position: relative;
   width: 100%;
   height: 100%;
   text-align: center;
   transition: transform .6s;
   transform-style: preserve-3d;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2)
}

.flip-card:hover .flip-card-inner {
   transform: rotateY(180deg)
}

.flip-card-back,
.flip-card-front {
   position: absolute;
   width: 100%;
   height: 100%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
}

.flip-card-front {
   background-color: #f7f7f7;
   color: #000
}

.flip-card-back {
   background-color: #f7f7f7;
   color: #000;
   transform: rotateY(180deg)
}

.flip-card-back,
.flip-card-front {
   padding: 10%
}

@media screen and (min-width:375px) {
   .ajuste-tamanho-titulo h2 {
      font-size: 20px !important
   }

   .ajuste-tamanho-sub-titulo h4 {
      font-size: 16px !important
   }
}

.estrelasbanner {
   color: #f1bf08
}

.card {
   border: 1px solid rgba(0, 0, 0, .125)
}

.flip-card-front {
   border: 1px solid #e1e1e1
}

.flip-card-back {
   border: 1px solid #e1e1e1
}

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

.nav-item {
   padding: 10px
}

.headerajust {
   padding-top: .1px;
   padding-bottom: .1px
}

.navbar-expand-lg .nav-item .btnheadercl {
   margin-top: 0
}

.megamenuimg {
   height: 130px !important
}

.navbar-dark .navbar-nav .nav-link {
   font-weight: 700;
   color: #004186 !important
}

.nav-item a {
   font-weight: 700;
   color: #004186 !important
}

.txtpodcastmenu {
   text-align: center;
   font-weight: 700;
   color: #004186
}

.header {
   margin-top: 0 !important
}

#topo1 {
   display: none !important
}

.navbar-dark .navbar-toggler-icon {
   background-image: url(/assets/frontend/img/mobilemenunav.png) !important
}

.dropdown-menu {
   border: 0;
   border-radius: 0
}

.podcastsct {
   margin-top: 60px;
   margin-bottom: 60px;
   padding: 0 40px
}

.imgpodcasts {
   width: 50%;
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-top: 50px
}

.catpodcast {
   text-transform: uppercase;
   color: #004186;
   font-weight: 600
}

.ttlopodcast {
   font-style: normal;
   font-weight: 400;
   font-size: 22px;
   line-height: 26px;
   color: #3a3a3a;
   margin-bottom: 40px
}

.ttlopodcast-2 {
   font-family: Barlow, sans-serif !important;
   font-style: normal;
   font-weight: 400;
   font-size: 30px;
   color: #000;
   margin-bottom: 40px
}

.imgpodcast {
   width: 100%
}

.descpodcast {
   font-weight: 600;
   margin-top: 30px
}

.podsoloajust {
   padding: 10px 2px;
   margin-top: 58px;
   background-clip: border-box;
   border: 1px solid rgb(0 0 0 / 10%);
   border-radius: .25rem;
   box-shadow: 0 4px 4px rgb(0 0 0 / 8%)
}

.podsoloajust2 {
   padding: 10px 2px;
   margin-top: 40px;
   background-clip: border-box;
   border: 1px solid rgb(0 0 0 / 10%);
   border-radius: .25rem;
   box-shadow: 0 4px 4px rgb(0 0 0 / 8%)
}

.mgcardajust {
   margin-top: -250px
}

.catajust {
   text-align: center;
   padding: 5px;
   font-size: 12px
}

.parceladotxt {
   text-align: center;
   font-size: 25px !important;
   font-weight: 600
}

.precotxt {
   text-align: center;
   font-size: 20px !important;
   color: #8d9498 !important;
   font-weight: 600
}

.btncursoajust {
   width: 100%
}

.form-content {
   background: #fff !important
}

.form-items {
   max-width: 600px !important;
   background: #004186;
   padding: 30px;
   margin-right: auto;
   margin-left: auto;
   display: block;
   margin-top: 80px;
   margin-bottom: 80px
}

.resetpwtxtcolor {
   color: #fff;
   margin-bottom: 30px;
   text-align: center;
   font-size: 21px;
   font-weight: 700
}

.resetpwtxtcolor2 {
   color: #fff;
   margin-bottom: 30px;
   text-align: center;
   font-size: 14px;
   font-weight: 500
}

.mobileblogajustbtn2 {
   margin-top: 205px
}

.topheaderpos {
   background-color: #004186;
   padding: 10px 0
}

.input-group {
   display: block
}

.nav-item {
   margin-left: 0
}

.accordion-item {
   border: 0;
   border-bottom: 1px solid rgba(0, 0, 0, .125)
}

strong {
   color: #333b3f
}

.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a {
   color: #000;
   text-decoration: auto
}

.breadcrumb-item+.breadcrumb-item::before {
   display: none
}

.bannercursos {
   filter: brightness(50%);
   height: 400px;
   width: 100%;
   object-fit: cover
}

.estrelasbanner {
   color: #f1bf08
}

.textocurso {
   text-align: left;
   top: 50%;
   transform: translateY(-50%);
   margin-top: -160px;
   padding-bottom: 20px
}

.titulobanner {
   color: #fff;
   font-family: Barlow, sans-serif !important;
   font-size: 32px;
   width: 60%
}

.subtitulobanner {
   color: #fff;
   line-height: 28px;
   padding-right: 550px
}

.breadcrumb {
   margin: 10px 0 !important;
   padding: 8px 0 !important
}

.matriculamobileajust {
   padding: 0
}

#top-logged {
   border-bottom: 1px solid #e2e2e2
}

.user-profile {
   padding: 0 0;
   position: relative;
   text-align: center;
   border-bottom: 1px solid #ebebeb;
   background: #fff
}

.user-profile .profile-image {
   padding-top: 8px
}

.bem-vindo {
   background: #fff
}

.bem-vindo .breadcrumb li i,
.bem-vindo .breadcrumb>li a {
   color: #fff
}

.bem-vindo h2,
.bem-vindo p {
   color: #fff
}

.bem-vindo .badge.badge-warning {
   background: #c00015;
   color: #fff;
   padding: 5px 17px;
   font-size: 14px;
   border-radius: 10rem
}

.info-box .icoleaf {
   display: inline-block;
   width: 50px;
   height: 50px;
   font-size: 28px;
   border-top-left-radius: 50%;
   border-bottom-left-radius: 50%;
   border-bottom-right-radius: 50%;
   background-image: linear-gradient(to right, #004594, #002c5d)
}

.info-box .icoleaf {
   padding: 5px 10px !important
}

.info-box .media-left {
   padding-right: 30px
}

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

.info-box .info-count {
   font-size: 30px;
   margin-top: 0;
   margin-bottom: 5px;
   color: #15395f
}

.num {
   font-size: 30px
}

.info-box .info-text {
   color: #3f4965;
   font-size: 14px !important;
   text-transform: uppercase;
   min-height: 64px
}

.panel-darkblue a,
.panel-primary a {
   color: #969696;
   text-decoration: auto
}

.menu-icon-box .icon a {
   margin-left: -15px
}

.menu-icon-box .icon .icon__user .icon__user-img {
   margin-right: -13px;
   height: 35px;
   width: 35px
}

.panel .box-title,
.white-box .box-title {
   margin: 10px 0 12px;
   font-size: 20px;
   font-weight: 600
}

.item-box-blog-date span {
   font-size: 10px;
   color: #fff;
   display: block;
   text-align: center;
   line-height: 1.2
}

.ajuste-card-body span {
   color: #004186;
   font-size: 18px;
   font-weight: 700
}

.ajuste-card-body small {
   color: #7b7979
}

.table th {
   background-image: linear-gradient(to right, #004594, #002c5d);
   color: #fff !important
}

.course-box .course-image img {
   display: block;
   width: 100%;
   border-top-left-radius: 9px;
   border-top-right-radius: 9px;
   margin: auto;
   max-height: 100%
}

.hidden {
   display: none !important
}

.btncursoajust {
   padding: 10px !important;
   cursor: pointer;
   display: inline-block !important;
   font-size: 17px;
   font-weight: 400;
   border-radius: 50px;
   color: #fff !important;
   text-align: center !important;
   box-shadow: 0 0 6px 0 rgb(222 222 222);
   border: solid 2px transparent;
   background-image: linear-gradient(to right, #004594, #002c5d);
   background-origin: border-box;
   padding: 10px 36px;
   margin-bottom: 10px;
   max-width: 100%;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.course-box-wrap a {
   color: #fff
}

.course-box .course-progress {
   color: #007bff;
   font-size: 11px;
   font-weight: 400;
   text-align: right
}

.course-box {
   background: #fff;
   position: relative;
   border-radius: 9px;
   border: 1px solid #ededed
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
   background-color: red !important;
   border-color: red !important
}

.btn-primary.focus,
.btn-primary:focus {
   color: #fff;
   background-color: red !important;
   border-color: red !important
}

.mb-1 {
   font-size: 12px;
   text-transform: uppercase
}

.justify {
   justify-content: center;
   padding: 8px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
   background: #fff;
   color: #cf050c;
   padding: 10px 32.5px;
   font-size: 15px;
   border-top: 2px solid
}

.nav-pills>li>a {
   color: #2b2b2b;
   font-size: 15px;
   border: 1px solid #e1e1e1;
   padding: 10px 30px
}

.ajustflexcard {
   z-index: 999;
   margin-top: -460px;
   background: #fff;
   padding: 15px;
   border-radius: 5px
}

.outroscursos {
   font-size: 25px;
   color: #2b2b2b
}

.outroscursostexto {
   font-size: 20px
}

.precocard {
   text-align: center;
   font-size: 20px
}

.precocard2 {
   text-align: center;
   font-size: 15px
}

.outroscursostexto {
   color: #1b2336;
   font-size: 22px;
   margin: 0;
   font-weight: 100
}

.precooutroscursos {
   margin-top: 10px;
   font-size: 16px;
   color: #cf050c
}

.imgcr {
   width: 40%;
   margin-top: 20px
}

.justify .icon img {
   margin-right: 20px;
   width: 46px
}

.ajustpreco1 {
   height: 20px
}

.pgajustcart {
   margin-bottom: 50px
}

.title-left {
   padding: 9px 11px;
   margin-bottom: 0;
   background: #f4f4f4;
   border-bottom: 1px solid rgba(0, 0, 0, .125);
   font-size: 18px;
   line-height: normal;
   font-weight: 600;
   color: #444141 !important
}

.font--size-1 {
   font-size: 13.2px
}

.comment-tabs .item-btn {
   background: #d11f25 !important;
   border: 1px solid #d11f25 !important;
   color: #fff !important
}

.item-box-blog-heading {
   padding: 0 10px
}

.item-box-blog-data {
   padding: 10px;
   width: 100%;
   position: absolute;
   top: 76%;
   margin-left: 12px;
   margin-top: 25px
}

.cardtmp {
   height: 360px
}

.vermaisajust {
   color: #004593 !important;
   font-family: Barlow, sans-serif !important;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 22px;
   letter-spacing: 0;
   text-align: left
}

.ajustnotific1 {
   background-color: #6366f1;
   border-radius: 100%;
   height: 33px;
   width: 33px;
   margin-left: 20px
}

.ajustnotific2 {
   background-color: #f43f5e;
   border-radius: 100%;
   height: 33px;
   width: 33px;
   margin-left: 20px
}

.ajustnotific3 {
   background-color: #10b981;
   border-radius: 100%;
   height: 33px;
   width: 33px;
   margin-left: 20px
}

.ajustnotic {
   color: #fff;
   font-size: 20px;
   margin-top: 7px;
   margin-left: -5px
}

.bannerpainelajust {
   margin-top: -5px;
   height: 200px
}

.bem-vindo h2,
.bem-vindo p {
   color: #004186
}

.bem-vindo .breadcrumb li i,
.bem-vindo .breadcrumb>li a {
   color: #004186
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
   background-color: #004186 !important
}

.form-group {
   margin-bottom: 0
}

.modal.show .modal-dialog {
   border: 1px solid rgba(0, 0, 0, .2)
}

.alert-dark {
   background: #8d9498;
   color: #fff;
   border-color: #8d9498;
   border-radius: 0;
   margin: 0
}

body.white-bg {
   background: #fff
}

body.gray-bg {
   background: #f7f8fa
}

body.modal-open {
   overflow: auto
}

p {
   margin: 0 0 10.5px
}

a,
button,
input[type=button] {
   -ms-webkit-transition: all 0.3s;
   -webkit-transition: all .3s;
   transition: all .3s
}

a {
   color: #007791
}

a:hover {
   color: #003845;
   text-decoration: none
}

[data-toggle=modal],
button {
   cursor: pointer
}

.btn:focus,
.form-control:focus,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
   box-shadow: 0 0 !important;
   outline: 0
}

fieldset,
label {
   margin: 0;
   padding: 2px
}

.tooltip {
   pointer-events: none
}

.btn {
   background-color: #c00015;
   border-color: #c00015;
   border-radius: 2px;
   color: #fff;
   font-size: 15px;
   font-weight: 600;
   line-height: 1.35135;
   padding: 11px 12px
}

.btn:focus,
.btn:hover {
   background-color: #750808;
   border-color: #750808;
   color: #fff
}

.btn-remove {
   margin-left: 15px !important;
   width: 60px !important;
   margin-left: 1rem;
   background: 0 0;
   border-color: #505763;
   color: #686f7a
}

.btn-remove:focus,
.btn-remove:hover {
   background-color: #ddd
}

.form-control:focus,
input:focus,
textarea:focus {
   border-color: #76c5d6
}

select+.select2-container {
   width: 100% !important
}

.rating i {
   color: #dedfe0
}

.rating i.filled {
   color: #f4c150
}

.rating i.half-filled {
   position: relative
}

.rating i.half-filled:after {
   color: #f4c150;
   content: "\f089";
   font-size: inherit;
   left: 0;
   position: absolute;
   top: 0;
   z-index: 1
}

#questions-box {
   padding-left: 30px;
   padding-right: 30px
}

.title-video {
   display: none
}

.lesson_duration {
   background-color: #7c96ab;
   border-radius: 5px;
   color: #fff;
   padding: 3px 5px
}

#accordion-modulos .card .card-body .card {
   box-shadow: none !important
}

.container-lg,
.container-xl {
   margin-left: auto;
   margin-right: auto;
   padding-left: 20px;
   padding-right: 20px;
   width: 100%;
   font-size: 19px
}

.corner-triangle.top-left:after {
   left: 14px;
   top: -12px
}

.corner-triangle.top-left:before {
   left: 14px;
   top: -14px
}

.corner-triangle.top-right:after {
   right: 14px;
   top: -12px
}

.corner-triangle.top-right:before {
   right: 14px;
   top: -14px
}

.corner-triangle:after {
   border-color: transparent transparent #fff
}

.corner-triangle:before {
   border-color: transparent transparent #e8e9eb
}

.corner-triangle:after,
.corner-triangle:before {
   border-style: solid;
   border-width: 0 10px 13px;
   content: "";
   height: 0;
   position: absolute;
   width: 0
}

.menu-area {
   box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1);
   position: relative;
   z-index: 50
}

.menu-area .navbar {
   padding: 0
}

.signin-box-move-desktop-helper,
.signin-box-move-mobile-helper {
   display: none
}

.menu-text {
   color: #505763
}

.search-box {
   margin-right: 50px;
   padding: 10px 0
}

.search-box input {
   background-color: #f2f3f5;
   border: 1px solid #f2f3f5;
   border-radius: 2px 0 0 2px;
   font-size: 13px;
   height: 45px;
   padding: 0 15px
}

.search-box input:focus {
   background-color: #fff;
   border-color: #dedfe0;
   border-right-color: transparent
}

.search-box input:focus+.input-group-append button {
   background-color: #fff;
   border-color: #dedfe0;
   border-left-color: transparent
}

.search-box button {
   background: #f2f3f5;
   border: 1px solid #f2f3f5;
   border-radius: 0 2px 2px 0;
   color: #c00015;
   font-size: 15px;
   padding: 10px 15px
}

.search-box button:focus,
.search-box button:hover {
   background-color: #c00015 !important;
   border-color: #c00015;
   color: #fff
}

.menu-icon-box .empty-box {
   padding: 20px
}

.menu-icon-box .empty-box p {
   margin-bottom: 0
}

.menu-icon-box .empty-box a {
   display: inline-block;
   font-weight: 600;
   margin-top: 15px
}

.menu-icon-box {
   margin: 0 5px;
   position: relative
}

.menu-icon-box .icon {
   position: relative;
   max-width: 45px;
   margin-left: 78px
}

.menu-icon-box .icon .number {
   background-color: #c00015;
   border-radius: 15px;
   color: #fff;
   font-size: 10px;
   line-height: 1.43;
   min-width: 19px;
   padding: 2px 6px;
   pointer-events: none;
   position: absolute;
   left: 13px;
   text-align: center;
   top: -3px
}

.menu-icon-box .icon .icon__user {
   border: 1px solid transparent;
   border-radius: 50%;
   color: #686f7a;
   font-size: 18px;
   height: 45px;
   line-height: 45px;
   margin: 10px 0;
   text-align: center;
   width: 45px;
   cursor: pointer;
   float: left
}

.menu-icon-box .icon .icon__user .icon__user-img {
   height: 45px;
   width: 45px
}

.menu-icon-box .icon .icon__user>.icon__user--rounded {
   border-radius: 50%
}

.menu-icon-box .icon .icon__user .icon__user--rounded:hover {
   background: rgba(20, 23, 28, .05);
   border-color: rgba(20, 23, 28, .05)
}

.menu-icon-box:hover>.dropdown {
   opacity: 1;
   visibility: visible
}

.menu-icon-box .dropdown {
   background-color: #fff;
   border-top: 1px solid #e8e9eb;
   box-shadow: 0 4px 16px rgba(20, 23, 28, .25);
   color: #505763;
   font-size: 13px;
   left: inherit;
   list-style: none;
   margin: 0;
   opacity: 0;
   position: absolute;
   right: -1px;
   text-align: left;
   top: 100%;
   visibility: hidden;
   width: 330px;
   z-index: 10
}

.course-list-dropdown .item-list {
   margin-bottom: 10px;
   max-height: 230px;
   overflow-y: auto
}

.course-list-dropdown .item-list ul {
   list-style: none;
   margin: 0;
   padding: 0
}

.course-list-dropdown .item-list ul li {
   -ms-webkit-transition: all 0.3s;
   -webkit-transition: all .3s;
   padding: 23px 23px 10px;
   transition: all .3s
}

.course-list-dropdown .item-list ul li:hover {
   background: #f2f3f5
}

.course-list-dropdown .item-list ul a {
   display: block
}

.course-list-dropdown .item-list .item .item-image {
   float: left;
   width: 60px
}

.course-list-dropdown .item-list .item .item-details {
   padding-left: 70px
}

.course-list-dropdown .item-list .item .item-details .course-name {
   -moz-line-clamp: 1;
   -ms-line-clamp: 1;
   -o-line-clamp: 1;
   -webkit-line-clamp: 1;
   color: #505763;
   font-size: 13px;
   font-weight: 600;
   line-clamp: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.course-list-dropdown .item-list .item .item-details .instructor-name {
   color: #686f7a;
   font-size: 13px
}

.course-list-dropdown .item-list .item .item-details .current-price {
   color: #c00015;
   font-size: 18px;
   font-weight: 600;
   margin-right: 5px
}

.course-list-dropdown .item-list .item .item-details .original-price {
   color: #686f7a;
   text-decoration: line-through
}

.course-list-dropdown .item-list .item .item-details .instructor-name {
   color: #686f7a;
   font-size: 13px
}

.course-list-dropdown .item-list .item .item-details .current-price {
   color: #c00015;
   font-size: 18px;
   font-weight: 600;
   margin-right: 5px
}

.course-list-dropdown .item-list .item .item-details .original-price {
   color: #686f7a;
   text-decoration: line-through
}

.course-list-dropdown .item-list .item .item-details button {
   background-color: #fff;
   border: 1px solid #007791;
   border-radius: 2px;
   color: #007791;
   font-size: 13px;
   line-height: 1.35135;
   padding: 2px 8px;
   width: 100%
}

.course-list-dropdown .item-list .item .item-details button:focus,
.course-list-dropdown .item-list .item .item-details button:hover {
   background: #e6f2f5
}

.course-list-dropdown .dropdown-footer {
   background: #f2f3f5;
   padding: 5px 20px 25px
}

.course-list-dropdown .dropdown-footer a {
   background-color: #007791;
   border: 0;
   border-radius: 2px;
   color: #fff;
   display: block;
   font-size: 15px;
   font-weight: 600;
   line-height: 1.43;
   margin-top: 20px;
   padding: 11px 12px;
   text-align: center;
   width: 100%
}

.course-list-dropdown .dropdown-footer a:focus,
.course-list-dropdown .dropdown-footer a:hover {
   background: #003440
}

.course-list-dropdown .dropdown-footer .cart-total-price {
   color: #686f7a;
   font-size: 15px;
   margin-top: 8px
}

.course-list-dropdown .dropdown-footer .cart-total-price .current-price {
   color: #c00015;
   font-size: 18px;
   font-weight: 600;
   margin-right: 5px
}

.course-list-dropdown .dropdown-footer .cart-total-price .original-price {
   color: #686f7a;
   font-size: 14px;
   text-decoration: line-through
}

.notifications-list-dropdown .notifications-head {
   border-bottom: 1px solid hsla(210, 3%, 87%, .45);
   color: #29303b;
   font-size: 15px;
   padding: 12px
}

.notifications-list-dropdown .notifications-footer {
   background: #f7f8fa;
   box-shadow: 0 -3px 5px rgba(0, 0, 0, .05);
   height: 58px
}

.notifications-list-dropdown .notifications-footer a,
.notifications-list-dropdown .notifications-footer button {
   color: #007791;
   font-size: 13px;
   font-weight: 600;
   padding: 20px 15px
}

.notifications-list-dropdown .notifications-footer button {
   background: 0 0;
   border: 0
}

.notifications-list-dropdown .notifications-footer a:focus,
.notifications-list-dropdown .notifications-footer a:hover,
.notifications-list-dropdown .notifications-footer button:focus,
.notifications-list-dropdown .notifications-footer button:hover {
   background: #f2f3f5;
   color: #004d5e
}

.notifications-list-dropdown .notifications-footer a i {
   -ms-webkit-transition: inherit;
   -webkit-transition: inherit;
   margin-left: 5px;
   margin-right: 5px;
   transition: inherit
}

.notifications-list-dropdown .notifications-footer a:hover i {
   transform: translateX(5px)
}

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

.notification-list ul li {
   -ms-webkit-transition: all 0.3s;
   -webkit-transition: all .3s;
   border-bottom: 1px solid hsla(210, 3%, 87%, .45);
   padding: 10px 15px;
   transition: all .3s
}

.notification-list ul li:hover {
   background: #f7f8fa
}

.notification-list ul li a {
   display: block
}

.notification-list .notification .notification-image {
   float: left;
   height: 64px;
   width: 64px
}

.notification-list .notification .notification-details {
   padding-left: 74px
}

.notification-list .notification .notification-details .notification-text {
   -moz-box-orient: vertical;
   -moz-line-clamp: 2;
   -ms-box-orient: vertical;
   -ms-line-clamp: 2;
   -o-box-orient: vertical;
   -o-line-clamp: 2;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   box-orient: vertical;
   color: #505763;
   display: block !important;
   display: -webkit-box !important;
   height: 40px;
   line-clamp: 2;
   line-height: 1.5;
   margin-bottom: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal;
   width: 210px
}

.notification-list .notification .notification-details .notification-time {
   color: #686f7a;
   font-size: 13px;
   margin-bottom: 0;
   margin-top: 5px
}

.notification-list .notification .notification-image img {
   border-radius: 50%
}

.notification-list .notification {
   position: relative
}

.notifications-list-dropdown .notification-list {
   max-height: 415px;
   overflow-y: auto
}

.notification-list .notification .mark-as-read {
   background: #007791;
   border: 1px solid #007791;
   border-radius: 50%;
   height: 10px;
   position: absolute;
   right: -3px;
   top: 2px;
   width: 10px
}

.notification-list .notification .mark-as-read.marked {
   background-color: transparent;
   border-color: rgba(41, 48, 59, .25)
}

.user-box.menu-icon-box .icon a img {
   border-radius: 50%;
   height: 45px;
   margin-top: -5px;
   width: 45px
}

.user-dropdown-menu {
   list-style: none;
   margin: 0;
   padding: 0;
   padding-top: 10px
}

.user-dropdown-menu li a {
   color: #29303b;
   display: block;
   font-size: 15px;
   font-weight: 400;
   padding: 10px 22px
}

.user-dropdown-menu li a:hover {
   background: #f2f3f5;
   color: #007791
}

.user-dropdown-menu li a i {
   color: #a1a7b3;
   font-size: 16px;
   margin: 0 19px 0 10px;
   text-align: center;
   width: 20px
}

.dropdown-user-info .user-image img {
   border: 1px solid #f2f3f5;
   border-radius: 50%;
   height: 40px;
   width: 40px
}

.dropdown-user-info .user-details {
   padding-left: 50px
}

.dropdown-user-info .user-details .user-name {
   color: #29303b
}

.title-video {
   background: #f9f9f9;
   height: 84px;
   margin-bottom: 21px
}

.panel-lessons {
   border-right: 1px solid #d8d8d8;
   background: #f1f1f1
}

.title-left {
   padding: .75rem 1.25rem;
   margin-bottom: 0;
   background: #f4f4f4;
   border-bottom: 1px solid rgba(0, 0, 0, .125);
   font-size: 18px;
   line-height: normal;
   font-weight: 600;
   color: #fff
}

.title-left span {
   color: #444141
}

.white-box {
   background: #f4f4f4;
   padding: 25px;
   margin-bottom: 30px;
   border: 1px solid #e5ebec;
   border-radius: 4px
}

.white-box hr {
   border-top: 1px solid #d6d6d6
}

.white-box .respostas span {
   display: block
}

.white-box .title-questions h5 {
   margin-bottom: 0;
   font-size: 18px;
   font-weight: 600;
   font-family: league_gothicregular, Arial, helvetica, sans-serif
}

.white-box .title-questions small {
   padding-top: 10px
}

.accordion small {
   display: block;
   font-size: 11px;
   color: #444141;
   padding-top: 9px
}

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5 {
   color: #fff
}

.title-questions h5 span {
   font-size: 14px;
   padding-top: 4px
}

#accordion .card-header i.fa-comment {
   background: #004469;
   color: #fff;
   padding: 9px;
   border-radius: 50%;
   font-size: 14px
}

#accordion-modulos .card {
   border: 1px solid rgb(244 244 244) !important
}

#accordion-modulos .card .btn span:hover {
   color: #c30017;
   transition: .7s
}

#accordion-modulos .card button span:link {
   text-decoration: none !important
}

#accordion-modulos .card button {
   font-family: 'open sans' !important
}

#accordion-modulos .card-header {
   padding: .65rem .15rem
}

#accordion .card-header i.fa-play {
   background: #c30017;
   color: #fff;
   padding: 9px;
   border-radius: 50%;
   font-size: 14px
}

#accordion .card-header i.fa-pencil-square-o {
   background: #007035;
   color: #fff;
   padding: 9px;
   border-radius: 50%;
   font-size: 14px
}

#accordion .card-header i.fa-archive {
   background: #2c6ccd;
   color: #fff;
   padding: 9px;
   border-radius: 50%;
   font-size: 14px
}

.card-list i.fa-file-text {
   background: #efc21f;
   color: #fff;
   padding: 9px;
   border-radius: 50%;
   font-size: 16px
}

#accordion .card-header i.fa-file-text {
   background: #efc21f;
   color: #fff;
   padding: 9px;
   border-radius: 50%;
   font-size: 14px
}

#accordion .card-header .btn span {
   font-weight: 600;
   font-size: 14px
}

#accordion-modulos .progress {
   background-color: #0f0f0f !important;
   width: 80%
}

#accordion-modulos .progress-bar {
   background-image: linear-gradient(to right, #971f20, #dc1f26) !important
}

.progress {
   -webkit-box-shadow: none !important;
   background-color: #e5ebec;
   box-shadow: none !important;
   height: 4px;
   border-radius: 4px;
   margin-bottom: 12px;
   overflow: hidden
}

#card-arquives .card p {
   font-size: 13px;
   padding-top: 10px;
   color: #b3abab
}

#card-arquives .card button {
   color: #c00015;
   border-color: #c00015;
   margin-top: 10px
}

#card-arquives .card .card-title {
   font-size: 18px;
   font-weight: 600;
   font-family: open sans
}

#forum-box .jumbotron {
   margin-bottom: 25px
}

#card-arquives .card {
   box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
   border: none !important
}

#questions-box .top-msg {
   background: #f7f7f7;
   font-size: 13px;
   padding-top: 3px;
   padding-bottom: 3px
}

#questions-box .white-box {
   max-height: 573px;
   overflow: auto
}

#card-right .numbers .btn-circle {
   width: 50px;
   height: 50px;
   padding: 10px 16px;
   font-size: 18px;
   line-height: 1.33;
   border-radius: 25px;
   margin-bottom: 6px;
   margin-right: 6px
}

#forum-box {
   width: 75%;
   margin-left: auto;
   margin-right: auto
}

#forum-box .top-msg {
   background: #f7f7f7;
   font-size: 13px;
   padding-top: 3px;
   padding-bottom: 3px
}

#forum-box .jumbotron p,
#questions-box .jumbotron p {
   color: #444
}

#forum-box .card-header a,
#questions-box .card-header a {
   color: #fff !important;
   font-size: 20px
}

#forum-box .card-header,
#questions-box .card-header {
   padding: 10px 0 10px 25px
}

#forum-box .card-header,
#questions-box .card-header {
   border-bottom: none !important;
   background: #004469 !important;
   color: #fff !important;
   font-weight: 600;
   border: 1px solid rgba(0, 0, 0, .125);
   height: auto;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px
}

#questions-box .respostas {
   padding-top: 16px;
   padding-bottom: 10px
}

.user-email .user-name {
   font-size: 16px !important
}

.user-email {
   padding-top: 8px
}

.user-email span {
   margin-left: 10px;
   color: #fff;
   font-size: 10px
}

.dropdown-user-info .user-details .user-email {
   color: #686f7a;
   font-size: 13px
}

.dropdown-user-info .user-details .user-email .welcome,
.dropdown-user-info .user-details .user-name .hi {
   display: none
}

.user-dropdown-menu .dropdown-user-logout {
   background: #f7f8fa;
   padding: 10px 0
}

.user-cnj-dropdown-menu {
   list-style: none;
   margin: 0;
   padding: 0;
   padding-top: 10px
}

.user-cnj-dropdown-menu li a {
   color: #29303b;
   display: block;
   font-size: 15px;
   font-weight: 400;
   padding: 10px 22px
}

.user-cnj-dropdown-menu li a:hover {
   background: #f2f3f5;
   color: #007791
}

.user-cnj-dropdown-menu li a i {
   color: #a1a7b3;
   font-size: 16px;
   margin: 0 19px 0 10px;
   text-align: center;
   width: 20px
}

.user-cnj-dropdown-menu .dropdown-user-logout {
   background: #f7f8fa;
   padding: 10px 0
}

.sign-in-box>.btn {
   border-radius: 2px;
   border-radius: 2px !important;
   font-size: 15px;
   font-weight: 600;
   line-height: 1.35135;
   margin-left: 5px !important;
   padding: 11px 12px
}

.sign-in-box .btn-sign-in {
   background-color: #fff;
   border: 1px solid #505763;
   color: #686f7a
}

.sign-in-box .btn-sign-in:focus,
.sign-in-box .btn-sign-in:hover {
   background-color: #f2f3f5
}

.sign-in-box .btn-sign-up {
   background-color: #c00015;
   border: 1px solid #c00015;
   color: #fff
}

.sign-in-box .btn-sign-up:focus,
.sign-in-box .btn-sign-up:hover {
   background-color: #750808;
   border-color: #750808
}

.sign-in-box .modal-dialog {
   max-width: 400px
}

.sign-in-modal .modal-title {
   color: #29303b;
   font-size: 15px;
   font-weight: 700
}

.sign-in-modal .close {
   font-size: 2rem;
   padding: .5rem 1rem
}

.sign-in-modal .modal-header {
   background-color: #f2f3f5;
   border-bottom: 1px solid rgba(41, 48, 59, .1)
}

.sign-in-modal .modal-body,
.sign-in-modal .modal-header {
   padding: 20px 25px
}

.sign-in-modal .social-btn {
   background-color: #fff;
   border-radius: 2px;
   box-shadow: 0 2px 2px 0 rgba(41, 48, 59, .24), 0 0 2px 0 rgba(41, 48, 59, .12);
   font-size: 16px;
   font-weight: 700;
   margin-bottom: 10px;
   padding: 0 20px 0 0
}

.sign-in-modal .social-btn a {
   display: block
}

.sign-in-modal .icon {
   display: inline-block;
   font-size: 20px;
   font-weight: 400;
   margin-right: 10px;
   padding: 15px 0 15px 5px;
   text-align: center;
   width: 50px
}

.sign-in-modal .icon.google-icon {
   background: url(../img/icons/google_icon.svg) no-repeat 50%;
   background-size: 24px;
   color: #fff;
   color: transparent
}

.sign-in-modal .social-btn.fb-sign-up {
   background-color: #1a538a
}

.sign-in-modal .social-btn.fb-sign-up a {
   color: #fff
}

.sign-in-modal .social-btn.google-sign-up a {
   color: #686f7a
}

.sign-in-modal .sign-in-separator {
   font-size: 11px;
   font-weight: 700;
   margin-bottom: 10px;
   padding-top: 3px;
   position: relative;
   text-align: center
}

.sign-in-modal .sign-in-separator:after,
.sign-in-modal .sign-in-separator:before {
   background-color: #dedfe0;
   content: "";
   height: 1px;
   position: absolute;
   top: 10px;
   width: calc(50% - 20px)
}

.sign-in-modal .sign-in-separator:before {
   left: 0
}

.sign-in-modal .sign-in-separator:after {
   right: 0
}

.sign-in-modal .input-group {
   margin-bottom: 10px;
   position: relative
}

.sign-in-modal .input-group .input-field-icon {
   color: #dedfe0;
   font-size: 18px;
   height: 20px;
   left: 10px;
   line-height: 20px;
   position: absolute;
   text-align: center;
   top: 15px;
   width: 20px;
   z-index: 10
}

.sign-in-modal .input-group .form-control {
   background-color: #fff;
   border: 1px solid #cacbcc;
   border-radius: 5px;
   color: #29303b;
   font-size: 18px;
   height: auto;
   padding: 11px 10px 12px 40px
}

.sign-in-modal .input-group .form-control:focus {
   border-color: #76c5d6
}

.sign-in-modal .input-group .form-control.disabled {
   background-color: #eee;
   cursor: not-allowed
}

.sign-in-modal .input-group select.form-control {
   background-color: #fff;
   border: 1px solid #cacbcc;
   border-radius: 5px;
   color: #29303b;
   font-size: 18px;
   height: auto;
   padding: 12px 10px 13px 40px
}

.sign-in-modal .deal-checkbox {
   cursor: pointer;
   font-size: 15px;
   margin-bottom: 10px
}

.sign-in-modal .custom-checkbox .custom-control-label::before {
   background-color: transparent;
   border: 1px solid #cacbcc;
   border-radius: 1px
}

.sign-in-modal .custom-control-input:focus~.custom-control-label::before,
.sign-in-modal .custom-control-input:hover~.custom-control-label::before {
   border-color: #007791;
   box-shadow: 0 0 0 0 #fff, 0 0 0 0 rgba(0, 123, 255, .25)
}

.sign-in-modal .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
   background-color: #007791;
   border-color: #007791
}

.sign-in-modal form button[type=submit] {
   background-color: #c00015;
   border-color: #c00015;
   border-radius: 2px;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   height: 50px;
   padding: 11px 12px;
   width: 100%
}

.sign-in-modal form button[type=submit]:focus,
.sign-in-modal form button[type=submit]:hover {
   background-color: #521822 !important;
   border-color: #521822 !important
}

.sign-in-modal .forgot-pass {
   font-size: 15px;
   text-align: center
}

.sign-in-modal .agreement-text {
   font-size: 10px;
   margin: 10px 0;
   text-align: center
}

.sign-in-modal .account-have {
   border-top: 1px solid #dedfe0;
   font-size: 15px;
   padding-top: 15px;
   text-align: center
}

.sign-in-modal .account-have a {
   font-weight: 700
}

.sign-in-modal .forgot-email.form-control {
   border-radius: 2px;
   font-size: 16px;
   padding: 10px 12px
}

.sign-in-modal .forgot-pass-btn {
   font-size: 15px;
   margin-top: 15px;
   text-align: center
}

.sign-in-modal .forgot-pass-btn .btn {
   font-size: 15px;
   height: auto;
   padding: 11px 12px;
   width: auto
}

.sign-in-modal .forgot-pass-btn span {
   margin: 0 5px
}

.sign-in-modal .forgot-recaptcha {
   margin: 25px 0 15px
}

.course-preview-modal .modal-header {
   border-color: #000
}

.course-preview-modal {
   background-color: #29303b;
   color: #fff
}

.course-preview-modal .modal-title {
   font-size: 18px
}

.course-preview-modal .modal-title span {
   color: #76c5d6;
   margin-right: 5px
}

.course-preview-modal .close {
   color: #fff;
   font-size: 27px;
   opacity: 1;
   text-shadow: 0 0 0 #fff
}

.course-preview-modal .modal-body {
   padding: 0
}

.course-preview-modal .course-preview-video-list .title {
   color: #dedfe0;
   font-size: 18px;
   padding: 7px 15px
}

.course-preview-modal .course-preview-video-list ul {
   list-style: none;
   margin: 0;
   margin-bottom: 10px;
   padding: 0
}

.course-preview-modal .course-preview-video-list .course-preview-free-video {
   -ms-flex-align: center;
   -webkit-box-align: center;
   align-items: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.course-preview-modal .course-preview-video-list .course-preview-free-video .course-image {
   -ms-flex: 0 0 18%;
   -webkit-box-flex: 0;
   flex: 0 0 18%;
   max-width: 18%
}

.course-preview-modal .course-preview-video-list .course-preview-free-video .course-name {
   -ms-flex: 0 0 82%;
   -webkit-box-flex: 0;
   flex: 0 0 82%;
   font-size: 13px;
   max-width: 82%;
   padding-left: 15px
}

.course-preview-modal .course-preview-video-list .course-preview-free-video .course-name i {
   font-size: 12px;
   margin-right: 7px
}

.course-preview-modal .course-preview-video-list li {
   cursor: pointer;
   padding: 7px 15px
}

.course-preview-modal .course-preview-video-list li.active {
   background-color: #505763
}

.home-banner-area {
   background-image: url('../../../uploads/frontend/home-banner.jpg');
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   color: #fff;
   padding: 170px 0 130px
}

.home-banner-wrap {
   max-width: 500px
}

.home-banner-wrap h2 {
   font-size: 44px;
   font-weight: 600;
   line-height: 1;
   margin-bottom: 10px;
   text-shadow: 0 2px 4px rgba(41, 48, 59, .55)
}

.home-banner-wrap p {
   font-size: 18px;
   line-height: 34px;
   margin-bottom: 30px;
   text-shadow: 0 2px 4px rgba(41, 48, 59, .55)
}

.home-banner-wrap input[type=text] {
   border: none;
   border-radius: 3px 0 0 3px;
   font-size: 20px;
   font-weight: 300;
   height: 50px;
   padding: 11px 17px
}

.home-banner-wrap .btn {
   background: #fff;
   border: 0;
   border-radius: 0 3px 3px 0;
   color: #c00015;
   font-size: 20px;
   padding: 10px 14px
}

.home-banner-wrap .btn:hover {
   background: #c00015;
   color: #fff
}

.home-fact-area {
   background: -webkit-linear-gradient(50deg, #004e6f, #00b3d4);
   background: -moz-linear-gradient(50deg, #004e6f 0, #00b3d4 100%);
   background: -ms-linear-gradient(50deg, #004e6f 0, #00b3d4 100%);
   background: -o-linear-gradient(50deg, #004e6f 0, #00b3d4 100%);
   background: linear-gradient(50deg, #004e6f, #00b3d4);
   background-color: #004e6f;
   color: #fff;
   margin-bottom: 50px;
   padding: 15px 0
}

.home-fact-box .text-box {
   padding: 10px 0 10px 63px
}

.home-fact-box i {
   font-size: 47px;
   margin-top: 8px
}

.home-fact-box .text-box h4 {
   font-size: 17px;
   font-weight: 700;
   margin-bottom: 0
}

.home-fact-box .text-box p {
   font-size: 15px;
   margin-bottom: 0
}

.course-carousel-area {
   margin-bottom: 20px;
   overflow-x: hidden
}

.course-carousel-area .course-carousel-title {
   color: #505763;
   font-size: 20px;
   margin: 0 0 10px
}

.course-carousel-area .slick-slider {
   margin-left: -8px;
   width: calc(100%+16px)
}

.course-carousel-area .slick-list:after,
.course-carousel-area .slick-list:before {
   background: #f7f8fa;
   content: "";
   height: 100%;
   position: absolute;
   right: 0;
   top: 0;
   width: 8px;
   z-index: 1
}

.course-carousel-area .slick-list:after {
   left: 0;
   right: auto
}

.course-carousel .slick-next:hover,
.course-carousel .slick-prev:hover {
   box-shadow: 0 2px 8px 2px rgba(20, 23, 28, .15)
}

.course-carousel .slick-next:focus,
.course-carousel .slick-prev:focus {
   box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1) !important
}

.course-carousel .slick-next,
.course-carousel .slick-prev {
   background-color: #fff;
   border-radius: 50%;
   box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1);
   height: 47px;
   top: calc(50% - 25px);
   width: 47px;
   z-index: 1
}

.course-carousel .slick-prev {
   left: -28px
}

.course-carousel .slick-next.slick-disabled,
.course-carousel .slick-prev.slick-disabled {
   opacity: 0
}

.course-carousel .slick-prev:before {
   content: url(../img/icons/prev_arrow.png);
   line-height: 0;
   opacity: 1
}

.course-carousel .slick-next {
   right: -15px
}

.course-carousel .slick-next:before {
   content: url(../img/icons/next_arrow.png);
   line-height: 0;
   opacity: 1
}

.course-box-wrap:focus {
   outline: 0
}

.course-box-wrap {
   margin-bottom: 20px;
   padding: 0 8px
}

.course-box-wrap a {
   color: #000
}

.course-box-wrap a:hover {
   text-decoration: none
}

.course-box {
   background: #fff;
   position: relative
}

.course-box:after,
.course-box:before {
   -ms-webkit-transition: .2s ease;
   -webkit-transition: .2s ease;
   content: "";
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   transition: .2s ease;
   width: 100%;
   will-change: opacity;
   z-index: -1
}

.course-box:before {
   -ms-webkit-box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1);
   -webkit-box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1);
   box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1);
   opacity: 1
}

.course-box:after {
   -ms-webkit-box-shadow: 0 2px 8px 2px rgba(20, 23, 28, .15);
   -webkit-box-shadow: 0 2px 8px 2px rgba(20, 23, 28, .15);
   box-shadow: 0 2px 8px 2px rgba(20, 23, 28, .15);
   opacity: 0
}

.course-box:hover:before {
   opacity: 0
}

.course-box:hover:after {
   opacity: 1
}

.course-box .play-btn {
   -moz-transition: .2s;
   -o-transition: .2s;
   -webkit-transition: .2s;
   background: url(../img/icons/icon-play.svg) no-repeat;
   background-position: 50%;
   background-size: auto 40%;
   height: 100%;
   left: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   transition: .2s;
   visibility: hidden;
   width: 100%;
   z-index: 1
}

.course-box .course-image:hover>.play-btn {
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
   -webkit-transform: scale(1.2);
   opacity: 1;
   transform: scale(1.2);
   visibility: visible
}

.play-presentation-btn {
   -moz-transition: .2s;
   -o-transition: .2s;
   -webkit-transition: .2s;
   background: url(../img/icons/icon-play.svg) no-repeat;
   background-position: 50%;
   background-size: auto 40%;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   transition: .2s;
   width: 100%;
   z-index: 1;
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
   -webkit-transform: scale(1.2);
   opacity: 1;
   transform: scale(1.2);
   visibility: visible
}

.course-box .course-details {
   padding: 15px 10px 0 15px;
   position: relative
}

.course-box .course-details .title {
   -moz-box-orient: vertical;
   -moz-line-clamp: 2;
   -ms-box-orient: vertical;
   -ms-line-clamp: 2;
   -o-box-orient: vertical;
   -o-line-clamp: 2;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   box-orient: vertical;
   color: #29303b;
   display: block !important;
   display: -webkit-box !important;
   font-size: 13px;
   font-weight: 600;
   height: 36px;
   line-clamp: 2;
   line-height: 20px;
   margin-bottom: 10px;
   min-height: 42px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal
}

.course-box .course-details .instructors {
   -moz-box-orient: vertical;
   -moz-line-clamp: 1;
   -ms-box-orient: vertical;
   -ms-line-clamp: 1;
   -o-box-orient: vertical;
   -o-line-clamp: 1;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   box-orient: vertical;
   color: #686f7a;
   display: block !important;
   display: -webkit-box !important;
   font-size: 12px;
   height: 21px;
   line-clamp: 1;
   margin-bottom: 5px;
   min-height: 21px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal
}

.course-box .course-details .rating {
   margin-bottom: 10px
}

.course-box .course-details .rating i {
   font-size: 11px
}

.course-box .course-details .rating .rating-number {
   color: #29303b;
   font-size: 12px;
   margin-bottom: 0
}

.course-box .course-details .rating .rating-number span {
   color: #a1a7b3;
   font-weight: 600;
   margin-left: 5px
}

.course-box .course-details .price {
   color: #29303b;
   font-size: 18px;
   font-weight: 600;
   margin-right: 10px;
   padding-bottom: 15px
}

.course-box .course-details .price small {
   color: #686f7a;
   font-size: 13px;
   font-weight: 400;
   margin-right: 5px;
   text-decoration: line-through
}

.course-box .course-details .completed-percent .progress-bar {
   background: #007791
}

.course-box .course-details .completed-percent .progress {
   background-color: rgba(41, 48, 59, .25);
   border-radius: 0;
   height: 2px
}

.course-box .course-details .completed-percent {
   margin-top: 10px;
   padding-bottom: 30px
}

.course-box .course-details .completed-percent .text {
   color: #686f7a;
   font-size: 13px;
   width: 50%
}

.course-box .course-details .your-rating-box {
   bottom: 3px;
   margin-bottom: 0;
   position: absolute;
   right: 10px;
   text-align: right;
   z-index: 1
}

.course-box .course-details .your-rating-box .your-rating-text {
   color: #29303b;
   font-size: 13px;
   margin-bottom: 0;
   margin-top: 2px
}

.course-box .course-details .your-rating-box:hover .your-rating-text {
   color: #c00015
}

.course-box .course-details .your-rating-box .your-rating-text .edit {
   display: none
}

.course-box .course-details .your-rating-box:hover .your-rating-text .edit {
   display: unset
}

.course-box .course-details .your-rating-box:hover .your-rating-text .your {
   display: none
}

.course-box .course-details .your-rating-box i {
   -webkit-text-stroke: 1px #eaeaea;
   color: transparent;
   font-size: 17px;
   letter-spacing: -.1em;
   text-stroke: 1px #eaeaea
}

.course-box .course-details .your-rating-box i.filled {
   color: #f4c150
}

.course-badge {
   border-radius: 3px;
   box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1);
   color: #29303b;
   display: inline-block;
   font-size: 9px;
   font-weight: 700;
   line-height: 1.5;
   padding: 1px 8px;
   pointer-events: none;
   position: relative;
   text-align: center;
   text-transform: uppercase
}

.course-badge:after {
   background: inherit;
   border-radius: 3px;
   content: "";
   display: block;
   height: 11px;
   position: absolute;
   right: -4px;
   top: 2px;
   transform: rotate(45deg);
   width: 11px;
   z-index: 0
}

.course-badge.best-seller {
   background: #f4c150
}

.course-badge.hot-new {
   background: #c00015;
   color: #fff
}

.course-badge.position {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
   left: 0;
   position: absolute;
   top: 12px
}

.course-box .course-image {
   position: relative
}

.course-box .course-image:before {
   -ms-webkit-transition: 0.2s;
   -webkit-transition: .2s;
   background-color: rgba(0, 0, 0, .3);
   content: "";
   height: 100%;
   left: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   transition: .2s;
   visibility: hidden;
   width: 100%;
   z-index: 1
}

.course-box .favorite-add,
.course-box .wishlist-add {
   position: absolute;
   right: 10px;
   top: 10px;
   z-index: 1
}

.course-box .favorite-add button,
.course-box .wishlist-add button {
   background: 0 0;
   border: 0;
   cursor: pointer;
   margin: 0;
   padding: 0
}

.course-box .favorite-add button:hover i,
.course-box .favorite-add.added button i,
.course-box .wishlist-add button:hover i,
.course-box .wishlist-add.wishlisted button i {
   color: #c00015
}

.course-box .favorite-add button i,
.course-box .wishlist-add button i {
   -webkit-text-stroke: 1px #fff;
   color: #686f7a;
   font-size: 16px;
   text-stroke: 1px #fff
}

.course-box .instructor-img-hover {
   -ms-webkit-transition: 0.2s;
   -webkit-transition: .2s;
   display: flex;
   flex-direction: column;
   left: 10px;
   opacity: 0;
   position: absolute;
   text-align: left;
   top: 10px;
   transition: .2s;
   visibility: hidden;
   z-index: 1
}

.course-box .instructor-img-hover img {
   border: 3px solid #fff;
   height: 48px;
   margin-bottom: 8px;
   width: 48px
}

.course-box .instructor-img-hover span {
   -webkit-text-stroke: .4px #fff;
   color: #fff;
   font-size: 13px;
   font-weight: 600;
   text-stroke: .4px #fff
}

.course-box:hover .course-image:before,
.course-box:hover .instructor-img-hover {
   opacity: 1;
   visibility: visible
}

.webui-popover {
   border-color: transparent;
   border-radius: 2px;
   box-shadow: 0 4px 16px rgba(20, 23, 28, .25)
}

.course-popover-content .last-updated {
   font-size: 13px;
   margin: 10px 0
}

.course-popover-content .course-title a {
   -moz-box-orient: vertical;
   -moz-line-clamp: 3;
   -ms-box-orient: vertical;
   -ms-line-clamp: 3;
   -o-box-orient: vertical;
   -o-line-clamp: 3;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   box-orient: vertical;
   color: #505763;
   display: block !important;
   display: -webkit-box !important;
   font-size: 18px;
   font-weight: 600;
   letter-spacing: -.3px;
   line-clamp: 3;
   line-height: 1.33;
   overflow: hidden;
   text-overflow: ellipsis;
   visibility: visible;
   white-space: normal
}

.course-popover-content .course-title a:hover {
   text-decoration: underline
}

.course-popover-content .course-category {
   color: #686f7a;
   font-size: 11px;
   margin-top: 7px
}

.course-popover-content .course-category .course-badge {
   box-shadow: 0 0 0;
   margin-right: 10px
}

.course-popover-content .course-meta span {
   color: #7a7d82;
   font-size: 13px;
   margin-right: 10px
}

.course-popover-content .course-meta span i {
   font-size: 12px;
   margin-right: 5px
}

.course-popover-content .course-meta {
   padding: 5px 0
}

.course-popover-content .course-subtitle {
   -moz-box-orient: vertical;
   -moz-line-clamp: 3;
   -ms-box-orient: vertical;
   -ms-line-clamp: 3;
   -o-box-orient: vertical;
   -o-line-clamp: 3;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   box-orient: vertical;
   color: #686f7a;
   display: block !important;
   display: -webkit-box !important;
   font-size: 15px;
   letter-spacing: -.2px;
   line-clamp: 3;
   line-height: 1.53;
   overflow: hidden;
   padding-top: 10px;
   text-overflow: ellipsis;
   visibility: visible;
   white-space: normal
}

.course-popover-content .what-will-learn {
   margin-top: 15px
}

.course-popover-content .what-will-learn ul {
   list-style: none;
   margin: 0;
   padding: 0
}

.course-popover-content .what-will-learn ul li {
   -moz-box-orient: vertical;
   -moz-line-clamp: 3;
   -ms-box-orient: vertical;
   -ms-line-clamp: 3;
   -o-box-orient: vertical;
   -o-line-clamp: 3;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   box-orient: vertical;
   color: #686f7a;
   display: block !important;
   display: -webkit-box !important;
   font-size: 13px;
   letter-spacing: -.2px;
   line-clamp: 3;
   margin-bottom: 10px;
   max-height: 54px;
   overflow: hidden;
   padding-left: 20px;
   position: relative;
   text-overflow: ellipsis;
   visibility: visible;
   white-space: normal
}

.course-popover-content .what-will-learn ul li:before {
   color: #dedfe0;
   content: ".";
   font-size: 30px;
   font-weight: 900;
   left: 0;
   line-height: 0;
   position: absolute;
   top: 2px
}

.course-popover-content .popover-btns {
   margin-bottom: 15px;
   margin-top: 50px;
   padding-right: 65px;
   position: relative
}

.course-popover-content .popover-btns .add-to-cart-btn {
   padding: 16px 12px;
   width: 100%
}

.addedToCart {
   background-color: #fff;
   border-color: #c00015;
   color: #c00015
}

.addedToCart:hover {
   background-color: #fff;
   border-color: #c00015;
   color: #c00015
}

.course-popover-content .popover-btns .wishlist-btn {
   background: 0 0;
   border: none;
   font-size: 24px;
   position: absolute;
   right: 8px;
   top: 8px
}

.course-popover-content .popover-btns .wishlist-btn i {
   -webkit-text-stroke: 1px #c00015;
   color: transparent;
   text-stroke: 1px #c00015
}

.course-popover-content .popover-btns .wishlist-btn.active i,
.course-popover-content .popover-btns .wishlist-btn:hover i {
   color: #c00015
}

.webui-popover.left-bottom>.webui-arrow,
.webui-popover.left-top>.webui-arrow,
.webui-popover.left>.webui-arrow {
   border-left-color: rgba(20, 23, 28, .1)
}

.webui-popover.right-bottom>.webui-arrow,
.webui-popover.right-top>.webui-arrow,
.webui-popover.right>.webui-arrow {
   border-right-color: #999;
   border-right-color: rgba(20, 23, 28, .1)
}

section.course-header-area {
   background-color: #29303b;
   color: #fff;
   padding: 60px 0
}

.course-header-area.duplicated {
   background-color: rgba(41, 48, 59, .8);
   left: 0;
   padding: 10px 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 9
}

.course-header-area.duplicated .title {
   font-size: 20px;
   font-weight: 600;
   line-height: 28px;
   margin-bottom: 0
}

.course-header-area.duplicated .course-badge,
.course-header-area.duplicated .created-row,
.course-header-area.duplicated .subtitle {
   display: none
}

.course-header-wrap .title {
   font-size: 36px;
   font-weight: 600;
   line-height: 41px;
   margin-bottom: 10.5px
}

.course-header-wrap .subtitle {
   font-size: 21px;
   line-height: 27px;
   margin-bottom: 7px
}

.course-header-wrap>div>span {
   font-size: 15px;
   margin-bottom: 7px;
   margin-right: 12px
}

.course-header-wrap .rating p {
   margin-bottom: 0
}

.course-header-wrap .rating i {
   color: #f4c150;
   font-size: 14px
}

.course-header-wrap a {
   color: #fff
}

.course-header-wrap .course-badge {
   font-size: 9px !important
}

.course-header-wrap .comment i {
   font-size: 13px;
   margin-right: 7px
}

.course-sidebar {
   background-color: #fff;
   border-radius: 4px;
   box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1);
   color: #505763;
   margin-top: -250px;
   padding: 3px;
   position: relative;
   z-index: 10
}

.course-sidebar.fixed {
   margin-top: 0;
   position: fixed;
   width: 350px
}

.course-sidebar.bottom .preview-video-box,
.course-sidebar.fixed .preview-video-box {
   display: none
}

.course-sidebar.bottom {
   margin-top: 0
}

.preview-video-box a {
   color: #fff;
   display: block;
   overflow: hidden;
   position: relative
}

.preview-video-box .preview-text {
   bottom: 10px;
   font-size: 15px;
   font-weight: 700;
   height: auto;
   left: 0;
   position: absolute;
   text-align: center;
   width: 100%
}

.preview-video-box .play-btn {
   -moz-transition: -moz-transform .15s ease-in-out;
   -o-transition: -o-transform .15s ease-in-out;
   -webkit-transition: -webkit-transform .15s ease-in-out;
   background: url('../img/icons/icon-play.svg') no-repeat;
   background-position: 50%;
   background-size: auto 50%;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   transition: transform .15s ease-in-out;
   visibility: visible;
   width: 100%
}

.preview-video-box a:hover>.play-btn {
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
   -webkit-transform: scale(1.2);
   transform: scale(1.2)
}

.course-sidebar-text-box {
   padding: 15px 30px
}

.course-sidebar-text-box .price .current-price {
   color: #505763;
   font-size: 36px;
   font-weight: 700;
   line-height: 40px;
   margin-right: 10px
}

.course-sidebar-text-box .price span {
   color: #a1a7b3;
   margin-right: 10px;
   vertical-align: middle
}

.course-sidebar-text-box .price .original-price {
   text-decoration: line-through
}

.course-sidebar-text-box .offer-time {
   color: #208058;
   font-size: 14px;
   margin-bottom: 10px
}

.course-sidebar-text-box .offer-time i {
   margin-right: 7px
}

.course-sidebar-text-box .buy-btns {
   display: flex
}

.course-sidebar-text-box .buy-btns .btn {
   border-radius: 2px;
   display: block;
   font-size: 15px;
   font-weight: 600;
   margin: 0;
   margin-bottom: 10px;
   margin-top: 13px;
   padding: 15px 12px;
   width: 100%
}

.course-sidebar-text-box .buy-btns .btn-buy-now {
   background-color: #c00015;
   border-color: #c00015;
   color: #fff
}

.course-sidebar-text-box .buy-btns .btn-buy-now:focus,
.course-sidebar-text-box .buy-btns .btn-buy-now:hover {
   background-color: #750808;
   border-color: #750808
}

.course-sidebar-text-box .buy-btns .btn-add-cart {
   width: 60px;
   margin-left: 1rem;
   background: 0 0;
   border-color: #505763;
   color: #686f7a
}

.course-sidebar-text-box .buy-btns .btn-add-cart:focus,
.course-sidebar-text-box .buy-btns .btn-add-cart:hover {
   background-color: #f2f3f5
}

.course-sidebar-text-box .money-back {
   display: block;
   font-size: 12px;
   font-weight: 400;
   margin-bottom: 12px;
   margin-top: 10px
}

.course-sidebar-text-box .includes {
   margin-bottom: 15px
}

.course-sidebar-text-box .includes ul {
   list-style: none;
   margin: 0;
   padding: 0
}

.course-sidebar-text-box .includes ul li {
   font-size: 13px;
   padding: 3px
}

.course-sidebar-text-box .includes ul li i {
   font-size: 12px;
   width: 19px
}

.view-more-parent {
   overflow: hidden;
   position: relative
}

.view-more {
   background: linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .95), #fff);
   bottom: 0;
   color: #007791;
   cursor: pointer;
   display: block;
   left: 0;
   padding: 30px 3px 3px 3px;
   position: absolute;
   width: 100%;
   z-index: 5
}

.view-less {
   bottom: 0;
   color: #007791;
   cursor: pointer;
   display: block;
   left: 0;
   padding: 3px 3px 3px 3px;
   position: absolute;
   width: 100%
}

.view-more-parent.expanded {
   max-height: none;
   overflow: visible
}

.view-more-parent.has-hide {
   padding-bottom: 30px
}

.description-box {
   margin-bottom: 40px;
   max-height: 600px
}

.description-box ul {
   list-style: disc
}

.description-box .description-title {
   font-size: 22px;
   font-weight: 600;
   margin: 0 0 10px
}

.description-box .audience {
   margin-top: 20px
}

.description-box .audience .audience-title {
   font-size: 18px;
   font-weight: 600;
   margin: 0 0 10px
}

.description-box .audience ul {
   margin-bottom: 0
}

.description-box-new {
   margin-bottom: 120px;
   margin-top: 80px;
   max-height: 600px
}

.description-box-new ul {
   list-style: disc
}

.description-box-new .description-title {
   font-size: 22px;
   font-weight: 600;
   margin: 0 0 10px
}

.description-box-new .audience {
   margin-top: 20px
}

.description-box-new .audience .audience-title {
   font-size: 18px;
   font-weight: 600;
   margin: 0 0 10px
}

.description-box-new .audience ul {
   margin-bottom: 0
}

.what-you-get-box {
   background-color: #f9f9f9;
   border: 1px solid #dedfe0;
   margin-top: 40px;
   padding: 10px 15px
}

.what-you-get-box .what-you-get-title {
   font-size: 22px;
   font-weight: 600;
   margin: 0 0 10px
}

.what-you-get-box ul {
   align-items: flex-start;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   list-style: none;
   margin: 0;
   padding: 0
}

.what-you-get-box ul li {
   display: flex;
   font-size: 15px;
   margin-bottom: 10px;
   padding-left: 26px;
   position: relative;
   width: 45%
}

.what-you-get-box ul li:before {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   color: #a1a7b3;
   content: "\f00c";
   display: inline-block;
   font-family: Font Awesome\ 5 Free;
   font-size: 14px;
   font-style: normal;
   font-variant: normal;
   font-weight: 900;
   left: 0;
   line-height: 1;
   position: absolute;
   text-rendering: auto;
   top: 4px
}

.requirements-box {
   margin-top: 40px
}

.requirements-box .requirements-title {
   font-size: 22px;
   font-weight: 600;
   margin: 0 0 10px
}

.requirements-box .requirements__list {
   list-style: disc;
   margin-bottom: 0;
   margin-left: 10px;
   padding-left: 10px
}

.requirements-box .requirements__list li:not(:last-child) {
   margin-bottom: 10px
}

.compare-box {
   margin-bottom: 40px;
   max-height: 580px
}

.compare-box .compare-title {
   font-size: 22px;
   font-weight: 600;
   margin: 0 0 15px
}

.course-comparism-item .item-image {
   height: auto;
   position: relative;
   width: 18%
}

.course-comparism-item {
   color: #29303b;
   padding: 15px
}

.course-comparism-item-container {
   border-top: 1px solid #dedfe0
}

.course-comparism-item-container a {
   -ms-webkit-transition: .1s;
   -webkit-transition: .1s;
   display: block;
   transition: .1s
}

.course-comparism-item-container a:hover {
   background-color: #dedfe0
}

.course-comparism-item-container.this-course {
   border-bottom: 2px solid #dedfe0
}

.course-comparism-item-container.this-course .course-comparism-item-this-text {
   font-size: 11px;
   margin-bottom: -5px;
   margin-left: 15px;
   margin-top: 5px;
   text-transform: uppercase
}

.course-comparism-item .item-image .item-duration {
   background-color: hsla(0, 0%, 100%, .95);
   bottom: 0;
   left: 0;
   position: absolute;
   text-align: center;
   width: 100%
}

.course-comparism-item .item-title {
   padding-left: 15px;
   width: 39%
}

.course-comparism-item .item-title .title {
   font-size: 15px;
   font-weight: 700;
   word-break: break-word
}

.course-comparism-item .item-title .updated-time {
   color: #686f7a;
   font-size: 13px;
   margin-top: 3px
}

.course-comparism-item .item-details {
   padding-left: 15px;
   position: relative;
   width: 43%
}

.course-comparism-item .item-details .wishlist-btn {
   position: absolute;
   right: 0;
   top: 0
}

.course-comparism-item .item-details .item-rating i {
   color: #f4c150;
   font-size: 14px;
   margin-right: 4px
}

.course-comparism-item .item-details .wishlist-btn button {
   background: 0;
   border: 0;
   color: #c00015;
   cursor: pointer;
   font-size: 17px;
   margin: 0;
   padding: 0
}

.course-comparism-item .item-details .wishlist-btn button:hover>i:before {
   font-weight: 900
}

.course-comparism-item .item-details .item-price {
   display: flex;
   flex-direction: column-reverse;
   position: absolute;
   right: 38px;
   text-align: right;
   top: 0
}

.course-comparism-item .item-details .item-price .current-price {
   color: #29303b;
   font-size: 18px;
   font-weight: 600
}

.course-comparism-item .item-details .item-price .original-price {
   color: #686f7a;
   font-size: 13px;
   font-weight: 400;
   text-decoration: line-through
}

.course-comparism-item .item-details .enrolled-student {
   margin-left: 25px
}

.course-comparism-item .item-details .enrolled-student i {
   color: #cacbcc;
   font-size: 14px;
   margin-right: 2px
}

.more-by-instructor-box {
   background-color: #f9f9f9;
   border: 1px solid #dedfe0;
   margin-bottom: 50px;
   padding: 10px 8px
}

.more-by-instructor-box .more-by-instructor-title {
   font-size: 22px;
   font-weight: 600;
   margin: 0 0 10px 7px
}

.about-instructor-box .about-instructor-title {
   display: block;
   font-size: 22px;
   font-weight: 600;
   margin: 0 0 20px
}

.about-instructor-box .about-instructor-image img {
   border-radius: 50%;
   height: 96px;
   width: 96px
}

.about-instructor-box .about-instructor-image ul {
   list-style: none;
   margin: 0;
   margin-top: 15px;
   padding: 0
}

.about-instructor-box .about-instructor-image ul b {
   font-weight: 600
}

.about-instructor-box .about-instructor-image ul i {
   font-size: 13px;
   width: 26px
}

.about-instructor-box .about-instructor-image ul li {
   margin-bottom: 5px
}

.about-instructor-details {
   max-height: 900px
}

.about-instructor-box {
   margin-bottom: 40px
}

.about-instructor-details .instructor-name {
   font-size: 18px;
   font-weight: 600;
   line-height: 1.33;
   margin-bottom: 10px
}

.about-instructor-details .instructor-title {
   font-size: 16px;
   font-weight: 600;
   line-height: 1.33;
   margin-bottom: 10px
}

.student-feedback-box {
   margin: 50px 0
}

.student-feedback-box .student-feedback-title {
   font-size: 22px;
   font-weight: 600;
   margin: 0 0 15px
}

.student-feedback-box .average-rating {
   margin-top: 10px;
   text-align: center
}

.student-feedback-box .average-rating .num {
   font-size: 72px;
   font-weight: 500;
   line-height: 1;
   margin-bottom: 10px
}

.student-feedback-box .average-rating .rating i {
   color: #f4c150;
   font-size: 20px;
   margin-bottom: 5px
}

.student-feedback-box .individual-rating ul {
   list-style: none;
   margin: 0;
   padding: 0
}

.student-feedback-box .individual-rating ul li {
   -ms-flex-align: center;
   -webkit-box-align: center;
   align-items: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 10px
}

.student-feedback-box .individual-rating ul li .progress {
   background-color: #f2f3f5;
   border-radius: 3px;
   height: 20px;
   width: 70%
}

.student-feedback-box .individual-rating ul li .progress-bar {
   background-color: #a1a7b3;
   border-radius: 3px
}

.student-feedback-box .individual-rating .rating i {
   color: #dedfe0;
   font-size: 14px
}

.student-feedback-box .individual-rating .rating i.filled {
   color: #f4c150
}

.student-feedback-box .individual-rating li>div:not(.progress) {
   padding-left: 15px
}

.student-feedback-box .individual-rating li>div:not(.progress) span:not(.rating) {
   color: #007791;
   padding-left: 10px;
   text-align: center
}

.student-feedback-box .reviews .reviews-title {
   font-size: 18px;
   font-weight: 600;
   padding: 0 0 20px
}

.student-feedback-box .reviews ul {
   list-style: none;
   margin: 0;
   padding: 0;
   padding-bottom: 30px
}

.student-feedback-box .reviews .reviewer-details img {
   border-radius: 50%;
   height: 46px;
   margin-right: 20px;
   width: 46px
}

.student-feedback-box .reviews .reviewer-details .review-time .time {
   color: #686f7a
}

.student-feedback-box .reviews ul li {
   border-top: 1px solid #dedfe0;
   padding: 30px 0
}

.student-feedback-box .reviews ul li:last-child {
   border-bottom: 1px solid #dedfe0
}

.student-feedback-box .reviews .review-details .rating i {
   color: #dedfe0;
   margin-bottom: 15px
}

.student-feedback-box .reviews .review-details .rating i.filled {
   color: #f4c150
}

.student-feedback-box .reviews .review-details .review-text {
   color: #505763;
   font-size: 16px;
   margin-bottom: 10px
}

.student-feedback-box .reviews {
   margin-top: 30px
}

.reviews .more-reviews-btn {
   text-align: center
}

.reviews .more-reviews-btn button {
   background: #fff;
   border: 2px solid #007791;
   border-radius: 2px;
   color: #007791;
   font-size: 15px;
   font-weight: 600;
   padding: 11px 12px
}

.reviews .more-reviews-btn button:focus,
.reviews .more-reviews-btn button:hover {
   background-color: #e6f2f5
}

.course-curriculum-box {
   margin-bottom: 40px
}

.course-curriculum-box .course-curriculum-title .title {
   font-size: 22px;
   font-weight: 600;
   text-transform: uppercase
}

.course-curriculum-box .course-curriculum-title .total-time {
   display: inline-block;
   text-align: right;
   width: 130px
}

.course-curriculum-accordion .lecture-group-title .total-time {
   display: inline-block;
   text-align: right;
   width: 130px
}

.course-curriculum-accordion .lecture-group-title .title {
   font-weight: 600;
   max-width: 60%
}

.course-curriculum-accordion .lecture-group-title {
   background: #f9f9f9;
   border: 1px solid #e8e9eb;
   color: #505763;
   cursor: pointer;
   height: auto;
   margin-top: 3px;
   padding: 10px 30px 10px 45px;
   position: relative
}

.course-curriculum-accordion .lecture-group-title:before {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   color: #007791;
   display: inline-block;
   font-family: Font Awesome\ 5 Free;
   font-size: 10px;
   font-style: normal;
   font-variant: normal;
   font-weight: 900;
   left: 22px;
   line-height: 1;
   position: absolute;
   text-rendering: auto;
   top: 16px
}

.course-curriculum-accordion .lecture-group-title[aria-expanded=false]:before {
   content: "\f067"
}

.course-curriculum-accordion .lecture-group-title[aria-expanded=true]:before {
   content: "\f068"
}

.course-curriculum-accordion .lecture-group-title[aria-expanded=true] .total-lectures {
   display: none
}

.course-curriculum-accordion .lecture-list ul {
   list-style: none;
   margin: 0;
   padding: 0
}

.course-curriculum-accordion .lecture-list .lecture {
   border-bottom: 1px solid #e8e9eb;
   border-left: 1px solid #e8e9eb;
   border-right: 1px solid #e8e9eb;
   color: #686f7a;
   padding: 12px 30px 12px 73px;
   position: relative
}

.course-curriculum-accordion .lecture-list .lecture .lecture-title {
   -ms-webkit-transition: 0.3s;
   -webkit-transition: .3s;
   display: inline-block;
   transition: .3s;
   width: 50%
}

.course-curriculum-accordion .lecture-list .lecture .lecture-time {
   text-align: right;
   width: 100px
}

.course-curriculum-accordion .lecture-list .lecture:before {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   content: "\f144";
   display: inline-block;
   font-family: Font Awesome\ 5 Free;
   font-size: 13px;
   font-style: normal;
   font-variant: normal;
   font-weight: 900;
   left: 45px;
   line-height: 1;
   opacity: .3;
   position: absolute;
   text-rendering: auto;
   top: 17px
}

.course-curriculum-accordion .lecture-list .lecture.has-preview {
   color: #007791
}

.course-curriculum-accordion .lecture-list .lecture.has-preview .lecture-preview,
.course-curriculum-accordion .lecture-list .lecture.has-preview .lecture-title {
   cursor: pointer
}

.course-curriculum-accordion .lecture-list .lecture.has-preview .lecture-title:hover {
   color: #003845
}

.course-conteudo-box {
   margin-bottom: 40px
}

.course-conteudo-box .course-conteudo-title .title {
   font-size: 22px;
   font-weight: 600;
   margin: 0 0 10px
}

.course-conteudo-accordion .tema-group-title .title {
   font-weight: 600
}

.course-conteudo-accordion .tema-group-title {
   background: #f9f9f9;
   border: 1px solid #e8e9eb;
   color: #505763;
   cursor: pointer;
   height: auto;
   margin-top: 3px;
   padding: 5px 30px 5px 45px;
   position: relative
}

.course-conteudo-box .course-conteudo-title {
   padding-right: 31px
}

.course-conteudo-accordion .tema-group-title:before {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   color: #007791;
   font-family: Font Awesome\ 5 Free;
   font-size: 10px;
   font-style: normal;
   font-variant: normal;
   font-weight: 900;
   left: 22px;
   line-height: 1;
   position: absolute;
   text-rendering: auto;
   top: 16px
}

.course-conteudo-accordion .tema-group-title[aria-expanded=false]:before {
   content: "\f067"
}

.course-conteudo-accordion .tema-group-title[aria-expanded=true]:before {
   content: "\f068"
}

.course-conteudo-accordion .tema-group-title[aria-expanded=true] .total-temas {
   display: none
}

.course-conteudo-accordion .tema-list ul {
   list-style: none;
   margin: 0;
   padding: 0
}

.course-conteudo-accordion .tema-list .tema {
   border-bottom: 1px solid #e8e9eb;
   border-left: 1px solid #e8e9eb;
   border-right: 1px solid #e8e9eb;
   color: #505763;
   padding: 12px 30px 12px 73px;
   position: relative
}

.course-conteudo-accordion .tema-list .tema .tema-title {
   -ms-webkit-transition: 0.3s;
   -webkit-transition: .3s;
   display: inline-block;
   transition: .3s
}

.course-conteudo-accordion .tema-list .tema .tema-time {
   text-align: right;
   width: 100px
}

.course-conteudo-accordion .tema-list .tema:before {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   content: "\f144";
   display: inline-block;
   font-family: Font Awesome\ 5 Free;
   font-size: 13px;
   font-style: normal;
   font-variant: normal;
   font-weight: 900;
   left: 45px;
   line-height: 1;
   opacity: .3;
   position: absolute;
   text-rendering: auto;
   top: 17px
}

.course-conteudo-accordion .tema-list .tema.has-preview {
   color: #007791
}

.course-conteudo-accordion .tema-list .tema.has-preview .tema-preview,
.course-conteudo-accordion .tema-list .tema.has-preview .tema-title {
   cursor: pointer
}

.course-conteudo-accordion .tema-list .tema.has-preview .tema-title:hover {
   color: #003845
}

section.category-header-area {
   background: #29303b;
   color: #fff;
   padding: 40px 0 30px
}

section.category-header-area .category-name {
   font-size: 30px;
   font-weight: 400;
   line-height: 1.287;
   margin: 0
}

#MediaPlayerMiniPlayer {
   width: 86% !important;
   height: 0;
   padding: 0 0 56.25% 0;
   margin-left: auto;
   margin-right: auto
}

.table-arquives tr td img.icons {
   width: 30px
}

.bg-dk {
   background: #e9e7e7 !important
}

.bg-dk .accordian-body {
   padding-left: 18px;
   padding-top: 18px
}

.bg-dk .accordion-toggle td {
   color: #004469;
   font-weight: 500
}

.accordian-body .btn {
   margin-top: 10px
}

.accordian-body label {
   background: #636161;
   color: #fff;
   padding: 8px;
   font-size: 14px;
   width: 320px;
   margin-top: -5px
}

.table-arquives thead th {
   background-color: #004469;
   text-transform: uppercase;
   font-weight: 700;
   color: #fff;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px
}

.table-arquives {
   border-collapse: collapse;
   background: #f2f2f2;
   border-radius: 8px;
   width: 80%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 22px;
   margin-bottom: 30px
}

.titulo-hom {
   background: #f4f4f4 !important;
   margin-bottom: 40px !important
}

.category-name {
   display: flex;
   align-items: center;
   margin-bottom: 0;
   font-size: 24px;
   padding-top: 20px;
   padding-bottom: 32px;
   padding-left: 3%;
   color: #444141;
   font-family: 'open sans' !important;
   font-weight: 600
}

.breadcrumb {
   background: 0 0;
   margin: 0;
   margin-bottom: 5px;
   padding: 0
}

.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a {
   color: #fff
}

.breadcrumb .breadcrumb-item a:hover {
   color: #dedfe0
}

.breadcrumb .breadcrumb-item a i {
   color: #a1a7b3;
   font-size: 13px
}

.breadcrumb-item+.breadcrumb-item::before {
   color: #fff
}

section.category-course-list-area {
   padding-bottom: 50px
}

.category-filter-box {
   border-bottom: 1px solid #e8e9eb;
   margin-bottom: 30px;
   padding: 35px 0
}

.filter-box .btn {
   background: 0 0;
   border-color: #007791;
   border-radius: 2px;
   color: #007791;
   font-size: 15px;
   font-weight: 600;
   min-width: 60px;
   padding: 10px 12px
}

.filter-box .btn:not(.all-btn) {
   margin-left: 10px
}

.filter-box .btn:focus,
.filter-box .btn:hover {
   background: #fff !important;
   border-color: #007791 !important;
   color: #007791 !important
}

.filter-box .btn[aria-expanded=true] {
   background-color: #76c5d6 !important
}

.filter-box .dropdown-menu {
   border-color: #fff;
   border-radius: 2px;
   box-shadow: 0 4px 16px rgba(20, 23, 28, .25);
   max-height: 365px;
   overflow-y: auto
}

.filter-box .dropdown-menu .dropdown-item {
   color: #505763;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.43;
   padding: 5px 12px
}

.filter-box .dropdown-menu .dropdown-item:focus,
.filter-box .dropdown-menu .dropdown-item:hover {
   background-color: #f2f3f5;
   color: inherit
}

.filter-box .reset-btn {
   background-color: transparent;
   border-color: transparent
}

.filter-box .reset-btn:hover {
   background-color: transparent !important;
   border-color: transparent !important
}

.filter-box .reset-btn:disabled {
   color: #a1a7b3 !important;
   cursor: not-allowed
}

.category-course-list ul {
   list-style: none;
   margin: 0;
   padding: 0
}

.course-box-2 {
   border: 1px solid #dedfe0;
   border-radius: 2px 2px 0 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   min-height: 148px
}

.course-box-2 .course-image {
   width: 26%
}

.course-box-2 .course-details {
   padding: 10px 30px;
   width: 50%
}

.course-box-2 .course-price-rating {
   -ms-flex-item-align: end;
   align-self: flex-end;
   padding: 10px 25px 15px;
   text-align: right;
   width: 24%
}

.category-course-list ul li {
   margin-bottom: 30px
}

.course-box-2 .course-price-rating .current-price {
   color: #29303b;
   font-size: 18px;
   font-weight: 700
}

.course-box-2 .course-price-rating .original-price {
   color: #686f7a;
   font-size: 15px;
   font-weight: 400;
   margin-left: 5px;
   text-decoration: line-through
}

.course-box-2 .course-price-rating .rating i {
   font-size: 13px
}

.course-box-2 .course-price-rating .rating .average-rating {
   color: #686f7a;
   font-size: 13px
}

.course-box-2 .course-price-rating .rating-number {
   color: #686f7a;
   font-size: 13px
}

.course-box-2 .course-details .course-title {
   color: #29303b;
   display: block;
   font-weight: 700;
   margin-bottom: 4px
}

.course-box-2 .course-details a:hover {
   text-decoration: underline
}

.course-box-2 .course-details .course-instructor {
   color: #686f7a;
   display: block;
   font-size: 11px;
   margin-bottom: 6px
}

.course-box-2 .course-details .course-subtitle {
   color: #505763;
   font-size: 13px;
   margin-bottom: 20px
}

.course-box-2 .course-details .course-meta span {
   color: #686f7a;
   font-size: 13px;
   margin-right: 10px
}

.course-box-2 .course-details .course-meta {
   padding-top: 5px
}

.course-box-2 .course-details .course-meta span i {
   font-size: 14px;
   margin-right: 4px;
   opacity: .5
}

.course-image2 {
   width: 100%
}

.course-box-3 {
   border: 1px solid #dedfe0;
   border-radius: 2px 2px 0 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   min-height: 148px;
   padding-left: 0
}

section.instructor-header-area {
   background-color: #007791;
   color: #fff;
   padding: 34px 0
}

section.instructor-header-area .instructor-name {
   font-size: 30px;
   font-weight: 400;
   line-height: 1.287;
   margin: 0
}

section.instructor-header-area .instructor-title {
   font-size: 18px;
   font-weight: 400;
   line-height: 1.287;
   margin: 7px 0 0
}

section.instructor-details-area {
   padding: 30px 0
}

.instructor-left-box .instructor-image img {
   border-radius: 50%;
   height: 120px;
   width: 120px
}

.instructor-left-box .instructor-social ul {
   list-style: none;
   margin: 0;
   margin-top: 25px;
   padding: 0
}

.instructor-left-box .instructor-social ul li {
   display: inline-block;
   font-size: 19px;
   padding: 0 6px
}

.biography-content-box {
   margin-bottom: 40px;
   max-height: 400px
}

.instructor-right-box .instructor-stat-box ul {
   list-style: none;
   margin: 0;
   padding: 0
}

.instructor-right-box .instructor-stat-box ul li {
   border-left: 1px solid rgba(41, 48, 59, .25);
   display: inline-block;
   padding: 0 15px;
   text-align: left
}

.instructor-right-box .instructor-stat-box ul li .small {
   font-size: 86%
}

.instructor-right-box .instructor-stat-box ul li .num {
   font-size: 24px;
   font-weight: 300
}

section.instructor-course-list-area {
   background-color: #f7f8fa;
   padding: 40px 0
}

section.instructor-course-list-area .section-title {
   font-size: 18px;
   margin-bottom: 20px
}

section.instructor-course-list-area .container {
   max-width: 940px
}

ul.pagination {
   margin-top: 25px
}

ul.pagination .page-item.disabled .page-link {
   color: #a1a7b3
}

ul.pagination .page-item.active .page-link,
ul.pagination .page-item.active a {
   background-color: #007791;
   border-color: #007791;
   color: #fff
}

ul.pagination .page-item .page-link,
ul.pagination .page-item a {
   background-color: #fff;
   border: 1px solid #dee2e6;
   color: #007791;
   display: block;
   font-size: 17px;
   line-height: 1.25;
   margin-left: -1px;
   padding: 10px 15px;
   position: relative
}

ul.pagination .page-item .page-link:hover,
ul.pagination .page-item a:hover {
   background-color: #e6f2f5;
   border-color: #007791;
   position: relative;
   z-index: 1
}

section.page-header-area {
   background: #505763;
   color: #fff;
   padding: 40px 0 30px
}

section.page-header-area .page-title {
   font-size: 30px;
   font-weight: 400;
   line-height: 1.287;
   margin: 0
}

section.page-header-area .page-subtitle {
   font-size: 18px;
   font-weight: 400;
   line-height: 1.287;
   margin: 7px 0 5px
}

.notifications-list-area .notifications-footer .mark-all-read {
   background: 0 0;
   border: 0;
   color: #007791
}

.notifications-list-area .notifications-footer .mark-all-read:hover {
   color: #003845
}

.notifications-list-area .notifications-footer {
   padding: 15px 0
}

.notifications-list-area .notification-list {
   margin-top: 40px;
   max-height: 415px;
   overflow-y: auto
}

.notifications-list-area .notification-list li {
   padding: 15px
}

.notifications-list-area .notification-list .notification-details .notification-text {
   width: 100%
}

.notifications-list-area .notification-list .notification-details {
   padding-right: 15px
}

.notifications-list-area .notification-list .notification-details .notification-time {
   margin-top: 10px
}

section.page-header-area.my-course-area {
   padding-bottom: 0
}

section.page-header-area.my-course-area ul {
   list-style: none;
   margin: 0;
   margin-top: 20px;
   padding: 0
}

section.page-header-area.my-course-area ul li {
   display: inline-block;
   margin-right: 30px
}

section.page-header-area.my-course-area ul li a {
   border-bottom: 6px solid hsla(0, 0%, 100%, 0);
   color: #fff;
   display: block;
   padding: 0 0 5px
}

section.page-header-area.my-course-area ul li a:hover,
section.page-header-area.my-course-area ul li.active a {
   border-bottom-color: hsla(0, 0%, 100%, .7)
}

section.my-courses-area .my-course-search-bar .input-group {
   margin-left: auto;
   width: 220px
}

section.my-courses-area {
   padding: 40px 0
}

.my-courses-area .my-course-search-bar input {
   background-color: #fff;
   border: 1px solid #cacbcc;
   border-radius: 0;
   font-size: 16px;
   padding: 10px 12px
}

.my-courses-area .my-course-search-bar .input-group-append button {
   background: #f2f3f5;
   border-bottom-right-radius: 2px;
   border-color: #dedfe0;
   border-top-right-radius: 2px;
   color: #a1a7b3
}

.my-courses-area .my-course-search-bar .input-group-append button:focus,
.my-courses-area .my-course-search-bar .input-group-append button:hover,
.my-courses-area .my-course-search-bar input:focus+.input-group-append button {
   background: #007791;
   border-color: #007791;
   color: #fff
}

.my-courses-area .row.no-gutters {
   margin-left: -10px;
   margin-right: -10px;
   margin-top: 50px
}

.my-courses-area .course-box-wrap {
   padding: 0 10px
}

.my-course-filter-bar.filter-box {
   padding-top: 30px;
   position: relative
}

.my-course-filter-bar.filter-box>span {
   color: #686f7a;
   font-size: 13px;
   left: 0;
   position: absolute;
   top: 0
}

.edit-rating-modal .m-progress-bar-wrapper {
   background: #e8e9eb
}

.edit-rating-modal .m-progress-bar {
   background: #a1a7b3;
   border-radius: 0 3px 3px 0;
   height: 6px
}

.edit-rating-modal .rating-title {
   color: #29303b;
   font-size: 24px;
   font-weight: 300
}

.edit-rating-modal .modal-body {
   padding-bottom: 50px;
   padding-top: 50px
}

.modal-course-preview-box {
   padding-left: 50px
}

.modal-course-preview-box .card-title {
   -moz-box-orient: vertical;
   -moz-line-clamp: 2;
   -ms-box-orient: vertical;
   -ms-line-clamp: 2;
   -o-box-orient: vertical;
   -o-line-clamp: 2;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   box-orient: vertical;
   color: #505763;
   display: block !important;
   display: -webkit-box !important;
   font-size: 18px;
   height: 48px;
   line-clamp: 2;
   line-height: 24px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal
}

.modal-course-preview-box .card-text {
   -moz-box-orient: vertical;
   -moz-line-clamp: 2;
   -ms-box-orient: vertical;
   -ms-line-clamp: 2;
   -o-box-orient: vertical;
   -o-line-clamp: 2;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   box-orient: vertical;
   color: #505763;
   display: block !important;
   display: -webkit-box !important;
   height: 48px;
   line-clamp: 2;
   line-height: 24px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal
}

.edit-rating-modal .modal-footer button {
   background-color: #c00015;
   border-color: #c00015;
   border-radius: 2px;
   font-size: 15px;
   font-weight: 600;
   line-height: 1.35135;
   padding: 16px 12px
}

.edit-rating-modal .modal-footer button:focus,
.edit-rating-modal .modal-footer button:hover {
   background-color: #750808 !important;
   border-color: #750808 !important
}

.edit-rating-modal .modal-footer button.previous {
   background-color: #fff;
   border-color: #007791;
   color: #007791
}

.edit-rating-modal .modal-footer button.previous:focus,
.edit-rating-modal .modal-footer button.previous:hover {
   background-color: #e6f2f5 !important;
   border-color: #007791 !important
}

.your-rating {
   border: none;
   float: left
}

.your-rating>input {
   display: none
}

.your-rating>label:before {
   content: "\f005";
   display: inline-block;
   font-family: "Font Awesome 5 Free";
   font-size: 40px;
   font-weight: 900;
   margin: 8px
}

.your-rating>.half:before {
   content: "\f089";
   position: absolute
}

.your-rating>label {
   color: #dedfe0;
   float: right
}

.your-rating:not(:checked)>label:hover,
.your-rating:not(:checked)>label:hover~label,
.your-rating>input:checked~label {
   color: #f4c150
}

.your-rating>input:checked+label:hover,
.your-rating>input:checked~label:hover,
.your-rating>input:checked~label:hover~label,
.your-rating>label:hover~input:checked~label {
   color: #f4c150
}

.edit-rating-modal .rating {
   margin-bottom: 30px;
   margin-top: 20px
}

.edit-rating-modal .rating i {
   font-size: 30px
}

.edit-rating-modal .modal-rating-comment-box textarea {
   border-radius: 2px;
   height: 210px;
   resize: none;
   width: 100%
}

.edit-rating-modal .modal-rating-comment-box textarea:focus {
   border-color: #76c5d6
}

section.cart-list-area {
   margin-bottom: 70px;
   margin-top: 50px
}

.in-cart-box>.title,
.wishlisted-box>.title {
   color: #29303b;
   font-size: 18px;
   margin-bottom: 10px
}

.in-cart-box .cart-course-list,
.wishlisted-box .cart-course-list {
   -webkit-box-shadow: 0 0 2px #dedfe0;
   box-shadow: 0 0 2px #dedfe0;
   list-style: none;
   margin: 0;
   margin-bottom: 60px;
   padding: 0
}

.in-cart-box .cart-course-list li:not( :first-child),
.wishlisted-box .cart-course-list li:not( :first-child) {
   border-top: 1px solid #f1f1f1
}

.cart-course-wrapper {
   display: flex;
   justify-content: space-between;
   padding: 10px
}

.cart-course-wrapper .image {
   -ms-flex: 0 0 17%;
   -webkit-box-flex: 0;
   flex: 0 0 17%;
   max-width: 17%
}

.cart-course-wrapper .details {
   -ms-flex: 0 0 53%;
   -webkit-box-flex: 0;
   flex: 0 0 53%;
   max-width: 53%;
   padding-left: 10px
}

.cart-course-wrapper .details .name {
   -moz-box-orient: vertical;
   -moz-line-clamp: 2;
   -ms-box-orient: vertical;
   -ms-line-clamp: 2;
   -o-box-orient: vertical;
   -o-line-clamp: 2;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   box-orient: vertical;
   color: #29303b;
   display: block !important;
   display: -webkit-box !important;
   font-weight: 700;
   line-clamp: 2;
   line-height: 1.2;
   margin-bottom: 0;
   max-height: 37px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal
}

.cart-course-wrapper .details .instructor {
   -moz-box-orient: vertical;
   -moz-line-clamp: 2;
   -ms-box-orient: vertical;
   -ms-line-clamp: 2;
   -o-box-orient: vertical;
   -o-line-clamp: 2;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   box-orient: vertical;
   color: #686f7a;
   display: block !important;
   display: -webkit-box !important;
   font-size: 13px;
   line-clamp: 2;
   max-height: 36px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal
}

.cart-course-wrapper .move-remove {
   -ms-flex: 0 0 15%;
   -webkit-box-flex: 0;
   flex: 0 0 15%;
   max-width: 15%;
   padding-left: 10px;
   text-align: right
}

.cart-course-wrapper .price {
   -ms-flex: 0 0 15%;
   -webkit-box-flex: 0;
   flex: 0 0 15%;
   max-width: 15%;
   padding-right: 25px;
   position: relative;
   text-align: right
}

.cart-course-wrapper .move-remove div {
   color: #007791;
   cursor: pointer;
   font-size: 13px;
   margin-bottom: 3px
}

.cart-course-wrapper .move-remove div:hover {
   color: #003845
}

.cart-course-wrapper .price .current-price {
   color: #c00015;
   font-weight: 900
}

.cart-course-wrapper .price .original-price {
   color: #686f7a;
   text-decoration: line-through
}

.cart-course-wrapper .price .coupon-tag {
   color: #c00015;
   font-size: 14px;
   position: absolute;
   right: 0;
   top: 2px
}

.cart-sidebar .total {
   color: #686f7a;
   font-size: 18px
}

.cart-sidebar .total-price {
   color: #c00015;
   font-size: 36px;
   font-weight: 600;
   line-height: 49px
}

.cart-sidebar .total-original-price {
   color: #686f7a;
   margin-bottom: 12px
}

.cart-sidebar .total-original-price .original-price {
   margin-right: 10px;
   text-decoration: line-through
}

.cart-sidebar .checkout-btn {
   background-color: #c00015;
   border-color: #c00015;
   border-radius: 2px;
   color: #fff;
   font-size: 15px;
   font-weight: 600;
   line-height: 1.35135;
   padding: 16px 12px
}

.cart-sidebar .checkout-btn:focus,
.cart-sidebar .checkout-btn:hover {
   background-color: #750808 !important;
   border-color: #750808 !important
}

.cart-sidebar .coupon-field input {
   border-radius: 2px;
   font-size: 12px;
   padding: 14px 12px
}

.cart-sidebar .coupon-field input:focus {
   border-color: #76c5d6
}

.cart-sidebar .coupon-field button {
   background-color: #007791;
   border-color: #007791;
   border-radius: 2px;
   color: #fff;
   font-size: 15px;
   font-weight: 600
}

.cart-sidebar .coupon-field button:focus,
.cart-sidebar .coupon-field button:hover {
   background-color: #00576b !important;
   border-color: #00576b !important
}

.cart-sidebar .coupon-list ul {
   list-style: none;
   margin: 0;
   margin-top: 15px;
   padding: 0
}

.cart-sidebar .coupon-list ul li {
   color: #686f7a;
   cursor: pointer;
   font-size: 13px
}

.cart-sidebar .coupon-list ul li:hover {
   color: #c00015
}

.cart-sidebar .coupon-list ul li i {
   font-size: 11px
}

section.user-dashboard-area {
   padding: 40px 0
}

.user-dashboard-box {
   border: 1px solid #dedfe0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.user-dashboard-sidebar {
   border-right: 1px solid #dedfe0;
   margin: 0;
   padding: 0;
   width: 200px;
   background-color: #f1f1f1;
   height: 100%;
   overflow: auto;
   position: relative
}

.user-dashboard-content {
   width: 82%
}

section.user-dashboard-area {
   padding: 40px 0
}

.user-dashboard-box {
   border: 1px solid #dedfe0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.user-dashboard-sidebar .user-box {
   padding: 10px;
   text-align: center
}

.user-dashboard-sidebar .user-box img {
   border-radius: 50%;
   height: 118px;
   margin-bottom: 15px;
   width: 118px
}

.user-dashboard-sidebar .user-box .name {
   font-size: 17px;
   font-weight: 700;
   margin-bottom: 10px
}

.user-dashboard-sidebar .user-dashboard-menu ul {
   list-style: none;
   margin: 0;
   padding: 0
}

.user-dashboard-sidebar .user-dashboard-menu ul a {
   display: block;
   padding: 4px 15px
}

.user-dashboard-sidebar .user-dashboard-menu ul .active a {
   background: #a1a7b3;
   color: #fff
}

.user-dashboard-content .content-title-box {
   padding: 20px;
   text-align: center
}

.user-dashboard-content .content-title-box .title {
   color: #29303b;
   font-size: 22px;
   font-weight: 700
}

.user-dashboard-content .content-title-box .subtitle {
   color: #29303b;
   font-size: 15px;
   font-weight: 300;
   line-height: 25px
}

.user-dashboard-content .content-update-box {
   padding: 20px;
   text-align: center
}

.user-dashboard-content .content-update-box button {
   background-color: #c00015;
   border-color: #c00015;
   border-radius: 2px;
   color: #fff;
   font-size: 15px;
   font-weight: 600;
   line-height: 1.35135;
   padding: 11px 12px
}

.user-dashboard-content .content-box .form-group {
   margin-bottom: 0;
   padding: 10px 142px
}

.user-dashboard-content .content-box .form-group .input-group-text {
   border: 1px solid #cacbcc;
   border-radius: 2px
}

.user-dashboard-content .content-box .form-group .custom-select {
   border-radius: 2px;
   height: auto;
   padding: 11px 12px
}

.user-dashboard-content .content-box .form-group .form-control {
   border: 1px solid #cacbcc;
   border-radius: 2px;
   font-size: 16px;
   padding: 10px 12px
}

.user-dashboard-content .content-box .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0
}

.user-dashboard-content .content-box .form-group .custom-select:focus,
.user-dashboard-content .content-box .form-group input:focus {
   border: 1px solid #76c5d6
}

.user-dashboard-content .content-box .form-group small.form-text {
   color: #5d6d86;
   font-size: 11px;
   margin-bottom: 10px;
   margin-top: 5px
}

.user-dashboard-content .content-box .mce-panel,
.user-dashboard-content .content-box .mce-tinymce,
.user-dashboard-content .content-box .mce-top-part::before {
   border-color: #cacbcc;
   box-shadow: none
}

.user-dashboard-content .content-box .mce-edit-area.mce-container {
   border-right: 1px solid #cacbcc !important;
   cursor: text
}

.user-dashboard-content .content-box .basic-group,
.user-dashboard-content .content-box .email-group,
.user-dashboard-content .content-box .link-group,
.user-dashboard-content .content-box .password-group {
   padding: 10px 0
}

.user-dashboard-content .content-box .password-group {
   border-top: 1px solid #dedfe0;
   padding-bottom: 30px
}

.message-sender-list-box {
   padding-top: 10px
}

.message-sender-list-box .compose-btn {
   background-color: #fff;
   border-color: #007791;
   border-radius: 2px;
   color: #007791;
   font-size: 15px;
   line-height: 1.35135;
   padding: 11px 12px
}

.message-sender-list-box .compose-btn:focus,
.message-sender-list-box .compose-btn:hover {
   background-color: #e6f2f5
}

.message-sender-list-box .message-sender-list {
   height: calc(100vh - 380px);
   list-style: none;
   margin: 0;
   min-height: 280px;
   overflow: auto;
   padding: 0;
   padding: 0 10px 10px 0;
   position: relative
}

.message-sender-list-box .message-sender-list .sender-image img {
   border-radius: 50%;
   height: 24px;
   width: 24px
}

.message-sender-list-box .message-sender-list li {
   -ms-webkit-transition: 0.3s;
   -webkit-transition: .3s;
   border: 1px solid transparent;
   border-radius: 3px;
   cursor: pointer;
   padding: 15px;
   transition: .3s
}

.message-sender-list-box .message-sender-list li.active,
.message-sender-list-box .message-sender-list li:hover {
   background-color: #fff;
   border-color: #dedfe0
}

.message-sender-list-box .message-sender-list .sender-name {
   color: #505763;
   font-size: 15px;
   font-weight: 700;
   margin-left: 15px
}

.message-sender-list-box .message-sender-list .message-time {
   color: #686f7a;
   font-size: 13px
}

.message-sender-list-box .message-sender-list .message-sender-head {
   margin-bottom: 10px
}

.message-sender-list-box .message-sender-list .message-sender-body {
   color: #686f7a;
   font-size: 13px;
   overflow: hidden;
   padding: 0 43px;
   text-overflow: ellipsis;
   white-space: nowrap
}

.message-details-box {
   background: #fff;
   border-left: 1px solid #dedfe0;
   border-right: 1px solid #dedfe0;
   height: 100%
}

.message-details-box .empty-box {
   padding-top: 55px
}

.message-details-box .message-details .message-header a {
   display: block
}

.message-details-box .message-details .message-header img {
   border-radius: 50%;
   height: 40px;
   margin-right: 15px;
   width: 40px
}

.message-details-box .message-details .message-header {
   border-bottom: 1px solid #dedfe0;
   min-height: 65px;
   padding: 10px
}

.message-details-box .message-details .message-footer {
   background: #fff;
   border-top: 1px solid #dedfe0;
   padding: 10px
}

.message-details-box .message-details .message-content {
   background: #fff;
   height: calc(100vh - 460px);
   min-height: 200px;
   overflow: auto;
   padding: 10px
}

.message-details-box .message-details .message-content .message-box {
   background: #f2f3f5;
   border-radius: 2px;
   display: inline-block;
   margin-bottom: 10px;
   max-width: 400px;
   min-width: 190px;
   padding: 15px
}

.message-details-box .message-details .message-content .message-box .message {
   color: #505763;
   font-size: 15px;
   overflow-x: auto;
   white-space: pre-wrap
}

.message-details-box .message-details .message-content .message-box .time {
   color: #686f7a;
   font-size: 13px;
   margin-bottom: 10px
}

.message-details-box .message-details .message-content .me .message-box {
   background: rgba(230, 242, 245, .5)
}

.message-details-box .message-details .message-content .me {
   display: flex;
   justify-content: flex-end
}

.message-details-box .message-details .message-footer textarea {
   border-radius: 2px;
   min-height: 100px
}

.message-details-box .message-details .message-footer textarea:focus {
   border-color: #76c5d6
}

.message-details-box .message-details .message-footer .send-btn {
   background-color: #c00015;
   border-color: #c00015;
   border-radius: 2px;
   color: #fff;
   font-size: 15px;
   font-weight: 600;
   line-height: 1.35135;
   margin-bottom: 25px;
   margin-top: 15px;
   padding: 11px 12px
}

.message-details-box .message-details .message-footer .send-btn:focus,
.message-details-box .message-details .message-footer .send-btn:hover {
   background-color: #750808;
   border-color: #750808
}

.message-sender-list-box .message-sender-list .sender-image i {
   border: 1px solid #adadad;
   border-radius: 50%;
   color: #adadad;
   font-size: 11px;
   height: 24px;
   line-height: 21px;
   text-align: center;
   width: 24px
}

.new-message-details .message-header {
   border-bottom: 1px solid #dedfe0;
   min-height: 65px;
   padding: 10px
}

.new-message-details .message-header span {
   color: #29303b;
   font-weight: 700;
   vertical-align: middle
}

.new-message-details .message-header i {
   border: 1px solid #adadad;
   border-radius: 50%;
   color: #adadad;
   font-size: 17px;
   height: 40px;
   line-height: 37px;
   margin-left: 10px;
   margin-right: 15px;
   text-align: center;
   width: 40px
}

.new-message-details .message-body {
   padding: 10px
}

.new-message-details .message-body .cancel-btn {
   background: no-repeat;
   border: none;
   color: #007791
}

.new-message-details .message-body textarea {
   border-color: #cacbcc;
   border-radius: 2px;
   min-height: 100px
}

.new-message-details .message-body textarea:focus {
   border-color: #76c5d6
}

span.select2-selection.select2-selection--single {
   background-color: transparent;
   border-color: #cacbcc;
   border-radius: 2px;
   color: #32373c;
   height: auto
}

.select2-container .select2-selection--single .select2-selection__rendered {
   padding: 10px
}

.select2-container .select2-selection--single .select2-selection__rendered:focus {
   outline: 0
}

span.select2-selection.select2-selection--single:focus {
   outline: 0
}

span.select2-selection.select2-selection--single[aria-expanded=true] {
   background-color: #fff;
   border-color: #76c5d6
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
   right: 7px;
   top: 12px
}

.daterangepicker.dropdown-menu,
span.select2-dropdown {
   border-color: #cacbcc
}

span.select2-search.select2-search--dropdown {
   padding: 13px 15px
}

span.select2-results ul li {
   color: #56666d;
   padding: 6px 15px
}

.select2-container--default .select2-results__option[aria-selected=true],
span.select2-results ul li.select2-results__option--highlighted {
   background: #e8e8e8;
   color: #32373c
}

.select2-container--default .select2-results__option {
   padding: 12px 15px
}

.select2-container--default .select2-search--dropdown .select2-search__field {
   border-color: #cacbcc;
   padding: 10px
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
   border-color: #76c5d6;
   box-shadow: 0 0 0;
   outline: 0
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
   background-color: #007791;
   color: #fff
}

section.purchase-history-list-area {
   padding: 30px 0 50px
}

.purchase-history-list {
   list-style: none;
   margin: 0;
   padding: 0
}

.purchase-history-list li {
   border-bottom: 1px solid #f2f3f5;
   font-size: 12px;
   padding: 10px 0
}

.purchase-history-list .purchase-history-list-title {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 0
}

.purchase-history-list .purchase-history-course-img {
   float: left
}

.purchase-history-list .purchase-history-course-img img {
   height: auto;
   margin-right: 15px;
   width: 135px
}

.purchase-history-list .purchase-history-course-title {
   color: #505763;
   font-size: 14px;
   font-weight: 600
}

.purchase-history-list .purchase-history-course-title:hover {
   color: #003845
}

.purchase-history-list .purchase-history-detail .btn-receipt {
   background-color: #fff;
   border: 1px solid #007791;
   border-radius: 2px;
   color: #007791;
   font-size: 13px;
   line-height: 1.35135;
   padding: 2px 8px
}

.purchase-history-list .purchase-history-detail .btn-receipt:focus,
.purchase-history-list .purchase-history-detail .btn-receipt:hover {
   background-color: #e6f2f5
}

.footer-top-widget-area {
   background-color: #fff;
   border-top: 1px solid #e8e9eb;
   padding: 40px 0
}

.footer-widget.link-widget ul {
   list-style: none;
   margin: 0;
   padding: 0
}

.footer-widget.link-widget ul li:not(:last-child) {
   margin-bottom: 8px
}

.footer-widget.link-widget ul a {
   font-size: 13px
}

.language-widget button {
   background-color: #fff;
   border: 1px solid #505763;
   border-radius: 2px;
   color: #686f7a;
   font-size: 13px;
   font-weight: 600;
   line-height: 18px;
   min-width: 160px;
   padding: 9px 18px;
   text-align: left
}

.language-widget button:focus,
.language-widget button:hover {
   background-color: #e8e9eb !important;
   border-color: #505763;
   color: #686f7a !important
}

.language-widget button i {
   font-size: 11px;
   margin-right: 10px
}

.language-widget .dropdown-menu {
   border: 0;
   border-radius: 2px;
   box-shadow: 0 4px 16px rgba(20, 23, 28, .25);
   margin-bottom: 2px;
   width: 160px
}

.language-widget .dropdown-menu a {
   color: #505763;
   font-size: 13px;
   font-weight: 400;
   line-height: 1.43;
   padding: 6px 14px
}

.language-widget .dropdown-menu a:focus,
.language-widget .dropdown-menu a:hover {
   background-color: #f2f3f5
}

.language-widget .dropdown-toggle {
   position: relative
}

.language-widget .dropdown-toggle::after {
   -ms-webkit-transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   position: absolute;
   right: 14px;
   top: 17px;
   transform: rotate(180deg)
}

.footer-area {
   background-color: #fff;
   border-bottom: 6px solid #c00015;
   border-top: 1px solid #e8e9eb;
   padding: 30px 0
}

.copyright-text {
   color: #686f7a;
   font-size: 13px;
   margin-bottom: 15px
}

.copyright-text img {
   margin-right: 20px
}

.footer-menu .nav-item:not(:last-child) {
   margin-right: 20px
}

.footer-menu .nav-link {
   font-size: 13px
}

.payment-in-modal form .stripe {
   background-color: #008cde;
   border-color: #0698dc;
   border-radius: 2px;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   height: 50px;
   padding: 11px 12px;
   width: 100%
}

.payment-in-modal form .paypal {
   background-color: #008cde;
   border-color: #0698dc;
   border-radius: 2px;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   height: 50px;
   padding: 11px 12px;
   width: 100%
}

.page-container .sidebar-menu {
   display: table-cell;
   vertical-align: top;
   background: #fff;
   width: 280px;
   position: relative;
   z-index: 100;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border-right: 1px solid #e2e2e2
}

@media screen and (max-width:767px) {
   .page-container .sidebar-menu {
      display: none
   }
}

@media screen and (min-width:768px) {
   .page-container .sidebar-menu.fixed .sidebar-menu-inner {
      position: fixed;
      height: auto;
      bottom: 0;
      width: 280px
   }
}

.page-container .sidebar-menu .sidebar-menu-inner {
   position: relative
}

.page-container .sidebar-menu .sidebar-menu-inner.ps-container {
   overflow: hidden;
   height: 100%
}

.sidebar-collapsed.page-container .sidebar-menu .sidebar-menu-inner.ps-container {
   overflow: visible
}

.page-container .sidebar-menu .logo-env {
   width: 100%;
   padding: 35px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.page-container .sidebar-menu .logo-env:after,
.page-container .sidebar-menu .logo-env:before {
   content: " ";
   display: table
}

.page-container .sidebar-menu .logo-env:after {
   clear: both
}

.page-container .sidebar-menu .logo-env>div {
   display: block;
   vertical-align: middle;
   white-space: nowrap;
   float: left
}

.page-container .sidebar-menu .logo-env>div>a {
   display: inline-block;
   color: #aaabae
}

.page-container .sidebar-menu .logo-env>div.sidebar-collapse,
.page-container .sidebar-menu .logo-env>div.sidebar-mobile-menu {
   position: relative;
   float: right
}

.page-container .sidebar-menu .logo-env>div.sidebar-collapse a,
.page-container .sidebar-menu .logo-env>div.sidebar-mobile-menu a {
   display: inline-block;
   border: 1px solid #454a54;
   text-align: center;
   padding: 0;
   line-height: 1;
   font-size: 20px;
   font-weight: 300;
   padding: 5px 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out
}

.page-container .sidebar-menu .logo-env>div.sidebar-collapse a:hover,
.page-container .sidebar-menu .logo-env>div.sidebar-mobile-menu a:hover {
   background-color: rgba(69, 74, 84, .4)
}

.page-container .sidebar-menu #main-menu {
   list-style: none;
   margin: 0;
   padding: 0;
   margin-bottom: 20px
}

.page-container .sidebar-menu #main-menu li {
   position: relative;
   margin: 0;
   font-size: 12px;
   border-bottom: 1px solid rgb(235 235 235 / 44%)
}

.page-container .sidebar-menu #main-menu li#search {
   background: #262b34;
   border-bottom-color: rgba(69, 74, 84, .5);
   position: relative;
   height: 48px
}

.page-container .sidebar-menu #main-menu li#search ::-webkit-input-placeholder {
   color: rgba(170, 171, 174, .7)
}

.page-container .sidebar-menu #main-menu li#search :-moz-placeholder {
   color: rgba(170, 171, 174, .7)
}

.page-container .sidebar-menu #main-menu li#search ::-moz-placeholder {
   color: rgba(170, 171, 174, .7)
}

.page-container .sidebar-menu #main-menu li#search :-ms-input-placeholder {
   color: rgba(170, 171, 174, .7)
}

.page-container .sidebar-menu #main-menu li#search .search-input {
   background: 0 0;
   padding: 0;
   margin: 0;
   border: none;
   outline: 0;
   padding: 15px 20px;
   padding-right: 45px;
   width: 100%;
   color: #aaabae;
   z-index: 100;
   -webkit-transition: 350ms opacity ease-in-out;
   -moz-transition: 350ms opacity ease-in-out;
   -o-transition: 350ms opacity ease-in-out;
   transition: 350ms opacity ease-in-out;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.page-container .sidebar-menu #main-menu li#search button {
   position: absolute;
   right: 0;
   top: 0;
   background: 0 0;
   padding: 0;
   margin: 0;
   border: none;
   outline: 0;
   color: #aaabae;
   padding: 15px 20px;
   padding-top: 13px
}

.page-container .sidebar-menu #main-menu li#search button i {
   margin: 0
}

.page-container .sidebar-menu #main-menu li i {
   position: relative;
   font-size: 15px;
   margin-right: 5px
}

.page-container .sidebar-menu #main-menu li a {
   position: relative;
   display: block;
   padding: 10px 20px;
   color: #aaabae;
   z-index: 2;
   -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   transition: color 250ms ease-in-out, background-color 250ms ease-in-out
}

.page-container .sidebar-menu #main-menu li a i {
   top: 1px;
   display: inline-block
}

.page-container .sidebar-menu #main-menu li a span {
   -webkit-transition: 350ms opacity ease-in-out;
   -moz-transition: 350ms opacity ease-in-out;
   -o-transition: 350ms opacity ease-in-out;
   transition: 350ms opacity ease-in-out
}

.page-container .sidebar-menu #main-menu li a:hover {
   background-color: rgba(69, 74, 84, .3);
   color: #fff
}

.page-container .sidebar-menu #main-menu li a .badge {
   position: relative;
   float: right;
   font-size: 11px;
   line-height: 1.3
}

.page-container .sidebar-menu #main-menu li a .badge.badge-primary {
   border: 1px solid #454a54;
   top: -1px
}

.page-container .sidebar-menu #main-menu li.active>a {
   background-color: #2b303a;
   color: #fff
}

.page-container .sidebar-menu #main-menu li.has-sub>a:before {
   position: relative;
   content: '\e877';
   content: '\e879';
   display: inline-block;
   font-family: Entypo;
   color: #454a54;
   color: #fff;
   float: right;
   font-size: 15px;
   margin-left: 13px;
   top: 0;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.page-container .sidebar-menu #main-menu li.has-sub.opened>a:before {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   transform: rotate(90deg)
}

.page-container .sidebar-menu #main-menu li ul {
   position: relative;
   list-style: none;
   padding: 0;
   margin: 0;
   border-top: 1px solid rgba(69, 74, 84, .4);
   display: none;
   overflow: hidden;
   z-index: 1
}

.page-container .sidebar-menu #main-menu li ul.visible {
   display: block
}

.page-container .sidebar-menu #main-menu li ul>li {
   border-bottom: 1px solid rgba(69, 74, 84, .4)
}

.page-container .sidebar-menu #main-menu li ul>li>a {
   background-color: #2b303a;
   padding-left: 40px
}

.page-container .sidebar-menu #main-menu li ul>li>a:hover {
   background-color: #2d323d
}

.page-container .sidebar-menu #main-menu li ul>li:last-child {
   border-bottom: 0
}

.page-container .sidebar-menu #main-menu li ul>li ul>li>a {
   padding-left: 60px;
   background: #262b34
}

.page-container .sidebar-menu #main-menu li ul>li ul>li ul>li>a {
   padding-left: 80px;
   background: #262b34
}

.page-container .sidebar-menu #main-menu li ul>li ul>li ul>li ul>li>a {
   padding-left: 100px;
   background: #262b34
}

.page-container .sidebar-menu .sidebar-user-info {
   position: relative;
   padding: 25px 35px;
   border-top: 1px solid #454a54;
   -webkit-transition: padding .3s ease-in-out;
   -moz-transition: padding .3s ease-in-out;
   -o-transition: padding .3s ease-in-out;
   transition: padding .3s ease-in-out;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.page-container .sidebar-menu .sidebar-user-info .user-link {
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.page-container .sidebar-menu .sidebar-user-info .user-link:after,
.page-container .sidebar-menu .sidebar-user-info .user-link:before {
   content: " ";
   display: table
}

.page-container .sidebar-menu .sidebar-user-info .user-link:after {
   clear: both
}

.page-container .sidebar-menu .sidebar-user-info .user-link img {
   float: left;
   margin-right: 15px;
   border: 4px solid rgba(255, 255, 255, .11);
   -webkit-transition: transform 350ms cubic-bezier(.445,
         .050,
         .55,
         .95);
   -o-transition: transform 350ms cubic-bezier(.445,
         .050,
         .55,
         .95);
   transition: transform 350ms cubic-bezier(.445,
         .050,
         .55,
         .95);
   -webkit-transition: -webkit-transform 350ms cubic-bezier(.445,
         .050,
         .55,
         .95);
   -moz-transition: -moz-transform 350ms cubic-bezier(.445,
         .050,
         .55,
         .95);
   -o-transition: -o-transform 350ms cubic-bezier(.445,
         .050,
         .55,
         .95);
   transition: -webkit-transform 350ms cubic-bezier(.445,
         .050,
         .55,
         .95), -moz-transform 350ms cubic-bezier(.445,
         .050,
         .55,
         .95), -o-transform 350ms cubic-bezier(.445,
         .050,
         .55,
         .95), transform 350ms cubic-bezier(.445,
         .050,
         .55,
         .95);
   display: block;
   max-width: 100%;
   height: auto
}

.page-container .sidebar-menu .sidebar-user-info .user-link span,
.page-container .sidebar-menu .sidebar-user-info .user-link strong {
   display: block;
   font-size: 14px;
   color: #fff;
   font-weight: 400;
   line-height: 1.2;
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1;
   -webkit-transition: opacity .3s ease-in-out;
   -moz-transition: opacity .3s ease-in-out;
   -o-transition: opacity .3s ease-in-out;
   transition: opacity .3s ease-in-out
}

.page-container .sidebar-menu .sidebar-user-info .user-link span {
   zoom: 1;
   -webkit-opacity: 0.8;
   -moz-opacity: 0.8;
   opacity: .8
}

.page-container .sidebar-menu .sidebar-user-info .user-link strong {
   font-size: 18px
}

.page-container .sidebar-menu .sidebar-user-info .user-link img+span,
.page-container .sidebar-menu .sidebar-user-info .user-link img+strong {
   padding-top: 8px
}

.page-container .sidebar-menu .sidebar-user-info .sui-normal {
   position: relative
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover {
   position: absolute;
   visibility: hidden;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   background: #2b303a;
   padding: 25px 27.5px;
   -webkit-transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
   -o-transition: opacity .2s ease-in-out;
   transition: opacity .2s ease-in-out;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover .close-sui-popup {
   position: absolute;
   right: 15px;
   top: 10px;
   color: rgba(255, 255, 255, .6);
   font-size: 11px;
   cursor: pointer;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover a {
   position: relative;
   color: #fff;
   display: block;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover a+a {
   margin-left: 0;
   margin-top: 5px
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a {
   top: -20px;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transition: all 350ms cubic-bezier(.68,
         -.55,
         .265,
         1.55);
   -moz-transition: all 350ms cubic-bezier(.68,
         -.55,
         .265,
         1.55);
   -o-transition: all 350ms cubic-bezier(.68,
         -.55,
         .265,
         1.55);
   transition: all 350ms cubic-bezier(.68,
         -.55,
         .265,
         1.55);
   -webkit-transition-delay: 90ms;
   -moz-transition-delay: 90ms;
   -o-transition-delay: 90ms;
   transition-delay: 90ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a {
   -webkit-transition-delay: 180ms;
   -moz-transition-delay: 180ms;
   -o-transition-delay: 180ms;
   transition-delay: 180ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a {
   -webkit-transition-delay: 270ms;
   -moz-transition-delay: 270ms;
   -o-transition-delay: 270ms;
   transition-delay: 270ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a {
   -webkit-transition-delay: 360ms;
   -moz-transition-delay: 360ms;
   -o-transition-delay: 360ms;
   transition-delay: 360ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a+a {
   -webkit-transition-delay: 450ms;
   -moz-transition-delay: 450ms;
   -o-transition-delay: 450ms;
   transition-delay: 450ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a+a+a {
   -webkit-transition-delay: 540ms;
   -moz-transition-delay: 540ms;
   -o-transition-delay: 540ms;
   transition-delay: 540ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a+a+a+a {
   -webkit-transition-delay: 630ms;
   -moz-transition-delay: 630ms;
   -o-transition-delay: 630ms;
   transition-delay: 630ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a+a+a+a+a {
   -webkit-transition-delay: 720ms;
   -moz-transition-delay: 720ms;
   -o-transition-delay: 720ms;
   transition-delay: 720ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a+a+a+a+a+a {
   -webkit-transition-delay: 810ms;
   -moz-transition-delay: 810ms;
   -o-transition-delay: 810ms;
   transition-delay: 810ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a+a+a+a+a+a+a {
   -webkit-transition-delay: 0.9s;
   -moz-transition-delay: 0.9s;
   -o-transition-delay: 0.9s;
   transition-delay: 0.9s
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a+a+a+a+a+a+a+a+a+a+a {
   -webkit-transition-delay: 990ms;
   -moz-transition-delay: 990ms;
   -o-transition-delay: 990ms;
   transition-delay: 990ms
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.visible {
   visibility: visible;
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.visible .close-sui-popup {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.visible.animate-in a {
   top: 0;
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.going-invisible {
   visibility: visible
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.inline-links a {
   line-height: 52px;
   color: #fff;
   display: inline-block
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.inline-links a+a {
   margin-left: 10px
}

.page-container .main-content {
   position: relative;
   display: table-cell;
   vertical-align: top;
   padding: 20px;
   background: #fff;
   width: 100%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

@media screen and (max-width:767px) {
   .page-container .main-content {
      display: block
   }
}

.page-container.sidebar-collapsed .sidebar-menu {
   width: 65px
}

.page-container.sidebar-collapsed .sidebar-menu .sidebar-menu-inner {
   width: 65px
}

.page-container.sidebar-collapsed .sidebar-menu.fixed .sidebar-menu-inner {
   position: relative
}

.purchased a {
   background-color: #007791;
   border: 0;
   border-radius: 2px;
   color: #fff;
   display: block;
   font-size: 15px;
   font-weight: 600;
   line-height: 1.43;
   margin-top: 20px;
   padding: 11px 12px;
   text-align: center;
   width: 100%
}

.purchased a:focus,
.purchased a:hover {
   background: #003440
}

.already_purchased a {
   background-color: #007791;
   border: 0;
   border-radius: 2px;
   color: #fff;
   display: block;
   font-size: 15px;
   font-weight: 600;
   line-height: 1.43;
   margin-top: 20px;
   padding: 11px 12px;
   text-align: center;
   width: 100%
}

.already_purchased a:focus,
.already_purchased a:hover {
   background: #003440
}

div.tagsinput span.tag {
   background-color: #2196f3;
   border-color: #2196f3;
   color: #fff
}

div.tagsinput span.tag a {
   color: #ddd
}

.no-padding {
   margin: 0;
   padding: 0
}

.hidden {
   display: none
}

.select.form-control:not([size]):not([multiple]) {
   height: auto
}

.panel-video {
   margin-top: 2px;
   padding: 15px 15px 25px;
   background-color: #fff;
   border-top: 2px solid #e84c3d
}

.ui-title-inner {
   text-transform: uppercase
}

.course-description {
   color: #505763;
   font-size: 11px;
   margin-bottom: 20px
}

.course-price {
   font-size: 11px
}

.course__free {
   font-size: 1.5em
}

span.discounted {
   font-weight: 900;
   font-size: 1.5em;
   color: red
}

em {
   font-size: 1.5em
}

.nav-item {
   font-size: .8em
}

.info-text {
   font-size: 1.2em
}

.custom-file-input:lang(en)~.custom-file-label::after {
   content: 'Arquivo'
}

@media (max-width:430px) {
   .custom-file-input:lang(en)~.custom-file-label::after {
      content: ''
   }

   .custom-file-label::after {
      display: none
   }

   .custom-file-label .fa-upload {
      float: right;
      margin-top: 4px
   }
}

.card.card__lessons {
   border: none;
   border-radius: 0;
   color: #29303b
}

.card.card__lessons:not(:last-child) {
   border-bottom: solid 1px #e4e4e4
}

.card.card__lessons>.card-header {
   padding: 10px;
   padding-left: 5px;
   background: #f7f8fa
}

.card-header button:focus {
   color: #c00015 !important
}

.card-header:first-child {
   border: none
}

.card-header {
   background-color: #fff
}

.card-body {
   background: #f7f7f7;
   padding: 13px !important;
   padding-top: 5px !important
}

.card-body tr td .item__link {
   color: #000
}

.flex-grow-1 {
   flex-grow: 1
}

.font__1 {
   font-family: Poppins, sans-serif !important
}

.font__2 {
   font-family: Roboto, sans-serif !important
}

.font__3 {
   font-family: Raleway, sans-serif !important
}

.font--size-1 {
   font-size: 1.1em;
   letter-spacing: .5px;
   line-height: 22px
}

.font--size-2 {
   font-size: 1.6666em;
   letter-spacing: .5px;
   line-height: 22px
}

.nav-sub {
   clear: both;
   position: absolute;
   top: 50px;
   background-color: #fff;
   border-radius: 4px;
   padding: 12px 30px;
   margin-left: 10px;
   display: none
}

.nav-sub-item {
   color: #d64c4c;
   padding-left: 5px;
   padding-right: 5px;
   font-size: 14px;
   list-style: none
}

.nav-link:hover+.nav-sub,
.nav-sub:hover {
   display: block !important
}

.nav-item.borderBottom:last-child a {
   color: #d64c4c !important;
   border-bottom: 2px solid
}

.nav-sub-item a {
   color: rgba(0, 0, 0, .7) !important
}

.nav-sub-item,
.nav-sub-item a {
   border: none !important
}

@media screen and (max-width:400px) {
   .nav-sub {
      clear: both;
      position: relative;
      top: 0;
      background-color: #fff;
      border-radius: 4px;
      padding: 12px 30px;
      margin-left: 10px;
      display: none
   }
}

a.text-primary:focus,
a.text-primary:hover {
   color: #7b7b7b
}

a.text-success:focus,
a.text-success:hover {
   color: #022501
}

a.text-info:focus,
a.text-info:hover {
   color: #215f79
}

a.text-warning:focus,
a.text-warning:hover {
   color: #251f01
}

a.text-danger:focus,
a.text-danger:hover {
   color: #7f1212
}

a.bg-primary:focus,
a.bg-primary:hover {
   background-color: #7b7b7b
}

a.bg-success:focus,
a.bg-success:hover {
   background-color: #95e294
}

a.bg-info:focus,
a.bg-info:hover {
   background-color: #98d6f1
}

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

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

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
   background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
   background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
   background-color: #bdedbc
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
   background-color: #a9e8a8
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
   background-color: #c5e8f7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
   background-color: #afdff4
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
   background-color: #ffefa4
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
   background-color: #ffeb8a
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
   background-color: #ffc9c9
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
   background-color: #ffafaf
}

.form-control:focus {
   border-color: #cbd0d9;
   outline: 0;
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(203, 208, 217, .6);
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(203, 208, 217, .6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(203, 208, 217, .6)
}

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

.form-control:-moz-placeholder {
   color: #aaa
}

.form-control::-moz-placeholder {
   color: #aaa
}

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

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

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

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

select.input-sm {
   height: 28px;
   line-height: 28px
}

select[multiple].input-sm,
textarea.input-sm {
   height: auto
}

select.input-lg {
   height: 42px;
   line-height: 42px
}

select[multiple].input-lg,
textarea.input-lg {
   height: auto
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
   color: #045702
}

.has-success .form-control {
   border-color: #045702;
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
   border-color: #022501;
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #09bb04;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #09bb04;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #09bb04
}

.has-success .input-group-addon {
   color: #045702;
   border-color: #045702;
   background-color: #bdedbc
}

.has-success .form-control-feedback {
   color: #045702
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
   color: #574802
}

.has-warning .form-control {
   border-color: #574802;
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
   border-color: #251f01;
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #bb9b04;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #bb9b04;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #bb9b04
}

.has-warning .input-group-addon {
   color: #574802;
   border-color: #574802;
   background-color: #ffefa4
}

.has-warning .form-control-feedback {
   color: #574802
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
   color: #ac1818
}

.has-error .form-control {
   border-color: #ac1818;
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
   border-color: #7f1212;
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e54545;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e54545;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e54545
}

.has-error .input-group-addon {
   color: #ac1818;
   border-color: #ac1818;
   background-color: #ffc9c9
}

.has-error .form-control-feedback {
   color: #ac1818
}

.btn-default.focus,
.btn-default:focus {
   color: #303641;
   background-color: #d6d6d8;
   border-color: #aeaeb3
}

.btn-default:hover {
   color: #303641;
   background-color: #d6d6d8;
   border-color: #d0d0d3
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
   color: #303641;
   background-color: #d6d6d8;
   border-color: #d0d0d3
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
   color: #303641;
   background-color: #c3c3c7;
   border-color: #aeaeb3
}

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

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

.btn-default .badge {
   color: #f0f0f1;
   background-color: #303641
}

.btn-default.focus,
.btn-default:focus,
.btn-default:hover {
   color: #303641 !important
}

.btn-default.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-default.btn-icon i {
   background-color: #dbdbdd;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-default.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-default.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-default.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-default.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-default.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-default.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-default.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-default.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-default.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-default.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-default.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-primary.focus,
.btn-primary:focus {
   color: #fff;
   background-color: #1a1e24;
   border-color: #000
}

.btn-primary:hover {
   color: #fff;
   background-color: #1a1e24;
   border-color: #0b0d0f
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
   color: #fff;
   background-color: #1a1e24;
   border-color: #0b0d0f
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
   color: #fff;
   background-color: #0b0d0f;
   border-color: #000
}

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

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
   background-color: #303641;
   border-color: #252a32
}

.btn-primary .badge {
   color: #303641;
   background-color: #fff
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
   color: #fff !important
}

.btn-primary.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-primary.btn-icon i {
   background-color: #1f232a;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-primary.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-primary.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-primary.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-primary.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-primary.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-primary.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-primary.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-primary.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-primary.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-primary.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-primary.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-success.focus,
.btn-success:focus {
   color: #fff;
   background-color: #007338;
   border-color: #000d06
}

.btn-success:hover {
   color: #fff;
   background-color: #007338;
   border-color: #004f27
}

.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
   color: #fff;
   background-color: #007338;
   border-color: #004f27
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
   color: #fff;
   background-color: #004f27;
   border-color: #000d06
}

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

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
   background-color: #00a651;
   border-color: #008d45
}

.btn-success .badge {
   color: #00a651;
   background-color: #fff
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
   color: #fff !important
}

.btn-success.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-success.btn-icon i {
   background-color: #007d3d;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-success.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-success.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-success.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-success.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-success.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-success.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-success.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-success.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-success.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-success.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-success.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-info.focus,
.btn-info:focus {
   color: #fff;
   background-color: #1988b6;
   border-color: #0c455d
}

.btn-info:hover {
   color: #fff;
   background-color: #1988b6;
   border-color: #147197
}

.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
   color: #fff;
   background-color: #1988b6;
   border-color: #147197
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
   color: #fff;
   background-color: #147197;
   border-color: #0c455d
}

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

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
   background-color: #21a9e1;
   border-color: #1c99cd
}

.btn-info .badge {
   color: #21a9e1;
   background-color: #fff
}

.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
   color: #fff !important
}

.btn-info.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-info.btn-icon i {
   background-color: #1a8fbf;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-info.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-info.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-info.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-info.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-info.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-info.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-info.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-info.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-info.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-info.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-info.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-warning.focus,
.btn-warning:focus {
   color: #fff;
   background-color: #f9ce07;
   border-color: #967c04
}

.btn-warning:hover {
   color: #fff;
   background-color: #f9ce07;
   border-color: #d7b205
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
   color: #fff;
   background-color: #f9ce07;
   border-color: #d7b205
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
   color: #fff;
   background-color: #d7b205;
   border-color: #967c04
}

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

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
   background-color: #fad839;
   border-color: #f9d320
}

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

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
   color: #fff !important
}

.btn-warning.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-warning.btn-icon i {
   background-color: #f9d011;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-warning.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-warning.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-warning.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-warning.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-warning.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-warning.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-warning.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-warning.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-warning.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-warning.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-warning.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-danger.focus,
.btn-danger:focus {
   color: #fff;
   background-color: #a11c1c;
   border-color: #4a0d0d
}

.btn-danger:hover {
   color: #fff;
   background-color: #a11c1c;
   border-color: #821717
}

.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
   color: #fff;
   background-color: #a11c1c;
   border-color: #821717
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
   color: #fff;
   background-color: #821717;
   border-color: #4a0d0d
}

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

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
   background-color: #cc2424;
   border-color: #b62020
}

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

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
   color: #fff !important
}

.btn-danger.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-danger.btn-icon i {
   background-color: #a91e1e;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-danger.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-danger.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-danger.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-danger.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-danger.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-danger.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-danger.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-danger.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-danger.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-danger.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-danger.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn {
   outline: 0 !important
}

.btn:active {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none
}

.btn.btn-icon {
   position: relative
}

.btn.btn-icon i {
   position: absolute;
   right: 0;
   top: 0;
   height: 100%
}

.btn-default {
   color: #303641;
   background-color: #f0f0f1;
   border-color: #f0f0f1
}

.btn-default.focus,
.btn-default:focus {
   color: #303641;
   background-color: #d6d6d8;
   border-color: #aeaeb3
}

.btn-default:hover {
   color: #303641;
   background-color: #d6d6d8;
   border-color: #d0d0d3
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
   color: #303641;
   background-color: #d6d6d8;
   border-color: #d0d0d3
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
   color: #303641;
   background-color: #c3c3c7;
   border-color: #aeaeb3
}

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

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

.btn-default .badge {
   color: #f0f0f1;
   background-color: #303641
}

.btn-default.focus,
.btn-default:focus,
.btn-default:hover {
   color: #303641 !important
}

.btn-default.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-default.btn-icon i {
   background-color: #dbdbdd;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-default.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-default.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-default.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-default.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-default.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-default.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-default.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-default.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-default.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-default.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-default.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-primary {
   color: #fff
}

.btn-primary.focus,
.btn-primary:focus {
   color: #fff;
   background-color: #1a1e24;
   border-color: #000
}

.btn-primary:hover {
   color: #fff;
   background-color: #1a1e24;
   border-color: #0b0d0f
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
   color: #fff;
   background-color: #1a1e24;
   border-color: #0b0d0f
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
   color: #fff;
   background-color: #0b0d0f;
   border-color: #000
}

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

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
   background-color: #303641;
   border-color: #252a32
}

.btn-primary .badge {
   color: #303641;
   background-color: #fff
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
   color: #fff !important
}

.btn-primary.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-primary.btn-icon i {
   background-color: #1f232a;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-primary.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-primary.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-primary.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-primary.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-primary.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-primary.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-primary.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-primary.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-primary.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-primary.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-primary.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-blue {
   color: #fff;
   background-color: #0072bc;
   border-color: #0072bc
}

.btn-blue.focus,
.btn-blue:focus {
   color: #fff;
   background-color: #005389;
   border-color: #00253d
}

.btn-blue:hover {
   color: #fff;
   background-color: #005389;
   border-color: #004d7f
}

.btn-blue.active,
.btn-blue:active,
.open>.dropdown-toggle.btn-blue {
   color: #fff;
   background-color: #005389;
   border-color: #004d7f
}

.btn-blue.active.focus,
.btn-blue.active:focus,
.btn-blue.active:hover,
.btn-blue:active.focus,
.btn-blue:active:focus,
.btn-blue:active:hover,
.open>.dropdown-toggle.btn-blue.focus,
.open>.dropdown-toggle.btn-blue:focus,
.open>.dropdown-toggle.btn-blue:hover {
   color: #fff;
   background-color: #003d65;
   border-color: #00253d
}

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

.btn-blue.disabled.focus,
.btn-blue.disabled:focus,
.btn-blue.disabled:hover,
.btn-blue[disabled].focus,
.btn-blue[disabled]:focus,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue.focus,
fieldset[disabled] .btn-blue:focus,
fieldset[disabled] .btn-blue:hover {
   background-color: #0072bc;
   border-color: #0072bc
}

.btn-blue .badge {
   color: #0072bc;
   background-color: #fff
}

.btn-blue.focus,
.btn-blue:focus,
.btn-blue:hover {
   color: #fff !important
}

.btn-blue.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-blue.btn-icon i {
   background-color: #005993;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-blue.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-blue.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-blue.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-blue.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-blue.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-blue.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-blue.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-blue.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-blue.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-blue.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-blue.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-red {
   color: #fff;
   background-color: #d42020;
   border-color: #d42020
}

.btn-red.focus,
.btn-red:focus {
   color: #fff;
   background-color: #a81919;
   border-color: #650f0f
}

.btn-red:hover {
   color: #fff;
   background-color: #a81919;
   border-color: #9f1818
}

.btn-red.active,
.btn-red:active,
.open>.dropdown-toggle.btn-red {
   color: #fff;
   background-color: #a81919;
   border-color: #9f1818
}

.btn-red.active.focus,
.btn-red.active:focus,
.btn-red.active:hover,
.btn-red:active.focus,
.btn-red:active:focus,
.btn-red:active:hover,
.open>.dropdown-toggle.btn-red.focus,
.open>.dropdown-toggle.btn-red:focus,
.open>.dropdown-toggle.btn-red:hover {
   color: #fff;
   background-color: #891515;
   border-color: #650f0f
}

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

.btn-red.disabled.focus,
.btn-red.disabled:focus,
.btn-red.disabled:hover,
.btn-red[disabled].focus,
.btn-red[disabled]:focus,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red.focus,
fieldset[disabled] .btn-red:focus,
fieldset[disabled] .btn-red:hover {
   background-color: #d42020;
   border-color: #d42020
}

.btn-red .badge {
   color: #d42020;
   background-color: #fff
}

.btn-red.focus,
.btn-red:focus,
.btn-red:hover {
   color: #fff !important
}

.btn-red.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-red.btn-icon i {
   background-color: #b11b1b;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-red.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-red.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-red.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-red.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-red.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-red.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-red.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-red.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-red.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-red.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-red.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-orange {
   color: #fff;
   background-color: #ff9600;
   border-color: #ff9600
}

.btn-orange.focus,
.btn-orange:focus {
   color: #fff;
   background-color: #cc7800;
   border-color: #804b00
}

.btn-orange:hover {
   color: #fff;
   background-color: #cc7800;
   border-color: #c27200
}

.btn-orange.active,
.btn-orange:active,
.open>.dropdown-toggle.btn-orange {
   color: #fff;
   background-color: #cc7800;
   border-color: #c27200
}

.btn-orange.active.focus,
.btn-orange.active:focus,
.btn-orange.active:hover,
.btn-orange:active.focus,
.btn-orange:active:focus,
.btn-orange:active:hover,
.open>.dropdown-toggle.btn-orange.focus,
.open>.dropdown-toggle.btn-orange:focus,
.open>.dropdown-toggle.btn-orange:hover {
   color: #fff;
   background-color: #a86300;
   border-color: #804b00
}

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

.btn-orange.disabled.focus,
.btn-orange.disabled:focus,
.btn-orange.disabled:hover,
.btn-orange[disabled].focus,
.btn-orange[disabled]:focus,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange.focus,
fieldset[disabled] .btn-orange:focus,
fieldset[disabled] .btn-orange:hover {
   background-color: #ff9600;
   border-color: #ff9600
}

.btn-orange .badge {
   color: #ff9600;
   background-color: #fff
}

.btn-orange.focus,
.btn-orange:focus,
.btn-orange:hover {
   color: #fff !important
}

.btn-orange.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-orange.btn-icon i {
   background-color: #d67e00;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-orange.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-orange.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-orange.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-orange.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-orange.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-orange.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-orange.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-orange.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-orange.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-orange.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-orange.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-gold {
   color: #846e20;
   background-color: #fcd036;
   border-color: #fcd036
}

.btn-gold.focus,
.btn-gold:focus {
   color: #846e20;
   background-color: #fbc404;
   border-color: #b08903
}

.btn-gold:hover {
   color: #846e20;
   background-color: #fbc404;
   border-color: #f1bc04
}

.btn-gold.active,
.btn-gold:active,
.open>.dropdown-toggle.btn-gold {
   color: #846e20;
   background-color: #fbc404;
   border-color: #f1bc04
}

.btn-gold.active.focus,
.btn-gold.active:focus,
.btn-gold.active:hover,
.btn-gold:active.focus,
.btn-gold:active:focus,
.btn-gold:active:hover,
.open>.dropdown-toggle.btn-gold.focus,
.open>.dropdown-toggle.btn-gold:focus,
.open>.dropdown-toggle.btn-gold:hover {
   color: #846e20;
   background-color: #d8a903;
   border-color: #b08903
}

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

.btn-gold.disabled.focus,
.btn-gold.disabled:focus,
.btn-gold.disabled:hover,
.btn-gold[disabled].focus,
.btn-gold[disabled]:focus,
.btn-gold[disabled]:hover,
fieldset[disabled] .btn-gold.focus,
fieldset[disabled] .btn-gold:focus,
fieldset[disabled] .btn-gold:hover {
   background-color: #fcd036;
   border-color: #fcd036
}

.btn-gold .badge {
   color: #fcd036;
   background-color: #846e20
}

.btn-gold.focus,
.btn-gold:focus,
.btn-gold:hover {
   color: #846e20 !important
}

.btn-gold.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-gold.btn-icon i {
   background-color: #fbc70e;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-gold.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-gold.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-gold.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-gold.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-gold.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-gold.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-gold.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-gold.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-gold.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-gold.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-gold.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-black {
   color: #fff;
   background-color: #000;
   border-color: #000
}

.btn-black.focus,
.btn-black:focus {
   color: #fff;
   background-color: #000;
   border-color: #000
}

.btn-black:hover {
   color: #fff;
   background-color: #000;
   border-color: #000
}

.btn-black.active,
.btn-black:active,
.open>.dropdown-toggle.btn-black {
   color: #fff;
   background-color: #000;
   border-color: #000
}

.btn-black.active.focus,
.btn-black.active:focus,
.btn-black.active:hover,
.btn-black:active.focus,
.btn-black:active:focus,
.btn-black:active:hover,
.open>.dropdown-toggle.btn-black.focus,
.open>.dropdown-toggle.btn-black:focus,
.open>.dropdown-toggle.btn-black:hover {
   color: #fff;
   background-color: #000;
   border-color: #000
}

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

.btn-black.disabled.focus,
.btn-black.disabled:focus,
.btn-black.disabled:hover,
.btn-black[disabled].focus,
.btn-black[disabled]:focus,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black.focus,
fieldset[disabled] .btn-black:focus,
fieldset[disabled] .btn-black:hover {
   background-color: #000;
   border-color: #000
}

.btn-black .badge {
   color: #000;
   background-color: #fff
}

.btn-black.focus,
.btn-black:focus,
.btn-black:hover {
   color: #fff !important
}

.btn-black.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-black.btn-icon i {
   background-color: #000;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-black.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-black.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-black.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-black.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-black.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-black.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-black.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-black.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-black.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-black.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-black.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-white {
   color: #303641;
   background-color: #fff;
   border-color: #fff;
   border-color: #ebebeb !important
}

.btn-white.focus,
.btn-white:focus {
   color: #303641;
   background-color: #e6e6e6;
   border-color: #bfbfbf
}

.btn-white:hover {
   color: #303641;
   background-color: #e6e6e6;
   border-color: #e0e0e0
}

.btn-white.active,
.btn-white:active,
.open>.dropdown-toggle.btn-white {
   color: #303641;
   background-color: #e6e6e6;
   border-color: #e0e0e0
}

.btn-white.active.focus,
.btn-white.active:focus,
.btn-white.active:hover,
.btn-white:active.focus,
.btn-white:active:focus,
.btn-white:active:hover,
.open>.dropdown-toggle.btn-white.focus,
.open>.dropdown-toggle.btn-white:focus,
.open>.dropdown-toggle.btn-white:hover {
   color: #303641;
   background-color: #d4d4d4;
   border-color: #bfbfbf
}

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

.btn-white.disabled.focus,
.btn-white.disabled:focus,
.btn-white.disabled:hover,
.btn-white[disabled].focus,
.btn-white[disabled]:focus,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white.focus,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:hover {
   background-color: #fff;
   border-color: #fff
}

.btn-white .badge {
   color: #fff;
   background-color: #303641
}

.btn-white.focus,
.btn-white:focus,
.btn-white:hover {
   color: #303641 !important
}

.btn-white.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-white.btn-icon i {
   background-color: #ebebeb;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-white.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-white.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-white.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-white.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-white.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-white.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-white.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-white.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-white.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-white.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-white.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

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

.btn-warning.focus,
.btn-warning:focus {
   color: #fff;
   background-color: #f9ce07;
   border-color: #967c04
}

.btn-warning:hover {
   color: #fff;
   background-color: #f9ce07;
   border-color: #d7b205
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
   color: #fff;
   background-color: #f9ce07;
   border-color: #d7b205
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
   color: #fff;
   background-color: #d7b205;
   border-color: #967c04
}

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

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
   background-color: #fad839;
   border-color: #f9d320
}

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

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
   color: #fff !important
}

.btn-warning.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-warning.btn-icon i {
   background-color: #f9d011;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-warning.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-warning.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-warning.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-warning.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-warning.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-warning.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-warning.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-warning.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-warning.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-warning.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-warning.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

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

.btn-danger.focus,
.btn-danger:focus {
   color: #fff;
   background-color: #a11c1c;
   border-color: #4a0d0d
}

.btn-danger:hover {
   color: #fff;
   background-color: #a11c1c;
   border-color: #821717
}

.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
   color: #fff;
   background-color: #a11c1c;
   border-color: #821717
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
   color: #fff;
   background-color: #821717;
   border-color: #4a0d0d
}

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

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
   background-color: #cc2424;
   border-color: #b62020
}

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

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
   color: #fff !important
}

.btn-danger.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-danger.btn-icon i {
   background-color: #a91e1e;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-danger.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-danger.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-danger.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-danger.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-danger.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-danger.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-danger.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-danger.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-danger.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-danger.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-danger.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-green,
.btn-success {
   color: #fff;
   background-color: #00a651;
   border-color: #008d45
}

.btn-green.focus,
.btn-green:focus,
.btn-success.focus,
.btn-success:focus {
   color: #fff;
   background-color: #007338;
   border-color: #000d06
}

.btn-green:hover,
.btn-success:hover {
   color: #fff;
   background-color: #007338;
   border-color: #004f27
}

.btn-green.active,
.btn-green:active,
.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-green,
.open>.dropdown-toggle.btn-success {
   color: #fff;
   background-color: #007338;
   border-color: #004f27
}

.btn-green.active.focus,
.btn-green.active:focus,
.btn-green.active:hover,
.btn-green:active.focus,
.btn-green:active:focus,
.btn-green:active:hover,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-green.focus,
.open>.dropdown-toggle.btn-green:focus,
.open>.dropdown-toggle.btn-green:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
   color: #fff;
   background-color: #004f27;
   border-color: #000d06
}

.btn-green.active,
.btn-green:active,
.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-green,
.open>.dropdown-toggle.btn-success {
   background-image: none
}

.btn-green.disabled.focus,
.btn-green.disabled:focus,
.btn-green.disabled:hover,
.btn-green[disabled].focus,
.btn-green[disabled]:focus,
.btn-green[disabled]:hover,
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-green.focus,
fieldset[disabled] .btn-green:focus,
fieldset[disabled] .btn-green:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
   background-color: #00a651;
   border-color: #008d45
}

.btn-green .badge,
.btn-success .badge {
   color: #00a651;
   background-color: #fff
}

.btn-green.focus,
.btn-green:focus,
.btn-green:hover,
.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
   color: #fff !important
}

.btn-green.btn-icon,
.btn-success.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-green.btn-icon i,
.btn-success.btn-icon i {
   background-color: #007d3d;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-green.btn-icon.icon-left,
.btn-success.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-green.btn-icon.icon-left i,
.btn-success.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-green.btn-icon.btn-lg,
.btn-success.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-green.btn-icon.btn-lg.icon-left,
.btn-success.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-green.btn-icon.btn-lg i,
.btn-success.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-green.btn-icon.btn-sm,
.btn-success.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-green.btn-icon.btn-sm.icon-left,
.btn-success.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-green.btn-icon.btn-sm i,
.btn-success.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-green.btn-icon.btn-xs,
.btn-success.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-green.btn-icon.btn-xs.icon-left,
.btn-success.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-green.btn-icon.btn-xs i,
.btn-success.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

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

.btn-info.focus,
.btn-info:focus {
   color: #fff;
   background-color: #1988b6;
   border-color: #0c455d
}

.btn-info:hover {
   color: #fff;
   background-color: #1988b6;
   border-color: #147197
}

.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
   color: #fff;
   background-color: #1988b6;
   border-color: #147197
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
   color: #fff;
   background-color: #147197;
   border-color: #0c455d
}

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

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
   background-color: #21a9e1;
   border-color: #1c99cd
}

.btn-info .badge {
   color: #21a9e1;
   background-color: #fff
}

.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
   color: #fff !important
}

.btn-info.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.btn-info.btn-icon i {
   background-color: #1a8fbf;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.btn-info.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.btn-info.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.btn-info.btn-icon.btn-lg {
   padding-right: 55px
}

.btn-info.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.btn-info.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.btn-info.btn-icon.btn-sm {
   padding-right: 36px
}

.btn-info.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.btn-info.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.btn-info.btn-icon.btn-xs {
   padding-right: 32px
}

.btn-info.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.btn-info.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

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

.bs-example>.btn,
.bs-example>.btn-group,
.bs-example>.make-switch {
   margin-top: 4px;
   margin-bottom: 4px;
   margin-right: 9px
}

.bs-example.bs-baseline-top .btn,
.bs-example.bs-baseline-top .btn-group {
   vertical-align: top !important
}

.invoice {
   margin: 0 0;
   font-size: 14px
}

.invoice .invoice-left strong,
.invoice .invoice-right strong {
   color: #303641
}

.invoice .invoice-left>h3,
.invoice .invoice-right>h3 {
   margin-top: 0
}

.invoice .invoice-right {
   text-align: right
}

.invoice .margin {
   margin: 40px 0
}

.invoice h4 {
   font-weight: 700
}

@media print {
   .invoice-left {
      float: left !important
   }

   .invoice-right {
      float: right !important;
      text-align: right !important;
      top: -20px;
      position: relative
   }
}

@media (max-width:768px) {
   .invoice .invoice-right {
      text-align: left;
      margin-top: 20px
   }

   .invoice .margin {
      margin: 15px 0
   }

   .invoice table {
      margin: 20px 0
   }
}

.mail-env {
   position: relative
}

.mail-env:after,
.mail-env:before {
   content: " ";
   display: table
}

.mail-env:after {
   clear: both
}

hr+.mail-env {
   margin-top: -18px;
   border-top: 1px solid #ebebeb;
   margin-left: -20px;
   margin-right: -20px
}

.mail-env+hr {
   margin-top: 0;
   position: relative;
   margin-left: -20px;
   margin-right: -20px
}

.mail-env .mail-body,
.mail-env .mail-sidebar {
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.mail-env .mail-body:after,
.mail-env .mail-body:before,
.mail-env .mail-sidebar:after,
.mail-env .mail-sidebar:before {
   content: " ";
   display: table
}

.mail-env .mail-body:after,
.mail-env .mail-sidebar:after {
   clear: both
}

.mail-env .mail-sidebar-row {
   padding: 20px
}

.mail-env>.mail-sidebar-row.visible-xs {
   padding-bottom: 0
}

.mail-env .mail-sidebar {
   width: 22%;
   background: #f9f9f9;
   border-right: 1px solid #ebebeb;
   position: relative
}

.mail-env .mail-sidebar>h4 {
   padding: 20px
}

.mail-env .mail-sidebar .mail-menu {
   list-style: none;
   margin: 0;
   padding: 0;
   border-top: 1px solid #ebebeb
}

.mail-env .mail-sidebar .mail-menu>li {
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #ebebeb
}

.mail-env .mail-sidebar .mail-menu>li a {
   display: block;
   padding: 20px;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.mail-env .mail-sidebar .mail-menu>li a .badge {
   font-size: 13px
}

.mail-env .mail-sidebar .mail-menu>li a .badge-gray {
   background: 0 0;
   border: 1px solid #ebebeb
}

.mail-env .mail-sidebar .mail-menu>li a .badge-roundless {
   display: inline-block;
   width: 14px;
   height: 14px;
   -webkit-border-radius: 2px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 2px;
   -moz-background-clip: padding;
   border-radius: 2px;
   background-clip: padding-box
}

.mail-env .mail-sidebar .mail-menu>li:hover a {
   background: rgba(255, 255, 255, .8)
}

.mail-env .mail-sidebar .mail-menu>li.active a {
   background: #fff;
   font-weight: 700
}

.mail-env .mail-sidebar .mail-distancer {
   height: 40px
}

.mail-env .mail-body {
   width: 78%;
   float: right;
   overflow: hidden
}

.mail-env .mail-body .mail-header {
   padding: 20px;
   border-bottom: 1px solid #ebebeb
}

.mail-env .mail-body .mail-header:after,
.mail-env .mail-body .mail-header:before {
   content: " ";
   display: table
}

.mail-env .mail-body .mail-header:after {
   clear: both
}

.mail-env .mail-body .mail-header .mail-title {
   margin: 0;
   padding: 0;
   font-size: 20px;
   float: left;
   width: 75%;
   padding-right: 20px;
   color: #303641;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.mail-env .mail-body .mail-header .mail-title span.count {
   font-weight: 400;
   zoom: 1;
   -webkit-opacity: 0.3;
   -moz-opacity: 0.3;
   opacity: .3
}

.mail-env .mail-body .mail-header .mail-title .label {
   font-size: 9px;
   position: relative;
   top: -4px
}

.mail-env .mail-body .mail-header .mail-links,
.mail-env .mail-body .mail-header .mail-search {
   float: left;
   text-align: right;
   width: 25%
}

.mail-env .mail-body .mail-header .mail-links.mail-links>.btn,
.mail-env .mail-body .mail-header .mail-search.mail-links>.btn {
   margin-left: 5px;
   font-size: 11px
}

.mail-env .mail-body .mail-header .mail-links.mail-links>.btn:first-child,
.mail-env .mail-body .mail-header .mail-search.mail-links>.btn:first-child {
   margin-left: 0
}

.mail-env .mail-body .mail-header .mail-links .form-control[type=text],
.mail-env .mail-body .mail-header .mail-search .form-control[type=text] {
   height: 29px
}

.mail-env .mail-body .mail-info {
   background: #f3f4f4;
   display: table;
   width: 100%;
   border-spacing: 0;
   border-collapse: collapse;
   border-bottom: 1px solid #ebebeb
}

.mail-env .mail-body .mail-info:after,
.mail-env .mail-body .mail-info:before {
   content: " ";
   display: table
}

.mail-env .mail-body .mail-info:after {
   clear: both
}

.mail-env .mail-body .mail-info .mail-date,
.mail-env .mail-body .mail-info .mail-sender {
   display: table-cell;
   width: 50%;
   color: #a6a6a6;
   padding: 20px
}

.mail-env .mail-body .mail-info .mail-date.mail-sender span,
.mail-env .mail-body .mail-info .mail-sender.mail-sender span {
   font-weight: 700;
   color: #ec5956
}

.mail-env .mail-body .mail-info .mail-date.mail-sender img,
.mail-env .mail-body .mail-info .mail-sender.mail-sender img {
   margin-right: 5px;
   border: 2px solid #ebebeb
}

.mail-env .mail-body .mail-info .mail-date.mail-sender .dropdown-menu:after,
.mail-env .mail-body .mail-info .mail-sender.mail-sender .dropdown-menu:after {
   position: absolute;
   content: '';
   display: block;
   top: -5px;
   left: 17%;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 3px 4px 3px;
   border-color: transparent transparent #cc2424 transparent
}

.mail-env .mail-body .mail-info .mail-date.mail-date,
.mail-env .mail-body .mail-info .mail-sender.mail-date {
   text-align: right
}

.mail-env .mail-body .mail-text {
   border-bottom: 1px solid #ebebeb;
   padding: 20px
}

.mail-env .mail-body .mail-attachments {
   padding: 20px;
   border-bottom: 1px solid #ebebeb
}

.mail-env .mail-body .mail-attachments h4 {
   margin-bottom: 30px;
   line-height: 1
}

.mail-env .mail-body .mail-attachments h4 span {
   zoom: 1;
   -webkit-opacity: 0.4;
   -moz-opacity: 0.4;
   opacity: .4
}

.mail-env .mail-body .mail-attachments ul {
   list-style: none;
   padding: 0;
   margin: 0
}

.mail-env .mail-body .mail-attachments ul:after,
.mail-env .mail-body .mail-attachments ul:before {
   content: " ";
   display: table
}

.mail-env .mail-body .mail-attachments ul:after {
   clear: both
}

.mail-env .mail-body .mail-attachments ul li {
   float: left;
   margin: 0;
   padding: 0;
   margin-right: 30px;
   margin-bottom: 20px
}

.mail-env .mail-body .mail-attachments ul li>a {
   display: block
}

.mail-env .mail-body .mail-attachments ul li>a img {
   position: relative;
   display: block;
   line-height: 1;
   margin-bottom: 10px
}

.mail-env .mail-body .mail-attachments ul li>a.thumb {
   position: relative
}

.mail-env .mail-body .mail-attachments ul li>a.thumb:after {
   font-family: Entypo;
   content: '\e826';
   display: block;
   position: absolute;
   left: 50%;
   top: 50%;
   background: #fff;
   width: 40px;
   height: 40px;
   margin-left: -20px;
   margin-top: -20px;
   font-size: 28px;
   text-align: center;
   line-height: 40px;
   vertical-align: text-top;
   color: #fff;
   background: rgba(0, 0, 0, .25);
   -webkit-border-radius: 4px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 4px;
   -moz-background-clip: padding;
   border-radius: 4px;
   background-clip: padding-box;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.mail-env .mail-body .mail-attachments ul li>a.thumb:hover:after {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.mail-env .mail-body .mail-attachments ul li>a.thumb.download:after {
   content: '\e82d'
}

.mail-env .mail-body .mail-attachments ul li>a.name span {
   color: #666;
   float: right
}

.mail-env .mail-body .mail-attachments ul li .links {
   display: block;
   font-size: 11px;
   color: #666;
   margin-top: 6px
}

.mail-env .mail-body .mail-attachments ul li .links a {
   color: #666
}

.mail-env .mail-body .mail-reply {
   border-bottom: 1px solid #ebebeb;
   padding: 20px
}

.mail-env .mail-body .mail-reply .fake-form {
   padding: 20px;
   border: 2px solid #ebebeb;
   min-height: 100px;
   -webkit-border-radius: 4px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 4px;
   -moz-background-clip: padding;
   border-radius: 4px;
   background-clip: padding-box
}

.mail-env .mail-body .mail-reply .fake-form>div a {
   font-weight: 700;
   color: #ec5956
}

.mail-env .mail-body .mail-compose {
   padding: 20px
}

.mail-env .mail-body .mail-compose .form-group {
   position: relative;
   border-bottom: 1px solid #ebebeb;
   padding-bottom: 15px
}

.mail-env .mail-body .mail-compose .form-group label {
   position: absolute;
   left: 10px;
   top: 7px;
   z-index: 10
}

.mail-env .mail-body .mail-compose .form-group input {
   border-color: transparent;
   position: relative;
   z-index: 5;
   padding-left: 100px;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.mail-env .mail-body .mail-compose .form-group input:focus {
   background: #f9f9f9;
   border-color: #f4f4f4
}

.mail-env .mail-body .mail-compose .form-group .field-options {
   position: absolute;
   right: 5px;
   top: 5px;
   z-index: 12
}

.mail-env .mail-body .mail-compose .form-group .field-options a {
   display: inline-block;
   background: #f3f4f4;
   color: #7e8186;
   padding: 2px 6px;
   margin-left: 4px;
   text-align: center;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.mail-env .mail-body .mail-compose .compose-message-editor {
   padding-top: 5px
}

.mail-env .mail-body .mail-compose .compose-message-editor textarea {
   height: 400px
}

.mail-env .mail-body>div:last-child {
   border-bottom: 0
}

.mail-env .mail-body .mail-table {
   margin-bottom: 0
}

.mail-env .mail-body .mail-table tfoot tr th,
.mail-env .mail-body .mail-table thead tr th {
   background: #ebebeb;
   border: 0;
   color: #666;
   vertical-align: middle;
   border-bottom: 0
}

.mail-env .mail-body .mail-table tfoot tr th a,
.mail-env .mail-body .mail-table thead tr th a {
   color: #666
}

.mail-env .mail-body .mail-table tfoot tr th .mail-select-options,
.mail-env .mail-body .mail-table thead tr th .mail-select-options {
   float: left;
   padding-top: 5px
}

.mail-env .mail-body .mail-table tfoot tr th .mail-pagination,
.mail-env .mail-body .mail-table thead tr th .mail-pagination {
   float: right
}

.mail-env .mail-body .mail-table tfoot tr th .mail-pagination span,
.mail-env .mail-body .mail-table thead tr th .mail-pagination span {
   color: rgba(102, 102, 102, .5)
}

.mail-env .mail-body .mail-table tfoot tr th .mail-pagination .btn-group,
.mail-env .mail-body .mail-table thead tr th .mail-pagination .btn-group {
   margin-left: 5px
}

.mail-env .mail-body .mail-table tfoot tr th .mail-pagination .btn-group .btn-sm,
.mail-env .mail-body .mail-table thead tr th .mail-pagination .btn-group .btn-sm {
   padding-left: 7px;
   padding-right: 7px
}

.mail-env .mail-body .mail-table tbody tr td {
   border-top: 0;
   border-bottom: 1px solid #ebebeb;
   height: 50px;
   vertical-align: middle;
   background: #f9f9f9
}

.mail-env .mail-body .mail-table tbody tr td.col-name,
.mail-env .mail-body .mail-table tbody tr td.col-subject {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.mail-env .mail-body .mail-table tbody tr td.col-name.col-subject a,
.mail-env .mail-body .mail-table tbody tr td.col-subject.col-subject a {
   color: #8c8c8c
}

.mail-env .mail-body .mail-table tbody tr td.col-name.col-subject a.label,
.mail-env .mail-body .mail-table tbody tr td.col-subject.col-subject a.label {
   color: #fff
}

.mail-env .mail-body .mail-table tbody tr td.col-name {
   width: 25%
}

.mail-env .mail-body .mail-table tbody tr td.col-subject a {
   display: inline-block;
   max-width: 400px;
   height: 20px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.mail-env .mail-body .mail-table tbody tr td.col-options {
   text-align: right
}

.mail-env .mail-body .mail-table tbody tr td.col-options a {
   color: #999
}

.mail-env .mail-body .mail-table tbody tr td.col-time {
   width: 12%;
   text-align: right;
   color: rgba(102, 102, 102, .5)
}

.mail-env .mail-body .mail-table tbody tr td .star {
   display: inline-block;
   color: #ddd;
   margin-right: 5px;
   font-size: 14px;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.mail-env .mail-body .mail-table tbody tr td .star.stared,
.mail-env .mail-body .mail-table tbody tr td .star.starred {
   color: #ff9600
}

.mail-env .mail-body .mail-table tbody tr td>.label:first-child {
   margin-left: 0
}

.mail-env .mail-body .mail-table tbody tr.unread>td {
   background-color: #fff !important
}

.mail-env .mail-body .mail-table tbody tr.unread>td.col-name a {
   font-weight: 700
}

.mail-env .mail-body .mail-table tbody tr.highlight>td {
   background-color: #ffc !important
}

.mail-env .mail-body .mail-table>tbody>tr>td:first-child,
.mail-env .mail-body .mail-table>tbody>tr>th:first-child,
.mail-env .mail-body .mail-table>tfoot>tr>td:first-child,
.mail-env .mail-body .mail-table>tfoot>tr>th:first-child,
.mail-env .mail-body .mail-table>thead>tr>td:first-child,
.mail-env .mail-body .mail-table>thead>tr>th:first-child {
   padding-left: 20px
}

.mail-env .mail-body .mail-table>tbody>tr>td:last-child,
.mail-env .mail-body .mail-table>tbody>tr>th:last-child,
.mail-env .mail-body .mail-table>tfoot>tr>td:last-child,
.mail-env .mail-body .mail-table>tfoot>tr>th:last-child,
.mail-env .mail-body .mail-table>thead>tr>td:last-child,
.mail-env .mail-body .mail-table>thead>tr>th:last-child {
   padding-right: 20px
}

.mail-env .mail-body .mail-table>tbody>tr>thX:first-child,
.mail-env .mail-body .mail-table>tfoot>tr>thX:first-child,
.mail-env .mail-body .mail-table>thead>tr>thX:first-child {
   position: relative
}

.mail-env .mail-body .mail-table>tbody>tr>thX:first-child:before,
.mail-env .mail-body .mail-table>tfoot>tr>thX:first-child:before,
.mail-env .mail-body .mail-table>thead>tr>thX:first-child:before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   bottom: 0;
   width: 20px;
   background: #fff
}

.mail-env .mail-body .mail-table>tbody>tr>thX:last-child,
.mail-env .mail-body .mail-table>tfoot>tr>thX:last-child,
.mail-env .mail-body .mail-table>thead>tr>thX:last-child {
   position: relative
}

.mail-env .mail-body .mail-table>tbody>tr>thX:last-child:before,
.mail-env .mail-body .mail-table>tfoot>tr>thX:last-child:before,
.mail-env .mail-body .mail-table>thead>tr>thX:last-child:before {
   position: absolute;
   content: '';
   top: 0;
   right: 0;
   bottom: 0;
   width: 20px;
   background: #fff
}

.mail-env .mail-body .mail-table>tbody>tr:nth-child(odd)>td {
   background: #fbfbfb
}

.mail-env .mail-body .mail-table .neon-cb-replacement {
   top: 2px
}

.mail-env .mail-body .mail-table .neon-cb-replacement .cb-wrapper {
   background: #fff;
   border-color: #dfdfdf
}

.mail-env .mail-body .mail-table .neon-cb-replacement .cb-wrapper .checked {
   background: #dfdfdf
}

.mail-env.right-sidebar .mail-sidebar {
   border-left: 1px solid #ebebeb;
   border-right: 0
}

.mail-env.right-sidebar .mail-body {
   float: left
}

@media (max-width:999px) {
   .mail-env .mail-body .mail-table tbody tr td.col-subject a {
      max-width: 280px
   }
}

@media (max-width:959px) {
   .mail-env .mail-body .mail-header div.mail-title {
      width: 100%;
      white-space: normal
   }

   .mail-env .mail-body .mail-header .mail-links {
      float: none;
      width: 100%;
      text-align: left;
      clear: left;
      padding-top: 10px
   }

   .mail-env .mail-body .mail-info {
      display: block
   }

   .mail-env .mail-body .mail-info .mail-date,
   .mail-env .mail-body .mail-info .mail-sender {
      display: block;
      width: 100%
   }

   .mail-env .mail-body .mail-info .mail-date.mail-sender,
   .mail-env .mail-body .mail-info .mail-sender.mail-sender {
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #ebebeb
   }

   .mail-env .mail-body .mail-info .mail-date.mail-date,
   .mail-env .mail-body .mail-info .mail-sender.mail-date {
      text-align: left;
      padding-top: 10px;
      padding-bottom: 10px
   }

   .mail-env .mail-body .mail-compose .compose-message-editor textarea {
      height: 300px
   }
}

@media (max-width:768px) {
   .mail-env .mail-sidebar {
      width: 30.8%
   }

   .mail-env .mail-body {
      width: 69.2%
   }

   .mail-env .mail-body .mail-table tbody tr td.col-options {
      display: none
   }

   .mail-env .mail-body .mail-table tbody tr td.col-subject a {
      max-width: 160px
   }

   .mail-env .mail-body .mail-compose .compose-message-editor textarea {
      height: 240px
   }
}

@media (max-width:767px) {

   .mail-env .mail-body,
   .mail-env .mail-sidebar {
      width: 100%;
      float: none
   }

   .mail-env .mail-body .mail-header .mail-links,
   .mail-env .mail-body .mail-header .mail-search,
   .mail-env .mail-body .mail-header .mail-title {
      float: none;
      width: 100%
   }

   .mail-env .mail-body .mail-header .mail-links.mail-links,
   .mail-env .mail-body .mail-header .mail-links.mail-search,
   .mail-env .mail-body .mail-header .mail-search.mail-links,
   .mail-env .mail-body .mail-header .mail-search.mail-search,
   .mail-env .mail-body .mail-header .mail-title.mail-links,
   .mail-env .mail-body .mail-header .mail-title.mail-search {
      margin-top: 20px
   }

   .mail-env .mail-body .mail-header .mail-links {
      padding-top: 0
   }
}

@media (max-width:449px) {
   .mail-env .mail-body .mail-table tbody tr td.col-subject a {
      max-width: 40px
   }

   .mail-env .mail-body .mail-table tbody tr>td.col-name a.star {
      display: none
   }

   .mail-env .mail-body .mail-table>tbody>tr>td:last-child,
   .mail-env .mail-body .mail-table>tbody>tr>th:last-child,
   .mail-env .mail-body .mail-table>tfoot>tr>td:last-child,
   .mail-env .mail-body .mail-table>tfoot>tr>th:last-child,
   .mail-env .mail-body .mail-table>thead>tr>td:last-child,
   .mail-env .mail-body .mail-table>thead>tr>th:last-child {
      padding-right: 10px
   }

   .mail-env .mail-body .mail-table>tbody>tr>td:first-child,
   .mail-env .mail-body .mail-table>tbody>tr>th:first-child,
   .mail-env .mail-body .mail-table>tfoot>tr>td:first-child,
   .mail-env .mail-body .mail-table>tfoot>tr>th:first-child,
   .mail-env .mail-body .mail-table>thead>tr>td:first-child,
   .mail-env .mail-body .mail-table>thead>tr>th:first-child {
      padding-left: 10px
   }
}

.login-page {
   background: #303641
}

.login-page .login-content {
   position: relative;
   width: 320px;
   margin: 0 auto;
   text-align: center;
   padding: 20px 0;
   -moz-transition: all 550ms ease-in-out;
   -webkit-transition: all 550ms ease-in-out;
   -o-transition: all 550ms ease-in-out;
   transition: all 550ms ease-in-out
}

.login-page .login-content a {
   color: #949494
}

.login-page .login-header {
   position: relative;
   background: #373e4a;
   padding: 100px 0;
   -moz-transition: all 550ms ease-in-out;
   -webkit-transition: all 550ms ease-in-out;
   -o-transition: all 550ms ease-in-out;
   transition: all 550ms ease-in-out
}

.login-page .login-header .description {
   font-size: 13px;
   margin-top: 20px;
   margin-bottom: 0;
   -moz-transition: all 550ms ease-in-out;
   -webkit-transition: all 550ms ease-in-out;
   -o-transition: all 550ms ease-in-out;
   transition: all 550ms ease-in-out
}

.login-page .login-header.login-caret:after {
   position: absolute;
   content: '';
   left: 50%;
   bottom: 0;
   margin-left: -12.5px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 13px 12.5px 0 12.5px;
   border-color: #373e4a transparent transparent transparent;
   bottom: -13px;
   -moz-transition: all 550ms ease-in-out;
   -webkit-transition: all 550ms ease-in-out;
   -o-transition: all 550ms ease-in-out;
   transition: all 550ms ease-in-out
}

.login-page .login-form {
   position: relative;
   padding-top: 60px;
   -moz-transition: all 550ms ease-in-out;
   -webkit-transition: all 550ms ease-in-out;
   -o-transition: all 550ms ease-in-out;
   transition: all 550ms ease-in-out
}

.login-page .login-form .form-group {
   margin-bottom: 20px;
   -moz-transition: all 550ms ease-in-out;
   -webkit-transition: all 550ms ease-in-out;
   -o-transition: all 550ms ease-in-out;
   transition: all 550ms ease-in-out
}

.login-page .login-form .form-group .input-group {
   background: #373e4a;
   border: 1px solid #373e4a;
   padding-top: 6px;
   padding-bottom: 6px;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.login-page .login-form .form-group .input-group.focused {
   border-color: #626f85;
   border-color: rgba(98, 111, 133, .5)
}

.login-page .login-form .form-group .input-group.validate-has-error {
   border-color: #ec5956;
   border-color: rgba(236, 89, 86, .5)
}

.login-page .login-form .form-group .input-group.validate-has-error .error {
   position: absolute;
   right: 10px;
   top: 50%;
   margin-top: -8px;
   font-size: 10px
}

.login-page .login-form .form-group .input-group .form-control,
.login-page .login-form .form-group .input-group .input-group-addon {
   background: 0 0;
   border: 0
}

.login-page .login-form .form-group .input-group .input-group-addon {
   position: relative
}

.login-page .login-form .form-group .input-group .input-group-addon:after {
   position: absolute;
   display: block;
   content: '';
   right: 0;
   top: 0;
   height: 100%;
   width: 1px;
   background: #454a54;
   -webkit-transform: scaleY(.56);
   -moz-transform: scaleY(.56);
   -ms-transform: scaleY(.56);
   -o-transform: scaleY(.56);
   transform: scaleY(.56)
}

.login-page .login-form .form-group .input-group .form-control {
   color: #fff
}

.login-page .login-form .form-group .input-group .form-control:focus {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none
}

.login-page .login-form .form-group.lockscreen-input {
   margin-top: -155px
}

.login-page .login-form .form-group.lockscreen-input .lockscreen-thumb {
   position: relative;
   display: inline-block
}

.login-page .login-form .form-group.lockscreen-input .lockscreen-thumb img {
   border: 5px solid #373e4a
}

.login-page .login-form .form-group.lockscreen-input .lockscreen-thumb .lockscreen-progress-indicator {
   display: block;
   position: absolute;
   margin: 5px;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   color: #fff;
   font-size: 19px;
   text-align: center;
   line-height: 145px;
   background: rgba(0, 0, 0, .3);
   visibility: hidden;
   -webkit-border-radius: 50%;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 50%;
   -moz-background-clip: padding;
   border-radius: 50%;
   background-clip: padding-box;
   -moz-transition: all 550ms ease-in-out;
   -webkit-transition: all 550ms ease-in-out;
   -o-transition: all 550ms ease-in-out;
   transition: all 550ms ease-in-out;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

.login-page .login-form .form-group.lockscreen-input .lockscreen-thumb canvas {
   position: absolute;
   left: 0;
   top: 0
}

.login-page .login-form .form-group.lockscreen-input .lockscreen-details {
   position: relative;
   padding-top: 5px
}

.login-page .login-form .form-group.lockscreen-input .lockscreen-details h4 {
   color: #fff
}

.login-page .login-form .form-group.lockscreen-input .lockscreen-details span {
   display: block;
   padding-bottom: 5px
}

.login-page .login-form .form-group .btn-login {
   border: 1px solid #454a54;
   text-align: left;
   padding: 15px 20px;
   font-size: 14px;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.login-page .login-form .form-group .btn-login i {
   float: right
}

.login-page .login-form .form-group .btn-login:active,
.login-page .login-form .form-group .btn-login:hover {
   background: #373e4a
}

.login-page .login-form .form-group .facebook-button,
.login-page .login-form .form-group .google-button,
.login-page .login-form .form-group .twitter-button {
   text-align: left;
   color: #fff;
   background-color: #3b5998;
   font-size: 12px;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.login-page .login-form .form-group .facebook-button i,
.login-page .login-form .form-group .google-button i,
.login-page .login-form .form-group .twitter-button i {
   background-color: #385490;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.login-page .login-form .form-group .facebook-button:hover,
.login-page .login-form .form-group .google-button:hover,
.login-page .login-form .form-group .twitter-button:hover {
   background-color: rgba(59, 89, 152, .8)
}

.login-page .login-form .form-group .facebook-button:hover i,
.login-page .login-form .form-group .google-button:hover i,
.login-page .login-form .form-group .twitter-button:hover i {
   background-color: #31497e
}

.login-page .login-form .form-group .facebook-button.twitter-button,
.login-page .login-form .form-group .google-button.twitter-button,
.login-page .login-form .form-group .twitter-button.twitter-button {
   background-color: #4099ff
}

.login-page .login-form .form-group .facebook-button.twitter-button i,
.login-page .login-form .form-group .google-button.twitter-button i,
.login-page .login-form .form-group .twitter-button.twitter-button i {
   background-color: #0d7eff
}

.login-page .login-form .form-group .facebook-button.twitter-button:hover,
.login-page .login-form .form-group .google-button.twitter-button:hover,
.login-page .login-form .form-group .twitter-button.twitter-button:hover {
   background-color: rgba(64, 153, 255, .8)
}

.login-page .login-form .form-group .facebook-button.twitter-button:hover i,
.login-page .login-form .form-group .google-button.twitter-button:hover i,
.login-page .login-form .form-group .twitter-button.twitter-button:hover i {
   background-color: #0071f3
}

.login-page .login-form .form-group .facebook-button.google-button,
.login-page .login-form .form-group .google-button.google-button,
.login-page .login-form .form-group .twitter-button.google-button {
   background-color: #d34836
}

.login-page .login-form .form-group .facebook-button.google-button i,
.login-page .login-form .form-group .google-button.google-button i,
.login-page .login-form .form-group .twitter-button.google-button i {
   background-color: #b03626
}

.login-page .login-form .form-group .facebook-button.google-button:hover,
.login-page .login-form .form-group .google-button.google-button:hover,
.login-page .login-form .form-group .twitter-button.google-button:hover {
   background-color: rgba(211, 72, 54, .8)
}

.login-page .login-form .form-group .facebook-button.google-button:hover i,
.login-page .login-form .form-group .google-button.google-button:hover i,
.login-page .login-form .form-group .twitter-button.google-button:hover i {
   background-color: #9b3022
}

.login-page .login-bottom-links {
   padding-top: 40px;
   padding-bottom: 30px
}

.login-page .login-bottom-links a {
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.login-page .login-bottom-links a:hover {
   color: #aeaeae
}

.login-page .login-bottom-links .link {
   font-size: 14px;
   display: inline-block;
   margin-bottom: 10px;
   color: rgba(255, 255, 255, .7);
   -moz-transition: all 550ms ease-in-out;
   -webkit-transition: all 550ms ease-in-out;
   -o-transition: all 550ms ease-in-out;
   transition: all 550ms ease-in-out
}

.login-page .login-bottom-links .link:hover {
   color: #fff
}

.login-page .login-progressbar {
   height: 0;
   width: 100%;
   overflow: hidden;
   -moz-transition: all 550ms ease-in-out;
   -webkit-transition: all 550ms ease-in-out;
   -o-transition: all 550ms ease-in-out;
   transition: all 550ms ease-in-out
}

.login-page .login-progressbar div {
   width: 0%;
   -moz-transition: .7s all cubic-bezier(.77,
         0,
         .175,
         1);
   -webkit-transition: .7s all cubic-bezier(.77,
         0,
         .175,
         1);
   -o-transition: .7s all cubic-bezier(.77,
         0,
         .175,
         1);
   transition: .7s all cubic-bezier(.77,
         0,
         .175,
         1)
}

.login-page .login-progressbar-indicator {
   position: absolute;
   width: 100%;
   text-align: center;
   top: 100%;
   margin-top: 80px;
   visibility: hidden;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transform: translateY(100px) scale(.2);
   -moz-transform: translateY(100px) scale(.2);
   -ms-transform: translateY(100px) scale(.2);
   -o-transform: translateY(100px) scale(.2);
   transform: translateY(100px) scale(.2);
   -moz-transition: all 550ms ease-in-out;
   -webkit-transition: all 550ms ease-in-out;
   -o-transition: all 550ms ease-in-out;
   transition: all 550ms ease-in-out
}

.login-page .login-progressbar-indicator h3 {
   color: #fff;
   margin: 0;
   margin-bottom: 10px;
   font-size: 20px
}

.login-page.logging-in {
   overflow: hidden
}

.login-page.logging-in .login-header {
   padding-top: 170px;
   padding-bottom: 30px
}

.login-page.logging-in .login-header.login-caret:after {
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

.login-page.logging-in .login-header .description {
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

.login-page.logging-in .login-form .link,
.login-page.logging-in .login-form form {
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transform: translateY(-200px) scale(.8);
   -moz-transform: translateY(-200px) scale(.8);
   -ms-transform: translateY(-200px) scale(.8);
   -o-transform: translateY(-200px) scale(.8);
   transform: translateY(-200px) scale(.8)
}

.login-page.logging-in .login-progressbar {
   background: #515b6d;
   height: 2px
}

.login-page.logging-in .login-progressbar div {
   background: #de6c65;
   height: 2px
}

.login-page.logging-in .login-progressbar-indicator {
   visibility: visible;
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1;
   -webkit-transform: translateY(0) scale(1);
   -moz-transform: translateY(0) scale(1);
   -ms-transform: translateY(0) scale(1);
   -o-transform: translateY(0) scale(1);
   transform: translateY(0) scale(1)
}

.login-page.logging-in-lockscreen .login-form .form-group.lockscreen-input .lockscreen-thumb .lockscreen-progress-indicator {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1;
   visibility: visible
}

.login-page.logging-in-lockscreen .login-form .form-group:nth-child(n+2),
.login-page.logging-in-lockscreen .login-form .link {
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-transform: translateY(-50px) scale(.5);
   -moz-transform: translateY(-50px) scale(.5);
   -ms-transform: translateY(-50px) scale(.5);
   -o-transform: translateY(-50px) scale(.5);
   transform: translateY(-50px) scale(.5)
}

.login-page.login-form-fall .login-form {
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   top: -100px;
   -moz-transition: all 550ms ease-in-out;
   -webkit-transition: all 550ms ease-in-out;
   -o-transition: all 550ms ease-in-out;
   transition: all 550ms ease-in-out
}

.login-page.login-form-fall .login-form .form-group {
   -moz-transition: all 550ms ease-in-out;
   -webkit-transition: all 550ms ease-in-out;
   -o-transition: all 550ms ease-in-out;
   transition: all 550ms ease-in-out;
   -moz-transition-delay: 250ms;
   -o-transition-delay: 250ms;
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

.login-page.login-form-fall .login-form .form-group:nth-child(2) {
   -moz-transition-delay: 350ms;
   -o-transition-delay: 350ms;
   -webkit-transition-delay: 350ms;
   transition-delay: 350ms
}

.login-page.login-form-fall .login-form .form-group:nth-child(3) {
   -moz-transition-delay: 450ms;
   -o-transition-delay: 450ms;
   -webkit-transition-delay: 450ms;
   transition-delay: 450ms
}

.login-page.login-form-fall .login-form .form-group:nth-child(4) {
   -moz-transition-delay: 550ms;
   -o-transition-delay: 550ms;
   -webkit-transition-delay: 550ms;
   transition-delay: 550ms
}

.login-page.login-form-fall .login-form .form-group:nth-child(5) {
   -moz-transition-delay: 650ms;
   -o-transition-delay: 650ms;
   -webkit-transition-delay: 650ms;
   transition-delay: 650ms
}

.login-page.login-form-fall .login-form .form-group:nth-child(6) {
   -moz-transition-delay: 750ms;
   -o-transition-delay: 750ms;
   -webkit-transition-delay: 750ms;
   transition-delay: 750ms
}

.login-page.login-form-fall .login-form .form-group:nth-child(8) {
   -moz-transition-delay: 850ms;
   -o-transition-delay: 850ms;
   -webkit-transition-delay: 850ms;
   transition-delay: 850ms
}

.login-page.login-form-fall .login-form .form-group:nth-child(9) {
   -moz-transition-delay: 950ms;
   -o-transition-delay: 950ms;
   -webkit-transition-delay: 950ms;
   transition-delay: 950ms
}

.login-page.login-form-fall-init .login-form {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1;
   top: 0
}

.login-page.login-form-fall-init .login-form .form-group {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.login-page .form-steps .step {
   display: none
}

.login-page .form-steps .step.current {
   display: block
}

.login-page .form-forgotpassword-success,
.login-page .form-login-error,
.login-page .form-register-success {
   display: none;
   background: #00a651;
   color: #fff;
   padding: 10px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   margin-bottom: 30px;
   overflow: hidden
}

.login-page .form-forgotpassword-success.visible,
.login-page .form-login-error.visible,
.login-page .form-register-success.visible {
   display: block
}

.login-page .form-forgotpassword-success i,
.login-page .form-login-error i,
.login-page .form-register-success i {
   position: relative;
   font-size: 25px;
   background: #008d45;
   display: block;
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-top: -10px;
   margin-left: -10px;
   margin-right: -10px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box
}

.login-page .form-forgotpassword-success h3,
.login-page .form-login-error h3,
.login-page .form-register-success h3 {
   font-size: 15px;
   color: #fff;
   margin: 0;
   margin-top: 10px;
   margin-bottom: 5px
}

.login-page .form-forgotpassword-success p,
.login-page .form-login-error p,
.login-page .form-register-success p {
   font-size: 11px;
   margin: 0
}

.login-page .form-forgotpassword-success.form-login-error,
.login-page .form-login-error.form-login-error,
.login-page .form-register-success.form-login-error {
   padding: 0;
   background: #cc2424
}

.login-page .form-forgotpassword-success.form-login-error h3,
.login-page .form-login-error.form-login-error h3,
.login-page .form-register-success.form-login-error h3 {
   background: #b62020;
   padding: 10px;
   margin: 0;
   margin-bottom: 5px;
   font-size: 12px;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box
}

.login-page .form-forgotpassword-success.form-login-error p,
.login-page .form-login-error.form-login-error p,
.login-page .form-register-success.form-login-error p {
   padding: 10px
}

@media (max-width:991px) {
   .login-page .login-header {
      padding: 20px 0
   }

   .login-page .login-form {
      padding-top: 30px
   }

   .login-page .login-form .form-group.lockscreen-input {
      margin-top: 0
   }

   .login-page.logging-in .login-header {
      padding-top: 34px;
      padding-bottom: 6px
   }

   .login-page.logging-in .login-progressbar-indicator {
      margin-top: 60px
   }

   .login-page.logging-in .login-form .link,
   .login-page.logging-in .login-form form {
      -webkit-transform: translateY(-100px) scale(.6);
      -moz-transform: translateY(-100px) scale(.6);
      -ms-transform: translateY(-100px) scale(.6);
      -o-transform: translateY(-100px) scale(.6);
      transform: translateY(-100px) scale(.6)
   }
}

@media (max-width:350px) {
   .login-page .login-content {
      width: 280px
   }
}

.tocify {
   border: 1px solid #f2f2f4;
   background: #fff;
   overflow: hidden;
   margin-top: 20px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.tocify.fixed {
   position: fixed;
   top: 10px
}

.tocify li a:hover {
   background: #fafafb;
   color: #303641
}

.tocify>ul {
   border-bottom: 1px solid #f2f2f4
}

.tocify>ul ul li a {
   padding-left: 30px
}

.tocify>ul ul {
   border-top: 1px solid #f2f2f4;
   background: #fdfdfd
}

.tocify>ul:last-child {
   border-bottom: 0
}

.tocify .tocify-item.active>a {
   background: #f8f8f8;
   font-weight: 700
}

.tocify-extend-page {
   display: none !important
}

@media (max-width:991px) {
   .tocify.fixed {
      position: static;
      top: 0
   }
}

.calendar-env {
   position: relative
}

.calendar-env:after,
.calendar-env:before {
   content: " ";
   display: table
}

.calendar-env:after {
   clear: both
}

hr+.calendar-env {
   margin-top: -18px;
   border-top: 1px solid #ebebeb;
   margin-left: -20px;
   margin-right: -20px
}

.calendar-env+hr {
   margin-top: 0;
   position: relative;
   margin-left: -20px;
   margin-right: -20px
}

.calendar-env .calendar-body,
.calendar-env .calendar-sidebar {
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.calendar-env .calendar-body:after,
.calendar-env .calendar-body:before,
.calendar-env .calendar-sidebar:after,
.calendar-env .calendar-sidebar:before {
   content: " ";
   display: table
}

.calendar-env .calendar-body:after,
.calendar-env .calendar-sidebar:after {
   clear: both
}

.calendar-env .calendar-sidebar-row {
   padding: 20px
}

.calendar-env>.calendar-sidebar-row.visible-xs {
   padding-bottom: 0
}

.calendar-env .calendar-sidebar {
   width: 22%;
   background: #f9f9f9;
   border-right: 1px solid #ebebeb;
   position: relative
}

.calendar-env .calendar-sidebar>h4 {
   padding: 20px
}

.calendar-env .calendar-sidebar #add_event_form .input-group {
   background: #fff
}

.calendar-env .calendar-sidebar .calendar-distancer {
   height: 40px
}

.calendar-env .calendar-sidebar .events-list {
   border-top: 1px solid #ebebeb;
   padding-top: 20px;
   list-style: none;
   margin: 0;
   padding: 20px
}

.calendar-env .calendar-sidebar .events-list li a {
   display: block;
   padding: 6px 8px;
   margin-bottom: 4px;
   -moz-transition: background 250ms ease-in-out, color 250ms ease-in-out;
   -webkit-transition: background 250ms ease-in-out, color 250ms ease-in-out;
   -o-transition: background 250ms ease-in-out, color 250ms ease-in-out;
   transition: background 250ms ease-in-out, color 250ms ease-in-out;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   background: #ee4749;
   color: #fff
}

.calendar-env .calendar-sidebar .events-list li a:hover {
   background: #ec3032
}

.calendar-env .calendar-sidebar .events-list li a.color-blue {
   background: #21a9e1;
   color: #fff
}

.calendar-env .calendar-sidebar .events-list li a.color-blue:hover {
   background: #1c99cd
}

.calendar-env .calendar-sidebar .events-list li a.color-green {
   background: #00a651;
   color: #fff
}

.calendar-env .calendar-sidebar .events-list li a.color-green:hover {
   background: #008d45
}

.calendar-env .calendar-sidebar .events-list li a.color-primary {
   background: #303641;
   color: #fff
}

.calendar-env .calendar-sidebar .events-list li a.color-primary:hover {
   background: #252a32
}

.calendar-env .calendar-sidebar .events-list li a.color-orange {
   background: #ffae2f;
   color: #fff
}

.calendar-env .calendar-sidebar .events-list li a.color-orange:hover {
   background: #ffa416
}

.calendar-env .calendar-body {
   width: 78%;
   float: right
}

.calendar-env .calendar-body .fc-header {
   border-bottom: 1px solid #ebebeb
}

.calendar-env .calendar-body .fc-header h2,
.calendar-env .calendar-body .fc-header h3 {
   margin: 0;
   padding: 0
}

.calendar-env .calendar-body .fc-header .fc-header-left {
   padding: 20px
}

.calendar-env .calendar-body .fc-header .fc-header-center {
   display: none
}

.calendar-env .calendar-body .fc-header .fc-header-right {
   padding: 20px;
   text-align: right
}

.calendar-env .calendar-body .fc-header .fc-button {
   display: inline-block;
   margin-bottom: 0;
   font-weight: 400;
   text-align: center;
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
   white-space: nowrap;
   padding: 6px 12px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   outline: 0 !important;
   color: #303641;
   background-color: #fff;
   border-color: #fff;
   border-color: #ebebeb !important;
   -webkit-border-radius: 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0;
   -moz-background-clip: padding;
   border-radius: 0;
   background-clip: padding-box;
   border-right-width: 0
}

.calendar-env .calendar-body .fc-header .fc-button.active.focus,
.calendar-env .calendar-body .fc-header .fc-button.active:focus,
.calendar-env .calendar-body .fc-header .fc-button.focus,
.calendar-env .calendar-body .fc-header .fc-button:active.focus,
.calendar-env .calendar-body .fc-header .fc-button:active:focus,
.calendar-env .calendar-body .fc-header .fc-button:focus {
   outline: 0 !important;
   outline: thin dotted;
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px
}

.calendar-env .calendar-body .fc-header .fc-button.focus,
.calendar-env .calendar-body .fc-header .fc-button:focus,
.calendar-env .calendar-body .fc-header .fc-button:hover {
   color: #303641;
   text-decoration: none
}

.calendar-env .calendar-body .fc-header .fc-button.active,
.calendar-env .calendar-body .fc-header .fc-button:active {
   outline: 0;
   background-image: none;
   -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.calendar-env .calendar-body .fc-header .fc-button.disabled,
.calendar-env .calendar-body .fc-header .fc-button[disabled],
fieldset[disabled] .calendar-env .calendar-body .fc-header .fc-button {
   cursor: not-allowed;
   zoom: 1;
   -webkit-opacity: 0.65;
   -moz-opacity: 0.65;
   opacity: .65;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none
}

a.calendar-env .calendar-body .fc-header .fc-button.disabled,
fieldset[disabled] a.calendar-env .calendar-body .fc-header .fc-button {
   pointer-events: none
}

.calendar-env .calendar-body .fc-header .fc-button:active {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none
}

.calendar-env .calendar-body .fc-header .fc-button.btn-icon {
   position: relative
}

.calendar-env .calendar-body .fc-header .fc-button.btn-icon i {
   position: absolute;
   right: 0;
   top: 0;
   height: 100%
}

.calendar-env .calendar-body .fc-header .fc-button.focus,
.calendar-env .calendar-body .fc-header .fc-button:focus {
   color: #303641;
   background-color: #e6e6e6;
   border-color: #bfbfbf
}

.calendar-env .calendar-body .fc-header .fc-button:hover {
   color: #303641;
   background-color: #e6e6e6;
   border-color: #e0e0e0
}

.calendar-env .calendar-body .fc-header .fc-button.active,
.calendar-env .calendar-body .fc-header .fc-button:active,
.open>.dropdown-toggle.calendar-env .calendar-body .fc-header .fc-button {
   color: #303641;
   background-color: #e6e6e6;
   border-color: #e0e0e0
}

.calendar-env .calendar-body .fc-header .fc-button.active.focus,
.calendar-env .calendar-body .fc-header .fc-button.active:focus,
.calendar-env .calendar-body .fc-header .fc-button.active:hover,
.calendar-env .calendar-body .fc-header .fc-button:active.focus,
.calendar-env .calendar-body .fc-header .fc-button:active:focus,
.calendar-env .calendar-body .fc-header .fc-button:active:hover,
.open>.dropdown-toggle.calendar-env .calendar-body .fc-header .fc-button.focus,
.open>.dropdown-toggle.calendar-env .calendar-body .fc-header .fc-button:focus,
.open>.dropdown-toggle.calendar-env .calendar-body .fc-header .fc-button:hover {
   color: #303641;
   background-color: #d4d4d4;
   border-color: #bfbfbf
}

.calendar-env .calendar-body .fc-header .fc-button.active,
.calendar-env .calendar-body .fc-header .fc-button:active,
.open>.dropdown-toggle.calendar-env .calendar-body .fc-header .fc-button {
   background-image: none
}

.calendar-env .calendar-body .fc-header .fc-button.disabled.focus,
.calendar-env .calendar-body .fc-header .fc-button.disabled:focus,
.calendar-env .calendar-body .fc-header .fc-button.disabled:hover,
.calendar-env .calendar-body .fc-header .fc-button[disabled].focus,
.calendar-env .calendar-body .fc-header .fc-button[disabled]:focus,
.calendar-env .calendar-body .fc-header .fc-button[disabled]:hover,
fieldset[disabled] .calendar-env .calendar-body .fc-header .fc-button.focus,
fieldset[disabled] .calendar-env .calendar-body .fc-header .fc-button:focus,
fieldset[disabled] .calendar-env .calendar-body .fc-header .fc-button:hover {
   background-color: #fff;
   border-color: #fff
}

.calendar-env .calendar-body .fc-header .fc-button .badge {
   color: #fff;
   background-color: #303641
}

.calendar-env .calendar-body .fc-header .fc-button.focus,
.calendar-env .calendar-body .fc-header .fc-button:focus,
.calendar-env .calendar-body .fc-header .fc-button:hover {
   color: #303641 !important
}

.calendar-env .calendar-body .fc-header .fc-button.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.calendar-env .calendar-body .fc-header .fc-button.btn-icon i {
   background-color: #ebebeb;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.calendar-env .calendar-body .fc-header .fc-button.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.calendar-env .calendar-body .fc-header .fc-button.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-lg {
   padding-right: 55px
}

.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-sm {
   padding-right: 36px
}

.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-xs {
   padding-right: 32px
}

.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.calendar-env .calendar-body .fc-header .fc-button.fc-corner-left {
   -webkit-border-radius: 3px 0 0 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px;
   background-clip: padding-box
}

.calendar-env .calendar-body .fc-header .fc-button.fc-corner-right {
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box;
   border-right-width: 1px
}

.calendar-env .calendar-body .fc-header .fc-button.fc-corner-left.fc-corner-right {
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.calendar-env .calendar-body .fc-header .fc-button.fc-state-active {
   background: #f5f5f6
}

.calendar-env .calendar-body .fc-header .fc-header-space {
   width: 10px;
   display: inline-block
}

.calendar-env .calendar-body .fc-content .fc-view .fc-cell-overlay {
   background: rgba(255, 255, 204, .5);
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.calendar-env .calendar-body .fc-content .fc-view .fc-event {
   background: #000;
   padding: 2px 4px;
   margin-top: 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   background: #ee4749;
   color: #fff
}

.calendar-env .calendar-body .fc-content .fc-view .fc-event:hover {
   background: #ec3032
}

.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-blue {
   background: #21a9e1;
   color: #fff
}

.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-blue:hover {
   background: #1c99cd
}

.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-green {
   background: #00a651;
   color: #fff
}

.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-green:hover {
   background: #008d45
}

.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-primary {
   background: #303641;
   color: #fff
}

.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-primary:hover {
   background: #252a32
}

.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-orange {
   background: #ffae2f;
   color: #fff
}

.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-orange:hover {
   background: #ffa416
}

.calendar-env .calendar-body .fc-content .fc-view table thead tr th {
   text-align: center;
   padding: 5px 0;
   border-bottom: 1px solid #ebebeb;
   background: #f5f5f6
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day {
   vertical-align: text-top;
   text-align: right;
   border-bottom: 1px solid #ebebeb;
   padding-right: 10px;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day .fc-day-number {
   margin-top: 5px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day:hover {
   background-color: rgba(250, 250, 250, .68)
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number {
   color: #fff;
   background-color: #21a9e1;
   border-color: #1c99cd;
   display: inline-block;
   padding: 5px 8px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus {
   color: #fff;
   background-color: #1988b6;
   border-color: #0c455d
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover {
   color: #fff;
   background-color: #1988b6;
   border-color: #147197
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active,
.open>.dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number {
   color: #fff;
   background-color: #1988b6;
   border-color: #147197
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active.focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active:focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active:hover,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active.focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active:focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active:hover,
.open>.dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus,
.open>.dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus,
.open>.dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover {
   color: #fff;
   background-color: #147197;
   border-color: #0c455d
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active,
.open>.dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number {
   background-image: none
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.disabled.focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.disabled:focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.disabled:hover,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number[disabled].focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number[disabled]:focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number[disabled]:hover,
fieldset[disabled] .calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus,
fieldset[disabled] .calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus,
fieldset[disabled] .calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover {
   background-color: #21a9e1;
   border-color: #1c99cd
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number .badge {
   color: #21a9e1;
   background-color: #fff
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover {
   color: #fff !important
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon i {
   background-color: #1a8fbf;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-lg {
   padding-right: 55px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-sm {
   padding-right: 36px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-xs {
   padding-right: 32px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus {
   color: #fff;
   background-color: #1988b6;
   border-color: #0c455d
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover {
   color: #fff;
   background-color: #1988b6;
   border-color: #147197
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active,
.open>.dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number {
   color: #fff;
   background-color: #1988b6;
   border-color: #147197
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active.focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active:focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active:hover,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active.focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active:focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active:hover,
.open>.dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus,
.open>.dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus,
.open>.dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover {
   color: #fff;
   background-color: #147197;
   border-color: #0c455d
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active,
.open>.dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number {
   background-image: none
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.disabled.focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.disabled:focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.disabled:hover,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number[disabled].focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number[disabled]:focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number[disabled]:hover,
fieldset[disabled] .calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus,
fieldset[disabled] .calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus,
fieldset[disabled] .calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover {
   background-color: #21a9e1;
   border-color: #1c99cd
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number .badge {
   color: #21a9e1;
   background-color: #fff
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus,
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover {
   color: #fff !important
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon {
   position: relative;
   padding-right: 39px;
   border: none
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon i {
   background-color: #1a8fbf;
   padding: 6px 6px;
   font-size: 12px;
   line-height: 1.42857143;
   border-radius: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 0 3px 3px 0;
   -moz-background-clip: padding;
   border-radius: 0 3px 3px 0;
   background-clip: padding-box
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.icon-left {
   padding-right: 12px;
   padding-left: 39px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.icon-left i {
   float: left;
   right: auto;
   left: 0;
   -webkit-border-radius: 3px 0 0 3px !important;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 0 0 3px !important;
   -moz-background-clip: padding;
   border-radius: 3px 0 0 3px !important;
   background-clip: padding-box
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-lg {
   padding-right: 55px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-lg.icon-left {
   padding-right: 16px;
   padding-left: 55px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-lg i {
   padding: 10px 10px;
   font-size: 15px;
   line-height: 1.3333333;
   border-radius: 3px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-sm {
   padding-right: 36px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-sm.icon-left {
   padding-right: 10px;
   padding-left: 36px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-sm i {
   padding: 5px 6px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-xs {
   padding-right: 32px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-xs.icon-left {
   padding-right: 10px;
   padding-left: 32px
}

.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-xs i {
   padding: 2px 6px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 2px
}

.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-days,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-days {
   border-bottom: 1px solid #e6e6e6
}

.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-days+div,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-days+div {
   margin-top: 1px
}

.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-days td,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-days th,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-days td,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-days th {
   width: 1% !important;
   color: #666
}

.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-allday,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-allday {
   background: #fafafa
}

.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-allday td,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-allday th,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-allday td,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-allday th {
   padding-top: 6px;
   padding-bottom: 6px
}

.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-allday tbody tr .fc-agenda-axis,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-allday tbody tr .fc-agenda-axis {
   width: 60px !important;
   vertical-align: middle;
   text-align: right;
   color: #666;
   border-right: 1px solid #e8e8e8;
   padding-right: 6px
}

.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-divider,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-divider {
   height: 2px;
   background: #ebebeb
}

.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-slots tr td,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-slots tr th,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-slots tr td,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-slots tr th {
   border-bottom: 1px dotted #ebebeb
}

.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-slots tr td.fc-agenda-axis,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-slots tr th.fc-agenda-axis,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-slots tr td.fc-agenda-axis,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-slots tr th.fc-agenda-axis {
   width: 60px !important;
   text-align: right;
   color: #666;
   border-right: 1px solid #e8e8e8;
   padding-right: 6px
}

.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-slots tr.fc-minor td,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-slots tr.fc-minor th,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-slots tr.fc-minor td,
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-slots tr.fc-minor th {
   border-bottom-color: #e6e6e6
}

.calendar-env .calendar-body>div:last-child {
   border-bottom: 0
}

.calendar-env.right-sidebar .calendar-sidebar {
   border-left: 1px solid #ebebeb;
   border-right: 0
}

.calendar-env.right-sidebar .calendar-body {
   float: left
}

@media (max-width:959px) {
   .calendar-env .calendar-body .calendar-header div.calendar-title {
      width: 100%;
      white-space: normal
   }

   .calendar-env .calendar-body .calendar-header .calendar-links {
      float: none;
      width: 100%;
      text-align: left;
      clear: left;
      padding-top: 10px
   }

   .calendar-env .calendar-body .calendar-info {
      display: block
   }

   .calendar-env .calendar-body .calendar-info .calendar-date,
   .calendar-env .calendar-body .calendar-info .calendar-sender {
      display: block;
      width: 100%
   }

   .calendar-env .calendar-body .calendar-info .calendar-date.calendar-sender,
   .calendar-env .calendar-body .calendar-info .calendar-sender.calendar-sender {
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #ebebeb
   }

   .calendar-env .calendar-body .calendar-info .calendar-date.calendar-date,
   .calendar-env .calendar-body .calendar-info .calendar-sender.calendar-date {
      text-align: left;
      padding-top: 10px;
      padding-bottom: 10px
   }

   .calendar-env .calendar-body .calendar-compose .compose-message-editor textarea {
      height: 300px
   }
}

@media (max-width:768px) {
   .calendar-env .calendar-sidebar {
      width: 30.8%
   }

   .calendar-env .calendar-body {
      width: 69.2%
   }

   .calendar-env .calendar-body .calendar-compose .compose-message-editor textarea {
      height: 240px
   }
}

@media (max-width:767px) {

   .calendar-env .calendar-body,
   .calendar-env .calendar-sidebar {
      width: 100%;
      float: none
   }

   .calendar-env .calendar-body .calendar-header .calendar-links,
   .calendar-env .calendar-body .calendar-header .calendar-search,
   .calendar-env .calendar-body .calendar-header .calendar-title {
      float: none;
      width: 100%
   }

   .calendar-env .calendar-body .calendar-header .calendar-links.calendar-links,
   .calendar-env .calendar-body .calendar-header .calendar-links.calendar-search,
   .calendar-env .calendar-body .calendar-header .calendar-search.calendar-links,
   .calendar-env .calendar-body .calendar-header .calendar-search.calendar-search,
   .calendar-env .calendar-body .calendar-header .calendar-title.calendar-links,
   .calendar-env .calendar-body .calendar-header .calendar-title.calendar-search {
      margin-top: 20px
   }

   .calendar-env .calendar-body .calendar-header .calendar-links {
      padding-top: 0
   }

   .fc-header {
      display: block
   }

   .fc-header .fc-header-center,
   .fc-header .fc-header-left,
   .fc-header .fc-header-right,
   .fc-header tbody,
   .fc-header tr {
      display: block;
      text-align: center !important
   }

   .fc-header .fc-header-right {
      text-align: center !important;
      padding-bottom: 10px
   }
}

.calendar-env {
   position: relative
}

.calendar-env:after,
.calendar-env:before {
   content: " ";
   display: table
}

.calendar-env:after {
   clear: both
}

.calendar-env .fc .fc-toolbar {
   padding: 20px;
   margin: 0
}

.calendar-env .fc .fc-toolbar h2,
.calendar-env .fc .fc-toolbar h3 {
   margin: 0;
   padding: 0
}

.calendar-env .fc .fc-toolbar .fc-button {
   background: 0 0;
   border: 1px solid #ebebeb;
   height: auto;
   padding: 5px 10px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   outline: 0
}

.calendar-env .fc .fc-toolbar .fc-button .fc-icon {
   top: 0;
   margin: 0
}

.calendar-env .fc .fc-toolbar .fc-button .fc-icon:after {
   font-weight: 400;
   font-size: 16px
}

.calendar-env .fc .fc-view-container>.fc-view {
   border-left: 1px solid #ebebeb
}

.calendar-env .fc .fc-view-container .fc-widget-content,
.calendar-env .fc .fc-view-container .fc-widget-header {
   border: 0
}

.calendar-env .fc .fc-view-container .fc-widget-header .fc-widget-header {
   border: 1px solid #ebebeb;
   border-left: 0;
   border-right: 0;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none
}

.calendar-env .fc .fc-view-container .fc-view table thead {
   border-left: 0;
   border-right: 0
}

.calendar-env .fc .fc-view-container .fc-view table thead tr th {
   text-align: center;
   padding: 5px 0;
   border: 0;
   border-bottom: 1px solid #ebebeb;
   background: #f5f5f6
}

.calendar-env .fc .fc-view-container .fc-view table tbody {
   border: 0
}

.calendar-env .fc .fc-view-container .fc-view table tbody .fc-day {
   border: 0;
   border-top: 1px solid #ebebeb
}

.calendar-env .fc .fc-view-container .fc-view table tbody .fc-day.fc-state-highlight {
   background: #fafafa;
   color: #111 !important
}

.calendar-env .fc .fc-view-container .fc-view table tbody .fc-day-number {
   padding: 5px 10px
}

.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event {
   background: #000;
   padding: 2px 4px;
   margin-top: 2px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   background: #ee4749;
   color: #fff;
   border: 0
}

.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event:hover {
   background: #ec3032
}

.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-blue {
   background: #21a9e1;
   color: #fff
}

.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-blue:hover {
   background: #1c99cd
}

.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-green {
   background: #00a651;
   color: #fff
}

.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-green:hover {
   background: #008d45
}

.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-primary {
   background: #303641;
   color: #fff
}

.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-primary:hover {
   background: #252a32
}

.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-orange {
   background: #ffae2f;
   color: #fff
}

.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-orange:hover {
   background: #ffa416
}

.calendar-env .fc .fc-view-container .fc-view.fc-agenda-view table .fc-widget-content {
   border-bottom: 1px solid #ebebeb
}

.calendar-env .fc .fc-view-container .fc-view.fc-agenda-view table .fc-axis {
   border-right: 1px solid #ebebeb
}

.notes-env {
   position: relative
}

.notes-env .notes-header {
   display: table;
   width: 100%;
   vertical-align: middle
}

.notes-env .notes-header:after,
.notes-env .notes-header:before {
   content: " ";
   display: table
}

.notes-env .notes-header:after {
   clear: both
}

.notes-env .notes-header>.right,
.notes-env .notes-header>h2 {
   display: table-cell;
   vertical-align: middle;
   width: 50%;
   margin: 0;
   padding-bottom: 20px
}

.notes-env .notes-header>.right {
   text-align: right
}

.notes-env .notes-list {
   position: relative;
   background: #f0ecdb;
   margin-left: -20px;
   margin-right: -20px;
   border: 1px solid #ebebeb;
   border-left: 0;
   border-right: 0
}

.notes-env .notes-list:after,
.notes-env .notes-list:before {
   content: " ";
   display: table
}

.notes-env .notes-list:after {
   clear: both
}

.notes-env .notes-list .list-of-notes,
.notes-env .notes-list .write-pad {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.notes-env .notes-list .list-of-notes {
   float: right;
   width: 26%;
   list-style: none;
   margin: 0;
   padding: 0;
   padding-bottom: 30px
}

.notes-env .notes-list .list-of-notes li {
   position: relative;
   padding: 30px;
   padding-bottom: 0
}

.notes-env .notes-list .list-of-notes li a {
   display: block;
   border: 1px solid #e9e4ca;
   background: #fffced;
   padding: 20px;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.notes-env .notes-list .list-of-notes li a span,
.notes-env .notes-list .list-of-notes li a strong {
   display: block
}

.notes-env .notes-list .list-of-notes li a span+span,
.notes-env .notes-list .list-of-notes li a span+strong,
.notes-env .notes-list .list-of-notes li a strong+span,
.notes-env .notes-list .list-of-notes li a strong+strong {
   padding-top: 8px
}

.notes-env .notes-list .list-of-notes li a strong {
   word-break: break-all
}

.notes-env .notes-list .list-of-notes li a span {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.notes-env .notes-list .list-of-notes li a em {
   float: right
}

.notes-env .notes-list .list-of-notes li a:hover {
   background: #eae6ce;
   border-color: #dad2a6
}

.notes-env .notes-list .list-of-notes li a:hover span,
.notes-env .notes-list .list-of-notes li a:hover strong {
   color: #737881
}

.notes-env .notes-list .list-of-notes li .note-close {
   position: absolute;
   right: 30px;
   top: 30px;
   border: none;
   background: 0 0;
   outline: 0;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.notes-env .notes-list .list-of-notes li:hover .note-close {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.notes-env .notes-list .list-of-notes li .content {
   display: none
}

.notes-env .notes-list .list-of-notes li.current a {
   background: #fff
}

.notes-env .notes-list .list-of-notes li+.no-notes {
   display: none
}

.notes-env .notes-list .write-pad {
   float: left;
   width: 74%;
   background: #fffced;
   position: relative
}

.notes-env .notes-list .write-pad:after {
   display: block;
   content: '';
   position: absolute;
   left: 95px;
   top: 0;
   bottom: 0;
   background: #f9d4d1;
   width: 1px
}

.notes-env .notes-list .write-pad textarea {
   background: 0 0;
   border: none;
   background: url(../images/notes-lines.png) left top;
   background-attachment: local;
   min-height: 780px;
   font: 14px/52px "Helvetica Neue", Helvetica, "Noto Sans", sans-serif, serif;
   max-height: 1500px;
   padding-left: 125px;
   padding-right: 50px
}

.notes-env .notes-list .write-pad textarea::-webkit-scrollbar {
   width: 5px
}

.notes-env .notes-list .write-pad textarea::-webkit-scrollbar-track {
   width: 5px;
   background-color: #e8e3c9
}

.notes-env .notes-list .write-pad textarea::-webkit-scrollbar-thumb {
   background-color: #bdbdbd
}

.notes-env+footer.main {
   border-top: 0;
   padding-top: 10px
}

@media (max-width:992px) {
   .notes-env .notes-list .list-of-notes {
      width: 35%
   }

   .notes-env .notes-list .write-pad {
      width: 65%
   }

   .notes-env .notes-list .write-pad textarea {
      padding-left: 50px
   }

   .notes-env .notes-list .write-pad:after {
      left: 35px
   }
}

@media (max-width:768px) {

   body .notes-env .notes-list .list-of-notes,
   body .notes-env .notes-list .write-pad {
      width: 100%;
      float: none
   }

   body .notes-env .notes-list .list-of-notes {
      padding-bottom: 10px
   }

   body .notes-env .notes-list .list-of-notes li {
      padding: 15px;
      padding-top: 10px;
      padding-bottom: 0
   }

   body .notes-env .notes-list .list-of-notes li a span {
      display: none
   }

   body .notes-env .notes-list .write-pad textarea {
      min-height: 400px;
      max-height: 600px
   }
}

.gallery-env:after,
.gallery-env:before {
   content: " ";
   display: table
}

.gallery-env:after {
   clear: both
}

.gallery-env article.album {
   border: 1px solid #ebebeb;
   margin-bottom: 30px;
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
   box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.gallery-env article.album header {
   position: relative
}

.gallery-env article.album header img {
   line-height: 1;
   margin: 0;
   width: 100%;
   display: block;
   max-width: 100%;
   height: auto;
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box
}

.gallery-env article.album header .album-options {
   position: absolute;
   display: block;
   right: 10px;
   bottom: 10px;
   background-color: rgba(0, 0, 0, .5);
   color: #fff;
   padding: 5px 7px;
   font-size: 11px;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.gallery-env article.album header:hover .album-options {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.gallery-env article.album .album-info {
   padding: 20px
}

.gallery-env article.album .album-info h3 {
   font-size: 18px;
   margin: 0
}

.gallery-env article.album .album-info p {
   margin: 0;
   margin-top: 10px;
   color: #80858e
}

.gallery-env article.album footer {
   border-top: 1px solid #f0f0f0
}

.gallery-env article.album footer:after,
.gallery-env article.album footer:before {
   content: " ";
   display: table
}

.gallery-env article.album footer:after {
   clear: both
}

.gallery-env article.album footer .album-images-count,
.gallery-env article.album footer .album-options {
   padding: 12px 15px;
   float: left;
   color: #8d929a
}

.gallery-env article.album footer .album-images-count a,
.gallery-env article.album footer .album-options a {
   color: #8d929a;
   display: inline-block;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.gallery-env article.album footer .album-images-count a+a,
.gallery-env article.album footer .album-options a+a {
   margin-left: 10px
}

.gallery-env article.album footer .album-options {
   float: right;
   border-left: 1px solid #f0f0f0;
   padding: 7px 10px
}

.gallery-env article.album footer .album-options a {
   padding: 4px 5px;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.gallery-env article.album footer .album-options a:hover {
   background: #f5f5f5;
   color: #43464b
}

.gallery-env article.image-thumb {
   margin-bottom: 20px
}

.gallery-env article.image-thumb .image {
   position: relative
}

.gallery-env article.image-thumb .image img {
   display: block;
   max-width: 100%;
   height: auto;
   border-radius: 3px;
   width: 100%
}

.gallery-env article.image-thumb .image-options {
   position: absolute;
   top: -10px;
   right: 8px;
   -moz-transform: scale(0);
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -o-transform-origin: 50% 0%;
   -webkit-transform-origin: 50% 0%;
   -moz-transform-origin: 50% 0%;
   -ms-transform-origin: 50% 0%;
   transform-origin: 50% 0%;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.gallery-env article.image-thumb .image-options a {
   display: inline-block;
   line-height: 1;
   margin-left: 2px;
   background: #737881;
   color: #fff;
   width: 24px;
   height: 24px;
   line-height: 24px;
   -webkit-border-radius: 12px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 12px;
   -moz-background-clip: padding;
   border-radius: 12px;
   background-clip: padding-box;
   text-align: center;
   -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
   -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
   box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.gallery-env article.image-thumb .image-options a.delete {
   background: #dd1f26
}

.gallery-env article.image-thumb:hover .image-options {
   -moz-transform: scale(1);
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.gallery-env div[data-tag] {
   -moz-transition: opacity 350ms ease-in-out;
   -webkit-transition: opacity 350ms ease-in-out;
   -o-transition: opacity 350ms ease-in-out;
   transition: opacity 350ms ease-in-out
}

.gallery-env div[data-tag].not-in-filter {
   zoom: 1;
   -webkit-opacity: 0.3;
   -moz-opacity: 0.3;
   opacity: .3
}

.gallery-env div[data-tag].no-animation {
   -moz-transition: none;
   -webkit-transition: none;
   -o-transition: none;
   transition: none
}

.gallery-env .image-categories {
   margin-bottom: 20px;
   background: #fafafb;
   position: relative;
   margin-top: -17px;
   padding: 10px
}

.gallery-env .image-categories span {
   color: #80858e
}

.gallery-env .image-categories a {
   display: inline-block;
   margin: 0 5px;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.gallery-env .image-categories a.active {
   font-weight: 700;
   color: #4f5259
}

.modal .croppable-image {
   border: 4px solid rgba(235, 235, 235, .5)
}

.modal h4+.croppable-image {
   margin-top: 5px
}

.jcrop-keymgr {
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

.gallery-image-edit-env {
   border-bottom: 1px solid #ebebeb;
   position: relative;
   margin-left: -1px;
   margin-right: -1px;
   margin-top: -1px
}

.gallery-image-edit-env img {
   width: 100%
}

.gallery-image-edit-env .close {
   position: absolute;
   right: 10px;
   top: 10px;
   background: rgba(0, 0, 0, .8);
   color: #fff;
   font-weight: 700;
   padding: 5px 10px;
   display: block;
   z-index: 1000;
   zoom: 1;
   -webkit-opacity: 0.7;
   -moz-opacity: 0.7;
   opacity: .7;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.gallery-image-edit-env .close:hover {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.gallery-image-edit-env .jcrop-holder {
   -webkit-border-radius: 3px 3px 0 0;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px 3px 0 0;
   -moz-background-clip: padding;
   border-radius: 3px 3px 0 0;
   background-clip: padding-box
}

.profile-env>header {
   position: relative;
   z-index: 20;
   margin-top: 30px
}

.profile-env>header .profile-picture {
   position: relative
}

.profile-env>header .profile-picture img {
   float: right;
   -moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, .9);
   -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .9);
   box-shadow: 0 0 0 5px rgba(255, 255, 255, .9);
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.profile-env>header .profile-picture:hover img {
   zoom: 1;
   -webkit-opacity: 0.5;
   -moz-opacity: 0.5;
   opacity: .5
}

.profile-env>header .profile-info-sections {
   margin: 0;
   padding: 0;
   margin-top: 15px;
   padding-left: 0;
   list-style: none;
   margin-left: -5px
}

.profile-env>header .profile-info-sections>li {
   display: inline-block;
   padding-left: 5px;
   padding-right: 5px
}

.profile-env>header .profile-info-sections .profile-name span,
.profile-env>header .profile-info-sections .profile-name strong {
   display: block
}

.profile-env>header .profile-info-sections .profile-name strong {
   font-size: 18px;
   font-weight: 400
}

.profile-env>header .profile-info-sections .profile-name span {
   font-size: 12px;
   color: #bbb
}

.profile-env>header .profile-info-sections .profile-name span a {
   color: #bbb;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.profile-env>header .profile-info-sections .profile-name span a:hover {
   color: #888
}

.profile-env>header .profile-info-sections .profile-name .user-status {
   position: relative;
   display: inline-block;
   background: #575d67;
   top: -2px;
   margin-left: 5px;
   width: 6px;
   height: 6px;
   -webkit-border-radius: 6px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 6px;
   -moz-background-clip: padding;
   border-radius: 6px;
   background-clip: padding-box;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.profile-env>header .profile-info-sections .profile-name .user-status.is-online {
   background-color: #06b53c
}

.profile-env>header .profile-info-sections .profile-name .user-status.is-offline {
   background-color: #575d67
}

.profile-env>header .profile-info-sections .profile-name .user-status.is-idle {
   background-color: #f7d227
}

.profile-env>header .profile-info-sections .profile-name .user-status.is-busy {
   background-color: #ee4749
}

.profile-env>header .profile-info-sections .profile-stat h3 {
   font-size: 18px;
   margin-bottom: 5px
}

.profile-env>header .profile-info-sections .profile-stat span {
   color: #bbb
}

.profile-env>header .profile-info-sections .profile-stat span a {
   color: #bbb;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.profile-env>header .profile-info-sections .profile-stat span a:hover {
   color: #888
}

.profile-env>header .profile-info-sections>li {
   padding: 0 40px;
   position: relative
}

.profile-env>header .profile-info-sections>li+li:after {
   content: '';
   display: block;
   position: absolute;
   top: 15px;
   bottom: 0;
   left: 0;
   width: 1px;
   background: #ebebeb;
   margin: 8px 0
}

.profile-env>header .profile-info-sections>li:first-child {
   padding-left: 0
}

.profile-env>header .profile-buttons {
   margin-top: 35px
}

.profile-env>header .profile-buttons a {
   margin: 0 4px;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.profile-env section {
   position: relative;
   z-index: 10
}

.profile-env section.profile-info-tabs {
   position: relative;
   background: #f1f1f1;
   margin-left: -20px;
   margin-right: -20px;
   padding: 20px;
   margin-top: -20px;
   margin-bottom: 30px
}

.profile-env section.profile-info-tabs .user-details {
   padding-left: 0;
   list-style: none
}

.profile-env section.profile-info-tabs .user-details li {
   margin-bottom: 10px
}

.profile-env section.profile-info-tabs .user-details li a {
   color: #a0a0a0;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.profile-env section.profile-info-tabs .user-details li a:hover {
   color: #606060
}

.profile-env section.profile-info-tabs .user-details li a:hover span {
   color: #e72c28
}

.profile-env section.profile-info-tabs .user-details li a i {
   margin-right: 5px
}

.profile-env section.profile-info-tabs .user-details li a span {
   color: #ec5956;
   font-weight: 400;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.profile-env section.profile-info-tabs .nav-tabs {
   position: relative;
   margin-bottom: -20px;
   border-bottom: 0
}

.profile-env section.profile-info-tabs .nav-tabs>li:first-child a {
   margin-left: 0
}

.profile-env section.profile-info-tabs .nav-tabs li {
   margin-bottom: 0
}

.profile-env section.profile-info-tabs .nav-tabs li a {
   border: none;
   padding: 10px 35px;
   font-size: 13px;
   background: #e1e1e1;
   margin-right: 10px
}

.profile-env section.profile-info-tabs .nav-tabs li.active a {
   background: #fff
}

.profile-env section.profile-feed {
   margin-bottom: 15px;
   padding-left: 20px;
   padding-right: 20px
}

.profile-env section.profile-feed .profile-post-form {
   border: 1px solid #ebebeb;
   margin-bottom: 30px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.profile-env section.profile-feed .profile-post-form .form-control {
   border: none;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   margin: 0;
   background: #fff;
   min-height: 80px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.profile-env section.profile-feed .profile-post-form .form-options {
   background: #f3f3f3;
   border-top: 1px solid #ebebeb;
   padding: 10px
}

.profile-env section.profile-feed .profile-post-form .form-options:after,
.profile-env section.profile-feed .profile-post-form .form-options:before {
   content: " ";
   display: table
}

.profile-env section.profile-feed .profile-post-form .form-options:after {
   clear: both
}

.profile-env section.profile-feed .profile-post-form .form-options .post-type {
   float: left;
   padding-top: 6px
}

.profile-env section.profile-feed .profile-post-form .form-options .post-type a {
   margin-left: 10px;
   font-size: 13px;
   color: #aaa;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.profile-env section.profile-feed .profile-post-form .form-options .post-type a:hover {
   color: #303641
}

.profile-env section.profile-feed .profile-post-form .form-options .post-submit {
   float: right
}

.profile-env section.profile-feed .profile-post-form .form-options .post-submit .btn {
   padding-left: 20px;
   padding-right: 20px
}

.profile-env section.profile-feed .profile-stories article.story {
   margin: 30px 0
}

.profile-env section.profile-feed .profile-stories article.story:after,
.profile-env section.profile-feed .profile-stories article.story:before {
   content: " ";
   display: table
}

.profile-env section.profile-feed .profile-stories article.story:after {
   clear: both
}

.profile-env section.profile-feed .profile-stories article.story .user-thumb {
   float: left;
   width: 8%
}

.profile-env section.profile-feed .profile-stories article.story .user-thumb a img {
   -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, .04);
   -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .04);
   box-shadow: 0 0 0 3px rgba(0, 0, 0, .04)
}

.profile-env section.profile-feed .profile-stories article.story .story-content {
   float: right;
   width: 92%
}

.profile-env section.profile-feed .profile-stories article.story .story-content header {
   display: block;
   margin-bottom: 10px
}

.profile-env section.profile-feed .profile-stories article.story .story-content header:after,
.profile-env section.profile-feed .profile-stories article.story .story-content header:before {
   content: " ";
   display: table
}

.profile-env section.profile-feed .profile-stories article.story .story-content header:after {
   clear: both
}

.profile-env section.profile-feed .profile-stories article.story .story-content header .publisher {
   float: left;
   color: #9b9fa6;
   font-size: 14px
}

.profile-env section.profile-feed .profile-stories article.story .story-content header .publisher a {
   color: #303641
}

.profile-env section.profile-feed .profile-stories article.story .story-content header .publisher em {
   display: block;
   font-style: normal;
   font-size: 12px
}

.profile-env section.profile-feed .profile-stories article.story .story-content header .story-type {
   float: right
}

.profile-env section.profile-feed .profile-stories article.story .story-content .story-main-content {
   font-size: 13px
}

.profile-env section.profile-feed .profile-stories article.story .story-content .story-main-content p {
   font-size: 13px
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer {
   margin-top: 15px
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .liked i {
   color: #ff4e50
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer>a {
   margin-right: 30px;
   display: inline-block
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer>a span {
   zoom: 1;
   -webkit-opacity: 0.6;
   -moz-opacity: 0.6;
   opacity: .6
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments {
   list-style: none;
   margin: 0;
   padding: 0;
   margin-top: 30px;
   border-top: 1px solid #ebebeb;
   padding-top: 20px
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li {
   display: table;
   vertical-align: top
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li:after,
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li:before {
   content: " ";
   display: table
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li:after {
   clear: both
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li+li {
   margin-top: 15px
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content,
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-thumb {
   display: table-cell;
   vertical-align: top;
   width: 100%
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-thumb {
   width: 1%;
   padding-right: 20px
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content {
   border-bottom: 1px solid #ebebeb;
   padding-bottom: 15px
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content .user-comment-name {
   font-weight: 700
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content .user-comment-meta {
   font-size: 11px;
   margin-top: 15px;
   color: #9b9fa6
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content .user-comment-meta a {
   color: #8d929a;
   margin-right: 5px;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content .user-comment-meta a+a {
   margin-left: 5px
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content .user-comment-meta a i {
   zoom: 1;
   -webkit-opacity: 0.8;
   -moz-opacity: 0.8;
   opacity: .8;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content .user-comment-meta a:hover {
   color: #737881
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content .user-comment-meta a:hover i {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li.comment-form .user-comment-content {
   position: relative;
   border-bottom: 0;
   padding-bottom: 0
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li.comment-form .user-comment-content .form-control {
   background: #eee;
   border: 0
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li.comment-form .user-comment-content .btn {
   position: absolute;
   right: 5px;
   top: 5px;
   border: 0;
   background: 0 0;
   color: #737881;
   font-size: 13px;
   zoom: 1;
   -webkit-opacity: 0.7;
   -moz-opacity: 0.7;
   opacity: .7;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li.comment-form .user-comment-content .btn:hover {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.profile-env section.profile-feed .profile-stories article.story .story-content hr {
   margin-top: 40px
}

@media (max-width:992px) {
   .profile-env>header .profile-picture img {
      width: 90%
   }

   .profile-env>header .profile-buttons {
      margin-top: 18px
   }

   .profile-env>header .profile-info-sections .profile-name strong,
   .profile-env>header .profile-info-sections .profile-stat h3 {
      font-size: 16px
   }

   .profile-env>header .profile-info-sections {
      margin-top: 0
   }

   .profile-env>header .profile-info-sections>li {
      padding: 0 20px
   }

   .profile-env section.profile-info-tabs .nav-tabs li a {
      padding-left: 25px;
      padding-right: 25px
   }

   .profile-env section.profile-feed .profile-stories article.story .user-thumb {
      width: 10%
   }

   .profile-env section.profile-feed .profile-stories article.story .story-content {
      width: 90%
   }
}

@media (max-width:768px) {
   .profile-env section.profile-info-tabs {
      margin-top: 30px
   }

   .profile-env>header .profile-picture img {
      float: none
   }

   .profile-env>header .profile-buttons a {
      margin-bottom: 5px
   }
}

@media (max-width:601px) {
   .profile-env>header .profile-info-sections {
      margin-bottom: 10px
   }

   .profile-env>header .profile-info-sections li {
      padding: 15px
   }

   .profile-env>header .profile-info-sections>li:first-child {
      padding-left: 0
   }

   .profile-env>header .profile-buttons {
      margin-top: 0
   }

   .profile-env>header .profile-picture {
      text-align: center;
      display: block
   }

   .profile-env>header .profile-picture img {
      width: auto;
      float: none;
      display: inline-block;
      margin-bottom: 15px
   }

   .profile-env section.profile-feed .profile-stories article.story .user-thumb {
      width: 18%
   }

   .profile-env section.profile-feed .profile-stories article.story .story-content {
      width: 82%
   }

   .profile-env section.profile-info-tabs .nav-tabs li a {
      padding-left: 15px;
      padding-right: 15px;
      margin-right: 5px;
      font-size: 12px
   }

   .profile-env section.profile-feed {
      padding: 0
   }

   .profile-env .col-sm-3,
   .profile-env .col-sm-7 {
      text-align: center
   }

   .profile-env .col-sm-3 .profile-buttons,
   .profile-env .col-sm-3 .profile-info-sections,
   .profile-env .col-sm-7 .profile-buttons,
   .profile-env .col-sm-7 .profile-info-sections {
      display: inline-block
   }

   .profile-env>header .profile-info-sections>li+li:after {
      margin: 18px 0
   }
}

.map-checkin {
   border: 5px solid rgba(235, 235, 235, .2);
   -moz-box-shadow: 0 0 0 1px #ebebeb;
   -webkit-box-shadow: 0 0 0 1px #ebebeb;
   box-shadow: 0 0 0 1px #ebebeb;
   background: #fff !important
}

.page-body .main-content .cbp_tmtimeline:before {
   background: #f5f5f6;
   width: 5px;
   margin-left: -6px
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmtime>span {
   color: #111;
   font-size: 15px
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmtime>span:first-child {
   font-weight: 700;
   margin-bottom: 2px
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmtime>span:last-child {
   color: #303641;
   zoom: 1;
   -webkit-opacity: 0.8;
   -moz-opacity: 0.8;
   opacity: .8;
   font-size: 12px
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmtime>span.large {
   font-size: 17px
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmtime>span.hidden+span {
   margin-top: 8px
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmicon {
   background: #fff;
   color: #d2d2d2;
   -moz-box-shadow: 0 0 0 5px #f5f5f6;
   -webkit-box-shadow: 0 0 0 5px #f5f5f6;
   box-shadow: 0 0 0 5px #f5f5f6
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmicon.bg-primary {
   background-color: #303641;
   color: #fff
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmicon.bg-secondary {
   background-color: #ee4749;
   color: #fff
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmicon.bg-success {
   background-color: #00a651;
   color: #fff
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmicon.bg-info {
   background-color: #21a9e1;
   color: #fff
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmicon.bg-warning {
   background-color: #fad839;
   color: #fff
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmicon.bg-danger {
   background-color: #cc2424;
   color: #fff
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmlabel {
   background: #f5f5f6;
   color: #737881;
   margin-bottom: 70px;
   padding: 1.7em;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmlabel h2,
.page-body .main-content .cbp_tmtimeline>li .cbp_tmlabel p {
   color: #737881;
   font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif;
   font-size: 12px;
   margin: 0;
   line-height: 1.42857143
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmlabel p+p {
   margin-top: 15px
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmlabel h2 {
   font-size: 16px
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmlabel h2 a {
   color: #303641
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmlabel h2 span {
   zoom: 1;
   -webkit-opacity: 0.6;
   -moz-opacity: 0.6;
   opacity: .6
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmlabel:after {
   border-right-color: #f5f5f6
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmlabel.empty {
   background: 0;
   padding: 9px 0;
   margin-bottom: 70px
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmlabel.empty:after {
   visibility: hidden
}

@media screen and (max-width:47.2em) {
   .page-body .main-content .cbp_tmtimeline>li .cbp_tmlabel:after {
      border-right-color: transparent;
      border-bottom-color: #f5f5f6;
      left: 10px
   }

   .page-body .main-content .cbp_tmtimeline>li .large {
      font-weight: 700;
      font-size: 16px !important
   }

   .page-body .main-content .cbp_tmtimeline>li .cbp_tmlabel.empty {
      background: #f5f5f6;
      padding: 1.7em
   }

   .page-body .main-content .cbp_tmtimeline>li .cbp_tmlabel.empty:after {
      visibility: visible
   }
}

.timeline-centered {
   position: relative;
   margin-bottom: 30px
}

.timeline-centered:after,
.timeline-centered:before {
   content: " ";
   display: table
}

.timeline-centered:after {
   clear: both
}

.timeline-centered:before {
   content: '';
   position: absolute;
   display: block;
   width: 4px;
   background: #f5f5f6;
   left: 50%;
   top: 20px;
   bottom: 20px;
   margin-left: -4px
}

.timeline-centered .timeline-entry {
   position: relative;
   width: 50%;
   float: right;
   margin-bottom: 70px;
   clear: both
}

.timeline-centered .timeline-entry:after,
.timeline-centered .timeline-entry:before {
   content: " ";
   display: table
}

.timeline-centered .timeline-entry:after {
   clear: both
}

.timeline-centered .timeline-entry.begin {
   margin-bottom: 0
}

.timeline-centered .timeline-entry.left-aligned {
   float: left
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
   margin-left: 0;
   margin-right: -18px
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
   text-align: left;
   white-space: nowrap;
   left: auto;
   right: 100%
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
   float: right
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
   margin-left: 0;
   margin-right: 70px
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
   left: auto;
   right: 0;
   margin-left: 0;
   margin-right: -9px;
   -moz-transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg)
}

.timeline-centered .timeline-entry .timeline-entry-inner {
   position: relative;
   margin-left: -22px
}

.timeline-centered .timeline-entry .timeline-entry-inner:after,
.timeline-centered .timeline-entry .timeline-entry-inner:before {
   content: " ";
   display: table
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
   clear: both
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
   position: absolute;
   left: -100px;
   text-align: right;
   padding: 10px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span {
   display: block
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:first-child {
   font-size: 15px;
   font-weight: 700
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:last-child {
   font-size: 12px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
   background: #fff;
   color: #737881;
   display: block;
   width: 40px;
   height: 40px;
   -webkit-border-radius: 20px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 20px;
   -moz-background-clip: padding;
   border-radius: 20px;
   background-clip: padding-box;
   text-align: center;
   -moz-box-shadow: 0 0 0 5px #f5f5f6;
   -webkit-box-shadow: 0 0 0 5px #f5f5f6;
   box-shadow: 0 0 0 5px #f5f5f6;
   line-height: 40px;
   font-size: 15px;
   float: left
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
   background-color: #303641;
   color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
   background-color: #ee4749;
   color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
   background-color: #00a651;
   color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
   background-color: #21a9e1;
   color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
   background-color: #fad839;
   color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
   background-color: #cc2424;
   color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
   position: relative;
   background: #f5f5f6;
   padding: 1.7em;
   margin-left: 70px;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
   content: '';
   display: block;
   position: absolute;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 9px 9px 9px 0;
   border-color: transparent #f5f5f6 transparent transparent;
   left: 0;
   top: 10px;
   margin-left: -9px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
   color: #737881;
   font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif;
   font-size: 12px;
   margin: 0;
   line-height: 1.42857143
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p+p {
   margin-top: 15px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
   font-size: 16px;
   margin-bottom: 10px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
   color: #303641
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
   zoom: 1;
   -webkit-opacity: 0.6;
   -moz-opacity: 0.6;
   opacity: .6
}

@media screen and (max-width:47.2em) {
   .timeline-centered {
      margin-top: 20px
   }

   .timeline-centered:before {
      left: 22px
   }

   .timeline-centered .timeline-entry,
   .timeline-centered .timeline-entry.left-aligned {
      width: 100%;
      float: none
   }

   .timeline-centered .timeline-entry .timeline-entry-inner,
   .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
      margin-left: 0;
      margin-right: 0
   }

   .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time,
   .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
      left: 60px;
      right: auto;
      top: -40px;
      width: auto
   }

   .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time span,
   .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time span {
      display: inline-block
   }

   .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time span+span,
   .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time span+span {
      margin-left: 10px
   }

   .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
      float: left
   }

   .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
      margin-left: 70px;
      margin-right: 0
   }

   .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
      left: 0;
      right: auto;
      margin-left: -9px;
      margin-right: 0;
      -moz-transform: rotate(0);
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0)
   }
}

@media screen and (min-width:1700px) {
   .cbp_tmtimeline>li .cbp_tmtime {
      width: 23% !important
   }
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
   white-space: nowrap;
   right: auto;
   left: 100%
}

.member-entry {
   border: 1px solid #ebebeb;
   padding: 15px;
   margin-top: 15px;
   margin-bottom: 30px;
   -moz-box-shadow: 1px 1px 1px rgba(0, 1, 1, .02);
   -webkit-box-shadow: 1px 1px 1px rgba(0, 1, 1, .02);
   box-shadow: 1px 1px 1px rgba(0, 1, 1, .02);
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   -webkit-border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 3px;
   -moz-background-clip: padding;
   border-radius: 3px;
   background-clip: padding-box
}

.member-entry:after,
.member-entry:before {
   content: " ";
   display: table
}

.member-entry:after {
   clear: both
}

.member-entry:hover {
   background: rgba(235, 235, 235, .3);
   -moz-box-shadow: 1px 1px 1px rgba(0, 1, 1, .06);
   -webkit-box-shadow: 1px 1px 1px rgba(0, 1, 1, .06);
   box-shadow: 1px 1px 1px rgba(0, 1, 1, .06)
}

.member-entry .member-details,
.member-entry .member-img {
   float: left
}

.member-entry .member-img {
   position: relative;
   display: block;
   width: 10%
}

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

.member-entry .member-img i {
   position: absolute;
   display: block;
   left: 50%;
   top: 50%;
   margin-top: -12.5px;
   margin-left: -12.5px;
   color: #fff;
   font-size: 25px;
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   -moz-transform: scale(.5);
   -webkit-transform: scale(.5);
   -ms-transform: scale(.5);
   -o-transform: scale(.5);
   transform: scale(.5);
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.member-entry .member-img:hover i {
   -moz-transform: scale(1);
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.member-entry .member-details {
   width: 89.9%
}

.member-entry .member-details h4 {
   font-size: 18px;
   margin-left: 20px
}

.member-entry .member-details h4 a {
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.member-entry .member-details .info-list {
   margin-left: 5px
}

.member-entry .member-details .info-list>div {
   margin-top: 5px;
   font-size: 13px
}

.member-entry .member-details .info-list>div a {
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.member-entry .member-details .info-list>div i {
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.member-entry .member-details .info-list>div:hover i {
   color: #4f5259
}

@media screen and (max-width:768px) {
   .member-entry .member-img {
      width: 18%
   }

   .member-entry .member-details {
      width: 81.9%
   }

   .member-entry .member-details h4 {
      margin-top: 0
   }
}

@media screen and (max-width:480px) {
   .member-entry .member-img {
      width: 100%;
      float: none;
      text-align: center;
      position: relative;
      background: #f8f8f8;
      margin-bottom: 15px;
      -webkit-border-radius: 3px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 3px;
      -moz-background-clip: padding;
      border-radius: 3px;
      background-clip: padding-box
   }

   .member-entry .member-img img {
      width: auto;
      display: inline-block;
      -webkit-border-radius: 0;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 0;
      -moz-background-clip: padding;
      border-radius: 0;
      background-clip: padding-box
   }

   .member-entry .member-details {
      width: 100%;
      float: none
   }

   .member-entry .member-details .info-list,
   .member-entry .member-details h4 {
      margin-left: 0
   }

   .member-entry .member-details .info-list>div,
   .member-entry .member-details h4>div {
      padding: 0
   }

   .member-entry .member-details .info-list>div {
      margin-top: 10px
   }
}

.comments-env .comment-filters {
   margin: 15px 0;
   margin-bottom: 30px
}

.comments-env .comment-filters>a {
   position: relative;
   display: inline-block;
   color: #93979e;
   margin: 0 15px;
   font-size: 13px;
   font-weight: 400
}

.comments-env .comment-filters>a.current {
   font-weight: 700
}

.comments-env .comment-filters>a:after {
   content: '';
   display: block;
   position: absolute;
   right: -18px;
   width: 1px;
   height: 12px;
   background: #ebebeb;
   top: 3px
}

.comments-env .comment-filters>a:first-child {
   margin-left: 0
}

.comments-env .comment-filters>a:last-child {
   margin-right: 0
}

.comments-env .comment-filters>a:last-child:after {
   display: none
}

.comments-env .filtering .selectboxit-btn {
   height: 38px
}

.comments-env .filtering .selectboxit-btn span {
   height: 38px;
   line-height: 38px
}

.comments-env .filtering .search-form-full .form-control {
   margin-top: 0
}

.comments-env .filtering .search-form-contaner {
   max-width: 300px;
   width: 32%;
   float: right
}

.comments-env .filtering .search-form-contaner+.pagination-container {
   margin-right: 20px
}

.comments-env .filtering .pagination-container {
   float: right
}

.comments-env .filtering .pagination-container .pagination {
   margin: 0
}

.comments-env .filtering .pagination-container .pagination a {
   position: relative;
   padding-top: 9px;
   padding-bottom: 10px;
   margin-top: -2px
}

.comments-env .filtering .pagination-container+.search-form-contaner {
   margin-right: 20px
}

.comments-env .panel-title h4 {
   padding-top: 5px;
   padding-bottom: 5px
}

.comments-list {
   list-style: none;
   margin: 0;
   padding: 0;
   display: block;
   position: relative
}

.comments-list>li {
   border-bottom: 1px solid #ebebeb;
   padding: 15px
}

.comments-list>li:after,
.comments-list>li:before {
   content: " ";
   display: table
}

.comments-list>li:after {
   clear: both
}

.comments-list>li:nth-child(even) {
   background: #f5f5f6
}

.comments-list>li .comment-checkbox {
   float: left;
   width: 3%;
   padding-top: 3px
}

.comments-list>li .comment-details {
   float: right;
   width: 96.9%
}

.comments-list>li .comment-details a {
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.comments-list>li .comment-details .comment-head {
   font-size: 13px
}

.comments-list>li .comment-details .comment-head a {
   font-weight: 700
}

.comments-list>li .comment-details .comment-text {
   margin-top: 15px
}

.comments-list>li .comment-details .comment-footer {
   border-top: 1px solid #ebebeb;
   margin-top: 15px;
   padding-top: 15px
}

.comments-list>li .comment-details .comment-footer:after,
.comments-list>li .comment-details .comment-footer:before {
   content: " ";
   display: table
}

.comments-list>li .comment-details .comment-footer:after {
   clear: both
}

.comments-list>li .comment-details .comment-footer .comment-time {
   float: right;
   color: #80858e
}

.comments-list>li .comment-details .comment-footer .action-links a {
   font-weight: 700;
   display: inline-block;
   margin-right: 10px
}

.comments-list>li .comment-details .comment-footer .action-links .approve {
   color: #00a651
}

.comments-list>li .comment-details .comment-footer .action-links .delete {
   color: #cc2424
}

.comments-list>li:last-child {
   border-bottom: 0
}

@media screen and (max-width:768px) {
   .comments-list>li .comment-checkbox {
      width: 5%
   }

   .comments-list>li .comment-details {
      width: 94.9%
   }

   .comments-env .filtering .search-form-contaner {
      float: left
   }

   .search-and-pagination {
      margin-top: 20px
   }
}

@media screen and (max-width:480px) {

   .comments-env .search-and-pagination .pagination-container,
   .comments-env .search-and-pagination .search-form-contaner {
      float: none !important;
      text-align: left
   }

   .comments-env .search-and-pagination .search-form-contaner {
      margin-right: 0;
      width: 100%;
      max-width: 1000px
   }

   .comments-env .search-and-pagination .search-form-contaner .search-form-full {
      margin-top: 10px
   }

   .comments-list>li .comment-checkbox {
      width: 8%
   }

   .comments-list>li .comment-details {
      width: 91.9%
   }

   .comments-list>li .comment-details .comment-footer .action-links {
      float: none;
      width: 100%
   }

   .comments-list>li .comment-details .comment-footer .action-links a {
      display: block
   }
}

.dd {
   position: relative;
   display: block;
   margin: 0;
   padding: 0;
   list-style: none
}

.dd-list {
   display: block;
   position: relative;
   margin: 0;
   padding: 0;
   list-style: none
}

.dd-list .dd-list {
   padding-left: 30px
}

.dd-collapsed .dd-list {
   display: none
}

.dd-empty,
.dd-item,
.dd-placeholder {
   display: block;
   position: relative;
   margin: 0;
   padding: 0;
   min-height: 20px;
   font-size: 13px;
   line-height: 20px
}

.dd-content,
.dd-handle {
   display: block;
   margin: 0 0;
   padding: 5px 10px;
   background: #fafafa;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border: 1px solid #ebebeb;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.dd-content:hover,
dd-content {
   background: #fff
}

.dd-item>button {
   display: block;
   position: relative;
   cursor: pointer;
   float: left;
   width: 25px;
   height: 20px;
   margin: 5px 0;
   padding: 0;
   text-indent: -9999px;
   white-space: nowrap;
   overflow: visible;
   border: 0;
   background: 0 0;
   font-size: 12px;
   line-height: 1;
   text-align: center;
   font-weight: 700;
   margin-right: 10px;
   outline: 0
}

.dd-item>button:after {
   content: '';
   display: block;
   position: absolute;
   right: 0;
   top: -5px;
   bottom: -6px;
   width: 1px;
   background: #ebebeb
}

.dd-item>button:before {
   content: '+';
   display: block;
   position: absolute;
   width: 100%;
   text-align: center;
   text-indent: 0
}

.dd-item>button[data-action=collapse]:before {
   content: '-'
}

.dd-empty,
.dd-placeholder {
   margin: 0 0;
   padding: 0;
   min-height: 30px;
   background: rgba(245, 245, 246, .3);
   border: 1px dotted #ebebeb;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.dd-empty {
   border: 1px dashed #bbb;
   min-height: 100px;
   background-color: #e5e5e5
}

.dd-dragel {
   position: absolute;
   pointer-events: none;
   z-index: 9999
}

.dd-dragel>.dd-item .dd-content,
.dd-dragel>.dd-item .dd-handle {
   margin-top: 0
}

.dd-dragel .dd-content,
.dd-dragel .dd-handle {
   -moz-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
   -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
   box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1)
}

.nested-list.with-margins .dd-item .dd-content,
.nested-list.with-margins .dd-item .dd-handle {
   margin: 5px 0
}

.nested-list.custom-drag-button .dd-handle {
   position: absolute !important;
   margin: 0 !important;
   width: 15px;
   height: 32px;
   padding-left: 5px;
   padding-right: 4px;
   cursor: pointer;
   padding-top: 7px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none
}

.nested-list.custom-drag-button .dd-handle span {
   display: block;
   line-height: 3px;
   color: rgba(115, 120, 129, .7)
}

.nested-list.custom-drag-button .dd-content {
   padding-left: 25px
}

.nested-list.custom-drag-button button+.dd-handle {
   left: 24px
}

.nested-list.custom-drag-button button+.dd-handle+.dd-content {
   padding-left: 50px
}

.nested-list.custom-drag-button.drag-button-on-hover .dd-item>.dd-handle {
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

.nested-list.custom-drag-button.drag-button-on-hover .dd-item:hover>.dd-handle {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.custom-handler .dd-item .dd-handle {
   position: absolute !important;
   margin: 0 !important;
   width: 15px;
   height: 32px;
   padding-left: 5px;
   padding-right: 4px;
   cursor: pointer;
   padding-top: 7px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none
}

.custom-handler .dd-item .dd-handle span {
   display: block;
   line-height: 3px;
   color: rgba(115, 120, 129, .7)
}

.custom-handler .dd-item .dd-content {
   padding-left: 25px
}

.custom-handler .dd-item button+.dd-handle {
   left: 24px
}

.custom-handler .dd-item button+.dd-handle+.dd-content {
   padding-left: 50px
}

@media screen and (max-width:480px) {

   .comments-env .search-and-pagination .pagination-container,
   .comments-env .search-and-pagination .search-form-contaner {
      float: none !important;
      text-align: left
   }

   .comments-env .search-and-pagination .search-form-contaner {
      margin-right: 0;
      width: 100%;
      max-width: 1000px
   }

   .comments-env .search-and-pagination .search-form-contaner .search-form-full {
      margin-top: 10px
   }

   .comments-list>li .comment-checkbox {
      width: 8%
   }

   .comments-list>li .comment-details {
      width: 91.9%
   }

   .comments-list>li .comment-details .comment-footer .action-links {
      float: none;
      width: 100%
   }

   .comments-list>li .comment-details .comment-footer .action-links a {
      display: block
   }
}

.dd {
   position: relative;
   display: block;
   margin: 0;
   padding: 0;
   list-style: none
}

.dd-list {
   display: block;
   position: relative;
   margin: 0;
   padding: 0;
   list-style: none
}

.dd-list .dd-list {
   padding-left: 30px
}

.dd-collapsed .dd-list {
   display: none
}

.dd-empty,
.dd-item,
.dd-placeholder {
   display: block;
   position: relative;
   margin: 0;
   padding: 0;
   min-height: 20px;
   font-size: 13px;
   line-height: 20px
}

.dd-content,
.dd-handle {
   display: block;
   margin: 0 0;
   padding: 5px 10px;
   background: #fafafa;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border: 1px solid #ebebeb;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.dd-content:hover,
dd-content {
   background: #fff
}

.dd-item>button {
   display: block;
   position: relative;
   cursor: pointer;
   float: left;
   width: 25px;
   height: 20px;
   margin: 5px 0;
   padding: 0;
   text-indent: -9999px;
   white-space: nowrap;
   overflow: visible;
   border: 0;
   background: 0 0;
   font-size: 12px;
   line-height: 1;
   text-align: center;
   font-weight: 700;
   margin-right: 10px;
   outline: 0
}

.dd-item>button:after {
   content: '';
   display: block;
   position: absolute;
   right: 0;
   top: -5px;
   bottom: -6px;
   width: 1px;
   background: #ebebeb
}

.dd-item>button:before {
   content: '+';
   display: block;
   position: absolute;
   width: 100%;
   text-align: center;
   text-indent: 0
}

.dd-item>button[data-action=collapse]:before {
   content: '-'
}

.dd-empty,
.dd-placeholder {
   margin: 0 0;
   padding: 0;
   min-height: 30px;
   background: rgba(245, 245, 246, .3);
   border: 1px dotted #ebebeb;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.dd-empty {
   border: 1px dashed #bbb;
   min-height: 100px;
   background-color: #e5e5e5
}

.dd-dragel {
   position: absolute;
   pointer-events: none;
   z-index: 9999
}

.dd-dragel>.dd-item .dd-content,
.dd-dragel>.dd-item .dd-handle {
   margin-top: 0
}

.dd-dragel .dd-content,
.dd-dragel .dd-handle {
   -moz-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
   -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
   box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1)
}

.nested-list.with-margins .dd-item .dd-content,
.nested-list.with-margins .dd-item .dd-handle {
   margin: 5px 0
}

.nested-list.custom-drag-button .dd-handle {
   position: absolute !important;
   margin: 0 !important;
   width: 15px;
   height: 32px;
   padding-left: 5px;
   padding-right: 4px;
   cursor: pointer;
   padding-top: 7px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none
}

.nested-list.custom-drag-button .dd-handle span {
   display: block;
   line-height: 3px;
   color: rgba(115, 120, 129, .7)
}

.nested-list.custom-drag-button .dd-content {
   padding-left: 25px
}

.nested-list.custom-drag-button button+.dd-handle {
   left: 24px
}

.nested-list.custom-drag-button button+.dd-handle+.dd-content {
   padding-left: 50px
}

.nested-list.custom-drag-button.drag-button-on-hover .dd-item>.dd-handle {
   zoom: 1;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   opacity: 0
}

.nested-list.custom-drag-button.drag-button-on-hover .dd-item:hover>.dd-handle {
   zoom: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   opacity: 1
}

.custom-handler .dd-item .dd-handle {
   position: absolute !important;
   margin: 0 !important;
   width: 15px;
   height: 32px;
   padding-left: 5px;
   padding-right: 4px;
   cursor: pointer;
   padding-top: 7px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none
}

.custom-handler .dd-item .dd-handle span {
   display: block;
   line-height: 3px;
   color: rgba(115, 120, 129, .7)
}

.custom-handler .dd-item .dd-content {
   padding-left: 25px
}

.custom-handler .dd-item button+.dd-handle {
   left: 24px
}

.custom-handler .dd-item button+.dd-handle+.dd-content {
   padding-left: 50px
}

@media screen and (max-width:768px) {
   .centered h2 {
      font-size: 23px !important
   }

   .main-title {
      font-size: 17px !important
   }

   .padrão-filtro {
      display: flex;
      flex-direction: column;
      gap: 10px
   }

   .padrão-filtro2 {
      display: flex;
      flex-direction: column;
      gap: 5px
   }
}

.padrao-container {
   width: 90% !important;
   margin: 0 auto !important;
   padding: 0 !important
}

.ajuste-padrão {
   display: flex !important;
   flex-direction: column !important;
   gap: 10px !important
}

.filtroradiusajuste {
   padding: 0 !important;
   padding-left: 20px !important
}

.bannerquemsomos {
   filter: brightness(100%);
   height: 300px;
   width: 100%;
   object-fit: cover;
   border-radius: 0
}

.box-filter {
   border-radius: 0;
   margin-top: 0
}

.breadcump-biblioteca {
   position: absolute;
   margin-bottom: 0;
   top: 5%;
   left: 5%
}

.breadcump-link {
   font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   font-size: 13px;
   line-height: 21px;
   color: #fff;
   padding-right: 10px
}

.main-title {
   color: #fff;
   font-size: 35px;
   font-weight: 600
}

.filter-container {
   max-width: 1100px;
   position: relative;
   margin: 40px auto;
   width: 90%;
   box-shadow: 0 2px 20px rgba(0, 0, 0, .08);
   border-radius: 8px;
   padding: 30px;
   background: #004186
}

.filter-title {
   font-weight: 600;
   font-size: 20px;
   color: #fff;
   margin: 0;
   margin-bottom: 21px;
   text-transform: uppercase
}

#filter-wrap {
   background: #f7f9ff;
   border-radius: 8px;
   padding: 30px
}

.filter-title-small {
   font-weight: 600;
   font-size: 18px;
   color: #6b6666;
   margin: 0
}

.filter-search-input {
   width: 100%;
   border-radius: 4px !important;
   border: 1px solid transparent !important;
   font-weight: 600;
   font-size: 16px !important;
   height: 24px !important;
   background: #f7f9ff;
   position: relative
}

.filter-search-input::before {
   content: "";
   position: absolute;
   right: 7px;
   top: 42%;
   border-top: 5px solid #423b3b;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent
}

.button-filter-search {
   border: 2px solid #fff;
   box-sizing: border-box;
   border-radius: 6px;
   font-size: 20px;
   background: #004186;
   color: #fff;
   width: 100%;
   height: 50px
}

.button-filter-search:hover {
   background-color: #c00015 !important;
   color: #fff !important
}

.advanced-btn-filter {
   padding: 10px !important;
   font-size: 14px;
   height: auto !important;
   background: 0 0 !important;
   color: #8e9294 !important;
   border: 1px solid #8e9294 !important;
   margin-bottom: 15px
}

.advanced-btn-filter:hover {
   background-color: #4dcddf !important;
   border: 1px solid #4dcddf !important;
   color: #fff !important
}

.container-content {
   margin: 0 auto;
   margin-top: 80px;
   width: 90%
}

.select-filter {
   background: #fff;
   border: 1px solid #d6e1eb;
   box-sizing: border-box;
   border-radius: 6px;
   height: 50px;
   min-width: 150px;
   padding: 0 8px
}

.lateral-card {
   background: #fafafa;
   border: 1px solid #eef0ff;
   padding: 20px 30px;
   border-radius: 8px 8px 0 0
}

.btn-month {
   border: 1px solid #d6e1eb !important;
   box-sizing: border-box !important;
   border-radius: 8px !important;
   background: #fff !important;
   color: #8e9294 !important;
   font-size: 15px !important;
   font-family: Roboto !important;
   height: auto !important;
   padding: 9px 10px !important;
   margin: 5px
}

.btn-month.active {
   color: #fff !important;
   background: #c00015 !important
}

.lateral-card-title {
   padding-left: 5px;
   font-family: Roboto;
   font-weight: 700;
   font-size: 18px;
   line-height: 24px;
   color: #444
}

small {
   display: inline-block;
   padding-left: 5px;
   font-size: 12px;
   color: #8e9294;
   margin-bottom: 10px
}

.checkbox-container {
   padding-left: 5px
}

.lateral-checkbox-label {
   display: block;
   position: relative;
   padding-left: 32px;
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 15px !important;
   color: #8e9294 !important;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.lateral-checkbox-label input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0
}

.lateral-checkbox-span {
   position: absolute;
   top: 0;
   left: 0;
   height: 23px;
   width: 23px;
   border-radius: 6px;
   background-color: #eee
}

.lateral-checkbox-label:hover input~.lateral-checkbox-span {
   background-color: #ccc
}

.lateral-checkbox-label input:checked~.lateral-checkbox-span {
   background-color: #004186
}

.lateral-checkbox-span:after {
   content: "";
   position: absolute;
   display: none
}

.lateral-checkbox-label input:checked~.lateral-checkbox-span:after {
   display: block
}

.lateral-checkbox-label .lateral-checkbox-span:after {
   left: 9px;
   top: 4px;
   width: 6px;
   height: 12px;
   border: solid #fff;
   border-width: 0 2px 2px 0;
   border-radius: .5px;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg)
}

.btn-group-container {
   border: 1px solid #d6e1eb;
   box-sizing: border-box;
   border-radius: 8px;
   text-align: center;
   height: 51px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap
}

.container-span {
   width: 33.3%;
   color: #3c3d3e;
   background: #fff;
   height: 49px;
   display: flex;
   align-items: center;
   cursor: pointer
}

.container-span.active {
   background: #c00015;
   color: #fff
}

.btn-group-filter {
   display: inline-block;
   font-size: 14px;
   width: 100%
}

@media (max-width:445px) {
   #container-banner {
      margin-top: 100px
   }

   .btn-group-container {
      height: auto !important
   }

   .container-span {
      width: 100%;
      border-radius: 0 !important
   }

   .btn-group-filter {
      padding: 10px 0;
      border-color: transparent !important
   }

   .button-filter-search {
      position: static;
      margin-top: 10px;
      margin-left: auto
   }
}

.new-card {
max-width: 300px;
   width: 100%;
   min-height: 370px;
   background: #f7f9ff;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   line-height: 1.3rem;
   box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
   border-radius: 10px;
   transition: all .4s;
   z-index: 0;
   margin-bottom: 24px
}

.new-card .new-card-pre-header {
   text-align: center;
   width: 100%;
   border-radius: 10px 10px 0 0;
   padding: 11px 0
}

.new-card .new-card-pre-header.red {
   background-color: #c00015
}

.new-card .new-card-pre-header.blue {
   background-color: #004186
}

.new-card .new-card-pre-header.green {
   background-color: #61bd4f
}

.new-card .new-card-pre-header.yellow {
   background-color: #f7b731;
}

.new-card .new-card-pre-header span {
   font-weight: 600;
   font-size: 18px;
   color: #fff
}

.new-card .new-card-header {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   min-height: 150px;
   width: 100%;
}

.new-card-discount {
   font-size: inherit;
   width: 100%;
   display: inline-block;
   text-align: center;
   margin-bottom: 5px
}

.new-card-svg {
   margin: 0;
   width: 100%;
}

.new-card-svg svg {
   width: 50px;
   height: 50px;
   margin-top: 20px;
}

.new-card-svg img {
   width: 100%;
   height: 100%;
   max-height: 300px !important;
   object-fit: cover;
}

.new-card-title {
   font-size: 17px;
   font-weight: 600;
   color: #000;
   margin: 0;
   margin-top: 16px !important;
}

.new-card-body {
   margin-top: auto;
   padding: 0 15px
}

.new-card-footer {
   margin-top: auto;
   padding: 0 15px 15px 15px
}

price {
   font-weight: 600;
   font-size: 26px;
   display: block;
   margin-bottom: 25px;
   color: #000;
   text-align: center;
}

price span {
   font-weight: 400;
   font-size: 18px;
   color: #000
}

.date-container {
   background: #1b569e;
   border-radius: 3px;
   padding: 10px;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center
}

.dates-holder {
   display: flex;
   flex-direction: column
}

.big-date-number {
   font-family: Roboto;
   font-weight: 400;
   font-size: 20px;
   line-height: 15px;
   text-align: center;
   color: #fff
}

.small-date-month {
   font-family: Roboto;
   font-weight: 400;
   font-size: 15px;
   line-height: 15px;
   text-align: center;
   color: #fff
}

.event-text-home {
   font-size: 16px;
   color: #4b4b4c;
   font-family: Roboto
}

:root {
   --main-bg-color: #ebf0f2;
   --main-txt-color: #848587;
   --main-primary-color: #01207a;
   --main-secondary-color: #750808;
   --main-tertiary-color: #555555;
   --menu-color: #c00015;
   --content-width: 1360px
}

body {
   font-family: Roboto, sans-serif;
   font-size: 14px;
   background-color: #fff;
   color: var(--main-txt-color)
}

div,
p,
span {
   font-size: 16px
}

a {
   color: var(--main-primary-color)
}

header {
   position: fixed;
   margin-top: 0;
   z-index: 50;
   width: 100%
}

.o-userinfo {
   position: inherit !important;
   margin-top: 0 !important;
   z-index: 49 !important
}

.header_scroll {
   background-color: #fff
}

.swiper-slide .banner-xl {
   display: none
}

.swiper-slide .banner-lg {
   display: block
}

#topo1 {
   width: 100%;
   height: 40px;
   background-color: #fff
}

#topo2 {
   width: 100%;
   height: 60px;
   background-color: #fff
}

#top {
   width: 100%;
   background-color: #fff
}

.menu-area {
   background-color: #fff
}

#top-content {
   width: 100%;
   max-width: var(--content-width);
   margin: 0 auto;
   padding: 10px 20px 0 20px
}

#menu-content {
   width: 100%;
   margin: 0 auto;
   padding: 10px 15px;
   display: flex
}

.menu-cnj {
   background: #004469
}

.container-lg,
.container-xl {
   width: 100%;
   max-width: var(--content-width);
   margin: 0 auto;
   padding: 0 20px;
   font-size: inherit;
   background-color: transparent
}

#logo {
   display: inline-flex;
   width: 155px
}

#top .phone {
   font-weight: 300;
   display: inline-flex
}

#top .phone a {
   color: var(--main-primary-color)
}

#top .right {
   display: inline-flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-end;
   float: right;
   text-align: right
}

#menu {
   width: 100%;
   height: 40px;
   float: right
}

#top form {
   margin-right: 50px
}

#top input {
   height: 22px;
   width: 160px
}

#top i.fas.fa-search {
   color: var(--main-primary-color)
}

#top .right form div input[placeholder] {
   font-size: 11px;
   font-weight: 400;
   color: #b3b3b3
}

#top .right form div .input-group-append {
   width: 20px
}

#top .right #cart_items {
   margin-right: 70px
}

.icon a i {
   color: var(--main-primary-color)
}

#top .right button {
   border: 0;
   margin: -10px 50px 0 0;
   padding: 11px 0;
   background: #fff;
   font-size: 13px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--menu-color)
}

#href-seleciona-seccional {
   color: var(--main-primary-color)
}

#top-logged {
   background-color: #fff;
   width: 100%;
   height: max-content
}

.meuscursos {
   font-size: 13px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--menu-color)
}

#phone {
   font-size: 14px;
   font-weight: 300;
   color: var(--main-primary-color)
}

.menu-area .navbar {
   padding: 0;
   float: right
}

.nav-item.borderBottom:last-child a {
   color: transparent !important;
   border: none
}

.navbar-brand {
   margin-right: 0
}

.nav-item {
   margin-left: 15px;
   min-width: fit-content
}

.nav-sub {
   top: 50px
}

.nav-item a {
   font-size: 15px;
   font-weight: 400;
   text-transform: uppercase;
   color: var(--main-primary-color) !important
}

.nav-item a:active,
.nav-item a:hover {
   color: var(--menu-color) !important
}

#navbarSupportedContent {
   margin-top: 14px
}

.menu-icon-box {
   margin: 0
}

.topspace {
   margin-top: 40px
}

.cardm-box {
   width: 100%;
   max-width: 360px;
   min-height: 447px;
   background-color: #fff;
   margin: 0 auto;
   margin-top: 30px
}

.cardm-categoria {
   width: 100%;
   height: 25px;
   padding: 5px 0 5px 10px;
   color: #033955;
   font-size: 16px;
   line-height: 16px;
   text-transform: uppercase
}

.cardm-foto {
   width: 100%;
   background-repeat: no-repeat;
   background-size: cover
}

.cardm-descricao {
   width: 100%;
   height: 127px;
   padding: 5px 15px 0 15px
}

@media screen and (max-width:480px) {
   .swiper-slide .banner-lg {
      display: none
   }

   .swiper-slide .banner-xl {
      display: block
   }

   .cardm-descricao {
      height: 156px
   }

   .cardm-preco div {
      margin-top: -10px
   }

   .nav-sub {
      top: 0 !important
   }
}

.cardm-rosto {
   width: 30px;
   height: auto;
   vertical-align: text-top
}

.offer_price {
   color: green
}

.cardm-promocao {
   width: 100%;
   background-color: #fff;
   margin-bottom: 10px;
   background-repeat: no-repeat;
   background-size: 100% 100%
}

.cardm-titulo {
   width: 100%;
   vertical-align: bottom;
   font-size: 18px;
   line-height: 1;
   font-weight: 900;
   margin-bottom: 5px;
   text-transform: uppercase
}

.cardm-professor {
   width: 100%;
   font-size: 16px;
   line-height: 1.2;
   font-weight: 400;
   color: #be0606
}

a.link-professor:active,
a.link-professor:hover,
a.link-professor:link,
a.link-professor:visited {
   color: #be0606
}

.cardm-cargo {
   width: 100%;
   font-size: 11px;
   line-height: 1;
   font-weight: 300;
   color: #999;
   text-transform: uppercase
}

.cardm-texto {
   font-size: 14px;
   line-height: 1.4;
   font-weight: 300;
   color: #848587;
   padding: 10px 0 0 0;
   text-align: justify;
   -ms-word-break: break-all;
   word-break: break-all;
   word-break: break-word;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   overflow-wrap: break-word;
   word-wrap: break-word;
   overflow: hidden;
   display: -webkit-box;
   line-clamp: 5;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis
}

.cardm-preco {
   width: 100%;
   height: 40px;
   padding: 0 15px 5px 15px;
   font-size: 16px;
   line-height: 1;
   font-weight: 500;
   position: relative;
   top: -8px
}

span.discounted {
   color: inherit;
   font-size: 1.3em
}

.cardm-cart {
   color: #be0606;
   font-size: 16px
}

.cardm-btn {
   color: #be0606;
   font-size: 16px;
   border: 1px solid #be0606;
   border-radius: 10%;
   padding: 5px 5px;
   margin-top: 7px;
   background: 0 0
}

.cardm-saiba {
   text-align: left;
   font-size: 14px;
   color: #033955;
   text-transform: initial
}

.cards-title {
   width: 100%;
   height: 36px;
   padding: 7px 10px;
   font-size: 20px;
   line-height: 20px;
   font-weight: 400;
   color: #fff;
   margin: 60px 0 0 0;
   text-transform: uppercase
}

.title-section {
   background: #f9f9f9;
   height: 84px;
   margin-bottom: 21px
}

.titulo_home {
   width: 100%;
   padding: 50px 0 30px 0;
   font-weight: 500;
   font-size: 24px;
   color: var(--main-primary-color);
   text-align: center;
   text-transform: uppercase
}

.metodologia-conteudo {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between
}

.metodologia-conteudo img {
   padding: 0 10px;
   margin: 0 auto 10px auto
}

.metodologia-conteudo .descricao {
   margin-bottom: 15px
}

.metodologia-texto {
   text-align: left;
   font-weight: 400;
   font-size: 14px;
   color: #848587;
   line-height: 18px
}

.diferenciais-texto {
   text-align: center;
   font-weight: 500;
   font-size: 14px;
   color: #848587;
   line-height: 18px
}

section#top-courses {
   height: max-content;
   margin: -50px 0 30px 0
}

.metodologia-titulo {
   font-weight: 300;
   font-size: 21px;
   color: var(--main-primary-color);
   line-height: 24px;
   text-transform: uppercase
}

.diferenciais {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around
}

.diferenciais div {
   max-width: 200px;
   text-align: center
}

.diferenciais-titulo {
   font-weight: 500;
   font-size: 21px;
   color: var(--main-primary-color);
   line-height: 24px
}

.div_box {
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, .125);
   background-clip: border-box;
   border-radius: .35rem;
   border-top: 0;
   padding: 20px
}

.logo {
   height: 50px;
   width: auto;
   background-color: #f1f1f1
}

.logo div {
   width: 100%;
   max-width: 1140px;
   margin: 0 auto;
   padding: 10px 15px
}

.logo div img {
   height: 30px;
   width: auto
}

.footer-area {
   background-color: #004469;
   color: #fff;
   font-weight: 300;
   border: none
}

.footer-area a,
.footer-area a:active,
.footer-area a:hover,
.footer-area a:link,
.footer-area a:visited {
   color: #fff
}

.footer-area ul {
   list-style-type: none;
   padding: 0;
   margin: 0
}

.footer-area ul li {
   padding-bottom: 10px
}

.sphera_texto {
   font-size: 10px !important;
   font-weight: 300
}

.sphera_logo {
   width: 100%;
   max-width: 70px;
   height: auto;
   vertical-align: middle
}

.copyright-text {
   color: #686f7a;
   font-size: 13px;
   margin-bottom: 15px
}

.copyright-text img {
   margin-right: 20px
}

.footer-menu .nav-item:not(:last-child) {
   margin-right: 20px
}

.footer-menu .nav-link {
   font-size: 13px
}

.footer-barra {
   width: 100%;
   background-color: #fff;
   padding: 10px 0
}

.footer-logo {
   max-width: 1100px;
   margin: 0 auto;
   padding: 0 15px
}

div.course-box div:nth-child(3) {
   padding: 0 15px 5px 15px;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between
}

div.course-box div:nth-child(3) span {
   margin-bottom: 10px
}

.course-box .course-details .title {
   font-size: 16px;
   margin: 0
}

.course-box .course-image img {
   width: 100%;
   height: auto
}

.instructor-image {
   border-radius: 50%;
   border: 6px solid #fff;
   width: 90px;
   height: 90px
}

.course-sidebar {
   margin: 50px 0;
   position: fixed
}

.course-conteudo-accordion .tema-group-title .title {
   color: var(--main-tertiary-color);
   font-size: 16px;
   font-weight: 400
}

.course-conteudo-accordion .tema-group-title:before {
   color: var(--main-primary-color);
   font-size: 14px;
   line-height: .2
}

.description-content p {
   font-size: 18px
}

.instructor-name {
   color: var(--main-tertiary-color);
   font-size: 18px;
   font-weight: 600
}

.course-conteudo-accordion .tema-list .tema:before {
   content: "\f111";
   font-size: 10px
}

h1.title {
   color: var(--main-primary-color);
   font-weight: 600 !important;
   text-transform: uppercase;
   font-size: 23px
}

h2.subtitle {
   color: var(--main-primary-color);
   font-weight: 600;
   text-transform: uppercase;
   font-size: 20px
}

section.category-header-area {
   background: 0 0;
   color: var(--main-primary-color);
   padding: 40px 0;
   width: 100%;
   margin: auto;
   -webkit-transform: translateX(-5px);
   -moz-transform: translateX(-5px);
   -ms-transform: translateX(-5px);
   transform: translateX(-5px)
}

section.page-header-area {
   background: 0 0;
   color: var(--main-primary-color);
   padding: 40px 0;
   width: 100%;
   margin: auto;
   -webkit-transform: translateX(-5px);
   -moz-transform: translateX(-5px);
   -ms-transform: translateX(-5px);
   transform: translateX(-5px)
}

section.page-header-area .page-title {
   color: var(--main-primary-color);
   font-weight: 300;
   text-transform: uppercase;
   font-size: 32px
}

section.page-header-area.my-course-area ul {
   border-bottom: 1px solid #555
}

section.page-header-area.my-course-area ul li a:hover,
section.page-header-area.my-course-area ul li.active a {
   border-bottom-color: hsla(0, 0%, 0%, .5)
}

section.page-header-area.my-course-area ul li a {
   color: #555;
   text-transform: uppercase
}

body>div.container.mt-5.mb-5>div>div>table>thead>tr>th {
   padding: .25rem
}

body>div.container.mt-5.mb-5>div>div>table>thead>tr>td {
   padding: .25rem
}

@media screen and (min-width:1200px) {
   section.category-header-area {
      max-width: 1140px
   }
}

@media screen and (min-width:992px) and (max-width:1199px) {
   section.category-header-area {
      max-width: 960px
   }
}

@media screen and (min-width:768px) and (max-width:991px) {
   section.category-header-area {
      max-width: 720px
   }
}

@media screen and (min-width:576px) and (max-width:767px) {
   section.category-header-area {
      max-width: 540px
   }
}

section.category-header-area .category-name {
   font-size: 32px;
   font-weight: 300;
   line-height: 1;
   margin: 0;
   text-transform: uppercase
}

.description-box .description-title {
   font-size: 22px;
   font-weight: 400;
   margin: 0 0 10px;
   color: #444
}

@media screen and (max-width:320px) {
   .cardm-rosto {
      width: 30px
   }

   .cardm-titulo {
      font-size: inherit
   }

   span.discounted {
      font-size: 14px
   }

   .current-price {
      font-size: 14px
   }
}

@media screen and (max-width:575px) {
   header {
      margin-top: 0;
      background-color: #fff
   }

   .topspace {
      margin-top: 60px
   }

   #navbarSupportedContent {
      margin-top: 0
   }

   #topo1 {
      display: none
   }

   .nav-sub {
      top: 230px;
      right: 0
   }
}

@media screen and (min-width:576px) and (max-width:767px) {
   header {
      background-color: #fff
   }

   .topspace {
      margin-top: 100px
   }
}

.rodapeajustcor:hover {
   color: #ccc !important
}

@media screen and (max-width:900px) {
   .metodologia-conteudo {
      flex-wrap: wrap
   }

   .diferenciais {
      flex-wrap: wrap
   }
}

@media screen and (max-width:991px) {
   .course-sidebar {
      position: relative
   }
}

@media screen and (min-width:992px) {
   .course-sidebar {
      max-width: 310px
   }
}

@media screen and (max-width:1024px) {
   .nav-item {
      margin-left: 0
   }

   .nav-item a {
      font-size: 14px
   }

   .menudropajust {
      margin-left: 0 !important
   }
}

@media (min-width:1500px) {
   .container-lg {
      max-width: var(--content-width)
   }
}

.toast {
   background-color: green !important;
   z-index: 99999999999 !important;
}

.toast-message {
   background-color: transparent !important;
   z-index: 99999999999 !important;
}

#toast-container {
   z-index: 99999999999 !important;
}