@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700');
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select {
    margin: 0;
    padding: 0;
    border: 0;
    outline:0;
    font-smooth: always;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
        font-family: 'Raleway', sans-serif;
}
a,
a:hover,
a:focus {
    outline: none;
    text-decoration: none;
}
a,
button,
img a,
input {
    transition: all ease-in .3s
}
*,
:focus {
    outline: 0
}

*,
li,
ol,
ul {
    margin: 0;
    padding: 0
}

/* body */
body{
    padding: 0px;
    margin: 0px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    font-size: 14px;
    font-style: normal;
    font-family: 'sf_ui_displayregular';
    background: #ffffff;
}

/* text-css */
.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.text-justify {
    text-align: justify !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-decoration-none {
    text-decoration: none !important;
}
.text-decoration-underline {
    text-decoration: underline !important;
}

/* margin top */
.no-margin-t {
    margin-top: 0px !important;
}
.margin-top1 {
    margin-top: 1px !important;
}
.margin-top2 {
    margin-top: 2px !important;
}
.margin-top3 {
    margin-top: 3px !important;
}
.margin-top4 {
    margin-top: 4px !important;
}
.margin-top5 {
    margin-top: 5px !important;
}
.margin-top10 {
    margin-top: 10px !important;
}
.margin-top15 {
    margin-top: 15px !important;
}
.margin-top20 {
    margin-top: 20px !important;
}
.margin-top25 {
    margin-top: 25px !important;
}
.margin-top30 {
    margin-top: 30px !important;
}
.margin-top35 {
    margin-top: 35px !important;
}
.margin-top40 {
    margin-top: 40px !important;
}
.margin-top45 {
    margin-top: 45px !important;
}
.margin-top50 {
    margin-top: 50px !important;
}

/* margin bottom */
.no-margin-b {
    margin-bottom: 0px !important;
}
.margin-bottom1 {
    margin-bottom: 1px !important;
}
.margin-bottom2 {
    margin-bottom: 2px !important;
}
.margin-bottom3 {
    margin-bottom: 3px !important;
}
.margin-bottom4 {
    margin-bottom: 4px !important;
}
.margin-bottom5 {
    margin-bottom: 5px !important;
}
.margin-bottom10 {
    margin-bottom: 10px !important;
}
.margin-bottom15 {
    margin-bottom: 15px !important;
}
.margin-bottom20 {
    margin-bottom: 20px !important;
}
.margin-bottom25 {
    margin-bottom: 25px !important;
}
.margin-bottom30 {
    margin-bottom: 30px !important;
}
.margin-bottom35 {
    margin-bottom: 35px !important;
}
.margin-bottom40 {
    margin-bottom: 40px !important;
}
.margin-bottom45 {
    margin-bottom: 45px !important;
}
.margin-bottom50 {
    margin-bottom: 50px !important;
}

/* margin left */
.no-margin-l {
    margin-left: 0px !important;
}
.margin-left1 {
    margin-left: 1px !important;
}
.margin-left2 {
    margin-left: 2px !important;
}
.margin-left3 {
    margin-left: 3px !important;
}
.margin-left4 {
    margin-left: 4px !important;
}
.margin-left5 {
    margin-left: 5px !important;
}
.margin-left10 {
    margin-left: 10px !important;
}
.margin-left15 {
    margin-left: 15px !important;
}
.margin-left20 {
    margin-left: 20px !important;
}
.margin-left25 {
    margin-left: 25px !important;
}
.margin-left30 {
    margin-left: 30px !important;
}
.margin-left35 {
    margin-left: 35px !important;
}
.margin-left40 {
    margin-left: 40px !important;
}
.margin-left45 {
    margin-left: 45px !important;
}
.margin-left50 {
    margin-left: 50px !important;
}

/* margin right */
.no-margin-r {
    margin-right: 0px !important;
}
.margin-right1 {
    margin-right: 1px !important;
}
.margin-right2 {
    margin-right: 2px !important;
}
.margin-right3 {
    margin-right: 3px !important;
}
.margin-right4 {
    margin-right: 4px !important;
}
.margin-right5 {
    margin-right: 5px !important;
}
.margin-right10 {
    margin-right: 10px !important;
}
.margin-right15 {
    margin-right: 15px !important;
}
.margin-right20 {
    margin-right: 20px !important;
}
.margin-right25 {
    margin-right: 25px !important;
}
.margin-right30 {
    margin-right: 30px !important;
}
.margin-right35 {
    margin-right: 35px !important;
}
.margin-right40 {
    margin-right: 40px !important;
}
.margin-right45 {
    margin-right: 45px !important;
}
.margin-right50 {
    margin-right: 50px !important;
}

/* padding top */
.no-padding-t {
    padding-top: 0px !important;
}
.padding-top1 {
    padding-top: 1px !important;
}
.padding-top2 {
    padding-top: 2px !important;
}
.padding-top3 {
    padding-top: 3px !important;
}
.padding-top4 {
    padding-top: 4px !important;
}
.padding-top5 {
    padding-top: 5px !important;
}
.padding-top10 {
    padding-top: 10px !important;
}
.padding-top15 {
    padding-top: 15px !important;
}
.padding-top20 {
    padding-top: 20px !important;
}
.padding-top25 {
    padding-top: 25px !important;
}
.padding-top30 {
    padding-top: 30px !important;
}
.padding-top35 {
    padding-top: 35px !important;
}
.padding-top40 {
    padding-top: 40px !important;
}
.padding-top45 {
    padding-top: 45px !important;
}
.padding-top50 {
    padding-top: 50px !important;
}
/* padding bottom */
.no-padding-b {
    padding-bottom: 0px !important;
}
.padding-bottom1 {
    padding-bottom: 1px !important;
}
.padding-bottom2 {
    padding-bottom: 2px !important;
}
.padding-bottom3 {
    padding-bottom: 3px !important;
}
.padding-bottom4 {
    padding-bottom: 4px !important;
}
.padding-bottom5 {
    padding-bottom: 5px !important;
}
.padding-bottom10 {
    padding-bottom: 10px !important;
}
.padding-bottom15 {
    padding-bottom: 15px !important;
}
.padding-bottom20 {
    padding-bottom: 20px !important;
}
.padding-bottom25 {
    padding-bottom: 25px !important;
}
.padding-bottom30 {
    padding-bottom: 30px !important;
}
.padding-bottom35 {
    padding-bottom: 35px !important;
}
.padding-bottom40 {
    padding-bottom: 40px !important;
}
.padding-bottom45 {
    padding-bottom: 45px !important;
}
.padding-bottom50 {
    padding-bottom: 50px !important;
}

/* padding left */
.no-padding-l {
    padding-left: 0px !important;
}
.padding-left1 {
    padding-left: 1px !important;
}
.padding-left2 {
    padding-left: 2px !important;
}
.padding-left3 {
    padding-left: 3px !important;
}
.padding-left4 {
    padding-left: 4px !important;
}
.padding-left5 {
    padding-left: 5px !important;
}
.padding-left10 {
    padding-left: 10px !important;
}
.padding-left15 {
    padding-left: 15px !important;
}
.padding-left20 {
    padding-left: 20px !important;
}
.padding-left25 {
    padding-left: 25px !important;
}
.padding-left30 {
    padding-left: 30px !important;
}
.padding-left35 {
    padding-left: 35px !important;
}
.padding-left40 {
    padding-left: 40px !important;
}
.padding-left45 {
    padding-left: 45px !important;
}
.padding-left50 {
    padding-left: 50px !important;
}

/* padding right */
.no-padding-r {
    padding-right: 0px !important;
}
.padding-right1 {
    padding-right: 1px !important;
}
.padding-right2 {
    padding-right: 2px !important;
}
.padding-right3 {
    padding-right: 3px !important;
}
.padding-right4 {
    padding-right: 4px !important;
}
.padding-right5 {
    padding-right: 5px !important;
}
.padding-right10 {
    padding-right: 10px !important;
}
.padding-right15 {
    padding-right: 15px !important;
}
.padding-right20 {
    padding-right: 20px !important;
}
.padding-right25 {
    padding-right: 25px !important;
}
.padding-right30 {
    padding-right: 30px !important;
}
.padding-right35 {
    padding-right: 35px !important;
}
.padding-right40 {
    padding-right: 40px !important;
}
.padding-right45 {
    padding-right: 45px !important;
}
.padding-right50 {
    padding-right: 50px !important;
}

/* padding */
.padding-10 {
    padding: 10px !important;
}
.padding-15 {
    padding: 15px !important;
}
.padding-20 {
    padding: 20px !important;
}
.padding-25 {
    padding: 25px !important;
}
.padding-30 {
    padding: 30px !important;
}

/* padding left-right */
.padding-l-r-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.padding-l-r-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.padding-l-r-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.padding-l-r-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.padding-l-r-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
/* padding top bottom */
.padding-t-b-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.padding-t-b-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.padding-t-b-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.padding-t-b-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
.padding-t-b-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
/* div comman css */
.rows{
    float: left;
    width: 100%;
}
.block{
    display: block;
}
.block-overflow{
    display: block;
    float: right;
}
.block-inline{
    display: inline-block;
}
.relative{
    position: relative;
}

/* font size */
.font-10 {
    font-size: 10px !important
}
.font-11 {
    font-size: 11px !important
}
.font-12 {
    font-size: 12px !important
}
.font-13 {
    font-size: 13px !important
}
.font-14 {
    font-size: 14px !important
}
.font-15 {
    font-size: 15px !important
}
.font-16 {
    font-size: 16px !important
}
.font-17 {
    font-size: 17px !important
}
.font-18 {
    font-size: 18px !important
}
.font-20 {
    font-size: 20px !important
}
.font-22 {
    font-size: 22px !important
}
.font-24 {
    font-size: 24px !important
}
.font-26 {
    font-size: 26px !important
}
.font-28 {
    font-size: 28px !important
}
.font-30 {
    font-size: 30px !important
}
.font-36 {
    font-size: 36px !important
}
.font-40 {
    font-size: 40px !important
}

/* font style */
strong{
    font-weight: bold;
}
em{
    font-style: italic;
}
.font-bold{
    font-weight: bold;
}
.font-normal{
    font-weight: normal;
}
.font-italic{
    font-style: italic;
}

/* border */
.border{
    border: 1px solid #cccccc;
}
.no-border-b{
    border-bottom: 0px !important;
}
.no-border-t{
    border-top: 0px !important;
}
.no-border-l{
    border-left: 0px !important;
}
.no-border-r{
    border-right: 0px !important;
}
.border-b{
    border-bottom: 1px solid #cccccc !important;
}
.border-t{
    border-top: 1px solid #cccccc !important;
}
.border-l{
    border-left: 1px solid #cccccc !important;
}
.border-r{
    border-right: 1px solid #cccccc !important;
}
.border-b-light{
    border-bottom: 1px solid #e6e6e6 !important;
}
.border-t-light{
    border-top: 1px solid #e6e6e6 !important;
}
.border-l-light{
    border-left: 1px solid #e6e6e6 !important;
}
.border-r-light{
    border-right: 1px solid #e6e6e6 !important;
}

/* border-radius */
.border-radius-3{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.border-radius-5{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.border-radius-10{
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
/* box shadow */
.box-shadow{
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}
.box-shadow-1{
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
}
.box-shadow-2{
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.3);
}

html, body{
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    position: relative;
}

/* css start */
.main-wrapper{
    float: left;
    width: 100%;
    overflow: hidden;
}
.left-side{
    float: left;
    width: 200px;
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    height: 100%;
    background: #f7f4f1;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05);
}
.left-side .left-user-detail{
    float: left;
    width: 100%;
    padding: 15px;
    margin-bottom: 30px;
}
.left-side .left-user-detail .left-img{
    float: left;
    width: 60px;
    border-radius: 50%;
    margin-right: 15px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    -webkit-box-shadow: 0 0 10px 1px rgba(250, 176, 64, 0.5);
    box-shadow: 0 0 10px 1px rgba(250, 176, 64, 0.5);
}
.left-side .left-user-detail .left-img img{
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.left-side .block-detail{
    display: block;
    overflow: hidden;
    position: relative;
}
.left-side .block-detail .name{
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    color: #303030;
    margin-top: 8px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px;
}
.left-side .block-detail .sub-title{
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: normal;
    color: #555555;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.left-side .left-menus{
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.left-side .left-menus li{
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.left-side .left-menus li a{
    float: left;
    width: 100%;
    padding: 10px 20px;
    margin: 0px;
    list-style: none;
}
.left-side .left-menus li a:hover, .left-side .left-menus li a.active{
    background: #ffffff;
}
.left-side .left-menus li a i{
    display: inline-block;
    width: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #535353;
    margin-right: 5px;
}
.left-side .left-menus li a span{
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    color: #535353;
}
.left-side .logout-link{
    float: left;
    width: 100%;
    padding: 10px 20px;
    margin: 0px;
    position: absolute;
    bottom: 70px;
    left: 0px;
}
.left-side .logout-link:hover{
    background: #ffffff;
}
.left-side .logout-link i{
    display: inline-block;
    width: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #535353;
    margin-right: 5px;
}
.left-side .logout-link span{
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    color: #535353;
}
.section{
    display: block;
    position: relative;
    margin-left: 200px;
    padding: 30px 15px 15px;
}
.section .section-inner{
    float: left;
    width: 100%;
    padding-bottom: 50px;
}
.dashboard{
    float: left;
    width: 100%;
    padding-top: 35px;
}
.dashboard .header-filter{
    position: fixed;
    z-index: 1;
    right: 0;
    left: 200px;
    top: 0;
    background: #ffffff;
    padding: 25px 25px 10px;
}
.dashboard .header-filter .form-group .form-control{
    border: 1px solid #cccccc;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    height: 38px;
    border-radius: 38px;
    padding-left: 20px;
    padding-right: 20px;
}
.dashboard .header-filter .form-group select.form-control{
    -webkit-appearance: none;
    background: url(../../img/front/select-arrow.png) no-repeat 92% 50% #ffffff;
}
.dashboard .header-filter .form-group select.form-control{
    -webkit-appearance: none;
}
.dashboard .header-filter .form-group .form-control:focus{
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
}
.dashboard .header-filter .form-group .p-button{
    float: right;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    padding: 10px 25px;
    border-radius: 38px;
    background: #f15e3f;
    height: 38px;
    margin-left: 15px;
}
.dashboard .header-filter .form-group .p-button:hover,
.dashboard .header-filter .form-group .p-button:focus{
    background: #f15e3f;
}
.dashboard .header-filter .form-group .p-button.dark-bg {
    background: #f15e3f;
}
.dashboard .header-filter .form-group .p-button.dark-bg:hover,
.dashboard .header-filter .form-group .p-button.dark-bg:focus{
    background: #f15e3f;
}
.dashboard .dashboard-list{
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
}
.dashboard .dashboard-list li{
    float: left;
    width: 33.3%;
    padding: 10px;
    margin: 0px;
    list-style: none;
}
.dashboard .dashboard-list li .inner-box{
    float: left;
    width: 100%;
    padding: 10px;
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
    min-height: 142px;
    -webkit-transition: ease-in-out all 0.5s;
    -o-transition: ease-in-out all 0.5s;
    transition: ease-in-out all 0.5s;
    cursor: pointer;
}
/*.dashboard .dashboard-list li .inner-box:hover{
    -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.3);
}*/
.dashboard .dashboard-list li .inner-box .top-image{
    float: left;
    width: 100%;
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;
    display: none;
}
.dashboard .dashboard-list li .inner-box .top-image img{
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #555555;
    -webkit-transition: ease-in-out all 0.5s;
    -o-transition: ease-in-out all 0.5s;
    transition: ease-in-out all 0.5s;
}
.dashboard .dashboard-list li .inner-box:hover .top-image img{
    transform: scale(1.1);
}
.dashboard .dashboard-list li .inner-box.b-s-purple{
    -webkit-box-shadow: 0px 0px 12px 1px rgba(99, 2, 143, 0.3);
    box-shadow: 0px 0px 12px 1px rgba(99, 2, 143, 0.3);
    color: rgb(99, 2, 143);
}
.dashboard .dashboard-list li .inner-box.b-s-red{
    -webkit-box-shadow: 0px 0px 12px 1px rgba(254, 0, 2, 0.3);
    box-shadow: 0px 0px 12px 1px rgba(254, 0, 2, 0.3);
    color: rgb(254, 0, 2);
}
.dashboard .dashboard-list li .inner-box.b-s-grey{
    -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.3);
    color: rgb(0, 0, 0);
}

.dashboard .dashboard-list li .inner-box.b-s-green{
    -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 166, 80, 0.3);
    box-shadow: 0px 0px 12px 1px rgba(0, 166, 80, 0.3);
    color: rgb(0, 166, 80);
}
.dashboard .dashboard-list li .inner-box.b-s-yellow{
    -webkit-box-shadow: 0px 0px 12px 1px rgba(254, 245, 104, 0.3);
    box-shadow: 0px 0px 12px 1px rgba(254, 245, 104, 0.3);
    color: rgb(228, 216, 23);
}
.dashboard .dashboard-list li .inner-box .title-block{
    float: left;
    width: 100%;
    padding: 5px 0;
    text-align: center;
}
.dashboard .dashboard-list li .inner-box .title-block .label{
    display: inline-block;
    font-size: 14px;
    color: #666666;
    font-weight: normal;
    padding: 0px;
    margin: 0px 5px 0 0;
}
.dashboard .dashboard-list li .inner-box .title-block .name{
    display: inline-block;
    font-size: 14px;
    color: #303030;
}
.dashboard .dashboard-list li .inner-box .title-block.name-block .name{
    display: inline-block;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
}
.dashboard .dashboard-list li .inner-box .title-block .name a {
    color: #a56b0a;
    display: inline-block;
    margin-left: 5px;
}
/* Login css */
.login-wrapper{
    background: url(../../../img/wecontrol/login-bg.jpg) no-repeat 0 0;
    background-size: cover;
}
.login-table{
    display: table;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 100%;
}
.login-table .login-table-cell{
    display: table-cell;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 100%;
}
.login-wrapper .login-header{
    float: left;
    width: 100%;
    padding: 5px 0;
    background: #ffffff;
    -webkit-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.3);
    position: absolute;
    left: 0px;
    top: 0px;
}
.login-wrapper .login-header .right-logo{
        float: none;
    display: block;
    margin: 0 auto;
    max-width: 50px;
}
.login-wrapper .login-header .right-logo img{
    display: inline-block;
    width: 50px;
}
.login-wrapper .login-section{
    width: 768px;
    margin: 0 auto;
    position: relative;
    padding: 0 15px;
}
.login-wrapper .login-section .login-left{
    float: left;
    width: 100%;
    background: #f9c774;
    position: relative;
}
.login-wrapper .login-section .login-left .left-inner{
    float: left;
    width: 300px;
    padding: 30px 15px;
    text-align: center;
    min-height: 320px;
}
.login-wrapper .login-section .login-left .left-inner .text-wel{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #2d2d2d;
    font-weight: normal;
    margin-top: 20px;
}
.login-wrapper .login-section .login-left .top-logo{
    float: left;
    width: 100%;
    padding: 15px 10px;
    text-align: center;
}
.login-wrapper .login-section .login-left .top-logo a{
    display: inline-block;
    width: 146px;
    height: 146px;
    border-radius: 50%;
    background: #ffffff;
    line-height: 142px;
}
.login-wrapper .login-section .login-left .top-logo a img{
    display: inline-block;
    vertical-align: middle;
    max-width: 84%;
    border-radius:50%;
}
.login-wrapper .login-section .login-inner{
    float: left;
    width: 418px;
    background: #ffffff;
    /* -webkit-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.3); */
    border-radius: 0px;
    position: absolute;
    right: 35px;
    top: -30px;
    min-height: 380px;
}

.login-wrapper .login-section .login-inner .login-heading{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #535353;
    font-weight: normal;
    margin: 30px 0 20px;
    padding: 0 20px;
}
.login-wrapper .login-section .login-inner .login-form{
    float: left;
    width: 100%;
    padding: 0 20px;
}
.login-wrapper .login-section .login-inner .login-form .form-group{
    float: left;
    width: 100%;
    margin-bottom: 25px;
    position: relative;
}
.login-wrapper .login-section .login-inner .login-form .form-control{
    float: left;
    width: 100%;
    background: #ffffff;
    border: 0px;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    height: 38px;
    padding-left: 0px;
}
.login-wrapper .login-section .login-inner .login-form .form-control:focus{
    border-bottom: 1px solid #c3c3c3;
}
.login-wrapper .login-section .login-inner .login-form .form-group .fa{
    position: absolute;
    right: 10px;
    top: 11px;
    font-size: 14px;
    color: #cccccc;
}
.login-wrapper .login-section .login-inner .login-form .forgot-password{
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color: #999999;
    font-weight: normal;
    text-decoration: underline;
}
.login-wrapper .login-section .alert{
    display: block;
    overflow: hidden;
    margin-left: 20px;
    margin-right: 20px;
    text-align: left;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
}
.login-wrapper .login-section .alert button.close{
    top: 0px;
    right: 0;
}
.round-btn {
    min-width: 150px;
    height: 42px;
    font-size: 16px;
    color: #ffff;
    background: #dea23e;
    border: solid 2px #dea23e;
    border-radius: 25px;
    margin: 30px 0 0;
    float: none;
    display: block;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    padding: 0 30px;
}
/*.round-btn:hover,
.round-btn:focus {
    background: transparent;
    color: #ffffff;
    background: #f9c774;
    border: solid 2px #f9c774;
}*/
.round-small-btn {
    height: 38px;
    display: inline-block;
    min-width: inherit;
    line-height: 35px;
    font-size: 14px;
    padding: 0 25px;
}
.login-footer{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.2);
    padding: 15px 0;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.login-footer a{
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
}
.login-footer a:hover{
    color: #ffffff;
}

.hamburger-icon {
    display: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.load-more-button{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.load-more-button a {
    display: inline-block;
    min-width: 200px;
    height: 42px;
    font-size: 16px;
    color: #303030;
    background: #ffffff;
    border: solid 2px #e6e6e6;
    border-radius: 25px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    padding: 0 30px;
    line-height: 42px;
}
.load-more-button a:hover,
.load-more-button a:focus {
    background: transparent;
    color: #303030;
    background: #e6e6e6;
    border: solid 2px #e6e6e6;
}
.page-navigation{
    float: left;
    width: 100%;
    text-align: center;
}
.page-navigation .page-link{
    color: #303030;
}
.page-navigation .page-link:hover{
    color: #303030;
}

/***Style1 css***/
.main-heading {
        color: #a9a9a9;
    font-size: 22px;
    letter-spacing: 1px;
}
.announcement-page {
    padding: 0 0 15px 0;
    display: block;
    margin-right: 340px;
}
.announcement-form {
    margin-top: 10px;
}
.announcement-form .form-control {
    border: 1px solid #cccccc;
    box-shadow: none;
    height: 38px;
}
.announcement-form textarea.form-control {
    height: 150px;
    resize: none;
}
.round-btn {
    min-width: 150px;
    height: 42px;
    font-size: 16px;
    color: #ffff;
    background: #f15e3f;
    border: solid 2px #f15e3f;
    border-radius: 25px;
    margin: 30px 0 0;
    float: none;
    display: block;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    padding: 0 30px;
}
/*.round-btn:hover,
.round-btn:focus {
    color: #fff;
    background: #dea23e;
    border: solid 2px #dea23e;
}*/

.announcement-right-sidebar {
    width: 340px;
    height: 100vh;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.14);
    position: fixed;
    right: 0;
    top: 0;
}
.announcement-search-box {
    border-bottom: solid 1px #cccccc;
    padding: 30px 25px;
}
.announcement-search {
    position: relative;
}
.announcement-search .form-control {
        border: 1px solid #cccccc;
    background: transparent;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    height: 38px;
    border-radius: 38px;
    padding-left: 16px;
    padding-right: 16px;
}
.announcement-search .round-small-btn {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
}
.round-small-btn {
    height: 38px;
    display: inline-block;
    min-width: inherit;
    line-height: 35px;
    font-size: 14px;
    padding: 0 25px;
}


.announcement-list {
    width: 100%;
    float: left;
    overflow-y: auto;
    height: 87vh;
}
.announcement-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.announcement-list li {
    width: 100%;
    float: left;
    padding: 15px 20px;
    border-bottom: solid 1px #e9e9e9;
}
.announcement-list .al-table {
    display: table;
    width: 100%;

}
.announcement-list .al-table-cell {
    display: table-cell;
    vertical-align: middle;
}
.announcement-list .al-table-cell.image-cell {
    width: 28%;
}
.announcement-list .round-image {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0;
}
.announcement-list .round-image img {
    width: 75px;
    height: 75px;
}
.announcement-list .al-table-cell.info-cell {
    width: 72%;
    position: relative;
    padding-left: 15px;
}
.announcement-name {
    font-size: 15px;
    color: #ababab;
}
.announcement-kit {
    font-size: 14px;
    color: #ababab;
}
.plus-icon {
    top: 50%;
    position: absolute;
    right: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    background: url(../../img/front/add-plus-button.svg) no-repeat left top;
    width: 14px;
    height: 14px;
    background-size: 100%;
}

.announcement-list::-webkit-scrollbar {
    width: 4px;
    margin-right: 10px;
}
.announcement-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    margin-right: 10px;
}
.announcement-list::-webkit-scrollbar-thumb {
    background: #888;
    margin-right: 10px;
}
.announcement-list::-webkit-scrollbar-thumb:hover {
    background: #555;
    margin-right: 10px;
}


.page-filter-sec {
    width: 100%;
    float: left;
}

.survey-page {
    width: 100%;
    float: left;
}
.padding_top3 {
    padding-top: 3px;
}
.page-filter-sec {
    margin-bottom: 50px;
}

.tabs {
  display: block;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  overflow: hidden;
}
.tabs [class^="tab"] label,
.tabs [class*=" tab"] label {
    color: #f15e3f;
    cursor: pointer;
    display: block;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1em;
    padding: 20px 5px 0;
    text-align: center;
    height: 63px;
}
.tabs .tab-list label {
    border-right: solid 1px #f1f1f1;
}
.tabs .tab-list:last-child label {
    border-right: none;
}
.tabs [class^="tab"] [type="radio"],
.tabs [class*=" tab"] [type="radio"] {
    border-bottom: 1px solid rgba(239, 237, 239, 0.5);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tabs [class^="tab"] [type="radio"]:hover,
.tabs [class^="tab"] [type="radio"]:focus,
.tabs [class*=" tab"] [type="radio"]:hover,
.tabs [class*=" tab"] [type="radio"]:focus {
    border-bottom: 1px solid #f15e3f;
    box-shadow: none;
    outline: none;
}
.tabs [class^="tab"] [type="radio"]:checked,
.tabs [class*=" tab"] [type="radio"]:checked {
    border-bottom: 2px solid #f15e3f;
}
.tabs [class^="tab"] [type="radio"]:checked + div,
.tabs [class*=" tab"] [type="radio"]:checked + div {
    opacity: 1;
}
.tabs [class^="tab"] [type="radio"] + div,
.tabs [class*=" tab"] [type="radio"] + div {
    display: block;
    opacity: 0;
    padding: 2rem 0;
    width: 90%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tabs .tab-list {
    width: 25%;
}
.tabs .tab-list [type="radio"] + div {
    width: 400%;
    margin-left: 400%;
}
.tabs .tab-list [type="radio"]:checked + div {
    margin-left: 0;
    margin-top: 20px;
}
/*.tabs .tab-list:last-child [type="radio"] + div {
    margin-left: 100%;
}*/
.tabs .tab-list:nth-child(2) [type="radio"]:checked + div {
    margin-left: -100%;
}
.tabs .tab-list:nth-child(3) [type="radio"]:checked + div {
    margin-left: -200%;
}
.tabs .tab-list:nth-child(4) [type="radio"]:checked + div {
    margin-left: -300%;
}

.setting-sec {
    width: 100%;
    float: left;
}
.help-question .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
        display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;/* essential for enabling glyphicon */
    content: "\f107";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.help-question .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f105";    /* adjust as needed, taken from bootstrap.css */
}

/***Search CSS***/
.sample.seven input {
  transition: all .3s ease-in;
  width: 234px;
}
.sample.seven input:focus {
    width: 87%;
}
.sample.seven.announcement-search .form-control {
    padding-right: 40px;
}
.search-icon {
    position: absolute;
    top: 9px;
    left: 164px;
}
.search-icon img {
    width: 20px;
    height: 20px;
}
.sample.seven input:focus ~ button.search-icon {
  color: #fff;
  left: 77%;
}
.sample.seven button.btn-search {
  transition: all .3s ease-in;
  border: none;
}
.sample.seven button.btn-search:hover,
.sample.seven button.btn-search:focus {
    background: #f15e3f;
    color: #f9c774;
    outline: none;
}
/***Dashboard Filter***/
.filter-dropdown ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.filter-dropdown ul li {
    padding: 0;
    margin: 0;
    position: relative;
}
.filter-dropdown .filter-dropdown-menu {
    visibility: hidden; /* hides sub-menu */
    opacity: 0;
    position: absolute;
    top: 36px;
    right: 15px;
    width: 260px;
    transform: translateY(-2em);
    z-index: -1;
    padding: 10px 0;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.filter-dropdown .filter-dropdown-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    background: #fff;
    padding: 25px;
    position: relative;
    z-index: 99;
    width: 100%;
    float: left;
    border-radius: 5px;
    box-shadow: 0 6px 26px rgba(0, 0, 0, 0.14);
}
.filter-dropdown .filter-dropdown-menu li {
    display: block;
    width: 100%;
    float: left;
    padding: 7px 0;
}
.filter-dropdown ul li a.active + .filter-dropdown-menu {
    visibility: visible; /* shows sub-menu */
    opacity: 1;
    z-index: 1;
    transform: translateY(-0.3em);
    transition-delay: 0s, 0s, 0.3s;
}
.dashboard .header-filter .form-group .filter-dropdown .filter-dropdown-menu li .p-button {
        float: none;
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: 100px;
}
.filter-dropdown .filter-dropdown-menu li a {
    color: #535353;
}
.filter-dropdown .filter-dropdown-menu li a.link-text {
    text-align: center;
    display: block;
}
.filter-dropdown .filter-dropdown-menu ul ul {
    padding: 0;
}
.filter-dropdown .filter-dropdown-menu li ul li {
    padding: 5px 15px;
}
.filter-dropdown .nice-select .list {
    top: 9px;
    height: 300px;
    overflow-y: auto;
}
.filter-dropdown.sortby-dropdown .nice-select .list {
    height: auto;
    overflow-y: inherit;
}
.filter-dropdown .nice-select .option {
    min-height: 30px;
    line-height: 30px;
}
.nice-select .current {
    line-height: 26px;
    padding-left: 15px;
}
.dashboard .header-filter .form-group .nice-select {
    padding-left: 0;
    padding-right: 0;
    width: 150px;
}
.dashboard .filter-dropdown .filter-dropdown-menu ul li .nice-select {
    width: 100%;
}
/***Addd User***/

.tabs.tab-add-user .tab-list {
    width: 50%;
}
.tabs.tab-add-user.tabs-three .tab-list {
    width: 33.3%;
}
.tabs.tab-add-user .tab-list [type="radio"] + div {
    width: 200%;
    margin-left: 200%;
}
.tabs.tab-add-user.tabs-three .tab-list [type="radio"] + div {
    width: 300%;
    margin-left: 300%;
}
.tabs.tab-add-user  .tab-list [type="radio"]:checked + div {
    margin-left: 0;
}
.tabs.tab-add-user .tab-list:nth-child(2) [type="radio"]:checked + div {
    margin-left: -100%;
}
.tabs.tab-add-user.tabs-three  .tab-list [type="radio"]:checked + div {
    margin-left: 0;
}
.tabs.tab-add-user.tabs-three .tab-list:nth-child(2) [type="radio"]:checked + div {
    margin-left: -100%;
}
.tabs.tab-add-user.tabs-three .tab-list:nth-child(3) [type="radio"]:checked + div {
    margin-left: -200%;
}

/* .dashboard .header-filter .form-group .block-overflow {
    width: 310px;
} */

.dashboard .header-filter .form-group .sortby-dropdown .form-control {
    line-height: 26px;
}
.dashboard .header-filter .form-group .sortby-dropdown .form-control img {
    float: right;
    margin-top: 9px;
}
.dashboard .dashboard-list {
    margin-top: 15px;
}

.help-question .panel {
        -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, .14);
    box-shadow: 0 0px 20px rgba(0, 0, 0, .14);
}
.help-question.panel-group .panel + .panel {
    margin-top: 15px;
}
.help-question .panel-default {
    border-color: #fff;
}
.help-question .panel-default > .panel-heading {
    background: #fff;
    padding: 15px 15px;
    border-color: #fff;
}
.help-question .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #f6f6f6;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    float: left;
    text-align: center;
    background: #f7f4f1;
    padding: 11px 0px;
    left: 0;
    font-size: 11px;
}
.dashboard .dashboard-list li .inner-box:hover {
    background: #f1f1f1;
}
.filter-icon {
        width: 25px;
    height: 20px;
}

.filter-dropdown.sortby-dropdown .nice-select .list {
    top: 36px;
}

.views {
    float: right;
}
.views .view-link {
    margin: 0 5px;
    color: #303030;
        font-size: 16px;
}
.views .view-link.active {
    color: #f9c774;
}
.grid-view .grid-view-section {
    display: block;
}
.list-view-section {
    float: left;
    width: 100%;
    margin-top: 15px;
    background: #ffffff;
    border: 1px solid #e6eaee;
    margin-bottom: 20px;
    padding: 25px;
}
.grid-view .list-view-section {
    display: none;
}
.list-view .grid-view-section {
    display: none;
}
.list-view .list-view-section {
    display: block;
}
.list-view-table .table {
    margin-bottom: 0;
}
.list-view-table tr:first-child td {
    border-top: none;
}
.list-view-table tr td a {
    color: #a56b0a;
}


/***Upload btn***/
.inputBtnSection{
    display:inline-block;
    vertical-align:top;
    font-size:0;
    font-family:verdana;
}
.disableInputField{
    display:inline-block;
    vertical-align:top;
    height: 27px;
    margin: 0;
    font-size:14px;
    padding:0 3px;
    background: transparent;
    padding-top: 7px;
    padding-left: 12px;
}

.fileUpload {
        position: relative;
    overflow: hidden;
    border: none;
    display: inline-block !important;
    vertical-align: top;
    padding: 0 !important;
    height: inherit !important;
    border-right: none !important;
    text-align: center;
    margin-top: 12px;
}
.uploadBtn{
        display: inline-block;
    background: transparent;
    color: #dea23e;
    margin-top: 0;
    padding: 5px 10px;
    min-width: 150px;
    font-size: 14px;
    height: 36px;
    font-weight: 600;
    cursor: pointer;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-filter: alpha(opacity=0);
}

.input-group-addon {
    cursor: pointer;
    background: transparent;
    box-shadow: none;
    border: none;
    width: 15px;
    padding: 0;
    position: absolute;
    top: 11px;
    right: 10px;
    color: #c5c5c5;
}
#datepicker-my {
    margin-top: 2px;
}

.dashboard .dashboard-list li .inner-box .title-block .name .orange-link {
    color: #337ab7;
}
.steplist-step a {
    color: #337ab7 !important;
}

.dashboard .dashboard-list li .inner-box.b-s-blue {
    -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 255, 0.3);
    box-shadow: 0px 0px 12px 1px rgba(0, 0, 255, 0.3);
    color: rgb(0, 0, 255);
}
.dashboard .dashboard-list li .inner-box.b-s-gray {
    -webkit-box-shadow: 0px 0px 12px 1px rgba(128,128,128, 0.3);
    box-shadow: 0px 0px 12px 1px rgba(128,128,128, 0.3);
    color: rgb(128,128,128);

}
.dashboard .dashboard-list li .inner-box.b-s-magenta {
    -webkit-box-shadow: 0px 0px 12px 1px rgba(255,0,255, 0.3);
    box-shadow: 0px 0px 12px 1px rgba(255,0,255, 0.3);
    color: rgb(255,0,255);

}
.dashboard .dashboard-list li .inner-box.b-s-purple {
    -webkit-box-shadow: 0px 0px 12px 1px rgba(128,0,128, 0.3);
    box-shadow: 0px 0px 12px 1px rgba(128,0,128, 0.3);
    color: rgb(128,0,128);

}
.dashboard .dashboard-list li .inner-box.b-s-orange {
    -webkit-box-shadow: 0px 0px 12px 1px rgba(255,165,0, 0.3);
    box-shadow: 0px 0px 12px 1px rgba(255,165,0, 0.3);
    color: rgb(255,165,0);

}

.margin_bottom70 {
    margin-bottom: 70px;
}

.user-detail-steplist {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.user-detail-body {
    background: #f1f1f4;
}

.user_detail_name {
    font-weight: 600;
}
.user_detail_name span {
    font-family: arial;
    font-weight: 400;
}

.list-view-table .table thead tr th a {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    color: #333;
}
.list-view-table .table thead tr th a:after {
        content: "\f0dc";
    position: absolute;
    right: 0;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 5px;
    font-size: 11px;
}
.list-view-table .table thead tr th a.asc:after {
    content: "\f0de";
}
.list-view-table .table thead tr th a.desc:after {
    content: "\f0dd";
}

.filter-dropdown.up-arrow .nice-select:after {
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    border-bottom: none;
    border-right: none;
}

.filter-dropdown.up-arrow .nice-select:after {
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    border-bottom: none;
    border-right: none;
}

.img-name {
    width: 80px;
    height: 80px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #555555;
    -webkit-transition: ease-in-out all 0.5s;
    -o-transition: ease-in-out all 0.5s;
    transition: ease-in-out all 0.5s;
        font-size: 24px;
    font-weight: 700;
    color: #e6b45e;
    line-height: 76px;
    background: #fff;
    letter-spacing: 2px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
.pagination > li > span.current {
        z-index: 2;
    color: #ffffff;
    background-color: #f8c774;
    border-color: #f8c774;
    font-weight: 500;
}
.select2-results .select2-result-label {
    color: #303030;
}
.select2-display-none.select2-drop-active {
    border-top: 1px solid #d6d6d6;
}
.kit-code-genrate .multiple_emails-email {
    display: inline-block;
}
.kit-code-genrate .multiple_emails-container input {
        min-height: 38px;
    display: inline-block;
    clear: inherit;
    width: auto;
    overflow: hidden;
}
.kit-code-genrate .multiple_emails-ul {
    display: inline-block;
}
.multiple_emails-container .has-error .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color:#e20400;
}
.step-upper-detail .step-description {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #333333;
    font-weight: normal;
    margin-bottom: 15px;
    line-height: 28px;
}
.shadow-box.kit-box .kit-box-header {
    background: #d06a11;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 0;
    text-align: center;
}
.panel-body {
    padding: 15px;
}
.shadow-box.kit-box form .form-group {
    margin-bottom: 25px;
    display: block;
    padding-bottom: 39px;
}
.has-error .login-error {
    color: #e20400;
    text-align: left;
    font-size: 12px;
}

.box-loader {
    position: absolute !important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.box-loader .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    background-size: 50px !important;
    width: 50px !important;
    height: 50px !important;
}