html {
    height: 100%;
    overflow-x: hidden
}

body {
    padding: 0;
    background-color: #f9f9fb;
    height: 100%;
    font-family: 'Comfortaa', cursive;
    color: #7a7a7a;
}

a {
    color: #7a7a7a;
}

a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

a:hover {
    color: #f38804;
}

img {
    max-width: 100%;
}

p {
    font-size: inherit;
    line-height: 21px
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: url(../images/br_down.png) no-repeat right 15px rgba(255, 255, 255, 0) !important;

}

.truncate {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*text-transform: capitalize; */
}

.glyphicon-33 {
    font-size: 28px;
}

button:focus {
    outline: 0 !important
}

.am-wrapper {
    min-height: 100%;
    /*margin-top: 80px*/
}

.am-top-header {
    background-color: #f4931d;
    border: 0;
    margin-bottom: 0;
    margin-left: 120px;
    border-bottom: 1px #fff solid;
}

.am-animate .am-top-header {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.am-top-header .navbar-header .navbar-brand {
    background-color: #3d3c3c;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 80px;
    height: 80px;
    width: 100px;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 20px;
    border-bottom: 1px solid #474646
}

@media (max-width: 767px) {
    .am-wrapper {
        padding-top: 0;
        overflow-x: hidden
    }

    .am-top-header .navbar-header .navbar-brand {
        display: none
    }
}

.am-nosidebar-left .am-top-header .navbar-header .navbar-brand {
    background-color: transparent;
    border-bottom-width: 0;
    margin-left: 0;
    margin-right: 10px;
    width: 180px;
    background-image: url(../img/logo-full.png)
}

@media (min-width: 768px) and (max-width: 991px) {
    .am-top-header .navbar-header .navbar-brand {
        margin-right: 10px
    }

    .am-nosidebar-left .am-top-header .navbar-header .navbar-brand {
        margin-right: 0;
        padding-left: 0;
        width: 160px
    }
}

.am-top-header .navbar-header .am-toggle-left-sidebar {
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    font-size: 0;
    text-align: center;
    display: none;
    padding: 0 18px;
    border-width: 0;
    line-height: 70px
}

.am-top-header .navbar-header .am-toggle-left-sidebar .icon-bar {
    display: inline-block;
    background-color: transparent;
    height: auto;
    width: auto;
    vertical-align: middle
}

.am-top-header .navbar-header .am-toggle-left-sidebar .icon-bar span {
    display: block;
    width: 25px;
    height: 1px;
    margin-top: 6px;
    background-color: #fff
}

.am-top-header .navbar-header .am-toggle-left-sidebar .icon-bar span:first-child {
    margin-top: 0
}

.am-top-header .navbar-header .am-toggle-left-sidebar:focus,
.am-top-header .navbar-header .am-toggle-left-sidebar:hover {
    background-color: transparent
}

@media (max-width: 767px) {
    .am-top-header .navbar-header .am-toggle-left-sidebar {
        display: block
    }
}

.am-top-header .navbar-header .page-title {
    display: none;
    color: #fff;
    font-family: Raleway, sans-serif;
    font-size: 19px;
    line-height: 70px
}

@media (max-width: 767px) {
    .am-top-header .navbar-header .page-title {
        display: inline-block
    }

    .am-top-header .navbar-header {
        text-align: center
    }

    .am-top-header {
        margin-left: 0;
    }
}

.am-top-header .navbar-collapse .navbar-nav > li > a {
    line-height: 76px;
    color: #fff;
    font-family: 'Comfortaa', cursive;
    font-weight: 700;
    font-size: 18px;
    padding: 0 45px;
    outline: 0
}

.am-top-header .navbar-collapse .navbar-nav.am-nav-right > li {
    border-bottom: 4px #f4931d solid;
}

.am-top-header .navbar-collapse .navbar-nav.am-nav-right > li.active,
.am-top-header .navbar-collapse .navbar-nav.am-nav-right > li:hover {
    border-bottom: 4px #fff solid;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #fff;
}

@media (min-width: 768px) and (max-width: 991px) {
    .am-top-header .navbar-collapse .navbar-nav > li > a {
        padding: 0 12px
    }
}

.am-top-header .navbar-collapse .navbar-nav > li.dropdown > a .angle-down {
    font-size: 27px;
    vertical-align: middle
}

/*.am-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu {*/
/*border: 0;*/
/*border-radius: 3px;*/
/*margin-top: 2px*/
/*}*/

.am-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > li > a {
    font-size: 14px;
    line-height: 32px;
    font-weight: 400;
    color: #fff;
    padding: 10px 20px;
    min-width: 175px;
    border-bottom: 1px #fff solid;
}

.am-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > li:last-child > a {
    border-bottom: none;
}

.am-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > li > a:hover {
    background-color: transparent;
    color: #fff
}

.am-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > li > a:active,
.am-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > li > a:focus {
    background-color: transparent;
    color: #504e4e
}

/*.am-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu:after {*/
/*border-bottom: 8px solid #fff;*/
/*border-left: 8px solid transparent;*/
/*border-right: 8px solid transparent;*/
/*top: -8px;*/
/*content: "";*/
/*display: inline-block;*/
/*left: 42px;*/
/*margin-left: -6px;*/
/*position: absolute*/
/*}*/

.am-top-header .navbar-collapse .am-user-nav {
    margin-right: 0
}

.am-top-header .navbar-collapse .am-user-nav > li.dropdown > a {
    padding-left: 16px;
    padding-right: 4px
}

.am-top-header .navbar-collapse .am-user-nav > li.dropdown > a img {
    max-width: 43px;
    max-height: 43px;
    border-radius: 50%
}

.am-top-header .navbar-collapse .am-user-nav > li.dropdown > a .user-name {
    margin-left: 8px;
    /*display: none*/
}

.am-top-header .navbar-collapse .am-user-nav > li.dropdown .dropdown-menu li a .icon {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 6px
}

.am-top-header .navbar-collapse .am-user-nav > li.dropdown .dropdown-menu:after {
    left: auto;
    right: 20px
}

.am-top-header .navbar-collapse .am-icons-nav {
    margin-right: 20px
}

/* language style */
.am-top-header .navbar-collapse .am-user-nav > li.dropdown.flag img{
    border-radius: 0;
    width: 28px;
}
.am-top-header .navbar-collapse .am-user-nav > li.dropdown.flag ul{
    text-align: center;
    min-width: 70px;
    right: 0;
}
.am-top-header .navbar-collapse .am-user-nav > li.dropdown.flag ul li{
    border-bottom: 1px solid #fff;
    cursor: pointer;
}
.am-top-header .navbar-collapse .am-user-nav > li.dropdown.flag ul li:last-child{
    border: 0;
}


@media (min-width: 768px) and (max-width: 991px) {
    .am-top-header .navbar-collapse .am-user-nav > li.dropdown > a {
        padding-left: 10px
    }

    .am-top-header .navbar-collapse .am-icons-nav {
        margin-right: 10px
    }
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown > a {
    padding: 0 9px;
    position: relative
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown > a .icon {
    font-size: 28px;
    vertical-align: middle;
    color: rgba(255, 255, 255, .8)
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown > a .indicator {
    background: #fff;
    border-radius: 50%;
    display: block;
    height: 6px;
    width: 6px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 9px
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications {
    width: 300px;
    border-radius: 5px;
    left: auto;
    margin-right: -150px;
    right: 50%;
    padding-bottom: 0
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections .title,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .title,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .title {
    font-family: Raleway, sans-serif;
    font-size: 13px;
    color: #8a8a8a;
    text-align: center;
    padding: 3px 0 7px;
    border-bottom: 1px solid #ebebeb
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections .title .badge,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .title .badge,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .title .badge {
    font-weight: 600;
    font-size: 10px;
    line-height: 9px;
    vertical-align: middle;
    margin-left: 4px;
    background-color: #e4e4e4;
    color: #8a8a8a;
    min-width: 17px;
    height: 17px;
    text-align: center;
    padding: 3px 6px
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections .footer a,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .footer a,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .footer a {
    font-size: 13px;
    color: #8a8a8a;
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #ebebeb;
    display: block;
    outline: 0;
    font-family: Raleway, sans-serif
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections .footer a:hover,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .footer a:hover,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .footer a:hover {
    background-color: #f5f5f5
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections:after,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages:after,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications:after {
    left: 50%;
    margin-left: -8px
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller {
    height: 222px
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul {
    list-style: none;
    padding-left: 0
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li {
    overflow: hidden;
    border-bottom: 1px solid #ebebeb
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li > a,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li > a {
    padding: 15px;
    display: block;
    overflow: hidden
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li > a .logo,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li > a .logo {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    background-color: #e4e4e4;
    float: left;
    text-align: center
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li > a .logo .icon,
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li > a .logo .icon {
    font-size: 25px;
    color: #979595;
    line-height: 36px
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li > a .user-content, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li > a .user-content {
    padding-left: 50px;
    line-height: 14px
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li > a .user-content .circle, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li > a .user-content .circle {
    width: 6px;
    height: 6px;
    background: #ef6262;
    border-radius: 50%;
    float: right;
    position: relative;
    top: 6px
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li > a .user-content .name, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li > a .user-content .text-content, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li > a .user-content .name, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li > a .user-content .text-content {
    font-family: Raleway, sans-serif;
    font-weight: 500;
    font-size: 13px
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li > a .user-content .text-content, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li > a .user-content .text-content {
    color: #8a8a8a;
    font-size: 12px;
    line-height: 16px
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li > a .user-content .date, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li > a .user-content .date {
    color: #8a8a8a;
    display: block;
    font-size: 9px;
    margin-top: 4px;
    text-transform: uppercase
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:hover > a, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:hover > a .logo .icon, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:hover > a .user-content .date, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:hover > a .user-content .text-content, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li:hover > a, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li:hover > a .logo .icon, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li:hover > a .user-content .date, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li:hover > a .user-content .text-content {
    color: #fff
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li.active, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li.active {
    background-color: rgba(239, 98, 98, .1);
    border-bottom: 1px solid rgba(239, 98, 98, .1)
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:hover, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li:hover {
    background-color: #ef6262
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:hover > a .logo, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li:hover > a .logo {
    background-color: #eb4242
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:hover > a .user-content .circle, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li:hover > a .user-content .circle {
    background: #fff
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:last-child, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li:last-child {
    border-bottom: 0
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller {
    height: 230px
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li > a .logo {
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 50%;
    overflow: hidden
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li > a .logo img {
    max-width: 100%
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li > a .user-content .date {
    display: inline-block;
    text-transform: none;
    float: right;
    margin-top: 0;
    font-size: 10px
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li > a .user-content .text-content {
    display: block;
    margin-top: 4px
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:hover > a .logo {
    background-color: transparent
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections .content ul {
    padding: 0
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections .content ul li {
    display: block;
    overflow: hidden;
    list-style: none;
    padding: 10px 20px;
    line-height: 34px;
    border-bottom: 1px solid #ebebeb
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections .content ul li .logo {
    width: 35px;
    height: 35px;
    float: left;
    text-align: center
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections .content ul li .logo img {
    max-height: 100%;
    max-width: 100%
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections .content ul li .field {
    padding-left: 45px;
    vertical-align: middle
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections .content ul li .field > span {
    font-family: Raleway, sans-serif;
    color: #8a8a8a;
    font-weight: 500;
    font-size: 13px
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections .content ul li .field .switch-button {
    vertical-align: middle
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections .content ul li:hover {
    background-color: #f5f5f5
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections .content ul li:last-child {
    border-bottom: 0
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown.open > a {
    background-color: transparent
}

.am-top-header .navbar-collapse .am-icons-nav > li.dropdown.open > a .icon {
    color: #fff
}

.am-top-header .am-toggle-right-sidebar {
    float: right;
    display: block;
    padding: 0 18px;
    line-height: 80px;
    color: #fff;
    margin-right: 5px
}

@media (min-width: 768px) and (max-width: 991px) {
    .am-top-header .am-toggle-right-sidebar {
        margin-right: 0;
        padding-left: 5px;
        padding-right: 9px
    }
}

.am-top-header .am-toggle-right-sidebar .icon {
    font-size: 26px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

@media (max-width: 767px) {
    .am-top-header .am-toggle-right-sidebar {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 70px;
        margin-right: 0
    }
}

.am-top-header .am-toggle-top-header-menu {
    display: none;
    text-align: center;
    background-color: #393838;
    font-size: 31px;
    line-height: 41px;
    color: #e1e1e1
}

@media (min-width: 768px) {
    .am-white-header .am-top-header {
        background-color: #fff;
        border-bottom: 1px solid #e6e6e6
    }

    .am-white-header .am-top-header .navbar-brand {
        background-color: #ef6262;
        border-bottom-color: #474646;
        position: relative;
        top: 1px
    }

    .am-white-header .am-top-header .navbar-brand:after {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        background-color: inherit;
        position: absolute;
        top: -1px;
        left: 0
    }

    .am-white-header .am-top-header .navbar-collapse .navbar-nav > li > a {
        color: #555
    }

    .am-white-header .am-top-header .navbar-collapse .navbar-nav > li.open > a {
        background-color: #f7f7f7
    }

    .am-white-header .am-top-header .navbar-collapse .navbar-nav > li.open .dropdown-menu {
        margin-top: 10px
    }

    .am-white-header .am-top-header .am-icons-nav > li.dropdown > a .icon {
        color: rgba(85, 85, 85, .8)
    }

    .am-white-header .am-top-header .am-icons-nav > li.dropdown > a .indicator {
        background-color: #ef6262
    }

    .am-white-header .am-top-header .am-icons-nav > li.dropdown.open > a {
        background-color: transparent
    }

    .am-white-header .am-top-header .am-icons-nav > li.dropdown.open > a .icon {
        color: #ef6262
    }

    .am-white-header .am-top-header .am-toggle-right-sidebar {
        color: rgba(85, 85, 85, .8)
    }
}

@media (max-width: 767px) {
    .am-top-header .am-toggle-top-header-menu {
        display: block
    }
    

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li.active, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li.active {
        border-bottom-color: #e0e0e0
    }

    .am-top-header {
        position: relative
    }

    .am-top-header .navbar-collapse {
        border: 0;
        padding: 10px 0 0 0;
        margin: 0;
        max-height: none;
        box-shadow: none;
        position: relative
    }

    .am-top-header .navbar-collapse > .navbar-nav {
        margin: 0;
        text-align: right;
        float: right;
    }
    .am-top-header .navbar-collapse > .navbar-nav > li{
        float: left;
    }
    .am-top-header .navbar-collapse > .navbar-nav > li > a {
        padding: 0 20px;
        line-height: 50px;
        font-size: 13px;
        position: relative
    }

    .am-top-header .navbar-collapse > .navbar-nav > li.open > a {
        background-color: transparent
    }

    .am-top-header .navbar-collapse > .navbar-nav > li.dropdown .dropdown-menu {
        background-color: #f4931d;
        border: 1px solid #fff;
        position: absolute;
    }
    .am-top-header .navbar-collapse > .navbar-nav > li.dropdown.flag.open .dropdown-menu{
        display: table;
            left: -132px;
    right: auto;
    }

    .am-top-header .navbar-collapse > .navbar-nav > li.dropdown .dropdown-menu > li > a {
        color: #e1e1e1;
        padding-left: 26px
    }

    .am-top-header .navbar-collapse > .navbar-nav > li.dropdown .dropdown-menu > li > a:active, .am-top-header .navbar-collapse > .navbar-nav > li.dropdown .dropdown-menu > li > a:focus, .am-top-header .navbar-collapse > .navbar-nav > li.dropdown .dropdown-menu > li > a:hover {
        background-color: transparent;
        color: #e1e1e1
    }

    .am-top-header .navbar-collapse > .navbar-nav > li.dropdown .dropdown-menu > li > a:active {
        color: #fff
    }

    .am-top-header .navbar-collapse > .navbar-nav > li.dropdown .dropdown-menu:after {
        content: "";
        display: none
    }

    .am-top-header .navbar-collapse > .navbar-nav.am-nav-right > li:first-child > a {
        padding-left: 20px
    }

    .am-top-header .navbar-collapse .am-user-nav > li.dropdown > a {
        padding: 0 15px;
        line-height: 65px
    }

    .am-top-header .navbar-collapse .am-user-nav > li.dropdown > a > img {
        max-height: 32px;
        max-width: 32px
    }

    .am-top-header .navbar-collapse .am-user-nav > li.dropdown > a .user-name {
        display: inline
    }

    .am-top-header .navbar-collapse .am-icons-nav {
        border-top: 1px solid #353434;
        background-color: #393838;
        text-align: center
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown {
        display: inline-block;
        position: static
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown > a .icon {
        color: #e1e1e1
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown > a .indicator {
        background-color: #f17979
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown > ul.dropdown-menu {
        position: absolute;
        top: 0;
        bottom: 51px;
        left: 0;
        width: 100%;
        margin-top: 0;
        padding-top: 0;
        border-radius: 0
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown > ul.dropdown-menu > li {
        height: 100%;
        display: table;
        table-layout: fixed;
        width: 100%
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown > ul.dropdown-menu > li .title {
        display: none
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown > ul.dropdown-menu > li > .list {
        background-color: #eee;
        height: 100%;
        display: table-row
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown > ul.dropdown-menu > li > .list .am-scroller {
        height: 100%
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown > ul.dropdown-menu > li .content, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown > ul.dropdown-menu > li .content > ul > li {
        background-color: #eee
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown > ul.dropdown-menu > li .footer > a {
        border-top-color: #e0e0e0;
        background-color: #ebebeb
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown > ul.dropdown-menu > li .footer > a:hover {
        background-color: #e6e6e6
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown > ul.dropdown-menu:after {
        display: none
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:hover, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li:hover {
        background-color: #eee
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:hover > a, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li:hover > a {
        color: #ef6262
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:hover > a .user-content .date, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:hover > a .user-content .text-content, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li:hover > a .user-content .date, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li:hover > a .user-content .text-content {
        color: #8a8a8a
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:hover > a .user-content .circle, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li:hover > a .user-content .circle {
        background-color: #ef6262
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:hover > a .logo, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li:hover > a .logo {
        background-color: #e4e4e4
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li:hover > a .logo .icon, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li:hover > a .logo .icon {
        color: #979595
    }

    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li.active:hover, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li.active:hover {
        background-color: #fdefef
    }

    .am-top-header .container-fluid {
        padding: 0
    }
}

.am-left-sidebar {
    background-color: #FF9A00;
    width: 120px;
    height: 100%;
    left: 0;
    position: absolute
}

.am-left-sidebar .sidebar-elements {
    margin: 0;
    padding: 0
}

.am-left-sidebar .navi-logo {
    /*line-height: 80px;*/
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 5px auto;
    overflow: hidden;
}

.am-left-sidebar .navi-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.am-left-sidebar .sidebar-elements .navi-logo img {
    text-align: center;
}

.am-left-sidebar .sidebar-elements > li {
    /*border-bottom: 1px solid #474646;*/
    list-style: none
}

.am-left-sidebar .sidebar-elements > li > a {
    font-size: 14px;
    display: block;
    padding: 11px;
    color: #fff;
    text-align: center;
    

    /*border-left: 4px solid transparent;*/
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.am-left-sidebar .sidebar-elements > li > a .icon {
    display: block;
    font-size: 33px
}

.am-left-sidebar .sidebar-elements > li > a span {
    display: block;
    margin-top: 5px
}

@media (min-width: 768px) {
    .am-left-sidebar .sidebar-elements > li.active,
    .am-left-sidebar .sidebar-elements > li:hover {
        background-color: rgba(0, 0, 0, 0.1)
    }
}

.am-left-sidebar .sidebar-elements > li.active > a,
.am-left-sidebar .sidebar-elements > li:hover > a {
    border-left: 5px solid #f9f9fb;
    border-right: 5px solid #f9f9fb;
    border-top: 1px solid #f9f9fb;
    border-bottom: 1px solid #f9f9fb;
    padding-left: 8px
}

.am-left-sidebar .sidebar-elements > li > ul {
    position: ?;
    left: 100px;
    top: 0;
    background-color: #484747;
    z-index: 1031;
    padding: 0;
    table-layout: fixed;
    list-style: none;
    width: 280px
}

@media (min-width: 768px) {
    .am-left-sidebar .sidebar-elements > li > ul.visible {
        display: table;
        background-color: initial;
        position: static;
    }

    .am-left-sidebar .sidebar-elements > li > ul.hide {
        display: none
    }
}

.am-left-sidebar .sidebar-elements > li > ul > li.title {
    color: #fff;
    border-bottom: 1px solid #6d6b6b;
    font-size: 26px;
    font-weight: 300;
    margin: 0 25px;
    padding-bottom: 18px;
    padding-top: 25px
}

.am-left-sidebar .sidebar-elements > li > ul > .nav-items {
    display: table-row;
    height: 100%
}

.am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller {
    display: table-cell;
    height: 100%
}

@media (max-width: 767px) {
    .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller {
        display: block
    }
}

.am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content {
    height: 100%;
    padding-top: 15px;
    margin-right: 0 !important
}

@media screen and (min-width: 0\0
) {
    .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content {
        position: static;
        overflow: hidden
    }
}

.am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > a {
    padding: 11px 25px;
    color: #b3b3b3;
    font-size: 13px;
    display: block;
    font-weight: 300
}

.am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > a .label {
    border-radius: 2px;
    font-weight: 400;
    line-height: 10px;
    padding: 5px 10px
}

.am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > a:hover {
    background-color: #424141;
    color: #fff
}

.am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul li.active > a {
    color: #f17979
}

.am-left-sidebar .am-logo {
    display: none
}

.am-left-sidebar:before {
    content: "";
    position: fixed;
    z-index: -1;
    width: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: inherit
}

.am-animate .am-left-sidebar:before {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media (max-width: 767px) {
    .am-left-sidebar:before {
        display: none
    }

    .am-left-sidebar {
        width: 120px;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: fixed;
        top: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        z-index: 1031
    }

    .am-left-sidebar .sidebar-elements > li > a {
        /*text-align: left;*/
        position: relative
    }

    .am-left-sidebar .sidebar-elements > li > a .icon {
        display: inline-block;
        font-size: 25px;
        margin-right: 10px;
        vertical-align: middle
    }

    .am-left-sidebar .sidebar-elements > li > a span {
        display: inline-block
    }

    .am-left-sidebar .sidebar-elements > li.parent > a:after {
        content: '\e688';
        float: right;
        font-family: 'Stroke 7';
        font-size: 26px;
        line-height: 28px;
        color: #a1a1a1
    }

    .am-left-sidebar .sidebar-elements > li > ul {
        position: relative;
        height: auto;
        width: 100%;
        left: 0
    }

    .am-left-sidebar .sidebar-elements > li > ul > li.title {
        display: none
    }

    .am-left-sidebar .sidebar-elements > li > ul > li.nav-items {
        display: block;
        height: auto
    }

    .am-left-sidebar .sidebar-elements > li > ul > li.nav-items > .am-scroller {
        height: auto;
        overflow: visible
    }

    .am-left-sidebar .sidebar-elements > li > ul > li.nav-items > .am-scroller > .content {
        padding-top: 0;
        overflow: visible;
        position: relative
    }

    .am-left-sidebar .sidebar-elements > li:hover {
        background-color: inherit
    }

    .am-left-sidebar .sidebar-elements > li:hover > ul {
        display: none
    }

    .am-left-sidebar .sidebar-elements li.open > ul {
        display: block
    }

    .am-left-sidebar .am-logo {
        background: url(../img/logo-full.png) 15px center no-repeat #393838;
        height: 70px;
        border-bottom: 1px solid #353434;
        display: block
    }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(-o-min-device-pixel-ratio: 2/1),(min-resolution: 192dpi) {
    .am-left-sidebar .am-logo {
        background-image: url(../img/logo-full-retina.png);
        background-size: 150px 39px
    }
}

.am-animate .am-left-sidebar {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.am-animate .am-content, .am-animate .am-right-sidebar {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease
}

.am-fixed-sidebar .am-left-sidebar {
    /*margin-top: 80px;*/
    padding-bottom: 80px;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1031
}

.am-fixed-sidebar .am-left-sidebar .buusti-low-logo {
    position: absolute;
    bottom: 5px;
    text-align: center;
    width: 100%;
    padding: 11px;
    background-image: url(../images/logo_typo.png);
    background-size: 120px 30px;
    text-align: center;
}


.am-fixed-sidebar .am-left-sidebar:before {
    top: 80px
}

.am-fixed-sidebar .am-left-sidebar .nano-pane {
    width: 4px
}

.am-fixed-sidebar .am-left-sidebar .nano-pane > .nano-slider {
    background-color: rgba(0, 0, 0, .15)
}

.am-right-sidebar {
    overflow-y: hidden;
    position: fixed;
    width: 255px;
    height: 100%;
    top: 0;
    right: -255px;
    background-color: #484747
}

.am-animate .am-right-sidebar {
    transition: all .35s ease
}

@media (min-width: 768px) {
    body.open-right-sidebar .am-content {
        left: -255px
    }

    body.open-right-sidebar .page-aside {
        left: -155px
    }

    body.open-right-sidebar .am-top-header {
        right: 255px;
        left: -255px
    }

    body.open-right-sidebar .am-left-sidebar, body.open-right-sidebar .am-left-sidebar:before {
        left: -255px
    }

    body.open-right-sidebar .am-right-sidebar {
        right: 0
    }
}

@media (max-width: 767px) {
    .am-fixed-sidebar .am-left-sidebar {
        margin-top: 0;
        padding-bottom: 0
    }

    body.open-left-sidebar .am-wrapper {
        overflow: hidden
    }

    body.open-left-sidebar .am-content, body.open-left-sidebar .am-top-header {
        -webkit-transform: translate3d(120px, 0, 0);
        transform: translate3d(120px, 0, 0)
    }

    body.open-left-sidebar .am-left-sidebar {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    body.open-right-sidebar .am-content, body.open-right-sidebar .am-top-header, body.open-right-sidebar .page-aside {
        -webkit-transform: translate3d(-255px, 0, 0);
        transform: translate3d(-255px, 0, 0)
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    body.open-right-sidebar .am-content, body.open-right-sidebar .am-top-header, body.open-right-sidebar .page-aside {
        -webkit-transform: translate3d(-85%, 0, 0);
        transform: translate3d(-85%, 0, 0)
    }

    body.open-right-sidebar .am-wrapper {
        overflow: hidden
    }

    body.open-right-sidebar .am-right-sidebar {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.am-right-sidebar .sb-content {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%
}

.am-right-sidebar .user-info {
    text-align: center;
    padding: 30px 20px;
    border-bottom: 1px solid #525050;
    background-color: #424141
}

.am-right-sidebar .user-info img {
    border-radius: 50%;
    width: 76px;
    height: 76px;
    margin-bottom: 20px
}

.am-right-sidebar .user-info span {
    display: block;
    font-family: Raleway, sans-serif
}

.am-right-sidebar .user-info span.name {
    color: #e1e1e1;
    font-size: 14px
}

.am-right-sidebar .user-info span.name .status {
    border-radius: 50%;
    height: 7px;
    width: 7px;
    background-color: #00b777;
    display: inline-block;
    margin-left: 8px;
    position: relative;
    top: -1px
}

.am-right-sidebar .user-info span.position {
    color: #aaa;
    font-size: 13px
}

@media (max-width: 767px) {
    .am-right-sidebar .user-info {
        background-color: #3b3a3a;
        border-bottom: 0 solid #353434;
        text-align: left;
        padding: 17px 22px 21px
    }

    .am-right-sidebar .user-info img {
        height: 36px;
        width: 36px;
        margin-bottom: 0;
        float: left
    }

    .am-right-sidebar .user-info > span {
        padding-left: 46px
    }

    .am-right-sidebar .user-info > span.position {
        font-size: 12px;
        line-height: 12px
    }
}

.am-right-sidebar h2 {
    color: #e1e1e1;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 15px;
    border-bottom: 1px solid #6d6b6b;
    padding-left: 5px;
    margin-bottom: 25px;
    margin-top: 18px
}

.am-right-sidebar .tab-navigation .nav-tabs > li > a:focus, .am-right-sidebar .tab-navigation .nav-tabs > li > a:hover {
    border: 0;
    background-color: transparent
}

.am-right-sidebar .search {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%
}

.am-right-sidebar .search > input {
    border: 0;
    background-color: #424141;
    color: #b3b3b3;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    padding: 15px 20px;
    outline: 0
}

.am-right-sidebar .search > span {
    position: absolute;
    color: #aaa;
    right: 15px;
    top: 50%;
    font-size: 20px;
    margin-top: -10px;
    cursor: pointer
}

.am-right-sidebar .search > span:hover {
    color: #d1d1d1
}

.am-right-sidebar .tab-navigation .nav-tabs {
    background-color: #424141;
    border-bottom: 0;
    padding: 0 15px
}

.am-right-sidebar .tab-navigation .nav-tabs > li > a {
    background-color: transparent;
    border-width: 0;
    padding: 14px 10px;
    min-width: 40px
}

.am-right-sidebar .tab-navigation .nav-tabs > li > a .icon {
    font-size: 25px;
    color: #aaa
}

.am-right-sidebar .tab-navigation .nav-tabs > li > a:hover .icon {
    color: #fff
}

.am-right-sidebar .tab-navigation .nav-tabs > li.active > a .icon {
    color: #ef6262
}

@media (max-width: 767px) {
    .am-right-sidebar .tab-navigation .nav-justified {
        display: table
    }

    .am-right-sidebar .tab-navigation .nav-justified > li {
        display: table-cell
    }

    .am-right-sidebar .tab-navigation .nav-justified > li > a {
        margin-bottom: 0;
        min-width: 40px
    }
}

.am-right-sidebar .tab-panel {
    height: 100%;
    display: table-row
}

.am-right-sidebar .tab-panel .tab-content {
    height: 100%;
    position: relative;
    width: 100%;
    padding: 0;
    background: 0 0
}

.am-right-sidebar .tab-panel .tab-content .tab-pane {
    height: 100%;
    position: relative;
    width: 100%
}

.am-right-sidebar .tab-panel .tab-content .tab-pane > .content {
    overflow: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.am-right-sidebar .tab-panel .tab-content .announcement .nano-content, .am-right-sidebar .tab-panel .tab-content .announcement .nano-pane {
    margin-bottom: 49px
}

.am-right-sidebar .tab-panel .tab-content .announcement .nano-content > .content {
    padding: 10px 20px 0
}

.am-right-sidebar .tab-panel .tab-content .announcement ul {
    list-style: none;
    padding-left: 0
}

.am-right-sidebar .tab-panel .tab-content .announcement ul > li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 25px
}

.am-right-sidebar .tab-panel .tab-content .announcement ul > li > .icon {
    position: absolute;
    left: 0;
    font-size: 16px;
    background-color: #424141;
    color: #d6d6d6;
    border-radius: 50%;
    height: 26px;
    width: 26px;
    text-align: center;
    line-height: 20px
}

.am-right-sidebar .tab-panel .tab-content .announcement ul > li > .icon span.icon {
    vertical-align: middle
}

.am-right-sidebar .tab-panel .tab-content .announcement ul > li .content {
    margin-left: 5px
}

.am-right-sidebar .tab-panel .tab-content .announcement ul > li .content a {
    display: block;
    color: #fff;
    padding-top: 3px;
    font-size: 12px
}

.am-right-sidebar .tab-panel .tab-content .announcement ul > li .content a:hover {
    color: #f38787
}

.am-right-sidebar .tab-panel .tab-content .announcement ul > li .content span {
    display: block;
    color: #b3b3b3;
    margin-top: 5px;
    font-size: 12px
}

.am-right-sidebar .tab-panel .tab-content .faqs .content, .am-right-sidebar .tab-panel .tab-content .faqs .nano-pane {
    margin-bottom: 49px
}

.am-right-sidebar .tab-panel .tab-content .faqs .content {
    padding: 10px 20px 1px
}

.am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 20px
}

.am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading {
    background-color: transparent;
    border-color: transparent;
    padding: 0
}

.am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading .panel-title {
    margin-top: 0
}

.am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading .panel-title a {
    color: #fff;
    position: relative;
    padding: 0 0 0 35px;
    line-height: 24px;
    display: block
}

.am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading .panel-title a .icon {
    background-color: #424141;
    height: 26px;
    width: 26px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

.am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading .panel-title a .icon > span {
    font-size: 26px;
    color: #d6d6d6;
    position: relative;
    top: 1px;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading .panel-title a .title {
    font-size: 12px;
    font-weight: 400
}

.am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading .panel-title a.collapsed .icon {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading .panel-title a.collapsed .icon > span {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-collapse .panel-body {
    border-top: 0;
    color: #b3b3b3;
    font-size: 12px;
    padding: 3px 0 0 35px
}

.am-right-sidebar .tab-panel .tab-content .ticket .content {
    padding: 10px 20px 30px
}

.am-right-sidebar .tab-panel .tab-content .ticket form {
    margin-top: 30px
}

.am-right-sidebar .tab-panel .tab-content .ticket form .send-ticket {
    margin-bottom: 30px
}

.am-right-sidebar .tab-panel .tab-content .ticket form .send-ticket label {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 13px
}

.chat .chat-category, .chat h2 {
    margin: 30px 20px 15px
}

.am-right-sidebar .tab-panel .tab-content .ticket form .send-ticket .form-control {
    background-color: transparent;
    border-radius: 2px;
    box-shadow: none;
    font-size: 13px;
    border: 1px solid #646262;
    color: #e1e1e1;
    height: auto;
    padding: 10px
}

.am-right-sidebar .tab-panel .tab-content .ticket form .send-ticket textarea {
    min-height: 160px
}

.am-right-sidebar .tab-panel .tab-content .ticket form .btn {
    width: 100%
}

@media (max-width: 767px) {
    .am-right-sidebar {
        width: 85%;
        right: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .am-right-sidebar .tab-panel .tab-content > .chat, .am-right-sidebar .tab-panel .tab-content > .chat .chat-contacts, .am-right-sidebar .tab-panel .tab-content > .chat .chat-window {
        width: 100%
    }

    .am-right-sidebar .tab-panel .tab-content > .chat .chat-window {
        left: 100%
    }

    .am-right-sidebar .tab-panel .tab-content > .chat.chat-opened .chat-contacts {
        left: -100%
    }
}

.am-right-sidebar .chat {
    width: 255px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0
}

.am-content .chat.chat-scroll {
    height: 350px;
    position: relative;
    width: 100%
}

.chat .chat-category {
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 15px;
    border-bottom: 1px solid #ededed;
    padding-left: 5px
}

.am-right-sidebar .chat .chat-category {
    border-bottom-color: #6d6b6b;
    color: #e1e1e1
}

.chat .chat-contact-list, .chat .contact, .chat .recent {
    margin-bottom: 30px;
    font-size: 13px
}

.am-right-sidebar .chat .chat-contact-list, .am-right-sidebar .chat .contact, .am-right-sidebar .chat .recent {
    font-size: 12px
}

.chat .chat-contact-list .user a, .chat .contact .user a, .chat .recent .user a {
    display: block;
    padding: 14px 25px;
    overflow: hidden
}

.am-right-sidebar .chat .chat-contact-list .user a, .am-right-sidebar .chat .contact .user a, .am-right-sidebar .chat .recent .user a {
    padding: 11px 25px
}

.chat .chat-contact-list .user a img, .chat .contact .user a img, .chat .recent .user a img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left
}

.chat .chat-contact-list .user a .user-data, .chat .chat-contact-list .user a .user-data2, .chat .contact .user a .user-data, .chat .contact .user a .user-data2, .chat .recent .user a .user-data, .chat .recent .user a .user-data2 {
    padding-left: 40px;
    line-height: 16px
}

.chat .chat-contact-list .user a .user-data .status, .chat .chat-contact-list .user a .user-data2 .status, .chat .contact .user a .user-data .status, .chat .contact .user a .user-data2 .status, .chat .recent .user a .user-data .status, .chat .recent .user a .user-data2 .status {
    background-color: #00b777;
    border-radius: 50%;
    float: right;
    width: 7px;
    height: 7px;
    position: relative;
    top: 5px
}

.chat .chat-contact-list .user a .user-data .status.offline, .chat .chat-contact-list .user a .user-data2 .status.offline, .chat .contact .user a .user-data .status.offline, .chat .contact .user a .user-data2 .status.offline, .chat .recent .user a .user-data .status.offline, .chat .recent .user a .user-data2 .status.offline {
    background-color: #e65a5a
}

.chat .chat-contact-list .user a .user-data .status.away, .chat .chat-contact-list .user a .user-data2 .status.away, .chat .contact .user a .user-data .status.away, .chat .contact .user a .user-data2 .status.away, .chat .recent .user a .user-data .status.away, .chat .recent .user a .user-data2 .status.away {
    background-color: #f2c329
}

.chat .chat-contact-list .user a .user-data .name, .chat .chat-contact-list .user a .user-data2 .name, .chat .contact .user a .user-data .name, .chat .contact .user a .user-data2 .name, .chat .recent .user a .user-data .name, .chat .recent .user a .user-data2 .name {
    color: #555;
    font-family: Raleway, sans-serif;
    font-weight: 500
}

.am-right-sidebar .chat .chat-contact-list .user a .user-data .name, .am-right-sidebar .chat .chat-contact-list .user a .user-data2 .name, .am-right-sidebar .chat .contact .user a .user-data .name, .am-right-sidebar .chat .contact .user a .user-data2 .name, .am-right-sidebar .chat .recent .user a .user-data .name, .am-right-sidebar .chat .recent .user a .user-data2 .name {
    color: #e1e1e1
}

.chat .chat-contact-list .user a .user-data .message, .chat .chat-contact-list .user a .user-data2 .message, .chat .contact .user a .user-data .message, .chat .contact .user a .user-data2 .message, .chat .recent .user a .user-data .message, .chat .recent .user a .user-data2 .message {
    display: block;
    color: #999;
    font-size: 11px
}

.chat .chat-contact-list .user a .user-data2, .chat .contact .user a .user-data2, .chat .recent .user a .user-data2 {
    margin-top: 7px
}

.chat .chat-contact-list .user a:hover, .chat .contact .user a:hover, .chat .recent .user a:hover {
    background-color: #f7f7f7
}

.am-right-sidebar .chat .chat-contact-list .user a:hover, .am-right-sidebar .chat .contact .user a:hover, .am-right-sidebar .chat .recent .user a:hover {
    background-color: #424141
}

.chat .chat-contacts, .chat .chat-window {
    width: 100%
}

.am-right-sidebar .chat .chat-contacts, .am-right-sidebar .chat .chat-window {
    width: 255px;
    height: 100%;
    display: table;
    table-layout: fixed;
    position: absolute;
    left: 0;
    -webkit-transition: left .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease
}

.am-right-sidebar .chat .chat-contacts .chat-sections {
    height: 100%;
    display: table-row
}

.chat .chat-contacts .search {
    position: relative
}

.am-right-sidebar .chat .chat-window {
    height: 100%;
    left: 255px;
    display: table;
    table-layout: fixed
}

.chat .chat-window .title {
    padding: 20px 20px 20px 10px;
    overflow: hidden
}

.chat .chat-window .title .icon {
    font-size: 35px;
    color: #b3b3b3;
    position: relative;
    vertical-align: middle;
    cursor: pointer
}

.chat .chat-window .title .user-name {
    font-size: 19px;
    line-height: 23px
}

.chat .chat-window .title .user {
    display: inline-block;
    float: right;
    text-align: right;
    line-height: 13px
}

.chat .chat-window .title .user img {
    height: 35px;
    width: 35x;
    border-radius: 50%;
    float: right;
    margin-left: 10px
}

.chat .chat-window .title .user h2 {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0
}

.chat .chat-window .title .user span {
    display: block;
    font-size: 12px;
    color: #999
}

.chat .chat-window .chat-messages {
    font-size: 13px;
    height: 274px
}

.am-right-sidebar .chat .chat-window .chat-messages {
    height: 100%;
    display: table-row
}

.chat .chat-window .chat-messages .content {
    outline: 0
}

.chat .chat-window .chat-messages ul {
    outline: 0;
    margin: 0;
    padding: 0
}

.chat .chat-window .chat-messages ul > li {
    display: block;
    list-style: none;
    padding: 9px 16px
}

.chat .chat-window .chat-messages ul > li .msg {
    position: relative;
    display: inline-block;
    background-color: #f06c6c;
    color: #fff;
    font-size: 12px;
    padding: 7px 8px;
    border-radius: 3px;
    white-space: normal;
    text-align: left;
    margin-left: 40px
}

.chat .chat-window .chat-messages ul > li .msg:after {
    content: "";
    position: absolute;
    right: -5px;
    top: 7px;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #f06c6c;
    border-top: 6px solid transparent
}

.am-right-sidebar .chat .chat-window .chat-messages ul > li .msg {
    padding: 5px 8px
}

.chat .chat-window .chat-messages ul > li.friend .msg {
    background-color: #f5f5f5;
    color: #424141;
    margin-left: 0;
    margin-right: 40px
}

.chat .chat-window .chat-messages ul > li.friend .msg:after {
    right: auto;
    left: -5px;
    border-left-width: 0;
    border-right: 5px solid #f5f5f5
}

.chat-input .input-wrapper > span, .chat-search > span {
    right: 15px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer
}

.am-right-sidebar .chat .chat-window .chat-messages ul > li.friend .msg {
    background-color: #fff
}

.am-right-sidebar .chat .chat-window .chat-messages ul > li.friend .msg:after {
    border-right-color: #fff
}

.chat .chat-window .chat-messages ul > li.self {
    text-align: right
}

.chat.chat-opened .chat-contacts {
    left: -255px
}

.chat.chat-opened .chat-window {
    left: 0
}

.chat.chat-scroll .chat-contacts, .chat.chat-scroll .chat-window {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0
}

.chat-search {
    position: relative;
    border-top: 1px solid #ededed
}

.chat-search > input {
    border: 0;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    padding: 20px;
    outline: 0
}

.chat-search > span {
    position: absolute;
    color: #aaa;
    font-size: 20px
}

.chat-search > span:hover {
    color: #d1d1d1
}

.chat-input {
    position: relative
}

.chat-input .input-wrapper > input {
    border-width: 0;
    border-top: 1px solid #ededed;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    padding: 20px 40px 20px 42px;
    outline: 0
}

.am-right-sidebar .chat-input .input-wrapper > input {
    background-color: #424141;
    color: #b3b3b3;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0
}

.chat-input .input-wrapper > span {
    position: absolute;
    color: #aaa;
    font-size: 20px
}

.chat-input .input-wrapper > span:hover {
    color: #d1d1d1
}

.chat-input .input-wrapper .photo {
    left: 15px;
    font-size: 22px;
    top: 47%;
    right: auto
}

.am-content {
    position: relative;
    left: 0;
    margin-left: 120px;
    min-height: 100%;
    padding-top: 100px;
}
.am-content.score-wrap{
    padding-top: 115px;
}

.am-login .am-content {
    margin-left: 0;
    padding-top: 0;
}

.am-login .main-content {
    height: 100vh;
}
.am-login .flag{
    border: 1px solid #f38804;
    margin: 5px;
}
.am-login .flag a{
    padding: 10px;
}
.am-login .flag .dropdown-menu{
    top: 44px;
    min-width: 59px;
    right: 0;
    text-align: center;
    background: #fff;
    border: 1px solid #f38804;
}
.am-login .flag .dropdown-menu li{
    border-bottom: 1px solid #f38804;
}
.am-login .flag .dropdown-menu li a:hover{
    color: #f38804;
}
.am-login .flag .dropdown-menu li:last-child{
    border: 0;
}

@media (max-width: 767px) {
    .am-content {
        margin-left: 0
    }
}

.am-animate .am-content {
    transition: all .35s ease
}

.am-nosidebar-left .am-content {
    margin-left: 0
}

.am-aside .main-content, .am-aside .page-head {
    margin-left: 280px
}

.main-content {
    /*padding-left: 35px;*/
    /*padding-right: 35px;*/
    /*padding-top: 35px*/
    min-height: calc(100vh - 185px);
    position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-content {
        /*padding-left: 25px;*/
        /*padding-right: 25px;*/
        /*padding-top: 30px*/
    }
}

@media (max-width: 767px) {
    .main-content {
        /*height: 100%;*/
        /*overflow: auto;*/
        /*-webkit-overflow-scrolling: touch;*/
        /*padding-left: 15px;*/
        /*padding-right: 15px;*/
        /*padding-top: 20px*/
    }
}

.am-no-padding .main-content {
    padding: 0
}

.page-head {
    background: #fff;
    padding: 20px 35px;
    position: relative
}

.page-head h2 {
    margin-bottom: 5px;
    margin-top: 6px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    letter-spacing: -1px;
    font-size: 28px;
    line-height: 36px
}

.page-head .breadcrumb {
    background: none;
    margin-bottom: 0;
    padding: 4px;
    font-size: 12px
}

.am-white-header .page-head {
    background-color: #f8f8f8
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-head {
        padding: 20px 25px
    }
}

@media (max-width: 767px) {
    .page-head {
        padding: 18px 15px 20px
    }

    .page-head h2 {
        font-size: 24px;
        line-height: 28px
    }

    .am-aside .main-content {
        margin-left: inherit
    }
}

.page-aside {
    background: #fff;
    width: 280px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100px;
    border-right: 1px solid #e6e6e6;
    padding-top: 80px
}

.am-animate .page-aside {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.page-aside .content {
    padding: 20px
}

@media (max-width: 767px) {
    .page-aside {
        width: 100%;
        display: block;
        height: auto;
        position: relative;
        padding-top: 0;
        left: 0
    }

    .page-aside .nano-content {
        position: static;
        overflow: visible;
        margin: 0 !important
    }
}

.am-sticky-footer .page-aside {
    padding-bottom: 50px
}

.aside-header {
    margin-bottom: 20px
}

.aside-header .navbar-toggle {
    background: rgba(0, 0, 0, .015);
    padding: 5px 6px
}

.aside-header .navbar-toggle .icon {
    font-size: 25px
}

.aside-header .description {
    color: #6f6f6f
}

.aside-nav {
    display: block;
    visibility: visible
}

.aside-nav .nav li a {
    color: #555;
    padding: 12px 15px
}

.aside-nav .nav li.active a {
    background-color: #f2f2f2
}

.aside-nav .nav li .label {
    float: right;
    font-size: 12px;
    font-weight: 300
}

.aside-nav .nav li .icon {
    font-size: 19px;
    vertical-align: middle;
    margin-right: 3px
}

.aside-nav .title {
    color: #888;
    margin: 5px 0 0;
    padding: 8px 13px 4px;
    border-bottom: 1px solid #e6e6e6
}

@media (max-width: 767px) {
    .aside-nav {
        border-bottom: 1px solid #e6e6e6
    }

    .aside-nav.collapse {
        display: none
    }

    .aside-nav.in {
        display: block
    }
}

.am-splash-screen {
    background-color: #383737
}

.am-splash-screen .am-wrapper {
    padding-top: 0
}

.am-splash-screen .am-wrapper .am-content {
    margin: 0
}

.am-splash-screen .am-wrapper .am-content a {
    color: #ababab
}

.am-splash-screen .am-wrapper .am-content a:hover {
    color: #fff
}

.am-scroll-top {
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    padding: 4px 9px;
    display: none;
    -webkit-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease;
    border-radius: 4px
}

.am-scroll-top:before, .switch-button {
    display: inline-block;
    vertical-align: middle
}

.am-scroll-top:hover {
    background-color: rgba(0, 0, 0, .8)
}

.am-scroll-top:focus, .am-scroll-top:hover {
    color: #fff
}

.am-scroll-top:before {
    content: '\e682';
    font-family: 'Stroke 7';
    font-size: 30px
}

.am-sticky-footer {
    padding-bottom: 50px
}

@media (max-width: 767px) {
    .am-sticky-footer {
        padding-bottom: 0
    }
}

.am-sticky-footer footer {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    height: 50px;
    background-color: #fff;
    margin-left: 100px;
    border-top: 1px solid #e6e6e6;
    padding: 15px 35px
}

@media (max-width: 767px) {
    .am-sticky-footer footer {
        position: static;
        margin-left: 0
    }
}

.am-sticky-footer.am-aside footer {
    padding: 15px 20px
}

.switch-button {
    border-radius: 50px;
    background-color: #b3b3b3;
    width: 60px;
    height: 27px;
    padding: 2px;
    position: relative;
    overflow: hidden
}

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

.switch-button label {
    border-radius: 50%;
    border: 1px solid #ababab;
    background-color: #fff;
    margin: 0;
    height: 23px;
    width: 23px;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
    background-clip: padding-box
}

.switch-button label:before {
    position: absolute;
    font-size: 11px;
    font-weight: 600;
    z-index: 0;
    content: "OFF";
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 26px;
    top: 0;
    text-align: right;
    padding-right: 10px;
    color: #fff
}

.switch-button input[type=checkbox]:checked + span {
    background-color: #ef6262;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2px
}

.switch-button input[type=checkbox]:checked + span label {
    float: right;
    border-color: #ec4b4b
}

.switch-button input[type=checkbox]:checked + span label:before {
    position: absolute;
    font-size: 11px;
    font-weight: 600;
    z-index: 0;
    content: "ON";
    color: #fff;
    left: 0;
    text-align: left;
    padding-left: 10px
}

.switch-button.switch-button-yesno label:before {
    content: "NO"
}

.switch-button.switch-button-yesno input[type=checkbox]:checked + span label:before {
    content: "YES"
}

.switch-button.switch-button-xs {
    height: 20px;
    line-height: 22px;
    width: 50px
}

.switch-button.switch-button-xs label {
    height: 16px;
    width: 16px
}

.switch-button.switch-button-xs label:before {
    line-height: 19px
}

.switch-button.switch-button-sm {
    height: 24px;
    width: 57px;
    line-height: 26px
}

.switch-button.switch-button-sm label {
    height: 20px;
    width: 20px
}

.switch-button.switch-button-sm label:before {
    line-height: 23px
}

.switch-button.switch-button-lg {
    height: 30px;
    line-height: 32px;
    width: 65px
}

.switch-button.switch-button-lg label {
    height: 26px;
    width: 26px
}

.switch-button.switch-button-lg label:before {
    line-height: 29px
}

.switch-button.switch-button-success {
    background-color: #b3b3b3
}

.switch-button.switch-button-success label {
    border-color: #ababab
}

.switch-button.switch-button-success input[type=checkbox]:checked + span {
    background-color: #7accbe
}

.switch-button.switch-button-success input[type=checkbox]:checked + span label {
    border-color: #68c5b5
}

.switch-button.switch-button-info {
    background-color: #b3b3b3
}

.switch-button.switch-button-info label {
    border-color: #ababab
}

.switch-button.switch-button-info input[type=checkbox]:checked + span {
    background-color: #8dcadf
}

.switch-button.switch-button-info input[type=checkbox]:checked + span label {
    border-color: #79c1d9
}

.switch-button.switch-button-warning {
    background-color: #b3b3b3
}

.switch-button.switch-button-warning label {
    border-color: #ababab
}

.switch-button.switch-button-warning input[type=checkbox]:checked + span {
    background-color: #ffc870
}

.switch-button.switch-button-warning input[type=checkbox]:checked + span label {
    border-color: #ffbe57
}

.switch-button.switch-button-danger {
    background-color: #b3b3b3
}

.switch-button.switch-button-danger label {
    border-color: #ababab
}

.switch-button.switch-button-danger input[type=checkbox]:checked + span {
    background-color: #ef6262
}

.switch-button.switch-button-danger input[type=checkbox]:checked + span label {
    border-color: #ed4b4b
}

.widget {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 30px
}

.widget > .widget-head {
    margin-bottom: 20px;
    display: block
}

.widget > .widget-head .title {
    font-size: 16px;
    font-weight: 300
}

.widget > .widget-head .tools {
    float: right
}

.widget > .widget-head .tools > .icon {
    display: inline-block;
    margin-left: 5px;
    font-size: 21px;
    line-height: 23px;
    vertical-align: middle;
    cursor: pointer
}

.widget > .widget-head .tools > .icon:hover {
    color: #ef6262
}

.widget > .widget-head .tools > .icon.s7-close {
    font-size: 27px;
    margin-left: 1px;
    position: relative;
    top: 1px
}

.widget > .widget-head .tools .value {
    font-size: 24px;
    line-height: 22px
}

.widget .chart-container {
    position: relative
}

.widget .chart-container > .counter {
    min-height: auto;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2
}

.widget .chart-container > .counter .value {
    font-size: 24px
}

.widget .chart-container > .counter .desc {
    text-transform: uppercase;
    font-size: 11px;
    color: #b2b2b2
}

.widget.widget-fullwidth {
    padding: 0
}

.widget.widget-fullwidth > .widget-head {
    padding: 20px 20px 10px;
    margin-bottom: 0
}

.widget.widget-fullwidth .chart-container > .counter {
    min-height: auto;
    left: 20px
}

.widget.widget-small {
    margin-bottom: 20px
}

.widget.widget-small.widget-fullwidth > .widget-head {
    padding: 20px 15px 10px
}

.clr-primary {
    background-color: #ef6262
}

.clr-success {
    background-color: #7accbe
}

.clr-info {
    background-color: #8dcadf
}

.clr-warning {
    background-color: #ffc870
}

.clr-danger {
    background-color: #ef6262
}

.clr-alt1 {
    background-color: #95d9f0
}

.clr-alt2 {
    background-color: #ffdc7a
}

.clr-alt3 {
    background-color: #7a98bf
}

.clr-alt4 {
    background-color: #ccc
}

.clr-btn-default {
    background-color: #fff
}

.clr-btn-default-hover {
    background-color: #f7f7f7
}

.clr-btn-default-active {
    background-color: #ededed
}

.clr-btn-primary {
    background-color: #ef6262
}

.clr-btn-primary-hover {
    background-color: #f17979
}

.clr-btn-primary-active {
    background-color: #ec4b4b
}

.clr-btn-dark {
    background-color: #3d3c3c
}

.clr-btn-dark-hover {
    background-color: #4a4949
}

.clr-btn-dark-active {
    background-color: #302f2f
}

.clr-btn-info {
    background-color: #8dcadf
}

.clr-btn-info-hover {
    background-color: #a1d3e5
}

.clr-btn-info-active {
    background-color: #79c1d9
}

.clr-btn-warning {
    background-color: #ffc870
}

.clr-btn-warning-hover {
    background-color: #ffd28a
}

.clr-btn-warning-active {
    background-color: #ffbe57
}

.clr-btn-danger {
    background-color: #ef6262
}

.clr-btn-danger-hover {
    background-color: #f17979
}

.clr-btn-danger-active {
    background-color: #ed4b4b
}

.clr-btn-success {
    background-color: #7accbe
}

.clr-btn-success-hover {
    background-color: #8cd3c7
}

.clr-btn-success-active {
    background-color: #68c5b5
}

.clr-btn-alt1 {
    background-color: #56c3e7
}

.clr-btn-alt1-hover {
    background-color: #6dcbea
}

.clr-btn-alt1-active {
    background-color: #40bbe4
}

.clr-btn-alt2 {
    background-color: #ffcf66
}

.clr-btn-alt2-hover {
    background-color: #ffd77f
}

.clr-btn-alt2-active {
    background-color: #ffc74c
}

.clr-btn-alt3 {
    background-color: #7a98bf
}

.clr-btn-alt3-hover {
    background-color: #8ba5c7
}

.clr-btn-alt3-active {
    background-color: #698bb7
}

.clr-btn-alt4 {
    background-color: #bdbdbd
}

.clr-btn-alt4-hover {
    background-color: #c9c9c9
}

.clr-btn-alt4-active {
    background-color: #b0b0b0
}

.color-swatch {
    margin-top: 20px;
    display: inline-block;
    min-width: 230px;
    overflow: hidden;
    border-radius: 3px
}

.color-swatch .colors, .color-swatch .desc {
    margin: 0
}

.color-swatch .colors > div {
    min-height: 90px
}

.color-swatch .desc > div {
    text-align: center;
    background-color: #fff;
    line-height: 50px;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    color: #686868
}

#gritter-notice-wrapper {
    width: 360px;
    top: 82px
}

.gritter-item-wrapper {
    background: url(../lib/jquery.gritter/images/gritter-bg.png);
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.gritter-item-wrapper .gritter-item {
    font-family: 'Open Sans', sans-serif;
    background: 0 0;
    color: #fff;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%
}

.gritter-item-wrapper .gritter-item .gritter-img-container {
    display: table-cell;
    width: 26%;
    vertical-align: middle;
    text-align: center;
    background-color: #302f2f
}

.gritter-item-wrapper .gritter-item .gritter-img-container .gritter-image {
    float: none
}

.gritter-item-wrapper .gritter-item .gritter-content {
    width: auto
}

.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image, .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image {
    padding: 15px 35px 17px 15px;
    color: #d9d9d9;
    width: 267px;
    display: table-cell
}

.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close, .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close {
    display: block !important;
    top: 0;
    right: 0;
    left: auto;
    height: 30px;
    width: 35px;
    font-size: 0;
    background: 0 0;
    text-indent: inherit;
    opacity: .4
}

.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close:hover, .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close:hover {
    opacity: .8
}

.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close:after, .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close:after {
    content: '\e680';
    font-family: 'Stroke 7';
    position: absolute;
    color: #fff;
    font-size: 24px;
    left: 5px;
    text-shadow: none
}

.gritter-item-wrapper.clean .gritter-item, .gritter-item-wrapper.clean .gritter-item .gritter-content, .gritter-item-wrapper.clean .gritter-item .gritter-content .gritter-close:after {
    color: #555
}

.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-title, .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-title {
    text-shadow: none;
    font-weight: 300;
    font-size: 17px
}

.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image p, .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image p {
    font-size: 12px;
    line-height: 19px
}

.gritter-item-wrapper .gritter-item .gritter-content .gritter-without-image {
    border-left: 0
}

.gritter-item-wrapper.img-rounded {
    border-radius: 0
}

.gritter-item-wrapper.img-rounded .gritter-img-container .gritter-image {
    border-radius: 50%
}

.gritter-item-wrapper.clean {
    background: #fff
}

.gritter-item-wrapper.clean .gritter-item .gritter-img-container {
    background-color: #fafafa
}

.gritter-item-wrapper.clean .gritter-item .gritter-content .gritter-close {
    opacity: .5
}

.gritter-item-wrapper.color .gritter-item .gritter-img-container {
    background-color: transparent
}

.gritter-item-wrapper.color .gritter-item .gritter-content {
    color: #fff
}

.gritter-item-wrapper.color .gritter-item .gritter-content .gritter-close {
    opacity: .7
}

.gritter-item-wrapper.color .gritter-item .gritter-content .gritter-close:hover {
    opacity: 1
}

.gritter-item-wrapper.primary {
    background: #ef6262
}

.gritter-item-wrapper.success {
    background: #7accbe
}

.gritter-item-wrapper.info {
    background: #8dcadf
}

.gritter-item-wrapper.warning {
    background: #ffc870
}

.gritter-item-wrapper.danger {
    background: #ef6262
}

.gritter-item-wrapper.alt1 {
    background: #95d9f0
}

.gritter-item-wrapper.alt2 {
    background: #ffdc7a
}

.gritter-item-wrapper.alt3 {
    background: #7a98bf
}

.gritter-item-wrapper.alt4 {
    background: #ccc
}

.gritter-item-wrapper.dark {
    background: #3d3c3c
}

.gritter-item-wrapper.facebook {
    background: #5d82d1
}

.gritter-item-wrapper.facebook .gritter-item .gritter-img-container {
    background-color: #5179ce
}

.gritter-item-wrapper.twitter {
    background: #50bff5
}

.gritter-item-wrapper.twitter .gritter-item .gritter-img-container {
    background-color: #42baf4
}

.gritter-item-wrapper.google-plus {
    background: #eb5e4c
}

.gritter-item-wrapper.google-plus .gritter-item .gritter-img-container {
    background-color: #e9523e
}

.gritter-item-wrapper.dribbble {
    background: #f7659c
}

.gritter-item-wrapper.dribbble .gritter-item .gritter-img-container {
    background-color: #f65693
}

.gritter-item-wrapper.flickr {
    background: #0063dc
}

.gritter-item-wrapper.flickr .gritter-item .gritter-img-container {
    background-color: #005ccd
}

.gritter-item-wrapper.linkedin {
    background: #238cc8
}

.gritter-item-wrapper.linkedin .gritter-item .gritter-img-container {
    background-color: #2183bb
}

.gritter-item-wrapper.youtube {
    background: #ef4e41
}

.gritter-item-wrapper.youtube .gritter-item .gritter-img-container {
    background-color: #ee4133
}

.gritter-item-wrapper.pinterest {
    background: #e13138
}

.gritter-item-wrapper.pinterest .gritter-item .gritter-img-container {
    background-color: #df242b
}

.gritter-item-wrapper.github {
    background: #333
}

.gritter-item-wrapper.github .gritter-item .gritter-img-container {
    background-color: #2b2b2b
}

.gritter-item-wrapper.tumblr {
    background: #426d9b
}

.gritter-item-wrapper.tumblr .gritter-item .gritter-img-container {
    background-color: #3d6590
}

.bs-grid-block {
    border: 2px dashed #c5c5c5;
    font-weight: 300;
    font-size: 20px;
    color: #807e7e;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 40px
}

.bs-grid-block .content {
    display: table-cell;
    height: 177px;
    text-align: center;
    vertical-align: middle
}

.bs-grid-block .content .size {
    display: block
}

.bs-grid-block .content .device {
    line-height: 0
}

.bs-grid-block .content .device:after {
    font-size: 15px
}

@media (min-width: 1200px) {
    .bs-grid-block .content .device:after {
        content: 'Desktop';
        color: #ef6262
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bs-grid-block .content .device:after {
        content: 'Laptop';
        color: #ef6262
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bs-grid-block .content .device:after {
        content: 'Tablet';
        color: #7a98bf
    }
}

@media (max-width: 767px) {
    .bs-grid-block .content .device:after {
        content: 'Phone';
        color: #7accbe
    }
}

.icon-container {
    background-color: #fff;
    padding: 20px;
    text-align: center;
    margin-bottom: 30px
}

.icon-container .icon {
    background-color: #f5f5f5;
    border-radius: 50%;
    display: inline-block;
    height: 95px;
    width: 95px;
    margin-bottom: 15px;
    padding: 20px;
    text-align: center
}

.icon-container .icon span {
    font-size: 55px;
    color: #646262
}

.icon-container .class {
    display: block;
    font-size: 14px;
    font-weight: 300
}

.prettyprint {
    font-size: 12px;
    line-height: 1.5
}

pre {
    color: #555
}

pre .pln {
    color: #777
}

pre .str {
    color: #D14
}

pre .kwd {
    color: #458
}

pre .com {
    color: #b8b6b1
}

pre .typ {
    color: teal
}

pre .lit {
    color: #D14
}

pre .clo, pre .opn, pre .pun {
    color: #949494
}

pre .tag {
    color: #698bb7
}

pre .atn {
    color: #f17979
}

pre .atv {
    color: #929292
}

pre .dec, pre .var {
    color: #D14
}

pre .fun {
    color: #458
}

pre.am-code-dark {
    background-color: #4d4342;
    color: #FFF
}

pre.am-code-dark .pln {
    color: #fff
}

pre.am-code-dark .str {
    color: #b5db99
}

pre.am-code-dark .kwd {
    color: #e9c865
}

pre.am-code-dark .com {
    color: #c3b8b7
}

pre.am-code-dark .typ {
    color: #FF9787
}

pre.am-code-dark .lit {
    color: #b5db99
}

pre.am-code-dark .clo, pre.am-code-dark .opn, pre.am-code-dark .pun {
    color: #fff
}

pre.am-code-dark .tag {
    color: #e9c865
}

pre.am-code-dark .atn {
    color: #FF9787
}

pre.am-code-dark .atv, pre.am-code-dark .dec, pre.am-code-dark .var {
    color: #b5db99
}

pre.am-code-dark .fun {
    color: #e9c865
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0
}

li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type: none
}

li.L1, li.L3, li.L5, li.L7, li.L9 {
    background: #eee
}

.panel-divider {
    border-bottom: 1px solid #f2f2f2;
    padding-top: 10px;
    margin-bottom: 10px
}

.panel-divider-lg {
    padding-top: 15px;
    margin-bottom: 15px
}

.panel-divider-xl {
    padding-top: 20px;
    margin-bottom: 20px
}

.widget-pie .chart-container {
    display: table;
    width: 100%;
    margin: 0
}

.widget-pie .chart-container > div {
    display: table-cell;
    float: none;
    vertical-align: middle
}

@media (max-width: 767px) {
    .widget-pie .chart-container > div {
        display: block
    }

    .widget-pie .chart-container > div:first-child {
        margin-bottom: 25px
    }
}

.widget-pie .chart-container .chart {
    min-height: 125px
}

.widget-pie .chart-container .legend > div {
    background-color: transparent !important
}

.widget-pie .chart-container .legend table {
    width: 100%
}

.widget-pie .chart-container .legend table tr td {
    padding-bottom: 7px;
    font-size: 12px
}

.widget-pie .chart-container .legend table tr .legendColorBox {
    width: 1%
}

.widget-pie .chart-container .legend table tr .legendColorBox > div {
    border: 0 !important
}

.widget-pie .chart-container .legend table tr .legendLabel {
    padding-left: 8px;
    font-size: 12px
}

.widget-pie .chart-container .legend table tr .legendData {
    text-align: right
}

.widget-pie .chart-info {
    border-top: 1px solid #e0e0e0;
    margin: 30px 0 0;
    text-align: center
}

.widget-pie .chart-info span {
    display: block
}

.widget-pie .chart-info span.title {
    margin-bottom: 3px;
    text-transform: uppercase;
    color: #b2b2b2;
    font-size: 12px
}

.widget-pie .chart-info span.number {
    font-size: 18px;
    font-weight: 300
}

.widget-pie .chart-info > div {
    padding-top: 20px
}

.widget-pie .chart-info > div:first-child {
    text-align: left;
    padding-left: 0
}

.widget-pie .chart-info > div:last-child {
    text-align: right;
    padding-right: 0
}

@media (max-width: 480px) {
    .widget-pie .chart-info {
        padding-top: 15px
    }

    .widget-pie .chart-info > div {
        float: none;
        text-align: left !important;
        width: 100%;
        line-height: 40px;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0
    }

    .widget-pie .chart-info > div span {
        display: inline-block
    }

    .widget-pie .chart-info > div span.title {
        margin: 0
    }

    .widget-pie .chart-info > div span.number {
        float: right
    }
}

.widget-pie.widget-pie-stats .chart-info > div:last-child {
    text-align: left
}

.widget.bar-chart .chart-table table .number, .widget.line-chart .chart-table table .number {
    text-align: right;
    width: 20%
}

.widget-pie.widget-pie-stats .chart-info .sparkline {
    float: right;
    margin-top: 11px
}

@media (max-width: 480px) {
    .widget-pie.widget-pie-stats .chart-info > div {
        line-height: 25px
    }

    .widget-pie.widget-pie-stats .chart-info > div span {
        display: block
    }

    .widget-pie.widget-pie-stats .chart-info > div span.number {
        float: none
    }

    .widget-pie.widget-pie-stats .chart-info > div:first-child {
        margin-bottom: 10px
    }
}

.widget.bar-chart .chart-table table, .widget.line-chart .chart-table table {
    margin: 0
}

.widget.line-chart .chart-container {
    position: relative;
    padding: 0 5px 5px
}

.widget.line-chart .chart-container > div {
    z-index: 1
}

@media (max-width: 767px) {
    .widget.line-chart .chart-container > div {
        padding: 0 0 5px;
        min-height: 160px
    }
}

.widget.line-chart .chart-container > .counter {
    min-height: auto;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2
}

.widget.line-chart .chart-container > .counter .value {
    font-size: 24px
}

.widget.line-chart .chart-container > .counter .desc {
    text-transform: uppercase;
    font-size: 11px;
    color: #b2b2b2
}

.widget.line-chart .chart-table {
    padding-top: 20px
}

@media (max-width: 767px) {
    .widget.line-chart .chart-table {
        padding: 10px 0 0
    }
}

.widget.line-chart.widget-fullwidth .chart-container {
    padding: 0
}

.widget.line-chart.widget-fullwidth .chart-container > div .tickLabel {
    font-size: 0
}

.widget.line-chart.widget-fullwidth .chart-container > .counter {
    min-height: auto;
    left: 20px
}

.widget.bar-chart .chart-container {
    padding: 0 5px 5px
}

@media (max-width: 767px) {
    .widget.bar-chart .chart-container > div {
        padding: 0 0 5px;
        min-height: 160px
    }
}

.widget.bar-chart .chart-table {
    padding-top: 20px
}

@media (max-width: 767px) {
    .widget.bar-chart .chart-table {
        padding: 10px 0 0
    }
}

.widget-calendar {
    padding: 0
}

.widget-calendar .cal-container {
    width: 100%;
    display: table
}

.widget-calendar .cal-container .cal-notes {
    display: table-cell;
    width: 40%;
    background-color: #ef6262;
    padding: 25px
}

.widget-calendar .cal-container .cal-notes span {
    display: block;
    color: #fff
}

.widget-calendar .cal-container .cal-notes span.day {
    font-size: 25px;
    font-weight: 300
}

.widget-calendar .cal-container .cal-notes span.date {
    font-size: 15px;
    font-weight: 300;
    color: #fbd6d6
}

.widget-calendar .cal-container .cal-notes span.title {
    font-size: 14px;
    border-bottom: 1px solid #fff;
    margin-top: 35px;
    padding-bottom: 3px
}

.widget-calendar .cal-container .cal-notes span.title .icon {
    float: right;
    font-size: 19px;
    line-height: 22px;
    cursor: pointer
}

.widget-calendar .cal-container .cal-notes ul {
    padding: 20px 0 0;
    list-style: none
}

.widget-calendar .cal-container .cal-notes ul li {
    padding-bottom: 10px;
    font-size: 12px
}

.widget-calendar .cal-container .cal-notes ul li span {
    display: inline-block
}

.widget-calendar .cal-container .cal-notes ul li span.hour {
    float: right
}

.widget-calendar .cal-container .cal-notes ul li:last-child {
    padding-bottom: 0
}

.widget-calendar .cal-container .cal-calendar {
    display: table-cell;
    padding: 25px
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker {
    position: relative;
    margin: 20px 0
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header {
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    padding-bottom: 5px;
    margin-bottom: 10px
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    cursor: default;
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
    font-weight: 600;
    font-size: 14px
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    height: 1.8em;
    position: absolute;
    top: -5px;
    width: 1.8em;
    color: #555;
    font-size: 28px
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span, .widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
    overflow: hidden;
    display: block;
    text-indent: -99999px
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after, .widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span:after {
    cursor: pointer;
    content: "\e686";
    font-family: 'Stroke 7';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    text-indent: 0
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 2px
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 2px
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after {
    content: "\e684";
    right: 14px
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar {
    width: 100%
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar th {
    border: 0;
    padding: 3px;
    text-align: center;
    font-weight: 400;
    color: #555
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar th span {
    font-size: 14px
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td {
    border: 0;
    padding: 3px;
    text-align: center
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a {
    display: inline-block;
    padding: .2em;
    text-align: center;
    text-decoration: none;
    color: #888;
    width: 25px;
    height: 25px;
    line-height: 20px;
    font-size: 12px
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active, .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
    background-color: #e6e6e6;
    border-radius: 50%
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
    background-color: #ef6262;
    color: #fff
}

@media (max-width: 767px) {
    .widget-calendar .cal-container, .widget-calendar .cal-container .cal-calendar, .widget-calendar .cal-container .cal-notes {
        display: block
    }

    .widget-calendar .cal-container .cal-notes {
        width: 100%
    }

    .widget-calendar .cal-container .cal-calendar .ui-datepicker {
        margin: 10px 0
    }
}

.widget.widget-map .map-container > div {
    height: 229px
}

.widget.widget-tile {
    padding: 24px 20px;
    margin-bottom: 20px
}

.widget.widget-tile .data-info {
    display: inline-block
}

.widget.widget-tile .data-info .value {
    font-size: 23px;
    font-weight: 300
}

.widget.widget-tile .data-info .desc {
    font-size: 14px;
    line-height: 18px
}

.widget.widget-tile .icon {
    display: inline-block;
    color: #ef6262;
    float: right;
    font-size: 45px;
    line-height: 54px
}

.widget.widget-tile.widget-tile-wide {
    display: table;
    width: 100%
}

.widget.widget-tile.widget-tile-wide > div {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

.widget.widget-tile.widget-tile-wide .data-info {
    vertical-align: top
}

.widget.widget-tile.widget-tile-wide .data-info .title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 2px
}

.widget.widget-tile.widget-tile-wide .data-info .desc {
    color: grey;
    font-size: 12px
}

.widget.widget-tile.widget-tile-wide .tile-value {
    text-align: right
}

.widget.widget-tile.widget-tile-wide .tile-value > span {
    display: block;
    padding-right: 10px;
    font-weight: 300;
    font-size: 31px
}

.widget.widget-tile.widget-tile-wide .icon {
    float: none;
    line-height: 43px;
    vertical-align: top;
    margin-right: 5px
}

.widget-weather {
    padding: 0
}

.widget-weather .wt-container .wt-hour {
    background-color: #ff7373;
    color: #fff;
    font-size: 35px;
    font-weight: 300;
    padding: 20px;
    text-align: center
}

.widget-weather .wt-container .wt-hour .meridian {
    font-size: 14px;
    margin-left: 8px;
    vertical-align: top;
    line-height: 38px
}

.widget-weather .wt-container .wt-info {
    display: table;
    width: 100%;
    border-bottom: 1px solid #e6e6e6
}

.widget-weather .wt-container .wt-info .wt-day {
    display: table-cell;
    text-align: center;
    padding: 30px 0;
    border-right: 1px solid #e6e6e6
}

.widget-weather .wt-container .wt-info .wt-day span {
    display: block;
    font-weight: 300;
    font-size: 15px
}

.widget-weather .wt-container .wt-info .wt-day span.day {
    margin-bottom: 10px;
    color: #ef6262
}

.widget-weather .wt-container .wt-info .wt-day span.date {
    margin-top: 10px
}

@media (max-width: 767px) {
    .widget-weather .wt-container .wt-info .wt-day canvas {
        height: auto !important;
        width: auto !important
    }
}

.widget-weather .wt-container .wt-info .wt-day:last-child {
    border-right: 0
}

.widget-weather .wt-container .wt-location {
    padding: 19px;
    font-size: 15px;
    font-weight: 300
}

.widget-weather .wt-container .wt-location .icon {
    float: right;
    cursor: pointer;
    font-size: 20px
}

.widget-weather .wt-container .wt-location .icon:hover {
    color: #ef6262
}

.widget-download-list {
    padding: 0
}

.widget-download-list > .widget-head {
    background-color: #ff7373;
    color: #fff;
    line-height: 33px;
    overflow: hidden;
    padding: 19px 20px;
    margin-bottom: 0
}

.widget-download-list > .widget-head .icon {
    float: right;
    background-color: #ef6262;
    border-radius: 50%;
    font-size: 20px;
    line-height: 19px;
    padding: 8px;
    height: 35px;
    width: 35px
}

.widget-download-list .widget-list {
    padding: 0;
    list-style: none;
    margin-bottom: 0
}

.widget-download-list .widget-list li {
    border-bottom: 1px solid #e6e6e6
}

.widget-download-list .widget-list li a {
    padding: 21px 20px;
    color: #555;
    display: block;
    font-weight: 300;
    font-size: 12px
}

.widget-download-list .widget-list li a .icon {
    float: right;
    color: #ef6262;
    font-size: 20px
}

.widget-download-list .widget-list li a:hover {
    background-color: #fafafa
}

.widget-download-list .widget-list li:last-child {
    border: 0
}

.widget.widget-radar > .widget-head {
    margin-bottom: 39px
}

.widget.widget-radar .chart-container {
    margin-bottom: 20px
}

.login-container {
    max-width: 400px;
    margin: 0px auto 0;
    padding: 80px 0 0
}

.login-container .panel-default {
    background: 0 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    margin-bottom: 0px
}

.login-container .panel-default .panel-heading {
    background-color: transparent;
    width: 144px;
    height: 144px;
    border-radius: 100%;
    border-color:transparent;
    margin: 0 auto 40px;
    /*border: 3px solid #f38804;*/
    line-height: 110px;
    text-align: center;
    /*
    -webkit-box-shadow: inset 0px 0px 0px 6px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 0px 0px 6px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 0px 6px rgba(255, 255, 255, 1);
    */
    overflow: hidden;
    padding: 8px;
}

.login-container .panel-default .panel-body {
    padding: 0;
}

.login-container .panel-default .panel-body .form-group {
    margin: 0 0 30px;
    padding: 0
}

.login-container .panel-default .panel-body .form-group .form-control-feedback {
    font-size: 16px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
}

.login-container .panel-default .panel-body .form-group > div {
    padding: 0
}

.login-container .panel-default .panel-body .form-group .input-group {
    border-bottom: 2px solid #4a4949;
    padding: 10px 0
}

.login-container .panel-default .panel-body .form-group .input-group .input-group-addon {
    border: 0;
    background-color: transparent
}

.login-container .panel-default .panel-body .form-group .input-group .input-group-addon .icon {
    font-size: 20px;
    color: #fff
}

.login-container .panel-default .panel-body .form-group .input-group .form-control {
    border: 0;
    background-color: transparent;
    box-shadow: none;
    color: #a3a2a2;
    padding: 0;
    font-family: Raleway, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 36px
}

.login-container .panel-default .panel-body .form-group .input-group.parsley-error {
    border-color: #f49090
}

.login-container .panel-default .panel-body .form-group.login-submit {
    /*padding-top: 40px;*/
    padding-bottom: 15px
}

.login-container .panel-default .panel-body .form-group.login-submit .btn {
    width: 100%
}

.login-container .panel-default .panel-body .form-group.footer {
    margin-top: 3px;
    line-height: 35px;
    font-size: 14px
}

.login-container .panel-default .panel-body .form-group .remember {
    /*text-align: right;*/
    color: #a3a2a2
}

.login-container .panel-default .panel-body .form-group .remember label {
    margin: 0;
    cursor: pointer
}

.login-container .panel-default .panel-body .form-group .remember .am-checkbox {
    display: inline-block;
    margin-left: 0px
}

.login-container .panel-default .panel-body .form-group .remember .am-checkbox input[type=checkbox] + label:before,
.login-container .panel-default .panel-body .form-group .remember .am-checkbox input[type=radio] + label:before {
    border: 1px solid #b7b7b7;
    background-color: transparent;
    border-radius: 4px;
}

.login-container .panel-default .panel-body .form-group .remember .am-checkbox input[type=checkbox] + label:hover:before,
.login-container .panel-default .panel-body .form-group .remember .am-checkbox input[type=radio] + label:hover:before {
    border-color: #f38804
}

.am-error .error-container {
    text-align: center
}

.am-error .error-number {
    display: block;
    color: #fff;
    font-size: 130px;
    font-family: Raleway, sans-serif;
    font-weight: 400;
    line-height: 120px;
    text-shadow: 6px 5px 0 rgba(0, 0, 0, .1);
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .login-container {
        margin-top: 50px
    }

    .am-error .error-number {
        font-size: 90px;
        margin-bottom: 10px;
        line-height: 100px
    }
}

.am-error .error-description {
    font-size: 26px;
    font-weight: 300;
    line-height: 32px;
    color: #ccc
}

@media (max-width: 767px) {
    .am-error .error-description {
        font-size: 19px
    }
}

.am-error .error-goback-text {
    font-size: 20px;
    font-weight: 300;
    color: #a6a6a6;
    margin-bottom: 30px;
    margin-top: 15px
}

.am-error-404 .error-container .error-image {
    display: inline-block;
    background: url(../img/404-img.png) right center no-repeat;
    background-size: 387px 292px;
    width: 100%;
    max-width: 587px;
    height: 292px
}

.am-error-404 .error-container .error-image img {
    max-width: 607px;
    max-height: 459px
}

@media (-webkit-min-device-pixel-ratio: 2),(-o-min-device-pixel-ratio: 2/1),(min-resolution: 192dpi) {
    .am-error-404 .error-container .error-image {
        background-image: url(../img/404-img-2x.png)
    }
}

@media (max-width: 767px) {
    .am-error .error-goback-text {
        font-size: 15px
    }

    .am-error-404 .error-container .error-image {
        background-size: 190px 142px;
        max-width: 295px;
        height: 142px
    }
}

.sign-up {
    margin-top: 20px;
    max-width: 440px;
    margin-bottom: 20px;
    padding: 0
}

.sign-up .panel-heading {
    margin-bottom: 15px !important
}

.sign-up .panel-body .form-horizontal .title {
    font-size: 15px;
    color: #d9d9d9;
    text-align: center
}

.sign-up .panel-body .form-horizontal .sign-up-form {
    margin-bottom: 25px
}

.sign-up .panel-body .form-horizontal .sign-up-form .social-signup {
    margin-top: 20px;
    margin-bottom: 20px
}

.sign-up .panel-body .form-horizontal .sign-up-form .social-signup > div:first-child {
    padding-right: 8px
}

.sign-up .panel-body .form-horizontal .sign-up-form .social-signup > div:last-child {
    padding-left: 8px
}

.sign-up .panel-body .form-horizontal .conditions {
    color: #979595;
    margin-bottom: 25px
}

.sign-up .panel-body .form-horizontal .conditions a {
    color: #d9d9d9
}

.sign-up .panel-body .form-horizontal .conditions a:hover {
    color: #fff
}

.forgot-password {
    max-width: 415px
}

.forgot-password .panel-heading {
    margin-bottom: 0 !important
}

.forgot-password .panel-body .form-horizontal p {
    color: #979595;
    font-size: 14px;
    margin-bottom: 25px
}

.forgot-password .panel-body .form-horizontal p a {
    color: #d9d9d9
}

.forgot-password .panel-body .form-horizontal p a:hover {
    color: #fff
}

.forgot-password .panel-body .form-horizontal .form-group, .forgot-password .panel-body .form-horizontal p.contact {
    margin-bottom: 30px
}

.forgot-password .out-links {
    margin-top: 40px
}

@media (max-width: 767px) {
    .forgot-password {
        margin-bottom: 50px;
        margin-top: 30px
    }
}

.gallery-container .item {
    width: 25%;
    margin-bottom: 20px;
    padding: 0 10px
}

.gallery-container .item .photo {
    background: #fff
}

.gallery-container .item .photo .img {
    position: relative
}

.gallery-container .item .photo .img img {
    width: 100%
}

.gallery-container .item .photo .img .over {
    top: 0;
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(239, 98, 98, .8);
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
    -webkit-transition: opacity 300ms ease
}

.gallery-container .item .photo .img .over .func {
    margin-top: -80px;
    position: relative;
    top: 50%;
    text-align: center;
    -webkit-transition: margin-top 200ms ease-in-out;
    -o-transition: margin-top 200ms ease-in-out;
    transition: margin-top 200ms ease-in-out
}

.gallery-container .item .photo .img .over .func a {
    display: inline-block;
    height: 50px;
    width: 50px;
    margin-right: 10px;
    background: rgba(255, 255, 255, .2);
    border-radius: 50%
}

.gallery-container .item .photo .img .over .func a:hover {
    background: rgba(255, 255, 255, .3)
}

.gallery-container .item .photo .img .over .func a i {
    font-size: 20px;
    color: #fff;
    line-height: 2.4
}

.gallery-container .item .photo .img:hover .over {
    opacity: 1
}

.gallery-container .item .photo .img:hover .over .func {
    margin-top: -25px
}

.gallery-container .item .photo .description {
    line-height: 20px;
    display: table;
    width: 100%
}

.gallery-container .item .photo .description .icon {
    display: table-cell;
    background-color: #e6e6e6;
    padding: 20px;
    vertical-align: middle;
    width: 20px
}

.gallery-container .item .photo .description .icon a {
    color: #626262
}

.gallery-container .item .photo .description .icon a i {
    font-size: 30px
}

.gallery-container .item .photo .description .icon a:hover {
    color: #ef6262
}

@media (max-width: 767px) {
    .gallery-container .item .photo .description .icon a i {
        font-size: 20px
    }

    .gallery-container .item .photo .description .icon {
        padding: 15px
    }
}

.gallery-container .item .photo .description .desc {
    display: table-cell;
    padding: 10px 20px;
    vertical-align: middle
}

.gallery-container .item .photo .description .desc h4 {
    margin: 0;
    font-size: 18px
}

@media (max-width: 767px) {
    .gallery-container .item .photo .description .desc h4 {
        font-size: 15px
    }
}

.gallery-container .item .photo .description .desc span {
    color: #8a8888;
    font-size: 12px;
    font-weight: 300
}

.gallery-container .item.w2 {
    width: 50%
}

@media (max-width: 767px) {
    .gallery-container .item .photo .description .desc {
        padding: 10px
    }

    .gallery-container {
        max-width: 767px
    }

    .gallery-container .item {
        width: 100%;
        padding: 0
    }

    .gallery-container .item.w2 {
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .gallery-container .item {
        width: 50%
    }
}

.full-calendar .fc-header td {
    border-bottom: 0;
    border-left: 0
}

.full-calendar .fc-header td.fc-header-left, .full-calendar .fc-header td.fc-header-right {
    padding: 20px 0
}

.full-calendar .fc-header td.fc-header-left .fc-header-title {
    padding: 0 10px
}

.full-calendar .fc-header td.fc-header-right .fc-button {
    margin: 0;
    vertical-align: middle;
    padding: 10px;
    display: inline !important;
    border-radius: 0
}

.full-calendar .fc-header td.fc-header-right .fc-button.fc-state-default {
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    color: #555;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.full-calendar .fc-header td.fc-header-right .fc-button.fc-corner-right {
    border-right: 0
}

.full-calendar .fc-header td.fc-header-right .fc-button.fc-state-active, .full-calendar .fc-header td.fc-header-right .fc-button.fc-state-hover {
    background: #f96c6c;
    color: #fff;
    box-shadow: none;
    text-shadow: none
}

@media (max-width: 767px) {
    .full-calendar .fc-header td.fc-header-right .fc-button {
        padding: 5px
    }

    .full-calendar .fc-header td.fc-header-right {
        padding-top: 0
    }

    .full-calendar .fc-header {
        text-align: center
    }
}

.full-calendar .fc-content .fc-event-container .fc-event {
    background: #ef6262 !important;
    border-color: #eb3d3d !important;
    color: #fff !important;
    border-radius: 0
}

.full-calendar .fc-content .fc-border-separate .fc-today {
    background-color: #f7f7f7
}

.full-calendar .fc-content .fc-cell-overlay {
    background-color: rgba(239, 98, 98, .5)
}

.full-calendar #external-events .external-event {
    margin: 2px 0;
    padding: 5px;
    background: #ef6262;
    color: #fff;
    font-size: .85em;
    cursor: pointer;
    display: inline-block
}

.full-calendar #external-events p input {
    margin-top: 15px
}

.full-calendar #external-events p label {
    font-weight: 300;
    vertical-align: middle
}

.user-profile .user-display {
    margin-bottom: 30px
}

.user-profile .user-display .photo {
    max-height: 120px;
    overflow: hidden;
    border-radius: 5px;
}

.user-profile .user-display .photo img {
    width: 100%
}

@media (max-width: 767px) {
    .full-calendar {
        max-width: 767px
    }

    .full-calendar .fc-header .fc-header-center, .full-calendar .fc-header .fc-header-left, .full-calendar .fc-header .fc-header-right {
        text-align: center;
        display: block;
        width: 100%;
        padding: 20px
    }

    .full-calendar .fc-header .fc-header-center {
        padding: 0
    }

    .user-profile .user-display .photo img {
        min-height: 130px
    }
}

.user-profile .user-display .bottom {
    background-color: transparent;
    position: relative;
    padding: 25px 15px 25px 205px
}

.user-profile .user-display .bottom > div {
    display: block;
}

.user-profile .user-display .bottom > div h4 {
    display: inline-block;
}

.user-profile .user-display .bottom .user-avatar {
    position: absolute;
    left: 46px;
    top: -90px;
}

.user-profile .user-display .bottom .user-avatar .status {
    background-color: #00b777;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 30px;
    left: 90px;
    position: absolute;
    top: 105px;
    text-align: center;
    color: #fff;
}

.user-profile .user-display .bottom .user-avatar .status a {
    color: #fff;
}

.user-profile .user-display h5 {
    font-size: 17px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.user-profile .user-display h2 {
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding-bottom: 10px;
}

.user-profile .user-display h5 .fa {
    color: #f4931d;
    font-size: 20px;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .user-profile .user-display .bottom .user-avatar .status {
        height: 13px;
        width: 13px;
        left: 53px;
        top: 51px
    }
}

.user-profile .user-display .bottom .user-avatar img {
    width: 135px;
    height: 135px;
    border-radius: 50%;
    border: 3px solid #fff;
    /*object-fit: cover;*/
    background: #fff;

}

.panel, .panel-alt1 .panel-heading .panel-title, .panel-alt1 .panel-heading .title, .panel-alt1 .panel-heading h1, .panel-alt1 .panel-heading h2, .panel-alt1 .panel-heading h3, .panel-alt1 .panel-heading h4, .panel-alt1 .panel-heading h5, .panel-alt1 .panel-heading h6, .panel-alt2 .panel-heading .panel-title, .panel-alt2 .panel-heading .title, .panel-alt2 .panel-heading h1, .panel-alt2 .panel-heading h2, .panel-alt2 .panel-heading h3, .panel-alt2 .panel-heading h4, .panel-alt2 .panel-heading h5, .panel-alt2 .panel-heading h6, .panel-alt3 .panel-heading .panel-title, .panel-alt3 .panel-heading .title, .panel-alt3 .panel-heading h1, .panel-alt3 .panel-heading h2, .panel-alt3 .panel-heading h3, .panel-alt3 .panel-heading h4, .panel-alt3 .panel-heading h5, .panel-alt3 .panel-heading h6, .panel-alt4 .panel-heading .panel-title, .panel-alt4 .panel-heading .title, .panel-alt4 .panel-heading h1, .panel-alt4 .panel-heading h2, .panel-alt4 .panel-heading h3, .panel-alt4 .panel-heading h4, .panel-alt4 .panel-heading h5, .panel-alt4 .panel-heading h6, .panel-danger .panel-heading .panel-title, .panel-danger .panel-heading .title, .panel-danger .panel-heading h1, .panel-danger .panel-heading h2, .panel-danger .panel-heading h3, .panel-danger .panel-heading h4, .panel-danger .panel-heading h5, .panel-danger .panel-heading h6, .panel-dark .panel-heading .panel-title, .panel-dark .panel-heading .title, .panel-dark .panel-heading h1, .panel-dark .panel-heading h2, .panel-dark .panel-heading h3, .panel-dark .panel-heading h4, .panel-dark .panel-heading h5, .panel-dark .panel-heading h6, .panel-heading-fullwidth .panel-heading .panel-title, .panel-heading-fullwidth .panel-heading .title, .panel-heading-fullwidth .panel-heading h1, .panel-heading-fullwidth .panel-heading h2, .panel-heading-fullwidth .panel-heading h3, .panel-heading-fullwidth .panel-heading h4, .panel-heading-fullwidth .panel-heading h5, .panel-heading-fullwidth .panel-heading h6, .panel-heading.no-border, .panel-info .panel-heading .panel-title, .panel-info .panel-heading .title, .panel-info .panel-heading h1, .panel-info .panel-heading h2, .panel-info .panel-heading h3, .panel-info .panel-heading h4, .panel-info .panel-heading h5, .panel-info .panel-heading h6, .panel-primary .panel-heading .panel-title, .panel-primary .panel-heading .title, .panel-primary .panel-heading h1, .panel-primary .panel-heading h2, .panel-primary .panel-heading h3, .panel-primary .panel-heading h4, .panel-primary .panel-heading h5, .panel-primary .panel-heading h6, .panel-success .panel-heading .panel-title, .panel-success .panel-heading .title, .panel-success .panel-heading h1, .panel-success .panel-heading h2, .panel-success .panel-heading h3, .panel-success .panel-heading h4, .panel-success .panel-heading h5, .panel-success .panel-heading h6, .panel-warning .panel-heading .panel-title, .panel-warning .panel-heading .title, .panel-warning .panel-heading h1, .panel-warning .panel-heading h2, .panel-warning .panel-heading h3, .panel-warning .panel-heading h4, .panel-warning .panel-heading h5, .panel-warning .panel-heading h6 {
    border-width: 0
}

@media (max-width: 767px) {
    .user-profile .user-display .bottom .user-avatar img {
        width: 70px;
        height: 70px
    }

    .user-profile .user-display .bottom .user-avatar {
        left: 50%;
        top: -46px;
        margin-left: -35px
    }
}

.user-profile .user-display .bottom .user-info {
    line-height: 20px
}

.user-profile .user-display .bottom .user-info .btn-success {
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 10px;
}

.user-profile .user-display .bottom .user-info h4 {
    margin: 0 0 5px;
    font-size: 25px;
}

.user-profile .user-display .bottom .user-info span {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}

.user-profile .user-display .bottom .user-info span.profile-name-edit .form-control {
    width: 100%;
}

@media (max-width: 767px) {
    .user-profile .user-display .bottom .user-info {
        line-height: 22px
    }

    .user-profile .user-display .bottom {
        padding: 30px 30px 25px 25px
    }
}

.user-profile .info-block .description {
    padding-bottom: 15px;
    border-bottom: 1px dashed #e6e6e6;
    display: block;
    color: #7b7b7b
}

.user-profile .info-block table {
    width: 100%
}

.user-profile .info-block table tr {
    line-height: 23px;
    border-bottom: 1px solid #e6e6e6
}

.user-profile .info-block table tr td {
    padding: 15px 0
}

.user-profile .info-block table tr td.item {
    width: 45%;
    color: #7b7b7b
}

.user-profile .info-block table tr td.item i {
    float: left;
    margin-right: 5px;
    font-size: 20px;
    color: #7b7b7b
}

.user-profile .info-block table tr:last-child {
    border-bottom: 0
}

.email-filters, .email-list .item {
    border-bottom: 1px solid #e6e6e6;
    width: 100%
}

.user-profile .info-block table tr:last-child td {
    padding-bottom: 0
}

.aside-compose {
    text-align: center;
    padding: 20px 25px;
    margin-top: 10px
}

.email-search {
    background-color: #fff;
    padding: 20px 25px
}

.email-search h3 {
    margin: 9px 0 15px
}

.email-search span {
    color: #888;
    font-weight: 300;
    font-size: 16px
}

.email-filters {
    padding: 9px 20px 10px;
    background-color: #fff;
    display: table
}

.email-filters > div {
    display: table-cell;
    vertical-align: middle
}

.email-filters .am-select-all.am-checkbox label:before {
    margin-right: 18px
}

.email-filters .email-filters-right {
    text-align: right
}

.email-filters input {
    margin-right: 8px
}

.email-list {
    background: #fff
}

.email-list .item {
    padding: 17px 20px;
    display: table;
    cursor: pointer;
    background-color: #fafafa;
    position: relative
}

.email-list .item.unread {
    background-color: #fff
}

.email-list .item.unread:after {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    top: -1px;
    bottom: -1px;
    left: 0;
    background-color: #ef6262
}

.email-list .item.unread .date, .email-list .item.unread .from {
    font-weight: 600
}

.email-list .item > div {
    vertical-align: top;
    display: table-cell
}

.email-list .item > div:first-child {
    width: 40px
}

.email-list .item .icon {
    margin-right: 7px;
    font-size: 14px
}

.email-list .item .from {
    font-weight: 400;
    font-size: 13px;
    margin: 0 0 3px
}

.email-list .item .msg {
    margin: 0;
    color: #888
}

.email-list .item:hover {
    background-color: #f7f7f7
}

.email-body, .email-head, .email-recipient, .email.editor, .email.editor .note-resizebar {
    background-color: #fff
}

.email-head {
    padding: 20px 25px 24px
}

.email-head .icons {
    font-size: 25px;
    float: right
}

.email-head .icons .icon {
    color: #555;
    margin-left: 5px
}

.email-head .icons .icon:hover {
    color: #ef6262
}

.email-head h4 {
    margin: 12px 0 15px
}

.email-head .date {
    float: right
}

.email-head .date a {
    vertical-align: middle;
    margin-right: 5px
}

.email-head .date .icon {
    font-size: 20px
}

.email-body {
    border-top: 1px solid #e6e6e6;
    padding: 30px;
    font-size: 15px;
    font-weight: 300
}

.email-body p {
    line-height: 25px;
    margin-bottom: 20px
}

.email-subject input {
    font-weight: 300;
    font-size: 25px;
    height: auto;
    padding: 30px;
    border: 0;
    width: 100%
}

.email-recipient {
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 30px 30px 10px
}

.email-recipient label {
    padding-top: 15px
}

.email.editor {
    padding: 30px
}

.email.editor .note-toolbar {
    border: 0
}

.email.editor .form-group {
    text-align: right;
    margin-top: 15px
}

.email.editor .form-group .icon {
    font-size: 23px
}

.pricing-tables {
    margin: 30px 0 20px
}

.pricing-tables > div {
    padding-left: 10px;
    padding-right: 10px
}

.pricing-table {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .04);
    border-radius: 0;
    border-top: 3px solid #c9c9c9;
    padding: 35px 20px;
    background: #fff;
    text-align: center;
    margin: 0 0 20px
}

.btn-group.open .dropdown-toggle, .btn.active, .btn:active, .panel {
    box-shadow: none
}

.btn-alt1.active, .btn-alt1:active, .btn-alt2.active, .btn-alt2:active, .btn-alt3.active, .btn-alt3:active, .btn-alt4.active, .btn-alt4:active, .btn-dark.active, .btn-dark:active, .btn-default.active, .btn-default:active, .btn-social.btn-dribbble.active, .btn-social.btn-dribbble:active, .btn-social.btn-facebook.active, .btn-social.btn-facebook:active, .btn-social.btn-flickr.active, .btn-social.btn-flickr:active, .btn-social.btn-github.active, .btn-social.btn-github:active, .btn-social.btn-google-plus.active, .btn-social.btn-google-plus:active, .btn-social.btn-linkedin.active, .btn-social.btn-linkedin:active, .btn-social.btn-pinterest.active, .btn-social.btn-pinterest:active, .btn-social.btn-tumblr.active, .btn-social.btn-tumblr:active, .btn-social.btn-youtube.active, .btn-social.btn-youtube:active, .open > .dropdown-toggle.btn-alt1, .open > .dropdown-toggle.btn-alt2, .open > .dropdown-toggle.btn-alt3, .open > .dropdown-toggle.btn-alt4, .open > .dropdown-toggle.btn-dark, .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-social.btn-dribbble, .open > .dropdown-toggle.btn-social.btn-facebook, .open > .dropdown-toggle.btn-social.btn-flickr, .open > .dropdown-toggle.btn-social.btn-github, .open > .dropdown-toggle.btn-social.btn-google-plus, .open > .dropdown-toggle.btn-social.btn-linkedin, .open > .dropdown-toggle.btn-social.btn-pinterest, .open > .dropdown-toggle.btn-social.btn-tumblr, .open > .dropdown-toggle.btn-social.btn-youtube {
    background-image: none
}

.pricing-table-title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px
}

.pricing-table-price {
    padding: 0 0 20px;
    color: #525252
}

.pricing-table-price .currency {
    vertical-align: top;
    font-size: 18px;
    line-height: 1
}

.pricing-table-price .value {
    font-size: 60px;
    line-height: 40px;
    letter-spacing: -3px
}

.pricing-table-price .frecuency {
    font-size: 20px;
    font-weight: 300;
    margin-left: 5px
}

.pricing-table-description {
    color: #858585;
    margin-bottom: 10px
}

.pricing-table-features {
    margin: 0 0 30px;
    padding: 0;
    list-style: none
}

.btn-hspace, .btn-space {
    margin-right: 5px
}

.pricing-table-features > li {
    font-size: 14px;
    font-weight: 300;
    line-height: 33px
}

.pricing-table .btn {
    line-height: 23px;
    min-width: 120px;
    margin-bottom: 10px
}

.pricing-table .panel-divider {
    padding-top: 30px;
    margin-bottom: 30px
}

.btn-space, .btn-vspace {
    margin-bottom: 5px
}

.pricing-table-primary {
    border-color: #ef6262
}

.pricing-table-warning {
    border-color: #ffc870
}

.pricing-table-success {
    border-color: #7accbe
}

.pricing-table-danger {
    border-color: #ef6262
}

.pricing-table-alt1 {
    border-color: #95d9f0
}

.pricing-table-alt2 {
    border-color: #ffdc7a
}

.pricing-table-alt3 {
    border-color: #7a98bf
}

.pricing-table-alt4 {
    border-color: #ccc
}

.img-rounded {
    border-radius: 4px
}

pre {
    padding: 20px;
    border: 0
}

.btn {
    border-radius: 0
}

.btn-group-xs > .btn, .btn-xs {
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px
}

.btn-rounded {
    border-radius: 3px
}

.btn-rounded.btn-lg {
    border-radius: 5px
}

.btn-default, .btn-default.focus, .btn-default:focus {
    color: #555;
    background-color: #fff;
    border-color: #dedede
}

.btn-default:hover {
    color: #555;
    background-color: #f7f7f7;
    border-color: #d1d1d1
}

.btn-default.active,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
    color: #555;
    background-color: #ededed;
    border-color: #c5c5c5
}

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

.btn-default .badge {
    color: #fff;
    background-color: #555
}

.btn .icon {
    font-size: 19px;
    vertical-align: middle
}

.btn .icon.icon-left {
    margin-right: 3px
}

.btn .icon.icon-right {
    margin-left: 3px
}

.btn .icon.fa {
    font-size: 15px
}

.btn.btn-lg .icon {
    font-size: 23px;
    line-height: 25px
}

.btn.btn-sm .icon {
    font-size: 16px;
    line-height: 16px
}

.btn.btn-xs .icon {
    font-size: 14px;
    line-height: 16px
}

.panel {
    background-color: #fff;
    margin-bottom: 30px
}

.panel-heading {
    font-size: 18px;
    font-weight: 300;
    padding-left: 0;
    padding-right: 0;
    margin: 0 20px
}

.panel-heading .panel-title, .panel-heading .title, .panel-heading > h1, .panel-heading > h2, .panel-heading > h3, .panel-heading > h4, .panel-heading > h5, .panel-heading > h6 {
    font-size: 18px;
    font-weight: 300;
    display: block;
    margin: 0
}

.panel-heading .tools {
    float: right;
    font-size: 0
}

.panel-heading .tools > a {
    display: inline-block
}

.panel-heading .tools .icon {
    display: inline-block;
    margin-left: 5px;
    font-size: 21px;
    line-height: 25px;
    vertical-align: middle;
    cursor: pointer
}

.panel-heading .tools .icon:hover {
    color: #ef6262
}

.panel-heading .tools .icon.s7-close {
    font-size: 27px;
    margin-left: 1px;
    position: relative;
    top: 1px
}

.panel-heading .tools .value {
    font-size: 24px;
    line-height: 22px
}

.panel-alt1 .panel-heading, .panel-alt2 .panel-heading, .panel-alt3 .panel-heading, .panel-alt4 .panel-heading, .panel-danger .panel-heading, .panel-dark .panel-heading, .panel-heading-fullwidth .panel-heading, .panel-info .panel-heading, .panel-primary .panel-heading, .panel-success .panel-heading, .panel-warning .panel-heading {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px
}

.panel-borders {
    border-width: 1px
}

.panel-transparent {
    background-color: transparent
}

.panel-alt1 .panel-heading, .panel-alt1 .panel-heading .tools > a, .panel-alt2 .panel-heading, .panel-alt2 .panel-heading .tools > a, .panel-alt3 .panel-heading, .panel-alt3 .panel-heading .tools > a, .panel-alt4 .panel-heading, .panel-alt4 .panel-heading .tools > a, .panel-danger .panel-heading, .panel-danger .panel-heading .tools > a, .panel-dark .panel-heading, .panel-dark .panel-heading .tools > a, .panel-full-alt1 .panel-heading, .panel-full-alt1 .panel-heading .tools > a, .panel-full-alt2 .panel-heading, .panel-full-alt2 .panel-heading .tools > a, .panel-full-alt3 .panel-heading, .panel-full-alt3 .panel-heading .tools > a, .panel-full-alt4 .panel-heading, .panel-full-alt4 .panel-heading .tools > a, .panel-full-danger .panel-heading, .panel-full-danger .panel-heading .tools > a, .panel-full-dark .panel-heading, .panel-full-dark .panel-heading .tools > a, .panel-full-info .panel-heading, .panel-full-info .panel-heading .tools > a, .panel-full-primary .panel-heading, .panel-full-primary .panel-heading .tools > a, .panel-full-success .panel-heading, .panel-full-success .panel-heading .tools > a, .panel-full-warning .panel-heading, .panel-full-warning .panel-heading .tools > a, .panel-info .panel-heading, .panel-info .panel-heading .tools > a, .panel-primary .panel-heading, .panel-primary .panel-heading .tools > a, .panel-success .panel-heading, .panel-success .panel-heading .tools > a, .panel-warning .panel-heading, .panel-warning .panel-heading .tools > a {
    color: #fff
}

.panel-full-primary .panel-heading .tools .icon:hover, .panel-full-primary .panel-heading .tools > a:hover, .panel-primary .panel-heading .tools .icon:hover, .panel-primary .panel-heading .tools > a:hover {
    color: #cc3f3f
}

.panel-full-success .panel-heading .tools .icon:hover, .panel-full-success .panel-heading .tools > a:hover, .panel-success .panel-heading .tools .icon:hover, .panel-success .panel-heading .tools > a:hover {
    color: #57a99b
}

.panel-full-info .panel-heading .tools .icon:hover, .panel-full-info .panel-heading .tools > a:hover, .panel-info .panel-heading .tools .icon:hover, .panel-info .panel-heading .tools > a:hover {
    color: #6aa7bc
}

.panel-full-warning .panel-heading .tools .icon:hover, .panel-full-warning .panel-heading .tools > a:hover, .panel-warning .panel-heading .tools .icon:hover, .panel-warning .panel-heading .tools > a:hover {
    color: #dca54d
}

.panel-danger .panel-heading .tools .icon:hover, .panel-danger .panel-heading .tools > a:hover, .panel-full-danger .panel-heading .tools .icon:hover, .panel-full-danger .panel-heading .tools > a:hover {
    color: #cc3f3f
}

.panel-alt1 .panel-heading, .panel-full-alt1 .panel-heading {
    background-color: #56c3e7
}

.panel-alt1 .panel-heading .tools .icon:hover, .panel-alt1 .panel-heading .tools > a:hover, .panel-full-alt1 .panel-heading .tools .icon:hover, .panel-full-alt1 .panel-heading .tools > a:hover {
    color: #33a0c4
}

.panel-alt2 .panel-heading, .panel-full-alt2 .panel-heading {
    background-color: #ffcf66
}

.panel-alt2 .panel-heading .tools .icon:hover, .panel-alt2 .panel-heading .tools > a:hover, .panel-full-alt2 .panel-heading .tools .icon:hover, .panel-full-alt2 .panel-heading .tools > a:hover {
    color: #dcac43
}

.panel-alt3 .panel-heading, .panel-full-alt3 .panel-heading {
    background-color: #7a98bf
}

.panel-alt3 .panel-heading .tools .icon:hover, .panel-alt3 .panel-heading .tools > a:hover, .panel-full-alt3 .panel-heading .tools .icon:hover, .panel-full-alt3 .panel-heading .tools > a:hover {
    color: #57759c
}

.panel-alt4 .panel-heading, .panel-full-alt4 .panel-heading {
    background-color: #bdbdbd
}

.panel-alt4 .panel-heading .tools .icon:hover, .panel-alt4 .panel-heading .tools > a:hover, .panel-full-alt4 .panel-heading .tools .icon:hover, .panel-full-alt4 .panel-heading .tools > a:hover {
    color: #9a9a9a
}

.panel-dark .panel-heading, .panel-full-dark .panel-heading {
    background-color: #3d3c3c
}

.panel-dark .panel-heading .tools .icon:hover, .panel-dark .panel-heading .tools > a:hover, .panel-full-dark .panel-heading .tools .icon:hover, .panel-full-dark .panel-heading .tools > a:hover {
    color: #1a1919
}

.panel-full-primary {
    background-color: #ef6262;
    color: #fff
}

.panel-full-primary .panel-heading {
    border-color: #e55858
}

.panel-full-success {
    background-color: #7accbe;
    color: #fff
}

.panel-full-success .panel-heading {
    border-color: #70c2b4
}

.panel-full-info {
    background-color: #8dcadf;
    color: #fff
}

.panel-full-info .panel-heading {
    border-color: #83c0d5
}

.panel-full-warning {
    background-color: #ffc870;
    color: #fff
}

.panel-full-warning .panel-heading {
    border-color: #f5be66
}

.panel-full-danger {
    background-color: #ef6262;
    color: #fff
}

.panel-full-danger .panel-heading {
    border-color: #e55858
}

.panel-full-alt1 {
    background-color: #56c3e7;
    color: #fff
}

.panel-full-alt1 .panel-heading {
    border-color: #4cb9dd
}

.panel-full-alt2 {
    background-color: #ffcf66;
    color: #fff
}

.panel-full-alt2 .panel-heading {
    border-color: #f5c55c
}

.panel-full-alt3 {
    background-color: #7a98bf;
    color: #fff
}

.panel-full-alt3 .panel-heading {
    border-color: #708eb5
}

.panel-full-alt4 {
    background-color: #bdbdbd;
    color: #fff
}

.panel-full-alt4 .panel-heading {
    border-color: #b3b3b3
}

.panel-full-dark {
    background-color: #3d3c3c;
    color: #fff
}

.panel-full-dark .panel-heading {
    border-color: #333232
}

.dropdown-menu {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    border: 1px solid #fff;
}

.dropdown-menu > li > a {
    color: #ffffff;
    padding: 9px 20px;
    background-color: #f38804;
}

.dropdown-menu > li > a .icon {
    font-size: 17px;
    line-height: 15px;
    vertical-align: middle;
    margin-right: 4px
}

.dropdown-menu > li > a:hover {
    /*background-color: #ef6262;*/
    color: #fff
}

.dropdown-menu > li > a:active, .dropdown-menu > li > a:focus {
    background-color: transparent;
    color: #504e4e
}

.dropdown-menu .divider {
    margin: 6px 0;
    background-color: rgba(0, 0, 0, .1)
}

.dropdown-header {
    padding: 5px 20px 1px;
    font-weight: 600;
    color: #c2c1c1;
    cursor: default
}

.panel-group.accordion {
    margin-bottom: 40px;
    padding: 0
}

.panel-group.accordion .panel {
    padding: 0
}

.panel-group.accordion .panel .panel-heading {
    background: #fff;
    padding: 0;
    margin: 0
}

.panel-group.accordion .panel .panel-heading a {
    padding: 17px 10px;
    display: block;
    color: #ef6262;
    font-weight: 300
}

.panel-group.accordion .panel .panel-heading a .icon {
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
    font-size: 25px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    display: inline-block
}

.panel-group.accordion .panel .panel-heading a.collapsed {
    color: #555
}

.panel-group.accordion .panel .panel-heading a.collapsed .icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.panel-group.accordion .panel .panel-collapse .panel-body {
    padding: 0 30px 20px 40px;
    border-top: 0
}

.panel-group.accordion.accordion-color .panel .panel-heading a {
    background-color: #7a98bf;
    color: #fff
}

.panel-group.accordion.accordion-color .panel .panel-heading a.collapsed {
    background-color: #fff;
    color: #555
}

.panel-group.accordion.accordion-color .panel .panel-collapse .panel-body {
    background-color: #7a98bf;
    color: #fff
}

.panel-group.accordion.accordion-semi .panel .panel-heading a {
    background-color: #ef6262;
    color: #fff;
    -webkit-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out
}

.panel-group.accordion.accordion-semi .panel .panel-heading a.collapsed {
    background-color: #fff;
    color: #555;
    border-bottom: 0
}

.panel-group.accordion.accordion-semi .panel .panel-collapse .panel-body {
    padding-top: 15px
}

.panel-group.accordion.accordion-semi .panel-heading.success a {
    background-color: #7accbe
}

.panel-group.accordion.accordion-semi .panel-heading.warning a {
    background-color: #ffc870
}

.panel-group.accordion.accordion-semi .panel-heading.danger a {
    background-color: #ef6262
}

.nav-tabs {
    background-color: #f5f5f5;
    border-bottom-width: 0
}

.nav-tabs > li {
    margin-right: 2px
}

.nav-tabs > li a {
    padding: 18px 20px;
    margin-right: 0;
    min-width: 80px;
    text-align: center;
    border-radius: 0;
    color: #555;
    border-width: 0
}

.nav-tabs > li a:hover {
    background: 0 0;
    color: #ef6262
}

.nav-tabs > li a:active {
    background-color: transparent
}

.nav-tabs > li.active {
    position: relative;
    background: 0 0;
    color: #ef6262
}

.modal-content, .nav-tabs > li.active a, .nav-tabs > li.active a:focus, .nav-tabs > li.active a:hover {
    background-color: #fff
}

.tab-content {
    background: #fff;
    padding: 20px;
    margin-bottom: 40px
}

.main-content .tab-content .tab-pane h1:first-child, .main-content .tab-content .tab-pane h2:first-child, .main-content .tab-content .tab-pane h3:first-child, .main-content .tab-content .tab-pane h4:first-child, .main-content .tab-content .tab-pane h5:first-child, .main-content .tab-content .tab-pane h6:first-child {
    margin-top: 5px
}

.tab-bottom .tab-content {
    margin-bottom: 0
}

.tab-bottom .nav-tabs {
    margin-bottom: 40px
}

.tab-left .nav-tabs, .tab-right .nav-tabs {
    float: left
}

.tab-left .nav-tabs > li, .tab-right .nav-tabs > li {
    float: none;
    margin-right: 0;
    margin-bottom: 0
}

.tab-left .nav-tabs > li > a, .tab-right .nav-tabs > li > a {
    text-align: left;
    min-width: 38px;
    padding: 15px 17px;
    border-radius: 0;
    -webkit-border-radius: 0
}

.tab-left .nav-tabs > li > a .icon, .tab-right .nav-tabs > li > a .icon {
    font-size: 20px
}

.tab-left .tab-content, .tab-right .tab-content {
    overflow: auto
}

.tab-right .nav-tabs {
    float: right
}

.modal-content {
    box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
    border-radius: 3px;
    /*overflow: hidden;*/
    color: #555;
    border-width: 0
}

.modal-header {
    border: 0
}

.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 {
    display: block;
    margin: 0
}

.modal-header .close {
    font-size: 26px;
    opacity: .4;
    text-shadow: none
}

.modal-header .close:hover {
    opacity: .8
}

.modal-body {
    padding: 30px 20px
}

.modal-body .i-circle {
    border: 2px solid #f1f1f1;
    border-radius: 50%;
    display: inline-block;
    height: 80px;
    width: 80px;
    margin-bottom: 15px;
    line-height: 105px
}

.modal-dark .modal-footer, .modal-full-color .modal-footer {
    border: 0
}

.alert .message > p, .alert .message > ul, .table-fw-widget {
    margin-bottom: 0
}

.modal-body .i-circle .icon {
    font-size: 45px
}

.modal-footer {
    background-color: #fcfcfc
}

.modal-full-color .modal-content {
    color: #fff;
    background-color: transparent
}

.modal-full-color .modal-header {
    background-color: #ed5050
}

.modal-full-color .modal-header .close {
    color: #fff;
    line-height: 40px;
    opacity: .6
}

.modal-full-color .modal-header .close:hover {
    opacity: 1
}

.modal-full-color .modal-body, .modal-full-color .modal-footer {
    background-color: #ef6262
}

.modal-full-color-success .modal-header {
    background-color: #6bc6b7
}

.modal-full-color-success .modal-body, .modal-full-color-success .modal-footer {
    background-color: #7accbe
}

.modal-full-color-info .modal-header {
    background-color: #7dc3db
}

.modal-full-color-info .modal-body, .modal-full-color-info .modal-footer {
    background-color: #8dcadf
}

.modal-full-color-warning .modal-header {
    background-color: #ffc05c
}

.modal-full-color-warning .modal-body, .modal-full-color-warning .modal-footer {
    background-color: #ffc870
}

.modal-full-color-danger .modal-header {
    background-color: #ed4f4f
}

.modal-full-color-danger .modal-body, .modal-full-color-danger .modal-footer {
    background-color: #ef6262
}

.modal-full-color-dark .modal-header {
    background-color: #383737
}

.modal-full-color-dark .modal-body, .modal-full-color-dark .modal-footer {
    background-color: #3d3c3c
}

.modal-full-width {
    width: 90%;
    max-width: none;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 480px) {
    .modal-full-width {
        width: 100%;
        margin: 0;
        padding: 10px
    }
}

.modal-colored-header .modal-header .close, .modal-dark .modal-header .close {
    margin-top: 2px;
    color: #fff
}

.modal-colored-header .modal-content {
    background-color: transparent
}

.modal-colored-header .modal-header {
    background-color: #ef6262;
    color: #fff;
    padding: 20px 15px
}

.modal-colored-header .modal-body {
    background-color: #fff
}

.modal-colored-header-success .modal-content .modal-header {
    background-color: #7accbe
}

.modal-colored-header-info .modal-content .modal-header {
    background-color: #8dcadf
}

.modal-colored-header-warning .modal-content .modal-header {
    background-color: #ffc870
}

.modal-colored-header-danger .modal-content .modal-header {
    background-color: #ef6262
}

.modal-colored-header-dark .modal-content .modal-header {
    background-color: #3d3c3c
}

.modal-dark .modal-content {
    color: #fff;
    background-color: transparent
}

.modal-dark .modal-header {
    background-color: #ef6262;
    padding: 20px 15px
}

.modal-dark .modal-body, .modal-dark .modal-body.form .form-control, .modal-dark .modal-footer {
    background-color: #3d3c3c
}

.modal-dark-success .modal-header {
    background-color: #7accbe
}

.modal-dark-info .modal-header {
    background-color: #8dcadf
}

.modal-dark-warning .modal-header {
    background-color: #ffc870
}

.modal-dark-danger .modal-header {
    background-color: #ef6262
}

.modal-dark-dark .modal-header {
    background-color: #383737
}

@media (max-width: 767px) {
    .modal-dialog {
        padding: 0 15px
    }
    .AddCompanyModel a.cross{
            top: -15px;
    right: -8px;
    }
}

.modal-overlay {
    z-index: 1050
}

.am-modal-open {
    overflow-x: visible
}

.alert {
    line-height: 25px
}

.alert .icon {
    font-size: 24px;
    color: #fff;
    vertical-align: middle;
    margin-right: 9px;
    line-height: 22px
}

.alert .close {
    font-size: 31px
}

.alert .message > p + p {
    margin-top: 5px
}

.alert-dismissible .close {
    top: -4px;
    right: -30px
}

.alert-primary {
    background-color: #ef6262;
    border-color: #ef6262;
    color: #fff
}

.alert-primary hr {
    border-top-color: #ec4b4b
}

.alert-primary .alert-link {
    color: #e6e6e6
}

.alert-dismissible.alert-primary .close {
    color: #a71111;
    text-shadow: 0 1px 0 #a71111
}

.alert-dismissible.alert-success .close {
    color: #307d70;
    text-shadow: 0 1px 0 #307d70
}

.alert-dismissible.alert-info .close {
    color: #2e86a5;
    text-shadow: 0 1px 0 #2e86a5
}

.alert-dismissible.alert-warning .close {
    color: #d68400;
    text-shadow: 0 1px 0 #d68400
}

.alert-dismissible.alert-danger .close {
    color: #a71111;
    text-shadow: 0 1px 0 #a71111
}

.alert-icon {
    background-color: #fff;
    border: 0;
    padding: 0;
    position: relative;
    width: 100%;
    display: table;
    table-layout: fixed
}

.alert-icon > .icon {
    display: table-cell;
    width: 55px;
    text-align: center;
    vertical-align: middle;
    cursor: default
}

.alert-icon > .icon:after {
    position: absolute;
    margin-left: 54px;
    top: 50%;
    margin-top: -11px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    -moz-transform: scale(.9999);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #fff
}

.alert-icon > .message {
    display: table-cell;
    padding: 18px;
    color: #555;
    border: 1px solid #d4d4d4;
    border-left-width: 0
}

.alert-icon.alert-dismissible .close {
    position: absolute;
    right: 11px;
    top: 14px;
    color: #555;
    text-shadow: 0 1px 0 #555
}

.alert-icon.alert-primary > .icon {
    background-color: #ef6262
}

.alert-icon.alert-primary > .icon:after {
    border-left-color: #ef6262
}

.alert-icon.alert-success > .icon {
    background-color: #7accbe
}

.alert-icon.alert-success > .icon:after {
    border-left-color: #7accbe
}

.alert-icon.alert-info > .icon {
    background-color: #8dcadf
}

.alert-icon.alert-info > .icon:after {
    border-left-color: #8dcadf
}

.alert-icon.alert-warning > .icon {
    background-color: #ffc870
}

.alert-icon.alert-warning > .icon:after {
    border-left-color: #ffc870
}

.alert-icon.alert-danger > .icon {
    background-color: #ef6262
}

.alert-icon.alert-danger > .icon:after {
    border-left-color: #ef6262
}

.alert-border-color.alert-primary .message {
    border-color: #ef6262
}

.alert-border-color.alert-success .message {
    border-color: #7accbe
}

.alert-border-color.alert-info .message {
    border-color: #8dcadf
}

.alert-border-color.alert-warning .message {
    border-color: #ffc870
}

.alert-border-color.alert-danger .message {
    border-color: #ef6262
}

.alert-icon-color {
    border: 1px solid #e6e6e6
}

.alert-icon-color > .icon {
    background-color: #f8f8f8 !important;
    border-width: 0
}

.alert-icon-color > .icon:after {
    border-left-color: #fff !important;
    display: none
}

.alert-icon-color > .message {
    border-width: 0
}

.alert-icon-color.alert-primary > .icon {
    background-color: transparent;
    color: #ef6262
}

.alert-icon-color.alert-success > .icon {
    background-color: transparent;
    color: #7accbe
}

.alert-icon-color.alert-info > .icon {
    background-color: transparent;
    color: #8dcadf
}

.alert-icon-color.alert-warning > .icon {
    background-color: transparent;
    color: #ffc870
}

.alert-icon-color.alert-danger > .icon {
    background-color: transparent;
    color: #ef6262
}

.table > thead > tr > th {
    border-bottom-width: 1px;
    font-weight: 400;
    font-size: 13px
}

.table > thead.primary > tr > th {
    color: #ef6262
}

.table > thead.alt3 > tr > th {
    color: #7a98bf
}

.table > tbody > tr > td {
    font-weight: 300;
    vertical-align: middle;
    padding: 10px 8px;
}

.table > tbody.no-border-x > tr > td {
    border-top-width: 0
}

.table-condensed > thead > tr > th {
    padding-top: 10px;
    padding-bottom: 8px
}

.table-responsive {
    border: 0
}

.table tbody tr td.user-avatar img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-right: 10px
}

@media (max-width: 767px) {
    .table tbody tr td.user-avatar img {
        display: none
    }
}

.table .number {
    text-align: right
}

.table-fw-widget tr td:first-child, .table-fw-widget tr th:first-child {
    padding-left: 15px
}

.table-fw-widget tr td:last-child, .table-fw-widget tr th:last-child {
    padding-right: 15px
}

.table-fw-widget thead tr th {
    padding-top: 15px;
    padding-bottom: 10px
}

.badge {
    font-size: 11px
}

.badge-primary {
    background-color: #ef6262
}

.badge-success {
    background-color: #7accbe
}

.badge-info {
    background-color: #8dcadf
}

.badge-warning {
    background-color: #ffc870
}

.badge-danger {
    background-color: #ef6262
}

.label {
    border-radius: 0;
    padding: 4px 7px
}

.list-group-item {
    padding: 13px 15px
}

.text-success {
    color: #7accbe
}

a.text-success:focus, a.text-success:hover {
    color: #55beac
}

.text-info {
    color: #8dcadf
}

a.text-info:focus, a.text-info:hover {
    color: #65b7d4
}

.text-warning {
    color: #ffc870
}

a.text-warning:focus, a.text-warning:hover {
    color: #ffb43d
}

.text-danger {
    color: #ef6262
}

a.text-danger:focus, a.text-danger:hover {
    color: #ea3434
}

.text-alt1 {
    color: #95d9f0
}

a.text-alt1:focus, a.text-alt1:hover {
    color: #68c9ea
}

.text-alt2 {
    color: #ffdc7a
}

a.text-alt2:focus, a.text-alt2:hover {
    color: #ffcf47
}

.text-alt3 {
    color: #7a98bf
}

a.text-alt3:focus, a.text-alt3:hover {
    color: #587dae
}

.text-alt4 {
    color: #ccc
}

a.text-alt4:focus, a.text-alt4:hover {
    color: #b3b3b3
}

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

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

.form-group {
    margin-bottom: 30px;
    position: relative;
}

.form-control {
    border: 1px #b7b7b7 solid;
    box-shadow: none;
    padding: 10px 12px 5px;
    font-size: 16px;
    height: 45px;
}

.select-width {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.select-width .form-control {
    border-radius: 4px !important;
}

.input-group-addon {
    background: transparent;
    color: #7a7a7a;
    font-size: 18px;
}

.input-group-teams{
    list-style: none outside none;
    padding-left: 10px;
    border: 1px solid #ccc;
    margin: 0;
    max-height: 150px;
    overflow-y: scroll;
}
.input-placeholder{
    font-size: 16px;
    margin:5px 0;
}


.form-control:focus {
    box-shadow: none;
    border-color: #d1d1d1
}

.form-control[multiple] {
    padding: 0
}

.form-control[multiple] option {
    padding: 8px 12px
}

.modal-content .help-block,
.help-block {
    text-align: right;
    font-size: 12px;
    color: #d9534f;
    position: absolute;
    right: 0;
    margin-top: 0;
}

label {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 8px
}

.am-checkbox, .am-radio {
    display: block;
    line-height: 22px;
    margin: 0;
    padding: 7px 0
}

.form-horizontal .am-checkbox, .form-horizontal .am-radio {
    padding: 7px 0;
    min-height: auto;
}

.am-checkbox input[type=checkbox], .am-checkbox input[type=radio], .am-radio input[type=checkbox], .am-radio input[type=radio] {
    margin: 0;
    display: none;
    width: 22px
}

.am-checkbox.inline, .am-radio.inline, form.dropzone .icon {
    display: inline-block
}

.am-checkbox label, .am-radio label {
    margin-bottom: 0
}

.am-checkbox input[type=checkbox] + label, .am-checkbox input[type=radio] + label, .am-radio input[type=checkbox] + label, .am-radio input[type=radio] + label {
    padding-left: 0
}

.am-checkbox input[type=checkbox] + label:before, .am-checkbox input[type=radio] + label:before, .am-radio input[type=checkbox] + label:before, .am-radio input[type=radio] + label:before {
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    border: 2px solid #eaeaea;
    margin-right: 5px;
    font-size: 18px;
    font-family: 'Stroke 7';
    font-weight: 400;
    line-height: 19px;
    vertical-align: bottom;
    text-align: center;
    background-color: #fff;
    cursor: pointer
}

.am-checkbox input[type=checkbox] + label:hover:before, .am-checkbox input[type=checkbox]:hover + label:before, .am-checkbox input[type=radio] + label:hover:before, .am-checkbox input[type=radio]:hover + label:before, .am-radio input[type=checkbox] + label:hover:before, .am-radio input[type=checkbox]:hover + label:before, .am-radio input[type=radio] + label:hover:before, .am-radio input[type=radio]:hover + label:before {
    border-color: #d1d1d1
}

.am-checkbox input[type=checkbox]:checked + label:before,
.am-checkbox input[type=radio]:checked + label:before,
.am-radio input[type=checkbox]:checked + label:before,
.am-radio input[type=radio]:checked + label:before {
    content: "\e6cd";
    color: #f38804;
    border-color: #f38804;
    padding-top: 2px;
}

.am-checkbox input[type=checkbox]:disabled + label, .am-checkbox input[type=radio]:disabled + label, .am-radio input[type=checkbox]:disabled + label, .am-radio input[type=radio]:disabled + label {
    opacity: .5;
    pointer-events: none
}

.am-checkbox input[type=checkbox]:disabled + label:before, .am-checkbox input[type=radio]:disabled + label:before, .am-radio input[type=checkbox]:disabled + label:before, .am-radio input[type=radio]:disabled + label:before {
    pointer-events: none !important;
    background-color: #fff
}

.am-checkbox input[type=radio] + label:before, .am-radio input[type=radio] + label:before {
    border-radius: 50%;
    font-family: 'Stroke 7';
    line-height: 17px;
    font-size: 14px
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .am-checkbox input[type=radio] + label:before, .am-radio input[type=radio] + label:before {
        line-height: 18px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (min-resolution: 120dpi) {
    .am-checkbox input[type=radio] + label:before, .am-radio input[type=radio] + label:before {
        line-height: 19px
    }
}

.am-checkbox input[type=radio]:checked + label:before, .am-radio input[type=radio]:checked + label:before {
    content: "\e6ce"
}

.am-checkbox.inline + .am-checkbox.inline, .am-checkbox.inline + .am-radio.inline, .am-radio.inline + .am-checkbox.inline, .am-radio.inline + .am-radio.inline {
    margin-left: 18px
}

.input-group-addon .am-checkbox, .input-group-addon .am-radio {
    padding: 0;
    line-height: 21px
}

.input-group-addon .am-checkbox input + label, .input-group-addon .am-radio input + label {
    margin: 0
}

.input-group-addon .am-checkbox input + label:before, .input-group-addon .am-radio input + label:before {
    margin: 0;
    border-color: #ddd
}

.input-group-btn .btn {
    height: 44px
}

.input-lg {
    height: 54px;
    padding: 12px 14px;
    font-size: 16px;
    font-weight: 300
}

.input-sm {
    height: 33px;
    font-size: 12px;
    padding: 4px 12px
}

.input-xs {
    height: 25px;
    font-size: 12px;
    padding: 1px 7px
}

.has-feedback .form-control {
    padding-right: 41px
}

.form-control-feedback {
    font-size: 21px
}

.nano > .nano-pane {
    width: 6px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .1)
}

.nano > .nano-pane > .nano-slider {
    background-color: rgba(0, 0, 0, .25);
    width: 100%;
    border-radius: 3px;
    margin: 0
}

form.dropzone {
    border: 2px dashed #c5c5c5;
    padding: 70px 60px 80px;
    background: 0 0
}

form.dropzone .icon {
    background-color: #e6e6e6;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    margin-bottom: 15px;
    padding: 20px;
    text-align: center
}

form.dropzone .icon span {
    font-size: 60px;
    color: #646262
}

form.dropzone h2 {
    margin-bottom: 30px;
    font-size: 40px;
    font-weight: 600
}

form.dropzone .note {
    font-size: 16px
}

.dd, .dd-list {
    margin: 0;
    padding: 0;
    list-style: none
}

@media (max-width: 767px) {
    .wizard-row .fuelux {
        position: static
    }
}

.dd, .dd-list {
    position: relative;
    display: block
}

.dd {
    max-width: 600px;
    font-size: 13px;
    line-height: 20px
}

.dd-list .dd-item .dd-handle, .dd-list .dd3-item .dd-handle {
    cursor: default;
    display: block;
    margin: 5px 0;
    padding: 7px 10px;
    text-decoration: none;
    border: 1px solid #dedede;
    background: #fff
}

.dd-list .dd-item .dd-handle:hover, .dd-list .dd3-item .dd-handle:hover {
    color: #fff;
    background: #ef6262;
    border-color: #ef6262
}

.dd-list .dd-item > button, .dd-list .dd3-item > button {
    font-family: FontAwesome;
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 8px 2px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: 0 0;
    font-size: 10px;
    line-height: 1;
    text-align: center
}

.dd-list .dd-item > button:before, .dd-list .dd3-item > button:before {
    content: '\f067';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0
}

.dd-list .dd-item > button[data-action=collapse]:before, .dd-list .dd3-item > button[data-action=collapse]:before {
    content: '\f068'
}

.dd-list .dd-item .dd3-content, .dd-list .dd3-item .dd3-content {
    display: block;
    margin: 5px 0;
    padding: 7px 10px 7px 40px;
    text-decoration: none;
    background: #fff;
    border: 1px solid #dedede
}

.dd-list .dd-item .dd3-content:hover, .dd-list .dd3-item .dd3-content:hover {
    background: #fff
}

.dd-list .dd-item .dd3-handle, .dd-list .dd3-item .dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: all-scroll;
    width: 34px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #ef6262;
    background: #ef6262;
    height: 36px
}

.dd-list .dd-item .dd3-handle:before, .dd-list .dd3-item .dd3-handle:before {
    content: '=';
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 100%;
    text-align: center;
    text-indent: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 400
}

.dd-list .dd-item .dd3-handle:hover, .dd-list .dd3-item .dd3-handle:hover {
    background: #f17979;
    border-color: #f17979
}

.dd-list .dd3-item > button {
    margin-left: 35px
}

.dd-list .dd-empty, .dd-list .dd-item, .dd-list .dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px
}

.dd-list .dd-empty, .dd-list .dd-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #FFF;
    border: 1px dashed #b3b3b3;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.dd-list .dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: -o-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -o-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px
}

.dd-list .dd-collapsed .dd-list {
    display: none
}

.dd-list.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999
}

.dd-list.dd-dragel > .dd-item .dd-handle {
    margin-top: 0
}

.dd-list.dd-dragel .dd-handle, .dd-list.dd-dragel .dd3-handle {
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1)
}

.dd-list .dd-list {
    padding-left: 30px
}

.datetimepicker .input-group-addon {
    padding: 0 9px;
    font-size: 24px
}

.datetimepicker.dropdown-menu {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    border-color: rgba(0, 0, 0, .1);
    padding: 10px
}

.datetimepicker.dropdown-menu:before {
    border-bottom-color: rgba(0, 0, 0, .08)
}

.datetimepicker.dropdown-menu table {
    border-collapse: separate;
    border-spacing: 7px 2px
}

.datetimepicker.dropdown-menu table thead tr th {
    padding: 10px 4px 8px
}

.datetimepicker.dropdown-menu table thead tr th.next, .datetimepicker.dropdown-menu table thead tr th.prev {
    padding: 0
}

.datetimepicker.dropdown-menu table thead tr th.next .s7-angle-left, .datetimepicker.dropdown-menu table thead tr th.next .s7-angle-right, .datetimepicker.dropdown-menu table thead tr th.prev .s7-angle-left, .datetimepicker.dropdown-menu table thead tr th.prev .s7-angle-right {
    font-size: 28px
}

.datetimepicker.dropdown-menu table thead tr th.next:hover, .datetimepicker.dropdown-menu table thead tr th.prev:hover {
    background-color: transparent;
    color: #ef6262
}

.datetimepicker.dropdown-menu table thead tr th.switch {
    font-weight: 600;
    font-size: 14px
}

.datetimepicker.dropdown-menu table thead tr th.switch:hover {
    background-color: transparent;
    color: #6f6f6f
}

.datetimepicker.dropdown-menu table thead tr th.dow {
    font-weight: 400;
    font-size: 14px;
    padding-top: 10px
}

.datetimepicker.dropdown-menu table tbody tr td {
    line-height: 31px;
    padding: 0 8px
}

.datetimepicker.dropdown-menu table tbody tr td.day {
    border-radius: 50%;
    color: #888
}

.datetimepicker.dropdown-menu table tbody tr td.day.new, .datetimepicker.dropdown-menu table tbody tr td.day.old {
    color: #c8c8c8
}

.datetimepicker.dropdown-menu table tbody tr td.day.active {
    background: #ef6262;
    color: #fff;
    text-shadow: none
}

.datetimepicker.dropdown-menu table tbody tr td .hour, .datetimepicker.dropdown-menu table tbody tr td .minute, .datetimepicker.dropdown-menu table tbody tr td .month, .datetimepicker.dropdown-menu table tbody tr td .year {
    color: #888
}

.datetimepicker.dropdown-menu table tbody tr td .hour.new, .datetimepicker.dropdown-menu table tbody tr td .hour.old, .datetimepicker.dropdown-menu table tbody tr td .minute.new, .datetimepicker.dropdown-menu table tbody tr td .minute.old, .datetimepicker.dropdown-menu table tbody tr td .month.new, .datetimepicker.dropdown-menu table tbody tr td .month.old, .datetimepicker.dropdown-menu table tbody tr td .year.new, .datetimepicker.dropdown-menu table tbody tr td .year.old {
    color: #c8c8c8
}

.datetimepicker.dropdown-menu table tbody tr td .hour.active, .datetimepicker.dropdown-menu table tbody tr td .minute.active, .datetimepicker.dropdown-menu table tbody tr td .month.active, .datetimepicker.dropdown-menu table tbody tr td .year.active {
    background: #ef6262;
    color: #fff;
    text-shadow: none
}

.datetimepicker.dropdown-menu table tbody tr td fieldset legend {
    font-size: 17px;
    font-weight: 400;
    color: #6f6f6f;
    margin-bottom: 5px
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    border: 2px solid #eaeaea;
    border-radius: 0
}

.select2-container--default .select2-selection--single {
    height: 44px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 10px 12px;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    color: #777
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
    width: 30px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    content: "\e688";
    font-family: 'Stroke 7';
    font-size: 28px;
    font-weight: 400;
    line-height: 42px;
    color: #777
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 6px 12px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 0;
    background-color: #f2f2f2;
    color: #6f6f6f;
    border-width: 0;
    padding: 4px 6px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #7b7b7b;
    margin-right: 3px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #626262
}

.select2-container--default.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 2px solid #eaeaea
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
    content: "\e682"
}

.select2-container--default.select2-container--open .select2-dropdown--below {
    top: -1px
}

.select2-container--default .select2-results__group {
    font-size: 12px;
    color: #6f6f6f
}

.select2-container--default .select2-results__option {
    padding: 10px 6px
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f7f7f7
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ef6262
}

.select2-container--default .select2-dropdown {
    border-radius: 0;
    border-width: 2px;
    border-color: #eaeaea
}

.select2-container--default .select2-search--dropdown {
    background-color: #f7f7f7;
    border-bottom: 2px solid #eaeaea
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: transparent;
    border-width: 0;
    outline: 0
}

.slider.slider-vertical {
    margin-right: 13px
}

.slider-selection {
    background: #ef6262;
    border: 1px solid #ef6262;
    box-shadow: none
}

.slider-track {
    background: #f2f2f2;
    box-shadow: none
}

.slider-handle {
    opacity: 1;
    background: #FFF;
    border: 3px solid #ef6262;
    background-clip: padding-box;
    box-shadow: none;
    height: 23px;
    width: 23px;
    -webkit-transition: box-shadow 200ms ease-in-out;
    -o-transition: box-shadow 200ms ease-in-out;
    transition: box-shadow 200ms ease-in-out
}

.slider.slider-horizontal .slider-handle {
    margin-top: -7px
}

.slider.slider-vertical .slider-handle {
    margin-left: -6px
}

.note-editor {
    margin-bottom: 0
}

.note-editor .note-toolbar {
    margin: 0;
    padding-bottom: 5px
}

.note-editor .note-toolbar .btn .fa {
    font-size: 14px
}

.note-editor .note-toolbar > .btn-group {
    margin-left: 0;
    margin-right: 5px;
    margin-top: 5px
}

.note-editor .note-toolbar .note-color .dropdown-toggle {
    padding-left: 5px;
    width: 20px
}

.note-editor .note-statusbar {
    background-color: #f6f6f6
}

.note-editor .note-statusbar .note-resizebar {
    height: auto;
    padding-top: 3px;
    padding-bottom: 4px
}

.note-editor .note-editable {
    border: 2px solid #eaeaea;
    padding: 10px 12px;
    margin-top: 6px
}

.note-editor .note-editing-area .note-editable {
    color: #555
}

.md-editor {
    display: block;
    border: 2px solid #eaeaea
}

.md-editor .md-footer, .md-editor > .md-header {
    display: block;
    padding: 6px 4px;
    background: 0 0
}

.md-editor > .md-header {
    margin: 0
}

.md-editor > .md-preview {
    background: #fff;
    border-top: 2px solid #eaeaea;
    padding: 10px 12px;
    min-height: 10px;
    overflow: auto
}

.md-editor > textarea {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 13px;
    outline: 0;
    outline: dotted thin \9;
    margin: 0;
    display: block;
    padding: 10px 12px;
    width: 100%;
    border: 0;
    border-top: 2px solid #eaeaea;
    border-radius: 0;
    box-shadow: none;
    background: #fafafa
}

.md-editor > textarea:focus {
    box-shadow: none;
    background: #fff
}

.md-editor.active {
    border-color: #d1d1d1;
    outline: 0
}

.md-editor .md-controls {
    float: right;
    padding: 3px
}

.md-editor .md-controls .md-control {
    right: 5px;
    color: #bebebe;
    padding: 3px 3px 3px 10px
}

.md-editor .md-controls .md-control:hover {
    color: #333
}

.md-editor.md-fullscreen-mode {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    padding: 60px 30px 15px;
    background: #fff !important;
    border: 0 !important
}

.md-editor.md-fullscreen-mode .md-footer {
    display: none
}

.md-editor.md-fullscreen-mode .md-input, .md-editor.md-fullscreen-mode .md-preview {
    margin: 0 auto !important;
    height: 100% !important;
    font-size: 20px !important;
    padding: 20px !important;
    color: #999;
    line-height: 1.6em !important;
    resize: none !important;
    box-shadow: none !important;
    background: #fff !important;
    border: 0 !important
}

.md-editor.md-fullscreen-mode .md-preview {
    color: #333;
    overflow: auto
}

.md-editor.md-fullscreen-mode .md-input:focus, .md-editor.md-fullscreen-mode .md-input:hover {
    color: #333;
    background: #fff !important
}

.md-editor.md-fullscreen-mode .md-header {
    background: 0 0;
    text-align: center;
    position: fixed;
    width: 100%;
    top: 20px
}

.md-editor.md-fullscreen-mode .btn-group {
    float: none
}

.md-editor.md-fullscreen-mode .btn {
    border: 0;
    background: 0 0;
    color: #b3b3b3
}

.md-editor.md-fullscreen-mode .btn.active, .md-editor.md-fullscreen-mode .btn:active, .md-editor.md-fullscreen-mode .btn:focus, .md-editor.md-fullscreen-mode .btn:hover {
    box-shadow: none;
    color: #333
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: right;
    z-index: 1002;
    display: block
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
    color: #b3b3b3;
    clear: right;
    margin: 10px;
    width: 30px;
    height: 30px;
    text-align: center
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
    color: #333;
    text-decoration: none
}

.md-editor.md-fullscreen-mode .md-editor {
    height: 100% !important;
    position: relative
}

.md-editor .md-fullscreen-controls {
    display: none
}

.md-nooverflow {
    overflow: hidden;
    position: fixed;
    width: 100%
}

.parsley-errors-list.filled {
    margin-top: 10px;
    margin-bottom: 0;
    padding: 15px 20px;
    position: relative;
    background-color: #ef6262;
    color: #fff
}

.parsley-errors-list.filled:after {
    position: absolute;
    top: -6px;
    left: 20px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    -moz-transform: scale(.9999);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ef6262
}

.parsley-errors-list.filled > li {
    list-style: none
}

table.dataTable {
    margin: 0 !important
}

div.dataTables_wrapper div.dataTables_info {
    color: #767676;
    padding-top: 9px
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 0
}

div.dataTables_wrapper div.dataTables_filter input {
    padding-top: 6px;
    padding-bottom: 6px
}

div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label {
    margin-bottom: 0;
    font-size: 13px;
    color: #767676
}

div.dataTables_wrapper div.dataTables_length label select {
    padding: 2px
}

.am-datatable-header {
    border-bottom: 1px solid #eaeaea;
    margin: 2px 0 0;
    padding: 15px 10px 22px
}

.am-datatable-header .dt-buttons .btn embed {
    outline: 0
}

.am-datatable-footer {
    margin: 0;
    padding: 15px 3px 13px;
    background-color: #f7f7f7;
    border-top: 1px solid #eaeaea
}

.xs-p-50 {
    padding: 50px !important
}

.xs-pt-50 {
    padding-top: 50px !important
}

.xs-pl-50 {
    padding-left: 50px !important
}

.xs-pr-50 {
    padding-right: 50px !important
}

.xs-pb-50 {
    padding-bottom: 50px !important
}

.xs-m-50 {
    margin: 50px !important
}

.xs-mt-50 {
    margin-top: 50px !important
}

.xs-ml-50 {
    margin-left: 50px !important
}

.xs-mr-50 {
    margin-right: 50px !important
}

.xs-mb-50 {
    margin-bottom: 50px !important
}

.xs-p-40 {
    padding: 40px !important
}

.xs-pt-40 {
    padding-top: 40px !important
}

.xs-pl-40 {
    padding-left: 40px !important
}

.xs-pr-40 {
    padding-right: 40px !important
}

.xs-pb-40 {
    padding-bottom: 40px !important
}

.xs-m-40 {
    margin: 40px !important
}

.xs-mt-40 {
    margin-top: 40px !important
}

.xs-ml-40 {
    margin-left: 40px !important
}

.xs-mr-40 {
    margin-right: 40px !important
}

.xs-mb-40 {
    margin-bottom: 40px !important
}

.xs-p-30 {
    padding: 30px !important
}

.xs-pt-30 {
    padding-top: 30px !important
}

.xs-pl-30 {
    padding-left: 30px !important
}

.xs-pr-30 {
    padding-right: 30px !important
}

.xs-pb-30 {
    padding-bottom: 30px !important
}

.xs-m-30 {
    margin: 30px !important
}

.xs-mt-30 {
    margin-top: 30px !important
}

.xs-mt-25 {
    margin-top: 25px !important
}

.xs-ml-30 {
    margin-left: 30px !important
}

.xs-mr-30 {
    margin-right: 30px !important
}

.xs-mb-30 {
    margin-bottom: 30px !important
}

.xs-p-20 {
    padding: 20px !important
}

.xs-pt-20 {
    padding-top: 20px !important
}

.xs-pl-20 {
    padding-left: 20px !important
}

.xs-pr-20 {
    padding-right: 20px !important
}

.xs-pb-20 {
    padding-bottom: 20px !important
}

.xs-m-20 {
    margin: 20px !important
}

.xs-mt-20 {
    margin-top: 20px !important
}

.xs-ml-20 {
    margin-left: 20px !important
}

.xs-mr-20 {
    margin-right: 20px !important
}

.xs-mb-20 {
    margin-bottom: 20px !important
}

.xs-p-15 {
    padding: 15px !important
}

.xs-pt-15 {
    padding-top: 15px !important
}

.xs-pl-15 {
    padding-left: 15px !important
}

.xs-pr-15 {
    padding-right: 15px !important
}

.xs-pb-15 {
    padding-bottom: 15px !important
}

.xs-m-15 {
    margin: 15px !important
}

.xs-mt-15 {
    margin-top: 15px !important
}

.xs-ml-15 {
    margin-left: 15px !important
}

.xs-mr-15 {
    margin-right: 15px !important
}

.xs-mb-15 {
    margin-bottom: 15px !important
}

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

.xs-pt-10 {
    padding-top: 10px !important
}

.xs-pl-10 {
    padding-left: 10px !important
}

.xs-pr-10 {
    padding-right: 10px !important
}

.xs-pb-10 {
    padding-bottom: 10px !important
}

.xs-m-10 {
    margin: 10px !important
}

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

.xs-ml-10 {
    margin-left: 10px !important
}

.xs-mr-10 {
    margin-right: 10px !important
}

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

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

.xs-pt-5 {
    padding-top: 5px !important
}

.xs-pl-5 {
    padding-left: 5px !important
}

.xs-pr-5 {
    padding-right: 5px !important
}

.xs-pb-5 {
    padding-bottom: 5px !important
}

.xs-m-5 {
    margin: 5px !important
}

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

.xs-ml-5 {
    margin-left: 5px !important
}

.xs-mr-5 {
    margin-right: 5px !important
}

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

.xs-p-0 {
    padding: 0 !important
}

.xs-pt-0 {
    padding-top: 0 !important
}

.xs-pl-0 {
    padding-left: 0 !important
}

.xs-pr-0 {
    padding-right: 0 !important
}

.xs-pb-0 {
    padding-bottom: 0 !important
}

.xs-m-0 {
    margin: 0 !important
}

.xs-mt-0 {
    margin-top: 0 !important
}

.xs-ml-0 {
    margin-left: 0 !important
}

.xs-mr-0 {
    margin-right: 0 !important
}

.xs-mb-0 {
    margin-bottom: 0 !important
}

@media (min-width: 768px) {
    .sm-p-50 {
        padding: 50px !important
    }

    .sm-pt-50 {
        padding-top: 50px !important
    }

    .sm-pl-50 {
        padding-left: 50px !important
    }

    .sm-pr-50 {
        padding-right: 50px !important
    }

    .sm-pb-50 {
        padding-bottom: 50px !important
    }

    .sm-m-50 {
        margin: 50px !important
    }

    .sm-mt-50 {
        margin-top: 50px !important
    }

    .sm-ml-50 {
        margin-left: 50px !important
    }

    .sm-mr-50 {
        margin-right: 50px !important
    }

    .sm-mb-50 {
        margin-bottom: 50px !important
    }

    .sm-p-40 {
        padding: 40px !important
    }

    .sm-pt-40 {
        padding-top: 40px !important
    }

    .sm-pl-40 {
        padding-left: 40px !important
    }

    .sm-pr-40 {
        padding-right: 40px !important
    }

    .sm-pb-40 {
        padding-bottom: 40px !important
    }

    .sm-m-40 {
        margin: 40px !important
    }

    .sm-mt-40 {
        margin-top: 40px !important
    }

    .sm-ml-40 {
        margin-left: 40px !important
    }

    .sm-mr-40 {
        margin-right: 40px !important
    }

    .sm-mb-40 {
        margin-bottom: 40px !important
    }

    .sm-p-30 {
        padding: 30px !important
    }

    .sm-pt-30 {
        padding-top: 30px !important
    }

    .sm-pl-30 {
        padding-left: 30px !important
    }

    .sm-pr-30 {
        padding-right: 30px !important
    }

    .sm-pb-30 {
        padding-bottom: 30px !important
    }

    .sm-m-30 {
        margin: 30px !important
    }

    .sm-mt-30 {
        margin-top: 30px !important
    }

    .sm-ml-30 {
        margin-left: 30px !important
    }

    .sm-mr-30 {
        margin-right: 30px !important
    }

    .sm-mb-30 {
        margin-bottom: 30px !important
    }

    .sm-p-20 {
        padding: 20px !important
    }

    .sm-pt-20 {
        padding-top: 20px !important
    }

    .sm-pl-20 {
        padding-left: 20px !important
    }

    .sm-pr-20 {
        padding-right: 20px !important
    }

    .sm-pb-20 {
        padding-bottom: 20px !important
    }

    .sm-m-20 {
        margin: 20px !important
    }

    .sm-mt-20 {
        margin-top: 20px !important
    }

    .sm-ml-20 {
        margin-left: 20px !important
    }

    .sm-mr-20 {
        margin-right: 20px !important
    }

    .sm-mb-20 {
        margin-bottom: 20px !important
    }

    .sm-p-15 {
        padding: 15px !important
    }

    .sm-pt-15 {
        padding-top: 15px !important
    }

    .sm-pl-15 {
        padding-left: 15px !important
    }

    .sm-pr-15 {
        padding-right: 15px !important
    }

    .sm-pb-15 {
        padding-bottom: 15px !important
    }

    .sm-m-15 {
        margin: 15px !important
    }

    .sm-mt-15 {
        margin-top: 15px !important
    }

    .sm-ml-15 {
        margin-left: 15px !important
    }

    .sm-mr-15 {
        margin-right: 15px !important
    }

    .sm-mb-15 {
        margin-bottom: 15px !important
    }

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

    .sm-pt-10 {
        padding-top: 10px !important
    }

    .sm-pl-10 {
        padding-left: 10px !important
    }

    .sm-pr-10 {
        padding-right: 10px !important
    }

    .sm-pb-10 {
        padding-bottom: 10px !important
    }

    .sm-m-10 {
        margin: 10px !important
    }

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

    .sm-ml-10 {
        margin-left: 10px !important
    }

    .sm-mr-10 {
        margin-right: 10px !important
    }

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

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

    .sm-pt-5 {
        padding-top: 5px !important
    }

    .sm-pl-5 {
        padding-left: 5px !important
    }

    .sm-pr-5 {
        padding-right: 5px !important
    }

    .sm-pb-5 {
        padding-bottom: 5px !important
    }

    .sm-m-5 {
        margin: 5px !important
    }

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

    .sm-ml-5 {
        margin-left: 5px !important
    }

    .sm-mr-5 {
        margin-right: 5px !important
    }

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

    .sm-p-0 {
        padding: 0 !important
    }

    .sm-pt-0 {
        padding-top: 0 !important
    }

    .sm-pl-0 {
        padding-left: 0 !important
    }

    .sm-pr-0 {
        padding-right: 0 !important
    }

    .sm-pb-0 {
        padding-bottom: 0 !important
    }

    .sm-m-0 {
        margin: 0 !important
    }

    .sm-mt-0 {
        margin-top: 0 !important
    }

    .sm-ml-0 {
        margin-left: 0 !important
    }

    .sm-mr-0 {
        margin-right: 0 !important
    }

    .sm-mb-0 {
        margin-bottom: 0 !important
    }
}

@media (min-width: 992px) {
    .md-p-50 {
        padding: 50px !important
    }

    .md-pt-50 {
        padding-top: 50px !important
    }

    .md-pl-50 {
        padding-left: 50px !important
    }

    .md-pr-50 {
        padding-right: 50px !important
    }

    .md-pb-50 {
        padding-bottom: 50px !important
    }

    .md-m-50 {
        margin: 50px !important
    }

    .md-mt-50 {
        margin-top: 50px !important
    }

    .md-ml-50 {
        margin-left: 50px !important
    }

    .md-mr-50 {
        margin-right: 50px !important
    }

    .md-mb-50 {
        margin-bottom: 50px !important
    }

    .md-p-40 {
        padding: 40px !important
    }

    .md-pt-40 {
        padding-top: 40px !important
    }

    .md-pl-40 {
        padding-left: 40px !important
    }

    .md-pr-40 {
        padding-right: 40px !important
    }

    .md-pb-40 {
        padding-bottom: 40px !important
    }

    .md-m-40 {
        margin: 40px !important
    }

    .md-mt-40 {
        margin-top: 40px !important
    }

    .md-ml-40 {
        margin-left: 40px !important
    }

    .md-mr-40 {
        margin-right: 40px !important
    }

    .md-mb-40 {
        margin-bottom: 40px !important
    }

    .md-p-30 {
        padding: 30px !important
    }

    .md-pt-30 {
        padding-top: 30px !important
    }

    .md-pl-30 {
        padding-left: 30px !important
    }

    .md-pr-30 {
        padding-right: 30px !important
    }

    .md-pb-30 {
        padding-bottom: 30px !important
    }

    .md-m-30 {
        margin: 30px !important
    }

    .md-mt-30 {
        margin-top: 30px !important
    }

    .md-ml-30 {
        margin-left: 30px !important
    }

    .md-mr-30 {
        margin-right: 30px !important
    }

    .md-mb-30 {
        margin-bottom: 30px !important
    }

    .md-p-20 {
        padding: 20px !important
    }

    .md-pt-20 {
        padding-top: 20px !important
    }

    .md-pl-20 {
        padding-left: 20px !important
    }

    .md-pr-20 {
        padding-right: 20px !important
    }

    .md-pb-20 {
        padding-bottom: 20px !important
    }

    .md-m-20 {
        margin: 20px !important
    }

    .md-mt-20 {
        margin-top: 20px !important
    }

    .md-ml-20 {
        margin-left: 20px !important
    }

    .md-mr-20 {
        margin-right: 20px !important
    }

    .md-mb-20 {
        margin-bottom: 20px !important
    }

    .md-p-15 {
        padding: 15px !important
    }

    .md-pt-15 {
        padding-top: 15px !important
    }

    .md-pl-15 {
        padding-left: 15px !important
    }

    .md-pr-15 {
        padding-right: 15px !important
    }

    .md-pb-15 {
        padding-bottom: 15px !important
    }

    .md-m-15 {
        margin: 15px !important
    }

    .md-mt-15 {
        margin-top: 15px !important
    }

    .md-ml-15 {
        margin-left: 15px !important
    }

    .md-mr-15 {
        margin-right: 15px !important
    }

    .md-mb-15 {
        margin-bottom: 15px !important
    }

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

    .md-pt-10 {
        padding-top: 10px !important
    }

    .md-pl-10 {
        padding-left: 10px !important
    }

    .md-pr-10 {
        padding-right: 10px !important
    }

    .md-pb-10 {
        padding-bottom: 10px !important
    }

    .md-m-10 {
        margin: 10px !important
    }

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

    .md-ml-10 {
        margin-left: 10px !important
    }

    .md-mr-10 {
        margin-right: 10px !important
    }

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

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

    .md-pt-5 {
        padding-top: 5px !important
    }

    .md-pl-5 {
        padding-left: 5px !important
    }

    .md-pr-5 {
        padding-right: 5px !important
    }

    .md-pb-5 {
        padding-bottom: 5px !important
    }

    .md-m-5 {
        margin: 5px !important
    }

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

    .md-ml-5 {
        margin-left: 5px !important
    }

    .md-mr-5 {
        margin-right: 5px !important
    }

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

    .md-p-0 {
        padding: 0 !important
    }

    .md-pt-0 {
        padding-top: 0 !important
    }

    .md-pl-0 {
        padding-left: 0 !important
    }

    .md-pr-0 {
        padding-right: 0 !important
    }

    .md-pb-0 {
        padding-bottom: 0 !important
    }

    .md-m-0 {
        margin: 0 !important
    }

    .md-mt-0 {
        margin-top: 0 !important
    }

    .md-ml-0 {
        margin-left: 0 !important
    }

    .md-mr-0 {
        margin-right: 0 !important
    }

    .md-mb-0 {
        margin-bottom: 0 !important
    }
}

@media (min-width: 1200px) {
    .lg-p-200 {
        padding: 200px !important
    }

    .lg-pt-200 {
        padding-top: 200px !important
    }

    .lg-pl-200 {
        padding-left: 200px !important
    }

    .lg-pr-200 {
        padding-right: 200px !important
    }

    .lg-pb-200 {
        padding-bottom: 200px !important
    }

    .lg-m-200 {
        margin: 200px !important
    }

    .lg-mt-200 {
        margin-top: 200px !important
    }

    .lg-ml-200 {
        margin-left: 200px !important
    }

    .lg-mr-200 {
        margin-right: 200px !important
    }

    .lg-mb-200 {
        margin-bottom: 200px !important
    }

    .lg-p-150 {
        padding: 150px !important
    }

    .lg-pt-150 {
        padding-top: 150px !important
    }

    .lg-pl-150 {
        padding-left: 150px !important
    }

    .lg-pr-150 {
        padding-right: 150px !important
    }

    .lg-pb-150 {
        padding-bottom: 150px !important
    }

    .lg-m-150 {
        margin: 150px !important
    }

    .lg-mt-150 {
        margin-top: 150px !important
    }

    .lg-ml-150 {
        margin-left: 150px !important
    }

    .lg-mr-150 {
        margin-right: 150px !important
    }

    .lg-mb-150 {
        margin-bottom: 150px !important
    }

    .lg-p-100 {
        padding: 100px !important
    }

    .lg-pt-100 {
        padding-top: 100px !important
    }

    .lg-pl-100 {
        padding-left: 100px !important
    }

    .lg-pr-100 {
        padding-right: 100px !important
    }

    .lg-pb-100 {
        padding-bottom: 100px !important
    }

    .lg-m-100 {
        margin: 100px !important
    }

    .lg-mt-100 {
        margin-top: 100px !important
    }

    .lg-ml-100 {
        margin-left: 100px !important
    }

    .lg-mr-100 {
        margin-right: 100px !important
    }

    .lg-mb-100 {
        margin-bottom: 100px !important
    }

    .lg-p-50 {
        padding: 50px !important
    }

    .lg-pt-50 {
        padding-top: 50px !important
    }

    .lg-pl-50 {
        padding-left: 50px !important
    }

    .lg-pr-50 {
        padding-right: 50px !important
    }

    .lg-pb-50 {
        padding-bottom: 50px !important
    }

    .lg-m-50 {
        margin: 50px !important
    }

    .lg-mt-50 {
        margin-top: 50px !important
    }

    .lg-ml-50 {
        margin-left: 50px !important
    }

    .lg-mr-50 {
        margin-right: 50px !important
    }

    .lg-mb-50 {
        margin-bottom: 50px !important
    }

    .lg-p-40 {
        padding: 40px !important
    }

    .lg-pt-40 {
        padding-top: 40px !important
    }

    .lg-pl-40 {
        padding-left: 40px !important
    }

    .lg-pr-40 {
        padding-right: 40px !important
    }

    .lg-pb-40 {
        padding-bottom: 40px !important
    }

    .lg-m-40 {
        margin: 40px !important
    }

    .lg-mt-40 {
        margin-top: 40px !important
    }

    .lg-ml-40 {
        margin-left: 40px !important
    }

    .lg-mr-40 {
        margin-right: 40px !important
    }

    .lg-mb-40 {
        margin-bottom: 40px !important
    }

    .lg-p-30 {
        padding: 30px !important
    }

    .lg-pt-30 {
        padding-top: 30px !important
    }

    .lg-pl-30 {
        padding-left: 30px !important
    }

    .lg-pr-30 {
        padding-right: 30px !important
    }

    .lg-pb-30 {
        padding-bottom: 30px !important
    }

    .lg-m-30 {
        margin: 30px !important
    }

    .lg-mt-30 {
        margin-top: 30px !important
    }

    .lg-ml-30 {
        margin-left: 30px !important
    }

    .lg-mr-30 {
        margin-right: 30px !important
    }

    .lg-mb-30 {
        margin-bottom: 30px !important
    }

    .lg-p-20 {
        padding: 20px !important
    }

    .lg-pt-20 {
        padding-top: 20px !important
    }

    .lg-pl-20 {
        padding-left: 20px !important
    }

    .lg-pr-20 {
        padding-right: 20px !important
    }

    .lg-pb-20 {
        padding-bottom: 20px !important
    }

    .lg-m-20 {
        margin: 20px !important
    }

    .lg-mt-20 {
        margin-top: 20px !important
    }

    .lg-ml-20 {
        margin-left: 20px !important
    }

    .lg-mr-20 {
        margin-right: 20px !important
    }

    .lg-mb-20 {
        margin-bottom: 20px !important
    }

    .lg-p-15 {
        padding: 15px !important
    }

    .lg-pt-15 {
        padding-top: 15px !important
    }

    .lg-pl-15 {
        padding-left: 15px !important
    }

    .lg-pr-15 {
        padding-right: 15px !important
    }

    .lg-pb-15 {
        padding-bottom: 15px !important
    }

    .lg-m-15 {
        margin: 15px !important
    }

    .lg-mt-15 {
        margin-top: 15px !important
    }

    .lg-ml-15 {
        margin-left: 15px !important
    }

    .lg-mr-15 {
        margin-right: 15px !important
    }

    .lg-mb-15 {
        margin-bottom: 15px !important
    }

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

    .lg-pt-10 {
        padding-top: 10px !important
    }

    .lg-pl-10 {
        padding-left: 10px !important
    }

    .lg-pr-10 {
        padding-right: 10px !important
    }

    .lg-pb-10 {
        padding-bottom: 10px !important
    }

    .lg-m-10 {
        margin: 10px !important
    }

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

    .lg-ml-10 {
        margin-left: 10px !important
    }

    .lg-mr-10 {
        margin-right: 10px !important
    }

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

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

    .lg-pt-5 {
        padding-top: 5px !important
    }

    .lg-pl-5 {
        padding-left: 5px !important
    }

    .lg-pr-5 {
        padding-right: 5px !important
    }

    .lg-pb-5 {
        padding-bottom: 5px !important
    }

    .lg-m-5 {
        margin: 5px !important
    }

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

    .lg-ml-5 {
        margin-left: 5px !important
    }

    .lg-mr-5 {
        margin-right: 5px !important
    }

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

    .lg-p-0 {
        padding: 0 !important
    }

    .lg-pt-0 {
        padding-top: 0 !important
    }

    .lg-pl-0 {
        padding-left: 0 !important
    }

    .lg-pr-0 {
        padding-right: 0 !important
    }

    .lg-pb-0 {
        padding-bottom: 0 !important
    }

    .lg-m-0 {
        margin: 0 !important
    }

    .lg-mt-0 {
        margin-top: 0 !important
    }

    .lg-ml-0 {
        margin-left: 0 !important
    }

    .lg-mr-0 {
        margin-right: 0 !important
    }

    .lg-mb-0 {
        margin-bottom: 0 !important
    }
}

/*added css*/
.breadcrumb-menu {
    background-color: #F4931D;
    padding-left: 120px;
    height: 80px;
    /*margin-top: 80px;*/
    position: fixed;
    width: 100%;
    z-index: 1090;
}

.breadcrumb-menu .breadcrumb {
    padding: 0px 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    line-height: 78px;
}

.breadcrumb-menu .breadcrumb > li {
    display: inline-block;
}

.breadcrumb-menu .breadcrumb > li > a {
    color: #fff;
    font-size: 18px;
}

.breadcrumb-menu .breadcrumb > li + li:before {
    padding: 0 15px;
    color: #ffffff;
    font-family: FontAwesome;
    content: "\f105";
}

.breadcrumb-menu .breadcrumb > li:last-child {
    font-weight: bold;
    color: #fff;
}

.breadcrumb-menu select,
.breadcrumb-menu .input-group .form-control,
.breadcrumb-menu.input-group-btn .btn {
    background: transparent;
    border: none;
    border-bottom: 1px #fff solid;
    border-radius: 0;
}

.breadcrumb-menu select option {
    color: #000;
}

.breadcrumb-menu select.form-control {
    color: #fff;
    background: url(../images/br_down1.png) no-repeat right 19px rgba(255, 255, 255, 0) !important;
}

.breadcrumb-search select,
.breadcrumb-search .input-group .form-control,
.breadcrumb-search.input-group-btn .btn {
    background: transparent;
    border: none;
    border: 1px #da7a03 solid;
    color: #da7a03;
    height: 38px;
    padding: 8px 12px 5px 12px;
}

.breadcrumb-search .input-group-btn .btn {
    color: #fff;
    background: #da7a03;
    border-color: #da7a03;
    height: 38px;
    border-radius: 0 3px 3px 0;
}

.breadcrumb-search select option {
    color: #555;

}

.company-counter {
    margin-top: 25px;
}

.company-counter .text-right {
    padding-right: 0;
}

.company-counter h1,
.company-counter h5 {
    margin: 0;
    color: #fff;
    font-weight: 300;
}

.company-counter h5 {
    line-height: 18px;
}

.AddCompanyModel a.cross {
    position: absolute;
    top: -25px;
    right: -20px;
    font-size: 24px;
    color: #fff;
}

.AddCompanyModel .modal-header {
    background: url("../images/ModelBackground.jpg") no-repeat center;
    background-size: 100% auto;
    height: 180px;
    overflow: hidden;
}

.AddCompanyModel .modal-header .modal-title {
    padding-top: 60px;
}

.AddCompanyModel .modal-body {
    padding: 80px 30px 60px;
}

.modal {
    overflow: auto;
}

.modal-open .modal {
    overflow: auto;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        /* position: absolute;
         top: 50%;
         left: 50%;
         transform: translate3d(-50%, -50%, 0) !important;*/
    }

    .vertical {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0) !important;
        -moz-transform: translate3d(-50%, -50%, 0) !important;
        -ms-transform: translate3d(-50%, -50%, 0) !important;
        -o-transform: translate3d(-50%, -50%, 0) !important;
        transform: translate3d(-50%, -50%, 0) !important;
    }
}

/*animated btn*/
.grow,
.nongrow {
    border: 1px #7a7a7a solid;
    border-radius: 20px;
    line-height: 30px;
    height: 40px;
    width: 40px;
    float: right;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    margin-left: 15px;
    /*background: #f0ad4e;*/

    -webkit-transition: width 50ms; /* For Safari 3.1 to 6.0 */
    transition: width 50ms;
}

.breadcrumb-menu .grow {
    background: #f0ad4e;
    border: 1px #fff solid;
}

.grow a {
    color: #7a7a7a;
    padding: 5px 12px;
    display: block;
    /*-webkit-transition:width 0.3s ease; !* Safari *!*/
    /*transition: width 0.3s ease;*/
}

.grow:hover {
    width: 220px;
    display: block;
    padding: 0px 8px;
    height: 40px;
    border-radius: 20px;
    color: #fff;
}

.grow:hover a,
.breadcrumb-menu .grow a {
    color: #fff;
}

.grow:hover .fa {
    margin-right: 10px;
    font: normal normal normal 18px/1 FontAwesome;
}

.grow.modify:hover {
    background: #5cb85c;
    border: 1px #4cae4c solid;
}

.grow.import:hover {
    background: #5bc0de;
    border: 1px #46b8da solid;
}

.grow.delete:hover {
    background: #d9534f;
    border: 1px #d43f3a solid;
}

.grow.modify:hover,
.grow.delete:hover {
    width: 180px;
}

.searchgrow {
    padding: 5px 8px;
    border: 1px #fff solid;
    border-radius: 20px;
    line-height: 30px;
    height: 40px;
    width: 40px;
    float: right;
    color: #fff;
    text-transform: uppercase;
    background: #f0ad4e;
    text-align: center;
    overflow: hidden;
}

.grow-group{
    margin-top: 20px;
}

.searchgrow:hover, .searchgrow.active {
    width: 290px;
    padding: 0px 8px 0px 15px;
    height: 40px;
    border-radius: 20px;
}

.searchgrow:hover > .fa, .searchgrow.active > .fa {
    display: none;
}

.searchgrow input[type=text] {
    background: transparent;
    cursor: pointer;
    border: none;
    /*border-bottom: 1px solid #fff;*/
    height: 30px;
    border-radius: 0;
    color: #fff;
    padding: 7px 12px 5px;
    height: 39px;
}

.searchgrow button[type=submit] {
    background: transparent;
    border: none;
    color: #fff;
    margin-top: 3px;
}

.searchgrow input[type=text]::-webkit-input-placeholder {
    color: #fff;
}

.searchgrow input[type=text]:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

.searchgrow input[type=text]::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}

.searchgrow input[type=text]:-ms-input-placeholder {
    color: #fff;
}

/*btn-design here*/

.btn-80 {
    width: 80% !important;
}

.btn .fa {
    margin-right: 5px;
}

.btn-radius-100 {
    border-radius: 60px;
    width: 100%;
    height: 45px;
}

.btn-gwb-import {
    color: #000;
    background-color: #fcfcfc;
    border-color: #e1e1e1;
    /*height: 45px;*/
    width: 100%;
    border-radius: 4px;
text-align: left;
    padding: 12px;
}

.btn-gwb-create {
    color: #fff;
    background-color: #f38804;
    border-color: #e58004
}

.btn-gwb-radius {
    border-radius: 60px;
    padding: 5px 30px;
    /* display: block; */
    height: 45px;
    margin: 0 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
}

.buzz-btn {
    border-radius: 17px;
    padding: 5px 14px;
    /* display: block; */
    height: 34px;
    margin: 10px 2px;
    font-size: 13px;
    font-weight: bold;
    line-height: 23px;
}

.btn-gwb-red {
    color: #fff;
    background: #d9534f;
    border: 1px #d43f3a solid;
}

.btn-gwb-green {
    color: #fff;
    background: #5cb85c;
    border: 1px #4cae4c solid;
}

.btn-gwb-login {
    color: #fff;
    background-color: #f38804;
    border-color: #e58004
}

.btn-gwb-login:hover {
    color: #fff;
    background-color: #da7a03;
    border-color: #e58004;
}

/*DataTable_Pagination*/

/*#Company listing*/
.company-listing img,
.user-listing img {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    border: 1px solid #f4931d;
    padding: 2px;
}

.company-listing h4 {
    display: block;
    margin-bottom: 10px;
}

.company-listing .list-inline {
    font-size: 12px;
}

.company-listing .list-inline .fa {
    margin-right: 5px;
}

.company-listing span .fa {
    font-size: 18px;
    color: #f4931d;
    margin-right: 10px;
}

.bulk-actions {
    background: #fff;
    position: fixed;
    bottom: 0px;
    box-shadow: 0 -1px 0 rgba(76, 86, 103, .2), 0 -2px 35px rgba(31, 37, 50, .14);
    z-index: 1030;
    left: 0;
    width: 100%;
    display: none;
    /*margin-left: 120px;*/
    /*height: 24px;*/
    padding: 23px 0 23px 120px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;

    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px)
}

.bulk-actions .inner {
    width: 1170px;
    width: 100%
}

.bulk-actions .grow {
    margin: 0 auto;
    float: none;
}

.bulk-actions.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.bulk-actions .am-checkbox,
.bulk-actions .am-radio {
    padding: 0
}

.paginate_button {
    /*width: 45px !important;
    height: 45px !important;*/
    background: red;
    margin: 0 5px;
}

.AddProfile fieldset {
    margin-bottom: 30px;
}

.form-inline fieldset .form-group {
    margin: 0 10px;
}

/*====================added by sabin style===================*/
.margin-bottom {
    margin-bottom: 30px;
}

.input-group-btn .btn {
    height: 45px;
}

.chart-line {
    margin-bottom: 20px;
    width: 100%;
}

.positive, .negative {
    font-size: 15px;
    text-align: center;
    color: #fff;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.positive {
    background: #6bb03c;
}
.positive-info, 
.negative-info {
    background: none;
    float: left;
    font-size: 20px;
    margin: 0 5px;
    line-height: 30px;
}
.positive-info {
    color:#6bb03c;
}
.negative-info {
    color:#cc444c;
}

.negative {
    background: #cc444c;
}

.buzz-ul {
    padding: 0%;
    margin: 0 0 30px 0;
}

.graph-ul {
    padding: 30px 15px;

}

.graph-ul.buzz-ul li {
    margin-bottom: 10px;
}

.graph-ul.buzz-ul li p {
    width: calc(100% - 117px);
}

.graph-ul.buzz-ul li span {
    float: left;
}

.graph-ul .buzz-minus {
    font-size: 22px;
    color: #cc444c;
    float: right;
    padding: 0 5px;
    display: inline-block;
    vertical-align: middle;
}

.buzz-ul li {
    list-style-type: none;
    width: 100%;
    display: block;
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}

.buzz-ul li p {
    padding: 7px 10px;
    float: left;
    margin: 0;
    line-height: normal;
    /*width: calc(100% - 60px);*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 0 5px;
}

.buzz-ul li span {
    font-size: 13px;
    float: right;
    padding: 7px 15px;
    margin-left: 3px;
}

.grow.score:hover,
.grow.star:hover,
.grow.pollres:hover {
    background: #f0ad4e;
    border-color: #f0ad4e;
}

.admin-status {
    color: #fff;
    padding: 5px 10px;
    background: #5cb85c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.admin-status.suspended, .admin-status.inactive {
    background: #f00;
}

.email-template p .btn {
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 30px;
}

.email-template .back {
    font-size: 17px;
    color: #ffab47;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: block;
    border-bottom: 1px solid #ffab47;
}

.email-template ul {
    padding: 0;
}

.email-template ul li {
    padding: 7px 0;
    border-bottom: 1px solid #ccc;
    list-style: none
}
.email-template ul li .no-data{
    color: #6bb03c;
}
.email-template ul li .no-data.neg{
    color: #cc444c;
}

/*pagination design style*/
.dataTables_paginate {
    width: 100%;
    display: table;
    padding: 20px 0;
}

.dataTables_paginate .paginate_button {
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #F4931D;
    display: inline-block;
    cursor: pointer;
}

.dataTables_paginate .paginate_button.current {
    font-size: 17px;
    font-weight: bolder;
    border: 1px solid #da7a03;
    color: #da7a03;
    background: none;
    padding: 5px 20px;
}

/*company add and edit design*/

.company-detail h4 {
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}

.company-detail .detail {
    margin-bottom: 40px;
    border-bottom: 1px solid #cccccc;
}

/*canvas wrap*/
{
    position: relative
;

}
.emotics {
    padding: 0;
    margin: 0 0 30px 0;
    width: 100%;
    display: table;
    clear: both;
}

.emotics li {
    list-style: none;
    float: left;
    margin-right: 20px;
    text-align: center;
}

.emotics li .circle {
    list-style: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #c3c3c3;
    display: inline-block;
    margin-bottom: 10px;
}

.emotics li span {
    display: block;
}

.require {
    font-size: 21px;
    position: absolute;
    color: #f00;
    right: 6px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);

    z-index: 9;
}

.buzz-search .searchbox {
    width: 100%;
    margin-top: 20px;
}

.camping {
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.camping p {
    font-size: 16px;
    margin: 0;

}

.camping p span {
    /*font-size: 19px;*/
    color: #f4931d;
    font-weight: bold;
}

.camping-ul {
    border-bottom: 1px solid #ccc;
}

.camping-ul ul {
    padding: 0;
    margin: 0;
}

.camping-ul ul li {
    width: 49%;
    display: inline-block;
    list-style: none;
    margin-bottom: 15px;
}

.camping-ul ul li.full-width {
    width: 100%;
}

.camping-ul ul li span {
    /*font-size: 16px;*/
    margin-left: 10px;
    color: #f4931d;
    text-transform: capitalize;
    font-weight: bold;
}

/* page not found design */
.pagenot-found {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 100%;

}

.pagenot-found img {
    width: 110px;
    margin-bottom: 50px;

}

.pagenot-found p {
    font-size: 30px;
    color: #f4931d;
    margin-bottom: 30px;
}

.pagenot-found .click {
    font-size: 17px;
    color: #6b6b6b;
    margin-top: 30px;
}

.pagenot-found p.click a {
    font-size: 20px;
    color: #f28f00;
    text-transform: uppercase;
    border-bottom: 1px solid;
}

.pagenot-found h4 {
    display: flex;
    font-size: 21px;
    text-transform: uppercase;
    color: #262626;
    font-weight: bold;;
}

.pagenot-found h4:before,
.pagenot-found h4:after {
    flex-grow: 1;
    height: 2px;
    content: '\a0';
    background-color: #f4931d;
    position: relative;
    top: 0.5em;
    margin: 0 10px;

}

/*loading animation*/
html {
    height: 100%;
}

.loader-animation {
    background: rgba(0, 0, 0, 0.4);
    margin-top: -20px;
    height: 150%;
    position: absolute;
    width: 100%;
    z-index: 99;
}

.loader {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    perspective: 800px;
    z-index: 99999;

}

.loader.loader-lg {
    top: calc(50% - 60px);
    left: calc(50% - 60px);
    width: 120px;
    height: 120px;
}

.inner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.inner.one {
    left: 0%;
    top: 0%;
    animation: rotate-one 1s linear infinite;
    border-bottom: 8px solid #f38804;
}

.inner.two {
    right: 0%;
    top: 0%;
    animation: rotate-two 1s linear infinite;
    border-right: 8px solid #f38804;
}

.inner.three {
    right: 0%;
    bottom: 0%;
    animation: rotate-three 1s linear infinite;
    border-top: 8px solid #f38804;
}

@keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

/* loading style height */
.main-content-loading {
    height: calc(100vh - 185px);
}

select {
    /* you should keep these firsts rules in place to maintain cross-browser behaviour */
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-position: 98% center;
    background-repeat: no-repeat;
    outline: none;

}

select::-ms-expand {
    display: none;
}

/* inner user style */
.user-wrapper .am-top-header,
.user-wrapper .am-content{
    margin-left: 0;
}
.user-wrapper .navi-logo{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 5px auto;
    overflow: hidden;
    display: inline-block;
    
}
.user-wrapper .navi-logo a img{
    width: 100%;
    height: 100%;
    display: inline-block;
}
.user-score{
    border: 1px solid #dadada;
    border-radius: 4px;
    padding: 20px 30px;
    background: #fff;
    margin-bottom: 30px;
    width: 100%;
    display: block;
    clear: both;
    position: relative;
    overflow: hidden;
}
.user-score h5{
    font-size: 24px;
    color: #000;
    margin-bottom: 10px;
}
.express label{
    margin:0 20px;
}
.express label > input{ /* HIDE RADIO */
 /* visibility: hidden;*/ /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
    width:100%;
    height:100%;
    opacity:0;
    cursor: pointer;
}
.express label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
  width: 135px;

}
.express label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:6px solid #63FDD8;
  border-radius: 50%;
}
.user-score .express{
    margin-bottom: 25px;
    position: relative;
}

.express label{
    margin:0 20px;
    position: relative;
}
.relates{
    margin-bottom: 30px;
}
.relates label{
    position: relative;
}
.relates label span{
    font-size: 16px;
    font-weight: bold;
    color: #000;
    position: absolute;
    bottom: 17px;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);

}
.relates label > input{ /* HIDE RADIO */
    /* visibility: hidden;*/ /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
    width:100%;
    height:100%;
    opacity:0;
    cursor: pointer;
}
.relates label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
  width: 160px;

}
.relates label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
    border: 0;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.61);
}

.like-unlike h5{
    border-bottom: 1px solid #f38804;
    padding-bottom: 20px; 
}

.relates.like-unlike label > input + img{
    width: 100px;
    height: 100px;
    line-height: 100px;
    border: 2px solid #f38804;
    border-radius: 50%;
    margin: 0 20px;
}

.relates.like-unlike label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  background: #f38804;
  border: 2px solid #f38804;
}
.like-unlike .rate-circle{
    font-size: 41px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    line-height: 130px;
    border: 1px solid #f38804;
    display: inline-block;
}
.like-unlike h4{
    font-weight: 700;
    color: #000;
    display: inline-block;
    vertical-align: middle;
}
.like-unlike h4 span{
    display: block;
}
.relates h3{
    font-size: 24px;
    color: #000;
    font-weight: bold;
}
.relates h3 .fa{
    font-size: 31px;
    color: #00a651;
    margin-right: 20px;
}
.relates .pick li{
    font-size: 18px;
    color: #000;
    font-weight: bold;
    list-style: none;
    text-align: left;
    padding: 10px 0;
    border-bottom: 1px solid #939598;

}
.relates .pick li:last-child{
    border-bottom: 0;
}
.relates .pick li span{
    color: #00a651;
}
.relates.related label{
    min-width: 128px;
    height: 114px;
    background:#ccc;
     border-radius: 4px;
    margin: 0 5px 15px 5px;
}
.relates.related label > input + .title{
    height: 100%;
    line-height: 114px;
    padding: 0 5px;
    cursor: pointer;
}
.relates.related label > input + .title p{
    font-size: 15px;
    color: #000;
    line-height: normal;
    vertical-align: middle;
    display: inline-block;
}
.relates.related label > input:checked + .title {
    
    border: 0;
    background: #f38804;
     border-radius: 4px;
}
.relates.related label > input:checked + .title p{
    color: #fff; 
}
.top-oval{
    height: 383px;
    width: 760px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: green;
    position: absolute;
    top: -197px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 5px solid #ff9a00;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7b769+0,f49724+50,f38907+100 */
background: rgb(247,183,105); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(247,183,105,1) 0%, rgba(244,151,36,1) 50%, rgba(243,137,7,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(247,183,105,1) 0%,rgba(244,151,36,1) 50%,rgba(243,137,7,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(247,183,105,1) 0%,rgba(244,151,36,1) 50%,rgba(243,137,7,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b769', endColorstr='#f38907',GradientType=1 ); /* IE6-9 */

}
.top-oval .circle{
    color: #fff;
    position: absolute;
    bottom: 50px;
    height: 121px;
    width: 121px;
    line-height: 121px;
    border-radius: 50%;
    left: 50%;
    border:2px solid #fff;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.top-oval .circle p{
     font-size: 40px;
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}
.top-oval .circle p span{
    font-size: 19px;
    display: block;
    padding: 2px 0;
}
.top-oval p.bottom-score{
    font-size: 28px;
    color: #ffffff;
    position: absolute;
    bottom: 1px;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);

}
.scor-table{
    font-size: 20px;
    padding: 200px 0 0px 0;
    width: 70%;
    margin:0 auto;
}
.scor-table .detail{
    padding: 20px 0;
}
.scor-table .detail .circle{
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 50%;
    border: 2px solid #ff9a00;
    float: right;
    margin: 0 20px;
}
.scor-table .detail:nth-child(even) .circle{
    float: left;
}

.scor-table .detail .circle .fa{
    font-size: 30px;
    color: #ff9a00;
}
.scor-table .detail p{
    font-size: 27px;
    color: #000;
    line-height: normal;
    font-weight: bold;
    text-align: right;
    padding: 10px;
    margin: 0;
    vertical-align: middle;
}
.scor-table .detail:nth-child(even) p{
    text-align: left;
}
.scor-table .detail p span{
    font-size: 19px;
    color: #404040;
    font-weight: normal;
    display: block;
}
.border-lb{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.border-b{
    border-bottom: 1px solid #ccc;
}
.border-r{
    border-right: 1px solid #ccc;
}
.scor-table .bottom-content{
    padding: 50px 0 0 0;
    margin-top: 50px;
    border-top: 1px solid #ccc;
}
.scor-table .bottom-content p{
    font-size: 16px;
    color: #000;
}
/* star rating style */
.star{
    
}
.rating { 
  border: none;
  display: inline-block;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 3em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}



.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/
  .rating > input:checked ~ label, /* show gold star when clicked */
 .rating:not(:checked) > label:hover, /* hover current star */
  .rating:not(:checked) > label:hover ~ label { color: #f38804;  } /* hover previous stars in list */
  
  .rating > input:checked + label:hover, /* hover current star when changing rating */
  .rating > input:checked ~ label:hover,
  .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
 .rating > input:checked ~ label:hover ~ label { color: #f38804;  } 


 /* responsive deisng style starts */



.dataTables_filter {
        display: none;
    }
    
    .star-ratings-css {
        unicode-bidi: bidi-override;
        color: #DA7A03;
        font-size: 25px;
        height: 25px;
        width: 100px;
        margin: 0 auto;
        position: relative;
        padding: 0;
        text-shadow: 0px 1px 0 #a2a2a2;
    }
    .star-ratings-css-top {
        color: #e7711b;
        padding: 0;
        position: absolute;
        z-index: 1;
        display: block;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .star-ratings-css-bottom {
        padding: 0;
        display: block;
        z-index: 0;
    }
    .star-ratings-sprite {
        background: url("../images/star-rating-sprite.png") repeat-x;
        font-size: 0;
        height: 21px;
        line-height: 0;
        overflow: hidden;
        text-indent: -999em;
        width: 110px;
        margin: 0 auto;
    }
    .star-ratings-sprite-rating {
        background: url("../images/star-rating-sprite.png") repeat-x;
        background-position: 0 100%;
        float: left;
        height: 21px;
        display: block;
    }

@media (max-width: 768px){
    .AddCompanyModel a.cross{
            top: -15px;
    right: -8px;
    }

    .navbar-right{
        float: right !important;
    }
    .user-wrapper .navi-logo{
        margin-left: 10px;
    }
    .am-content.score-wrap{
        padding-top: 30px;
    }
    .relates{
        width: 100%;
        display: table;
    }
    .user-score h5{
        font-size: 18px;
    }
    .relates h3{
        font-size: 20px;
    }
    .relates label{
        width: 50%;
        float: left;
        min-height: 200px;
    }
    .relates.related label > input + .title{
        line-height: 200px;
    }
    .express label{
        width: 25%;
        float: left;
        margin: 0;
        margin-bottom: 10px;
    }
    .star .rating{
        
    }
    .relates .star .rating label{
        width: auto;
        min-height: 1px;
        line-height: normal;
        float: right;
    }
    .scor-table{
        width: 100%;
    }
    .scor-table .detail .circle,
    .scor-table .detail:nth-child(even) .circle{
        float: none;
        display: inline-block;
    }
    .scor-table .detail p,
    .scor-table .detail:nth-child(even) p{
        text-align: center;
    }
    .relates.related label{
        margin: 10px;
        width: 45%;
        display: inline-block;
        float: none;
    }
}

@media (max-width: 480px){
    .am-top-header .navbar-collapse > .navbar-nav{
        float: left;
    }
    .am-top-header .navbar-collapse > .navbar-nav > li > a{
        font-size: 11px;
    }
    .login-container{
        width: 100%;
        padding: 0 20px;
    }
    .user-score{
        padding: 20px 10px;
    }
    .am-top-header .navbar-collapse .am-user-nav > li.dropdown > a{
        padding:0 4px;
    }
    .relates label{
        width: 100%;
    }
    .scor-table .col-xs-6{
        width: 100%;
    }
    .border-lb, .border-r{
        border-right: 0;
    }
    .border-r{
        border-bottom: 1px solid #ccc;
    }
    .relates.related label{
        width: 100%;
        margin: 0 0 10px 0;
    }
    

}