.cxc,
.cxcapp,
body {
    opacity: 1
}

.optionbox-contact a:focus,
.optionbox-contact a:hover,
.optionbox-tank a:focus,
.optionbox-tank a:hover,
.optionbox-wash a:focus,
.optionbox-wash a:hover,
.sidebar-toggle:focus,
.sidebar-toggle:hover {
    text-decoration: none
}

html {
    background-color: #222;
    opacity: 0
}

.cxc {
    background: url(../cxc/welcomeimg/street.jpg) center center no-repeat fixed;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: 3s opacity;
    -o-transition: 3s opacity;
    transition: 3s opacity
}

.cxcapp {
    background-color: #222
}

body {
    height: 80%;
    -webkit-transition: 2s opacity;
    -o-transition: 2s opacity;
    transition: 2s opacity
}

.cxcbody {
    height: 100%
}

body.fade-out {
    opacity: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.login-page {
    background: 0 0 !important
}

.copy {
    font-size: 9px;
    color: #fff
}

.login-box-body {
    background: 0 0
}

.help-block {
    background: #fff;
    padding: .5em 1.5em;
    border: 2px solid red;
    opacity: .8;
    border-radius: 5px;
    -webkit-transition: ease-in .5s;
    -o-transition: ease-in .5s;
    transition: ease-in .5s
}

.form-control {
    opacity: .8;
    color: #006400;
    border-radius: 10px;
    -webkit-box-shadow: 1px 3px 46px 5px rgba(255, 255, 255, .25);
    box-shadow: 1px 3px 46px 5px rgba(255, 255, 255, .25)
}

.form-control:focus {
    background-color: #006400;
    color: #fff;
    opacity: .8;
    -webkit-transition: ease-in .5s;
    -o-transition: ease-in .5s;
    transition: ease-in .5s
}

.login-logo a:focus,
.login-logo a:hover {
    color: #fff;
    text-decoration: none
}

.login {
    border-radius: 10px;
    width: 350px;
    outline: 0;
    padding: 5px;
    color: #fff;
    opacity: 1;
    background-color: #222;
    border: 1px solid grey;
    -webkit-box-shadow: 1px 3px 46px 5px rgba(255, 255, 255, .25);
    box-shadow: 1px 3px 46px 5px rgba(255, 255, 255, .25)
}

.login:focus,
.login:hover {
    -webkit-transition: ease-in 1s;
    -o-transition: ease-in 1s;
    transition: ease-in 1s;
    background-color: #006400;
    opacity: .9;
    color: #fff;
    border: .5px solid #add8e6
}

.m-b-md {
    margin-bottom: 30px
}

.noscript {
    color: #fff;
    font-size: 25px
}

@media only screen and (max-width:768px) {
    .login {
        width: 100%;
        height: 2em;
        font-size: 1.5em
    }

    .form-control {
        height: 3em
    }

    .login-box-body .form-control-feedback,
    .register-box-body .form-control-feedback {
        font-size: 1em;
        padding-top: .3em
    }

    .login-logo {
        font-size: 3.5em;
        margin: 0
    }

    .logo {
        display: none !important
    }

    .sidebar-menu li a {
        padding-top: 1.5em;
        padding-bottom: 1.5em
    }

    .col-md-12,
    .col-md-3,
    .col-md-9 {
        padding: 0
    }

    .main-footer {
        font-size: .8em
    }

    .content-header {
        padding-left: .7em
    }

    .content {
        padding: .5em
    }

    .cc-btn {
        width: 100%;
        padding: 1em;
    }

    .cc-message {
        padding-top: 10px;
        padding-left: 3px;
    }
}

td {
    font-size: 12px
}

.logo-lg,
.main-header,
.skin-blue .main-header .logo,
.skin-blue .main-header .navbar,
.skin-blue .main-header .navbar .sidebar-toggle:focus,
.skin-blue .main-header .navbar .sidebar-toggle:hover,
.skin-blue .main-header li.user-header {
    background: rgba(0, 100, 0, 1);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 100, 0, 1)), color-stop(100%, rgba(18, 161, 18, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 100, 0, 1) 0, rgba(18, 161, 18, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 100, 0, 1) 0, rgba(18, 161, 18, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 100, 0, 1)), to(rgba(18, 161, 18, 1)));
    background: linear-gradient(to bottom, rgba(0, 100, 0, 1) 0, rgba(18, 161, 18, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006400', endColorstr='#12a112', GradientType=0);
    -webkit-box-shadow: -8px 25px 43px -28px rgba(0, 0, 0, .75);
    box-shadow: -8px 25px 43px -28px rgba(0, 0, 0, .75)
}

.user-image {
    border-radius: 1000px
}

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

.skin-blue .sidebar-menu>li.active>a,
.skin-blue .sidebar-menu>li:hover>a {
    border-left-color: #006400
}

.skin-blue .sidebar-menu li {
    font-size: 13px
}

.skin-blue .main-header li.user-header {
    opacity: .8
}

.main-header {
    position: fixed;
    width: 100%
}

.content-header {
    margin-top: 3.5em
}

.btn-plus,
.btn-plus:active,
.btn-plus:focus,
.btn-plus:hover {
    background: 0 0;
    border: none
}

.box.box-primary,
.optionbox-tank {
    border-top-color: green
}

.optionbox-contact,
.optionbox-tank,
.optionbox-wash {
    border-radius: 10px;
    padding: 18px 15px 15px 20px
}

.optionbox-tank {
    background-color: green
}

.optionbox-wash {
    background-color: #daa520;
    border-top-color: #daa520
}

.optionbox-contact {
    background-color: #00008b;
    border-top-color: #00008b
}

.optionbox-contact a,
.optionbox-tank a,
.optionbox-wash a {
    color: #fff
}

.rowhighlight,
.rowhighlight:focus,
.rowhighlight:hover {
    background-color: #F1AB16 !important
}

.rowstorno {
    background-color: #ff4500 !important;
    color: #fff !important
}

.rowstorno:focus,
.rowstorno:hover {
    background: #ff4500 !important;
    color: #fff !important
}

.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: green
}

.btn-info,
.btn-success {
    background-color: green;
    border-color: #006400
}

.btn-info:focus,
.btn-info:hover,
.btn-success:focus,
.btn-success:hover {
    background-color: #006400;
    border-color: #006400
}

.pagination .active span,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: green;
    border-color: #006400
}

.pagination .disabled span,
.pagination>li>a,
.pagination>li>span,
a,
a:focus,
a:hover {
    color: green
}

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

.btn-primary {
    background-color: #095184
}

.btn-primary:focus,
.btn-primary:hover {
    background-color: #043a60
}

.direct-chat-primary .right>.direct-chat-text::after,
.direct-chat-primary .right>.direct-chat-text::before {
    border-left-color: green
}

.direct-chat-primary .right>.direct-chat-text {
    background: green;
    border-color: green
}

#bb {
    padding: 20px;
    background: #006400;
    display: table;
    width: 100%;
    border-radius: 10px;
    text-align: center;
    font-size: 1.5em
}

input[type=file] {
    display: none
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
    bottom: .5em
}