@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');

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

body{
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
    outline: none;
    outline-offset: none;
}

.validation-summary-errors ul {
    padding: 0;
    list-style: none;
}




/*************/

.entry-layout .logo-wrapper{
    margin-bottom: 40px;
}

.entry-layout .logo-wrapper img{
    width: 100%;
    max-width: 130px;
    margin-top: 15px;
}

.entry-layout section{
    max-width: 300px;
    margin: auto;
    color: #464646;
}

/*.entry-layout section .custom-button {
    margin: -5px auto 0;
    background-image: -webkit-linear-gradient(top,#64b0a1 0,#498e80 100%);
    background-image: -o-linear-gradient(top,#64b0a1 0,#498e80 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#64b0a1),to(#498e80));
    background-image: linear-gradient(to bottom,#64b0a1 0,#498e80 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff64b0a1',endColorstr='#ff498e80',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #45877a;
    width: 100%;
    font-size: 16px;
}

.entry-layout section .custom-button:hover{
    background-image: linear-gradient(to bottom,#5fa093 0,#65b9a8 100%);
}

.entry-layout section .custom-button:focus, .entry-layout section .custom-button:active{
    color: #fff;
}*/

.entry-layout section .form-control{
    border: 2px solid #d4d4d4;
    padding: 9px 10px;
    height: 41px;
    margin-bottom: 10px;
}

.entry-layout section .form-horizontal .checkbox{
    padding-top: 0;
}

.entry-layout section h3{
    font-size: 34px;
    margin: 15px 0;
}

.entry-layout section p{
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.25;
}

.entry-layout .help-enter-links{
    margin-top: 15px;
    text-align: center;

}

.entry-layout .help-enter-links a{
    color: #4b9183;
    font-size: 14px;
    border-bottom: 2px solid #c5c5c5;
    text-decoration:none;
}

.entry-layout .help-enter-links a:hover{
    border-color: #4b9183;
}

.entry-layout section.thank-you{
    padding-top: 40px;
}

.entry-layout .wide-section{
    padding-top: 30px;
    max-width: 450px;
    width: 100%;
}

.entry-layout .wide-section h2{
    font-size: 26px;
    margin-bottom: 15px;
}

.entry-layout .wide-section h5{
    font-size: 18px;
    line-height: 1.5;
    margin: 35px 0;
}

.entry-layout .wide-section h5 span{
    border-bottom: 2px solid #62a799;
}

.entry-layout .wide-section a{
    background: #43a591;
    border: 1px solid #388877;
    color: #fff;
    transition: background .2s ease;
}

.entry-layout .wide-section a:hover, .entry-layout .wide-section a:active{
    background: #3f9483;
}

.thank-you h2{
    font-size: 36px;
    text-align: center;
    color: #545454;
}

section.thank-you h3{
    font-size: 21px;
    text-align: center;
}

.thank-you h3 span{
    display: inline-block;
    padding-bottom: 5px;
    margin-top: 15px;
    border-bottom: 2px solid #62a799;
}

@media(min-width:768px){
    .qaqc-story {
        /*background: url('image/background_login.jpg');*/
        background-size: cover;
        background-repeat: no-repeat;
        background: rgb(98, 167, 153);
        color: #fff;
        width: 50%;
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
    }
}

.qaqc-story h2 span{
    color: #fff;
    display: block;
    margin: 30px 0 30px;
    font-size: 30px;
}

.qaqc-story h2{
    font-size: 22px;
    color: #fdfdfd;
}

.qaqc-story .advantages li{
    position: relative;
    font-size: 16px;
    margin-bottom: 4px;
}

.qaqc-story ul li i:before{
    margin-left: 0;
    padding-right: 7px;
}

.navbar-fixed-left .dropup button i.flaticon-up-arrow-angle{
    position: relative;
    left: -15px;
    top: 2px;
}

.navbar-fixed-left .navbar-brand:focus, .navbar-fixed-left .navbar-brand:hover{
    background: #fff;
}

.navbar-fixed-left {
    width: 200px;
    position: fixed;
    border-radius: 0;
    height: 100%;
    background: #3c3c3c;
    z-index: 2;
}


.navbar-fixed-left .navbar-nav > li.bottom-nav{
    position: absolute;
    bottom: 0;
    border-top: 1px solid #fff;
    background: #3c3c3c;
    padding: 0;
}

.navbar-fixed-left .navbar-nav > li {
    float: none;  /* Cancel default li float: left */
    width: 198px;
    padding: 3px 0;
    padding-left: 15px;
    border-bottom: 1px solid #636363;
}

.navbar-default .navbar-nav > li > i{
    position: absolute;
    top: 7px;
    color: #eaeaea;
    right: 30px;
}

.mobile-icons{
    display: none;
}

.nav.navbar-nav li.mobile-extension{
    display: none;
}

.navbar-fixed-left + .container {
  padding-left: 160px;
  padding-top: 115px;
}

@media (min-width: 768px){
    .navbar-fixed-left + .container {
      padding-left: 200px;
    }
}

@media (min-width: 850px){
    .navbar-fixed-left + .container {
      padding-left: 170px;
    }
}


@media (min-width: 992px){
    .navbar-fixed-left + .container {
      padding-left: 230px;
    }
}

@media (min-width: 1000px){
    .navbar-fixed-left + .container {
      padding-left: 210px;
    }
}

@media (min-width: 1100px){
    .navbar-fixed-left + .container {
      padding-left: 160px;
    }
}

@media (min-width: 1200px){
    .navbar-fixed-left + .container {
      padding-left: 200px;
    }
}

@media (min-width: 1295px){
    .navbar-fixed-left + .container {
      padding-left: 160px;
    }
}

/*@media (min-width: 767px){
    .navbar-fixed-left + .container {
      padding-left: 210px;
    }
}

@media (min-width: 990px){
    .navbar-fixed-left + .container {
      padding-left: 235px;
    }
}

@media (min-width: 1199px){
    .navbar-fixed-left + .container {
      padding-left: 225px;
    }
}*/

.main-title{
    position: absolute;    
    background: #62a799;
    border-bottom: 4px solid #498e80;
    width: 100%;
    top: -20px;
    left: 199px;
    right: 0;
    text-align: left;
    color: #fff;
    padding-left: 60px;
    padding: 25px 0 25px 60px;
    font-size: 26px;
    z-index: 2;
}

@media (max-width: 767px){
    .mobile-icons{
        display: block;
    }

    .nav.navbar-nav li.mobile-extension{
        display: block;
    }

    .navbar-fixed-left .navbar-header{
        border-bottom: 2px solid #498e80;
    }

    .navbar-fixed-left .navbar-nav > li.bottom-nav{
        display: none;
    }

    .navbar-fixed-left{
        z-index: 2;
        transform: translateX(-120px);
    }

    .slide-in{
        transform: translateX(120px);
        transition: transform .3s ease;
    }

    /*.navbar-fixed-left + .container.slide-out{
        padding-left: 225px;
    }*/

    .nav.navbar-nav{
        margin-top: 46px;
        transition: all .3s ease;
    }

    .navbar-fixed-left + .container{
        transition: all .3s ease;
    }

    .nav.navbar-nav.slide-in{
        background: #333;
    }
    .navbar-fixed-left{
        width: 175px;
    }
    .navbar-fixed-left .navbar-nav > li{
        width: 188px;
    }
    .navbar-fixed-left .navbar-nav.slide-in > li{
        width: 203px;
    }

    .navbar-default .navbar-nav > li > i{
        right: 18px;
    }

    .mobile-icons i{
        cursor: pointer;
        float: right;
        position: relative;
        padding: 5px 15px 4px;
        background: #fff;
        border-bottom: 1px solid #636363;
    }

    .mobile-icons i:before{
        color: #000;
        font-size: 26px;
    }

    .navbar-fixed-left + .container{
        padding-top: 60px;
        padding-left: 75px;
    }

    .main-title{
        position: absolute;
        background: #62a799;
        border-bottom: 4px solid #498e80;
        width: 100%;
        top: -21px;
        left: 54px;
        right: 0;
        text-align: left;
        color: #fff;
        padding: 11px 0 11px 20px;
        font-size: 24px;
        z-index: 1;
    }
}

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

/*.navbar-fixed-left .navbar-nav > li > .dropdown-menu {
  margin-top: -50px;
  margin-left: 140px;
}*/

.navbar-fixed-left .navbar-nav > li.dropdown.updown > .dropdown-menu{
    margin-top: -42px;
    margin-left: 198px;
    background: #6f6f6f;
    border: 1px solid #bdbdbd;
    top: calc(100% + 1px);
    bottom: auto;
    left: 0;
    right: auto;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-fixed-left .navbar-nav > li.dropdown.updown .dropdown-menu a{
    padding-top: 7px;
    padding-bottom: 7px;
    color: #fff;
}

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

.navbar-fixed-left .navbar-nav > li.dropdown.updown .dropdown-menu>li>a:focus, .navbar-fixed-left .navbar-nav > li.dropdown.updown .dropdown-menu>li>a:hover{
    background-color: #9c9c9c;
}

.navbar-fixed-left .dropup button{
    background: transparent;
    color: #fff;
    border: none;
    padding-left: 40px;
}

.navbar-fixed-left .dropup button i{
    position: absolute;
    left: -3px;
    top: 5px;
}

 .navbar-fixed-left .open>.dropdown-toggle.btn-default{
    background: transparent;
    color: #c5c5c5;
    border: none;

 }

.navbar-fixed-left .dropdown-menu{
    border-radius: 0;
    width: calc(100% + 2px);
    left: -1px;
    bottom: 53px;
}

.navbar-brand{
    display: flex;
    justify-content: center;
    padding: 0;
    height: 77px;
    background: #fff;
    width: 100%;
}

@media(max-width:767px){
    .navbar-brand{
        max-height: 46px;
    }
}

@media(max-width:767px){
    .navbar-brand img{
        width: 100%;
    }
}

.navbar-brand img.mobile-logo{
    display: none;
}

@media(max-width:767px){
    .navbar-brand img.mobile-logo{
        display: block;
        float: right;
        max-width: 30px
    }
    .navbar-brand img.desktop-logo{
        display: none;
    }
}

@media(min-width:768px){
    .navbar-brand img.mobile-logo{
        display: none;
    }
    .navbar-brand img.desktop-logo{
        align-self: center;
        max-width: 100%;
        max-height: 77px;
        display: inline-flex;
    }
}

.navbar-collapse{
    border: none;
    box-shadow: none;
}

.form-control:focus{
    border-color: #e8e8e8;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgb(193, 193, 193);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgb(193, 193, 193);
}

.form-horizontal .checkbox input[type="checkbox"]{
    margin-left: 0;
}

.main-list > .row{
    border-top: 1px solid #eee;
    padding: 5px 0;
    border-radius: 0;
    transition: background .2s ease
}

.main-list > .row:hover:not(:first-child){
    background: rgba(108, 214, 180, 0.26);
}

.main-list .img-responsive{
    max-width: 30px;
    /*margin: 0 auto;*/
}

.main-list .col-sm-9 a{
    display: inline-block;
}

/*.add-button{
    color: #fff;
    background-color: #54A2B9;
    border-color: #46b8da;
    margin: 5px 0 20px;
    font-size: 16px;
}*/

@media screen and (max-width: 767px){

    .main-list > .row > div{
        margin-bottom: 5px;
    }  

    /*.add-button{
        display: block;
        max-width: 200px;
        margin: 20px auto;
    }*/
}

.list-header{
    padding: 10px 0;
    border-top: 1px solid #eee;
    font-weight: bold;
}

.full-bg h1{
    margin-top: 50px;
    /*color: #fff;*/
}

.btn-add-gradient, .stripe.btn-add-gradient{
    display: inline-block;
    position: relative;
    margin: 5px 0 25px;
    padding: 5px 12px;    
    background-image: -webkit-linear-gradient(top,#64b0a1 0,#498e80 100%);
    background-image: -o-linear-gradient(top,#64b0a1 0,#498e80 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#64b0a1),to(#498e80));
    background-image: linear-gradient(to bottom,#64b0a1 0,#498e80 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff64b0a1',endColorstr='#ff498e80',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border: 1px solid #45877a;
    border-radius: 4px;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
}

.btn-add-gradient.btn-add-gradient-right{
    float: right;
}

.btn-add-gradient:hover, .btn-add-gradient:focus, .btn-add-gradient:active, .btn-add-gradient:active:focus, .btn-add-gradient:focus:active{
    background-color: #498e80;
    background-position: 0 -15px;
    color: #fff;
    text-decoration: none;
}

.btn-add-gradient:active{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn-add-gradient.with-plus{
    padding-left: 25px;
}

.btn-add-gradient.with-plus:before{
    content: "\f104";
    font-family: Flaticon;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    position: absolute;
    left: 7px;
    top: 7px;
    font-size: 13px;
}

.btn-add-gradient.btn-add-gradient-login{
    width: 100%;
    margin-top: -5px;
    margin-bottom: 5px;
    font-size: 16px;
    padding: 6px 12px;
    text-align: center;
}

.btn-delete-user{
    width: 100%;
    display: inline-block;
    margin: -5px 0 30px;
    padding: 6px 12px;
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;   
    color: #333; 
    text-decoration: none;
}

.btn-delete-user:hover, .btn-delete-user:focus, .btn-delete-user:active, .btn-delete-user:active:focus, .btn-delete-user:focus:active {
    background-image: linear-gradient(to bottom,#f7f7f7 0,#e0e0e0 100%);
    color: #333;
    text-decoration: none;
}

.btn-back{
    display: inline-block;
    margin: 5px 0 15px;
    padding: 5px 12px;
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 15px;   
    color: #333; 
    text-decoration: none;
}

.btn-back:hover, .btn-back:focus, .btn-back:active, .btn-back:active:focus, .btn-back:focus:active {
    background-image: linear-gradient(to bottom,#f7f7f7 0,#e0e0e0 100%);
    color: #333;
    text-decoration: none;
}

.bottom-nav .dropup{
    padding: 15px 0 15px 20px;
}

.btn-bottom-nav-dropdown{
    color: #fff !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
}

.btn-bottom-nav-dropdown i.flaticon-user:before{
    font-size: 16px;
    margin: 0;
    margin-right: 10px;
}

/*.custom-button{ 
    color: #fff;
    margin: 0 auto;   
    background-image: -webkit-linear-gradient(top,#64b0a1 0,#498e80 100%);
    background-image: -o-linear-gradient(top,#64b0a1 0,#498e80 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#64b0a1),to(#498e80));
    background-image: linear-gradient(to bottom,#64b0a1 0,#498e80 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff64b0a1',endColorstr='#ff498e80',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #45877a;
    width: 200px;
    font-size: 20px;
}

.add-custom-button{
    margin: 5px 0 25px;
    position: relative;
    padding-left: 25px;
    background-image: -webkit-linear-gradient(top,#64b0a1 0,#498e80 100%);
    background-image: -o-linear-gradient(top,#64b0a1 0,#498e80 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#64b0a1),to(#498e80));
    background-image: linear-gradient(to bottom,#64b0a1 0,#498e80 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff64b0a1',endColorstr='#ff498e80',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #45877a;
    font-size: 15px;
    color: #fff;    
}

.add-custom-button:hover, .add-custom-button:focus, .add-custom-button:active, .add-custom-button:active:focus, .add-custom-button:focus:active{
    background-color: #498e80;
    background-position: 0 -15px;
    color: #fff;
}

.add-custom-button.team-tasks{
    padding: 6px 20px;
    float: right;
}*/
.form-horizontal label{
    display: inline-block;
    text-transform: uppercase;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: 700;
    color: #969696;
    padding-left: 0px;
    font-size: 10px;
}

.flaticon-cross-symbol.loaction-delete-user:before{
    font-size: 5px;
    margin-left: 0;
    color: #a7a7a7;
    position: relative;
    top: -10px;
    left: -1px;
}

/*.custom-button:hover{
    background-image: linear-gradient(to bottom,#70cab8 0,#5ba596 100%);
    color: #fff;
}*/

footer p{
    margin-top: 20px;
    color: #333;
    margin-bottom: 0;
}

.title{
    margin: 30px 0 15px;
}

.nav>li>a>img.menu-avatar{
    display: inline;
    max-width: 36px;
    max-height: 24px;
}

.modal-header h4{
    text-align: center;
}

.add-place input.form-control, .add-place textarea.form-control{
    max-width:100%
}

.search-input input{
    float: right;
    height: 36px;
    top: 5px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #4d9385;
    border-color: #4e9486;
}

.pagination a.btn-primary.selected{
    color: #fff;
    cursor: default;
    background-color: #4d9385;
    border-color: #4e9486;
}

.navbar-default .navbar-nav > li > a{
    display: block;
    font-size: 14px;
    color: #c5c5c5;
    padding: 10px 0px 5px 10px;
    transition: color .15s ease;
}

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

.navbar-default .navbar-nav > li > a:active{
    color: #c5c5c5;
}

.navbar-default .navbar-nav > li > i:before{
    font-size: 22px;
}

.form-horizontal{
    margin: 15px 0;
}

/*.form-horizontal .custom-primary-button{
    width: 100%;
    background: #43a591;
    color: #fff;
    font-size: 18px;
    border: 1px solid #388877;
}*/

.form-horizontal .custom-primary-button-delete{
    background: #ababab;
    margin-top: 40px;
    max-width: 240px;
    font-size: 16px;
    border: 1px solid #888;
    color: #fff;
}

.form-horizontal h4{
    border-bottom: 2px solid rgba(117, 197, 181, 0.55);
    padding-bottom: 6px;
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #5f5f5f;
}

/* TODO remove login form style */
.login-form{
    background: rgba(222, 222, 222, 0.13);
    border: 1px solid #d0cece;
    border-radius: 10px;
    padding: 25px 15px;
}

.login-form .form-control{
    width: 100%;
    height: auto;
    padding: 5px 15px;
    font-size: 18px;
}

.setting{
    position: relative;
    opacity: 0;
    transition: opacity .1s ease;
}

@media(max-width: 767px){
    .setting{
        opacity: 1;
    }
}

.main-list button i:before{
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
}

.main-list .row:hover .setting{
    opacity: 1;
}

.setting-user{
    color: inherit
}

.question{
    font-size: 17px;
    line-height: 20px;
}

.info-survey h5{
    font-size: 13px;
    margin: 0;
    line-height: 20px;
}

.color-prime{
    color: #608c88;
}

.search-form{
    width: 100%;
    max-width: 500px;
}

.search-form .btn.btn-default{
    margin-top: 0;
}

h2.main-title .small{
    color: inherit;
    font-size: 80%;
}

.heading-list{
    margin-top: 30px;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 10px;
}

.survey-list{
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 6px;
}

.survey-list button i:before{
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
}

.survey-list .flaticon-garbage:before{
    font-size: 16px;
    position: relative;
    top: -2px;
}

.survey-list a{
    color: #608c88;
}

.survey-list:hover{
    background: rgba(108, 214, 180, 0.26);
}

.followUp-status{
    text-align: right;
}

.followUp-status small{    
    color: #fff;
    padding: 3px 0;
    border-radius: 4px;
    font-size: 11px;
    display: block;
    width: 50px;
    text-align: center;
    float: right;
}

.mobile-title{
    display:none;
}

.ellipsis-words{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-words .locationItem{
    text-decoration: none;
}

@media(max-width: 767px){
    .survey-list{
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 2px;
    }

    .survey-list:nth-child(odd){
        background: rgba(135, 255, 217, 0.06)
    }
    .followUp-status{
        text-align: right;
        margin: 5px 0 5px;
    }
    .mobile-title{
        display: block;
        color: #888;
        font-size: 12px;
        margin-bottom: -5px;
        margin-top: 5px; 
    }

    .survey-list .col-xs-9{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-top: 5px;
    }

    .followUp-status .mobile-title{
        margin-bottom: 5px;
    }
}

/*a.btn.back-btn{
    margin: 0;
    font-size: 14px;
    padding: 4px 12px;
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
}

.start-audit-btn{
    float: right;
    padding: 4px 30px;
    color: #fff;
    background-image: linear-gradient(to bottom,#64b0a1 0,#498e80 100%);
}

.export-excel{
    margin-right: 15px;
    color: #62a799;
    float: right;
    margin: -20px 20px;
}

.export-excel:hover{
    color: #4b9082;
    text-decoration: none;
    border-bottom: 1px solid;
}*/

/*.start-audit-btn:hover, .start-audit-btn:active, .start-audit-btn:focus{
    color: #fff;
    background-image: linear-gradient(to top,#64b0a1 0,#498e80 100%);
}*/

/*.template-name{
    font-size: 20px;
    font-weight: 600;
    color: #4e9486;
    margin-top: 5px;
}

.template-description{
    font-size: 16px;
}*/

.audit-question{
    padding-left: 20px;
    margin-bottom: 30px;
    display: inline-block;
}

.audit-question-item{
    margin-bottom: 0px;
    margin-top: 15px;
}

.audit-subheading{
    font-size: 22px;
    font-weight: bold;
    background: -webkit-linear-gradient(360deg, #e8f8e8, white);
    background-image: -ms-linear-gradient(left, #e8f8e8 0%, white 100%);
    padding-left: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.audit-subheading a{
    color: #616161;
    position: relative;
    display: block;
}

.audit-subheading a:hover, .audit-subheading a:focus, .audit-subheading a:active{
    text-decoration: none;
}

.audit-subheading a.href-collapse:before{
    content: "\f108";
    font-family: 'Flaticon';
    display: table;
    position: absolute;
    left: -30px;
    top: 3px;
    font-size: 16px;
}

.audit-subheading a.href-collapse.collapsed:before{
    content: "\f108";
    font-family: 'Flaticon';
    display: table;
    position: absolute;
    left: -30px;
    top: 3px;
    font-size: 16px;
    transform: rotate(-90deg);
}

.audit-subheading a[aria-expanded=false]:before{
    content: "\f108";    
    transform: rotate(-90deg);
}

.audit-list-question h2:first-child a:before{
    content: "\f108";
    font-family: 'Flaticon';
    display: table;
    position: absolute;
    left: -30px;
    top: 5px;
    font-size: 16px;
    transform: none;
}

/*TODO find&remove custom-checkbox and radio custom
.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: rebeccapurple;
    color: #fff;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #62ad9e;
    font-size: 21px;
}

*/

.radio{
    display: inline-block;
    margin-right: 15px;
}

.radio label{
    padding-left: 0;
}

.label-align{
    margin-right: 15px;
}

.details-custom-btn{
    padding-left: 10px;
    float: right;
    color: #fff
}

.followUp-question{
    max-width: 800px;
    margin-bottom: 30px;
}

.attachment img{
    width: 100%;
}

/*.add-attachment-btn{
    display: block;
    margin: 10px 0;
    padding: 5px 15px;
    background: #62a799;
    border: 1px solid #2c5d53;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    transition: background .3s ease;
}

.add-attachment-btn:hover{
    background: #549084;
}*/

.attachment .attachment-wrapper{
    position: relative;
    display: inline-block;
    max-width: 159px;
    margin: 5px;
}

.attachment .remove-attachment{
    position: absolute;
    color: #fff;
    background: #6b6b6b;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 9;
}

.attachment .remove-attachment:before{
    font-size: 14px;
    position: relative;
    margin: 0;
    top: 2px;
    left: 6px;
}

.followUp-wrapper .panel-body{
    padding: 0
}

.followUp-wrapper .survey-list{
    border-radius: 0;
    padding: 25px 0 5px;
}

.followUp-wrapper .survey-list a{
    color: #fff;
}

.audit-item-heading{
    margin-bottom: 0;
}

small.Resolved{
    background: rgba(73, 142, 128, 0.74);
}
small.Unresolved{
    background: rgba(255, 0, 0, 0.55);
}

.followUp-priority{
    display: inline-block;
    padding: 5px 25px;
    font-size: 18px;
    border-radius: 4px;
    color: #fff;
}

.followUp-title{
    margin-top: 20px;
    margin-bottom: 5px;
    color: #9a9a9a;
}

.followUp-descr{
    font-weight: 100;
    font-size: 20px;
    margin-bottom: 0;
}

.followUp-priority.zero{background: #4ba7c3}
.followUp-priority.low{background: #56c173}
.followUp-priority.medium{background: #dcd355}
.followUp-priority.high{background: #f1994b}
.followUp-priority.very-high{background: #ce0000;}

.resolve-btn{
    position: relative;
    top: 25px;
    background: #358983;
    color: #fff;
    border-radius: 4px;
    font-size: 18px;
    padding: 6px 12px;
    border: 1px solid #2c736b;
    float: right;
    transition: background .3s ease;
}

.resolve-btn:hover{
    color: #fff;
    text-decoration: none;
    background: #46ada5;
}

.pagination{
    margin-top: 50px;
}

.audit-btns {
    margin-top: 0;
    margin-bottom: 30px;
}

/*.audit-btns a.flaticon{
    margin-right: 15px;
    color: #6fb9aa;
    float: right;
    margin: -13px 0 0;
    
}

.audit-btns a.flaticon:before{
    font-size: 40px;
}

.audit-btns a.flaticon:hover{
    color: #3f7b6f;
    text-decoration: none;
}

.audit-btns a.flaticon:focus{
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
    text-decoration: none;
}*/

/*.audit-btns .btn.add-custom-button{
    padding: 6px 20px;
    float: right;
    background: #62a799;
    border: 1px solid #3c786b;
    margin-left: 20px;
    margin-top: -2px;
    transition: background .3s ease;
}

.audit-btns .btn.add-custom-button:hover{
    background: #498e80;
}*/

.signature-wrapper{
    display: table;
    border-bottom: 1px solid #000;
}

.signature-wrapper img, .signature-wrapper figcaption{
    display:inline-block
}

.answer{
    margin: 5px 0 15px;
}

.answer i:before{
    margin: 0;
    position: relative;
    top: 1px;
    left: 0px;
    padding-right: 10px;
    font-size: 16px;
}

.answer i.flaticon-correct-symbol:before{
    color: #498e80;
}

.audit-list-question .radio{
    display: none;
}

.audit-list-question-edit h4{
    margin-top: 10px;
    margin-bottom: 10px;
}

.audit-list-question-edit .question-item{
    margin-bottom: 20px;
}

.audit-list-question-edit .form-control{
    max-width: 400px;
}

.audit-list-question-edit .signature-wrap{
    padding-left: 20px;
}

.audit-list-question-edit .signature-wrap .wrapper{
    position: relative;
    max-width: 400px;
    height: 200px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.audit-list-question-edit .signature-wrap .wrapper .signature-pad{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 200px;
    background: #eee;
    border-radius: 6px;
    border: 1px solid #a9a9a9;
}

.audit-list-question-edit .btn-save{
    width: 100%;
    background: #43a591;
    color: #fff;
    font-size: 18px;
    border: 1px solid #388877;
    margin-left: 20px;
    max-width: 400px;
    margin-top: 30px;
}

/*.settings button{
    font-size: 18px;
    padding: 4px 30px;
    color: #fff;
    background-image: linear-gradient(to bottom,#64b0a1 0,#498e80 100%);
    margin-top: 30px;
}

.settings button:hover, .settings button:active, .settings button:focus{
    color: #fff;
    background-image: linear-gradient(to top,#64b0a1 0,#498e80 100%);
}*/

input[type="checkbox"] { display: none; }

input[type="checkbox"] + label,  input[type="checkbox"] + input + label{
    cursor: pointer;
    font-weight: 300;
    font-size: 14px;
    color: #333;
    display: block;
    padding-left: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.form-horizontal.settings input[type="checkbox"] + label:last-child { 
    margin-bottom: 0; 
}

.form-horizontal.settings > .col-sm-12{
    padding-left: 0;
    margin-bottom: 15px;
}

input[type="checkbox"] + label:before, input[type="checkbox"] + input + label:before {
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    border: 1px solid #309096;
    position: absolute;
    left: 0;
    top: 1px;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + input + label:before {
    width: 9px;
    top: -1px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#days input[type="checkbox"] + label:before, #daysinput[type="checkbox"] + input + label:before{
    left: 15px;
}

#days input[type="checkbox"]:checked + label:before, #days input[type="checkbox"]:checked + input + label:before{
    left: 19px;
}

#days input[type="checkbox"] + label, #days input[type="checkbox"] + input + label{
    padding-left: 30px;
    margin-bottom: 3px;
}

.dropdown{
    top: 8px;
}

.dropdown i.fa{
    font-size: 18px;
}

.dropdown button.dropdown-toggle{
    border: none;
    background: rgba(88, 88, 88, 0.13);
    padding: 6px 17px;
}

.nav.navbar-nav.navbar-right .dropdown-menu>li>a{
    display: inline-block;
    width: 100%;
    padding-left: 50px;
}

.dropdown-menu li{
    position: relative;
}

.dropdown-menu li a{
    width: 100%;
}

.dropup .dropdown-menu i{
    position: relative;
    top: 2px;
}

.dropup .dropdown-menu i:before{
    margin-left: 8px;
}

.dropdown-menu i{
    position: absolute;
    top: 0;
    color: #333;
    left: -5px;
}

.dropdown-menu i:before{
    font-size: 18px;
}

.dropdown-menu.dropdown-menu-left.grid-drop i:before{
    font-size: 15px;
    top: 1px;
    position: relative;
}

.dropdown-menu.dropdown-menu-left.grid-drop i{
    right: 10px;
}

.canvasjs-chart-credit{
    display: none !important
}

.charts{
    margin: 0 0 50px;
}

.charts > div{
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.charts > div:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.charts h5{
    width: 100%;
    text-align: center;
    position: relative;
    font-weight: 700;
    /*z-index: 2;*/
    top: 0;
    font-size: 14px;
    color: #656565;
}

.charts img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    max-width: 145px;
}

@media(max-width: 990px){
    .charts{
        margin-top: 30px;
    }
    .charts >div {
        margin-bottom: 30px;
    }
}

.grid-drop>li>a{
    padding-right: 30px;
    padding-top: 3px;
}

.right-btn button.dropdown-toggle{
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
}

.right-btn button.dropdown-toggle:hover{
    background: #62a799;
}

.right-btn button.dropdown-toggle:hover i:before{
    color: #fff;
}

.right-btn.open>.dropdown-toggle.btn-default:focus i:before,  .right-btn.open>.dropdown-toggle.btn-default:hover i:before{
    color: #fff;
}

.right-btn.open>.dropdown-toggle.btn-default:focus,  .right-btn.open>.dropdown-toggle.btn-default:hover{
    background-color: rgba(98, 167, 153, 0.49);
}

.right-btn button.dropdown-toggle i:before{
    color: #6d6d6d;
}

.right-btn{
    float: none;
    text-align: center
}

.right-btn.open>.dropdown-menu{
    right: 0;
    left: auto; 
    text-align: right;
}

@media (min-width: 768px){
    .right-btn{
        float: right;
        text-align: right
    }
}

.form-horizontal.settings{
    background: rgba(91, 177, 157, 0.13);
    border-radius: 5px;
    padding: 15px 20px 10px;
}

.form-horizontal.settings .form-group{
    margin-bottom: 20px;
}

.form-horizontal.settings .form-group label{
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 16px;
}

.form-horizontal.settings .btn-answer-save{
    margin: 20px auto 0;
    display: block;
    width: 100%;
    max-width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
}

.form-horizontal.settings .custom-primary-button-delete{
    margin-top: 20px;
}

.caution-message{
    text-align: center;
}

.caution-message h2{
    font-size: 34px;
    margin-bottom: 30px;
}

.caution-message p{
    font-size: 16px;
    margin-bottom: 15px;
}

.caution-message .app-link, .app-link{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 20px;
}

.caution-message .app-link a, .app-link a{
    background: #498e80;
    border: 1px solid #35655b;
    border-radius: 4px;
    padding: 5px 20px;
    color: #fff;
    transition: background .3s ease;
}

.caution-message .app-link a:hover, .caution-message .app-link a:focus, .caution-message .app-link a:active{
    text-decoration: none;
    background: #3e776c;
}

.navbar-fixed-left .navbar-header{
    width: 100%;
    border-bottom: 4px solid #498e80;
}
.locationItem i:before{
    font-size: 14px;
    color: #888;
    position: relative;
    top: -1px;
    margin-left: 5px;
}

/*breadcrumbs*/
body .breadcrumbs {
    background: #fff;
    padding: 10px 7px;
    width: 100%;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    z-index: 1000;
    position: fixed;
    top: 50px;
    margin-left: 0px;
    left: 0px;
}

.breadcrumb{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    color: #424242;
    list-style: none;
    background-color: rgba(98, 167, 153, 0.32);
    border-radius: 4px;
    padding: 5px 15px;
}

.breadcrumb>li+li:before {
    padding: 0 3px;
    color: #000;
    content: "/\00a0";
}
body .breadcrumbs-substrate {
    /*display: block;
    width: 100%;
    height: 50px;
    float: none;*/
}

/*body .breadcrumbs-static {
    z-index: auto;
    position: static;
    top: auto;
}

body .breadcrumbs ul.breadcrumbs-title {
  float: left;
  color: #3e4f5e;
  margin: 0;
  line-height: 30px;
  text-transform: uppercase;
}
body .breadcrumbs ul.breadcrumbs-title li {
  float: left;
  list-style: none;
  font-size: 11px;
}
body .breadcrumbs ul.breadcrumbs-title li a {
  color: red;
}
body .breadcrumbs ul.breadcrumbs-title li:after {
  content: '> ';
  margin-left: 4px;
  margin-right: 4px;
  font-family: FontAwesome;
}
body .breadcrumbs ul.breadcrumbs-title li:last-child:after {
  content: ' ' !important;
}
body .breadcrumbs ul.breadcrumbs-title li:last-child {
  font-weight: bold;
}
    
body .breadcrumbs .breadcrumbs-list {
  float: right;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
body .breadcrumbs .breadcrumbs-list > li {
  display: inline-block;
  font-size: 14px;
}
body .breadcrumbs .breadcrumbs-list > li > a {
  color: #8e9daa;
}*/

.followUp-resolve-btn {
    background: #358983;
    border: 1px solid #2c736b;
    border-radius: 4px;
    font-size: 18px;
    padding: 6px 12px;
    color: #fff;
    text-decoration: none;
    transition: background .3s ease;
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
    max-width: 115px;
    text-align: center;
}

.followUp-resolve-btn:hover,.followUp-resolve-btn:active,.followUp-resolve-btn:focus{
    background:#62a799;
    color: #fff;
    text-decoration: none; 
}

/***************radio *************/

.radio-wrapper .container-fluid {
    display: flex;
    text-align: left;
    padding-left: 0;
}

.radio-tile-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.radio-tile-group .input-container {
  position: relative;
  height: 3rem;
  width: 3rem;
  margin: 0.5rem;
}

.radio-tile-group .input-container:first-child{
    margin-left: 0;
}
.radio-tile-group .input-container .radio-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}
.radio-tile-group .input-container .radio-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border: 2px solid #5daf9f;
  border-radius: 5px;
  padding: 8px;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.radio-tile-group .input-container .radio-tile-label {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #5daf9f;
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile {
background-color: #5daf9f;
border: 2px solid #5daf9f;
  color: white;
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {
  color: white;
    background-color: #5daf9f;
}

.navbar-default .navbar-nav > li.dropdown{
    top: 0;
}

.locationItem i.glyphicon-eye-open{
    top: 3px;
    padding-right: 5px;
}

.answer .flaticon-cross-symbol:before{
    font-weight: 700;
    font-size: 13px;
    color: #b72424;
}

#drift-widget{
    transform: translateY(90px);
}

.ticket-item{
    position: relative;
    background: #f1f1f1;
    border-radius: 4px 4px 0 0;
    border: 1px solid #989898;
    margin-bottom: 20px;
}

.ticket-item img{
    max-height: 128px;
    margin: auto;
}

.ticket-item figcaption{
    border-top: 1px solid #9a9a9a;
    padding-top: 10px;
    min-height: 115px;
}

.ticket-item .date{
    position: absolute;
    bottom: 2px;
    right: 5px;
    color: #888;
    font-size: 10px;
}

.ticket-item .insperctor-name{
    position: absolute;
    bottom: 2px;
    left: 5px;
    font-size: 10px;
    color: #888;
}

.ticket-item .ticketId{
    position: absolute;
    bottom: 15px;
    left: 5px;
    font-size: 10px;
    color: #888;
}

.ticket-item .ticket-title{
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
}

.ticket-item .ticket-title a{
    color: #888;
}

.ticket-item .place{
    float: left;
    padding-left: 5px;
    font-size: 13px;
    width: 65%;
}

.ticket-item .place span{
    font-size: 12px;
    line-height: 1.25;
}

.ticket-item .place  a i:before{
    font-size: 12px;
    color: #333;
    margin: 0;
    padding-left: 5px;
}

.ticket-item .place  a:hover i:before{
    color: #498e80;
}

.ticket-item .place  a:hover, .ticket-item .place  a:active, .ticket-item .place  a:focus{
    text-decoration: none;
}

.ticket-item .place small, .ticket-item .status small{
    color: #989898;
    font-size: 11px;
}

.ticket-item .status{
    width: 35%;
    float: right;
}

.ticket-item .status {  
    border-radius: 5px;
    padding: 0 11px;
    text-align: right;
}

.resolvedStatus{
    background: #d02b48;
    color: #fff;
    display: inline-block;
    padding: 3px 11px;
    border-radius: 4px;
    font-size: 11px;
}

.unresolvedStatus{
    background: #42a942;
    color: #fff;
    display: inline-block;
    padding: 3px 11px;
    border-radius: 4px;
    font-size: 11px;
}

.ticket-image-wrapper{
    position: relative;
}

.ticket-image-wrapper a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ticket-item-v2-wrap{
    position: relative;
    margin-bottom: 25px;
    min-height: 248px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    box-shadow: 0 0 1px 1px rgb(177, 177, 177);
}

@media(min-width: 992px){
    .ticket-item-v2 > div{
        width: 20%;
    }
}

.ticket-item-v2-wrap img{
    max-height: 233px;
    width: 100%;
}

.ticket-img-wrap{
    display: flex;
    min-height: 186px;
    align-items: center;
    background: #f7f7f7;
}

.ticket-item-v2-info{
    position: absolute;
    bottom: 0; /*15px*/
    background: #484848;
    width: 100%;
    color: #fff;
    z-index: 1;
}

.ticket-item-v2-name{
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.25;
    font-size: 12px;
    padding: 5px 10px;
    border-bottom: 1px solid #fff;
    min-height: 41px;
}

.ticket-item-v2-name a{
    text-align: center;
    color: #fff;
}

.ticket-item-v2-name a:hover{
    color: #fff;
}

.ticket-status-wrap{
    display: flex;
    background: #fff;
}

.ticket-status{
    color: #fff;
    padding: 2px 10px 4px;
    border-radius: 6px;
}

.ticket-status-wrap > div{
    width: 50%;
    text-align: left;
    font-size: 11px;
    padding: 3px 5px;
    background: #484848;
}

/*.ticket-item-v2-status, .ticket-item-v2-id{
    color: #ffffff;
    font-size: 11px;
}*/


.ticket-status-wrap > div.status-ticket{
    text-align: center;
    background: rgba(73, 142, 128, 0.74);
}

.ticket-status-wrap > div.status-ticket.open{
    
    background: rgba(255, 0, 0, 0.55);
}

.editable-ticket{
    margin-bottom: 25px;
    margin-top: -25px;
}

.editable-ticket textarea{
    max-width: 500px;
    min-height: 115px;
}

.editable-ticket select {
    max-width: 500px;
}

.editable-ticket input.form-control{
    max-width: 500px;
}

#customQuestion p, #yesNoWrap p, #yesNoNAWrap p{
    position: relative;
    top: 8px;
    left: 18px;
}

.question-label{
    text-transform: uppercase;
    font-weight: 700;
    color: #969696;
    font-size: 10px;
    position: relative;
    top: 10px;
}

.modal-body h6.help-block{
    color: #969696;
    font-size: 10px;
    font-weight:700;
    text-transform: uppercase;
    position: relative;
    top: 3px;
}

.trimax-form{
    padding: 20px 0 50px;
}

.trimax-form h2{
    margin: 30px 0;
    text-align: center;
}

.trimax-form h3{
    border-bottom: 3px solid rgba(159, 159, 159, 0.12);
    border-radius: 100% 100% 100% 0;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.trimax-form form{
    border: 1px solid #dadada;
    background: rgba(91, 177, 157, 0.05);
    border-radius: 4px;
    padding-bottom: 20px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.trimax-form form .form-control{
    margin-bottom: 10px;
}

.trimax-form form .form-control[readonly]{
    background: #fff;
}

.trimax-form form .container-fluid:not(:last-child){
    border-bottom: 1px solid #ededed;
    box-shadow: 0 1px 15px 0px rgba(0, 0, 0, 0.07);
}

.trimax-form .weather-wrap .radio input {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.trimax-form .weather-wrap .radio{
    display: inline-block;
}

.trimax-form .weather-wrap input[type=radio] + label>img{
    width: 85px;
    border-radius: 50%;
    padding: 5px;
    border: 1px solid #d2d2d2;
}

.trimax-form .weather-wrap input[type=radio]:checked + label>img {
    box-shadow: inset 0 0px 3px 1px rgba(0, 0, 0, 0.6);
}

.trimax-form .save-btn{
    display: block;
    width: 100%;
    margin: 30px auto 5px;
    font-size: 18px;
    color: #fff;
    background: #319a5b;
    border: 1px solid #295625;
    border-radius: 6px;
    padding: 6px 0px;
}

.trimax-form footer{
    margin-top: 50px;
    padding: 10px 0 0;
    background: #f8f8f8;
}

.trimax-form .wrapper {
    position: relative;
    max-width: 400px;
    height: 200px;
    margin: auto;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow:hidden;
    border: 2px solid #a9a9a9;
}

.trimax-form .signature-pad {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width:400px;
    height:200px;
    background: #eee;
}

.trimax-form .signature-btns{
    text-align: center;
    margin: 15px 0;
}

.trimax-form .radio{
    display: block;
    margin-right: 0;
}

.trimax-form .radio label{
    padding-left: 20px;
}

.trimax-form .weather-wrap .radio label{
    padding-left: 0;
}

.trimax-form .weather-wrap .radio img{
    margin-right: 20px;
}

.trimax-form input[type="checkbox"]{
    display: block
}

div.table {
    display: table;
}

div.table .file-row {
    display: table-row;
}

div.table .file-row > div {
    display: table-cell;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    padding: 8px;
}

div.table .file-row > div:last-child{
    text-align: right;
}

div.table .file-row:nth-child(odd) {
    background: #f9f9f9;
}

/* The total progress gets shown by event listeners */
#total-progress {
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

/* Hide the progress bar when finished */
#previews{
    text-align: center;
    padding: 10px 0;
    border-radius: 10px;
}

#previews .file-row.dz-success .progress {
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

/* Hide the delete button initially */
#previews .file-row .delete {
    display: none;
}

/* Hide the start and cancel buttons and show the delete button */
#previews .file-row.dz-success .start,
#previews .file-row.dz-success .cancel {
    display: none;
}

#actions{
    margin-bottom: 20px;
}

.fileinput-button{
	background: #45877a;
    border: 1px solid #fff;
    font-size: 16px;
    color: #ffffff;
    transition: background .3s ease;
}

.fileinput-button i.glyphicon {
    font-size: 14px;
}

.fileinput-button:hover, .fileinput-button:active, .fileinput-button:focus{
    background: rgb(51, 99, 89);
    color: #fff;
}

.file-row button{
	display: none;

}

.file-row .delete{
	float: right;
}

.progress{
	margin-bottom: 0;
    margin-top: 20px;
}

#previews .file-row.dz-success .progress{
	display: none;
	opacity: 0 !important
}

#aaaa a{
    display: block;
    height: 20px;
    width: 20px;
}

#total-progress{
    position: relative;
    top: 1px;
    margin-right: auto;
    margin-top: 0;
    height: 34px;
    width: calc(100% - 28px);
}

.file-row.dz-image-preview{
    position: relative;
    display: inline-block;
    margin: 0 15px 20px 0;
}

.file-row.dz-image-preview .name, .file-row.dz-image-preview a{
    display: none;
}

.attachment .fileinput-button{
    display: block;
    margin: 10px 0;
    padding: 5px 15px;
    background: #62a799;
    border: 1px solid #2c5d53;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    transition: background .3s ease;
}

.attachment #previews{
    text-align: left;
    border: none;
}

.datepicker-days .prev, .datepicker-days .next{
    background: none;
}

.attachment > section > .container-fluid{
    padding: 0;
}

.attachment #previews .file-row.dz-success .cancel, .trimax-form #previews .file-row.dz-success .cancel{
    display: block;
    position: absolute;
    color: #fff;
    background: #6b6b6b;
    border: 1px solid #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 9;
}

.attachment #previews .file-row.dz-success .cancel .flaticon-cross-symbol:before, .trimax-form #previews .file-row.dz-success .cancel .flaticon-cross-symbol:before{
    margin: 0;
    font-size: 12px;
    position: absolute;
    left: 7px;
    top: 3px;
}

.attachment #previews img{
    border: 1px solid #888;
    border-radius: 4px;
}

@media(min-width: 768px){
    .attachment #total-progress{
        margin-top: 9px;
        height: 30px;
        width: calc(100% - 87px);
    }
}

.trimax-form label{
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 20px;
    color: #7b7b7b;
}

.fix-radio-distance label{
    margin-bottom: -15px;
}

fix-radio-distance .radio{
    margin-top: 0px;
    margin-bottom: -5px;
}

#agentSignature{
    position: relative;
    width: 320px;
    height: 110px;
    background: transparent;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    display: block;
}

.signature-agent-wrapper{
    position: relative;
    max-width: 320px;
}

#clearSignature{
    position: absolute;
    top: 2px;
    right: 7px;
    cursor: pointer
}

.signature-agent-wrapper .flaticon-cross-symbol:before{
    font-size: 12px
}

.file-row.dz-image-preview a{
    display: inline-block
}

.wrapper.with-image{
    max-width: 100%;
    height: 300px;
}

.wrapper.with-image .signature-pad{
    height: 300px
}

.signature-wrap{
    padding-bottom: 30px;
}

.signature-wrap span{
    position: absolute;
    right: 8px;
    top: 5px;
    cursor: pointer
}

.signature-wrap span .flaticon-cross-symbol:before{
    color: #888;
    font-size: 14px;
}

#signatureWithImageWrap{
    position: relative;
    margin: auto;
    text-align: center;
}

#signatureOnImage{
    position: relative;
    top: 0;
    background: #d8d8d8;
    border: 1px solid #a9a9a9;
}


#signatureWithImageWrap input{
    display: block;
    margin: 15px auto;
}

.vehicle-report-form .input-group{
    margin-bottom: 10px;
}

.vehicle-report-form .input-group input{
    margin-bottom: 0;
}

.vehicle-report-form .container-fluid{
    padding-top: 10px;
    padding-bottom: 10px;
}

.vehicle-report-form .till-time .input-group-addon{
    border-left: none;
    border-right: none;
}

.vehicle-report-form .details{
    text-transform: uppercase;
    color: #5d5d5d;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    line-height: 2.5;
}

.vehicle-report-form .details .row:first-child{
    border-top: 1px solid;
}

.vehicle-report-form .details .row{
    border-bottom: 1px solid;
}

.vehicle-report-form .details .row > div:last-child{
    text-align: left;
    border-left: 1px solid;
}



.vehicle-report-form .details .row:last-child{
    text-align: center;
    font-size: 15px;
}

.vehicle-report-form .details .row:last-child > div:last-child{
    text-align: center;
    border-left: none;
}

.vehicle-report-form .details .row:nth-child(odd) > div:last-child{
    background: #e7eaea;
}

@media(max-width: 767px){
    .vehicle-report-form .details .row > div:last-child{
        border: none;
    }

    .vehicle-report-form .details .row:nth-child(odd) > div:last-child{
        background: transparent;
    }
}

.help-info{
    text-align: center;
    margin-top: 40px;
    line-height: 1.35;
    text-transform: uppercase;
    font-weight: 700;
    color: #555;
}

.filter label{
    font-size: 12px;
    color: #888;
    margin: 0;
}

.filter{
    float: right;
    margin-top: -15px;
}

.filter > div{
    display: inline-table;
    margin-left: 10px;
    max-width: 192px;
}

@media(max-width: 991px){
    .filter{
        float: none;
        margin: 10px 0 0;
    }
    .filter > div{
        margin: 0 15px 10px 0px;
    }
}



@media(max-width: 767px){
    .filter{
        float: left;
        margin: 0;
    }
}

#findBtn{
    padding: 1px 12px;
    background: #62a799;
    border: 1px solid #62a799;
}

#findBtn i:before{
    margin: 0;
    font-size: 21px;
    padding: 0;
    position: relative;
    top: 0px;
    color: #efefef;
}

.filter select{
    max-width: 280px;
}

.audit-question .href-collapse{
    display: block;
    margin-top: -10px;
    margin-bottom: 25px;
}

.audit-question dev.collapse .well{
    padding: 0 15px;
    background: #f9f9f9;
}

.buttons-wrap{
    margin-bottom: 25px;
}

.buttons-wrap .btn-add-gradient{
    margin-bottom: 5px;
}

form .btn-add-gradient{
    width: 100%;
    font-size: 17px;
    max-width: 500px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

.modal form .btn-add-gradient{
    width: 100%;
    font-size: 17px;
    max-width: 275px;
    margin: 10px auto 0;
    display: block;
}

/*.export-buttons{
    text-align: right;
    margin: 10px 0 0;
    margin-left: 10px;
}*/
.export-buttons{
    position: relative;
    top: 26px;
}

.export-buttons .btn-group .btn-default{
    color: #fff;
    background-image: linear-gradient(to bottom,#64b0a1 0,#498e80 100%);
}

.export-buttons .btn-group.open .btn-default{
    background: #498e80;
    border: 1px solid #498e80;
    color: #fff;
}

@media(max-width:991px){
    .export-buttons{
        text-align: left;
        margin-left: 0;
        margin-right: 10px;
    }
}

.export-buttons a{
    display: inline-block;
    color: #62a799;
    text-decoration: none;
    transition: color .2s ease;
}

.export-buttons a:hover{
    color: #498e80;
}

.export-buttons a:before{
    margin: 0;
    font-size: 36px;
}

.chosen-answer{
    margin-top: 10px;
    padding: 6px 12px;
    background: #ebebeb;
    display: inline-block;
    margin-right: 5px;
    min-width: 90px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    font-weight: 800;
    color: #000;
}

.audit-item-image{
    margin: 30px 0;
}

.audit-item-image img{
    margin-right: 10px;
    display: inline-block;
    max-width: 150px;
    max-height: 150px;
}

.audit-item-image h4{
    margin: 0 0 10px;
    font-size: 22px;
    color: #545454;
    font-weight: 300;
}

.audit-item-image figure{

}

.chosen-answer.fail{
    background: rgb(217, 91, 93);
    color: #fff;
}

.chosen-answer.pass{
    background: rgb(61, 192, 139);
    color: #fff;
}

.chosen-answer.na{
    background: rgb(147, 156, 160);
    color: #fff;
}

.c-radio{
    display: inline-block;
    margin-right: 5px;
}

.c-radio label{
    background: #ebebeb;
    padding: 6px 25px;
    border-radius: 4px;
    color: #212121;
    min-width: 90px;
    text-align: center;
    font-size: 14px;
    font-weight: 800;
}

.c-radio input{
    display: none;
}

.c-radio input:checked + label{
    color: #fff;
}

.c-radio:first-child input:checked + label{
    background: rgb(61, 192, 139);
}

.c-radio:nth-child(2) input:checked + label{
    background: rgb(217, 91, 93);
}

.c-radio:nth-child(3) input:checked + label{
    background: rgb(147, 156, 160);
}

.radio-answers{
    margin-top: 15px;
}

.radio-answers label{
    cursor: pointer;
}

.img-sign{
    max-width: 200px;
    margin: 10px 0;
}

.report-wrap{
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
}

.report-wrap .report-item{
    width: 180px;
    height: 125px;
    margin: 0 10px 10px 0;
    background: #62a799;
    border-radius: 2px;
    border: 1px solid #909090;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 22px;
    text-align: center;
}

@media(max-width: 991px){
    .report-wrap .report-item{

    }
}

.report-wrap .report-item .report-item__head{
    border-bottom: 1px solid #fff;
    padding: 10px 0;
}

.report-wrap .report-item .report-item__count{
    font-size: 40px;
    font-weight: 300;
    line-height: 56px;
}