﻿@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

body {
    padding-top:0px;
    color:#333;
}


/* 428BCA */

a{
    color:#0085A1;
}
a:hover,
a:focus,
a:active{
    color:#035523;
    text-decoration:none;
}
hr{
    margin-top:10px;
    margin-bottom:15px;
    border-color:#ccc;
}
body,h1,h2,h3,h4,h5,h6{
    font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',arial,helvetica,sans-serif;
}
.navbar{
    border-radius:0;
}
.navbar-inverse{
    background:#4F5E70;
    border:none;
    border-bottom:15px solid #0085A1;
    margin-bottom:0px;
}

.navbar-inverse .navbar-nav >li > a{
    color:#eee;
}
.navbar-inverse .navbar-nav >li > a:hover,
.navbar-inverse .navbar-nav >li > a:focus
{
  color: #fff;
}
.section{
    padding:20px;
}
.section-grey{
    background:#f7f7f7;
}

.section-dark-grey{
    background:#4F5E70;
    color:#fff;
}
.section-middle-grey{
    background:#949DA8;
}
.section-search{
    position:relative;
    z-index:0;
}
.section-search:after{
    background:rgba(0, 0, 0, 0.50);
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    content:" ";
    z-index:1;
}

.section-search .container{
    margin:40px auto;
    position:relative;
    z-index:2;
}
.section-search label{
    color:#04AC9C;
}
.section-search h2{
    margin:0;
    color:#fff;
}
.section-search .input-group{
    margin-top:20px;
    border:1px solid #0085A1;
}
.section-search .input-group .form-control{
    height:40px;
}
.section-search .input-group .input-group-addon{
    background:#0085A1;
}
.section-search .input-group .fa{
    font-size:x-large;
    color:#fff;
}
.section-green{
    background:#0085A1;
    color:#fff;
}
.section-green .green-intro{
    padding:15px;
}
.section-green .green-intro .green-intro-text{
    padding-left:55px;
}
.section-green .green-intro .green-intro-text h4{
    font-weight:600;
}
.section-green .green-intro .green-intro-icon{
    float:left;
    margin-top:7px;
}
.section-footer{
    border-top:1px solid #ccc;
    padding-top:20px;
}
.section-footer a{
    color:#fff;
}
.section-footer a:hover,
.section-footer a:focus{
    color:#fff7ca;
    text-decoration:none;
}
.material{
    background:#fff;
    padding:20px;
    border-radius: 2px;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
}
.material-grey{
    background:#F8F8F8;
    color:#333;
}
.material-grey ul{
    color:#0085A1;
    padding-left:20px;
    font-weight:600;
}

.navbar .navbar-brand{
    color:#fff;
}

.navbar .navbar-brand img{
    width:85px;
    margin-top:-13px;
}
.navbar-inverse .navbar-toggle .icon-bar,
.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar,
.navbar-inverse .navbar-toggle:link .icon-bar{
    background-color:#fff;
}
.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:link{
    background-color:#0085A1;
}
.footer-column{
    padding-top:10px;
}

#form-search{
    margin-top:30px;
}

.open-case-circle{
    width:auto;
    height:50px;
    border-radius:10px;
    background:rgba(4, 172, 156, 0.80);
    padding:0px 20px;
    color:#fff;
    text-align:center;
    /*position:absolute;*/
    border:5px solid #fff;
    margin-top:30px;
    display:inline-block;
    /*top:-25px;*/
}
.open-case-circle:hover,
.open-case-circle:focus,
.open-case-circle:active{
    color:gold;
    text-decoration:none;
}
@media (min-width: 768px) {
    .footer-column{
        padding-top:0px;
    }
    .navbar-inverse .navbar-link{
        margin-right:65px;
    }
    .navbar-inverse .navbar-collapse{
        padding:15px;
    }
    .navbar .navbar-brand{
        margin-top:15px;
    }
    .navbar .navbar-brand img{
        width:130px;
        margin-top:-26px;
    }
    .navbar-right{
        margin-top:20px;
    }
    .navbar-nav > li > a {
        border-right:1px solid #9d9d9d;
        padding:0px 15px;
    }
    .navbar-nav > li:last-child  > a{
        border-right:none;
    }
     .navbar-inverse .navbar-collapse{
        position:relative;
    }
    .navbar-inverse .navbar-nav.navbar-sign-in{
        background:#04AC9C;
        position:absolute;
        top:0px;
        right:15px;
        margin-top:0px;
        bottom:0px;
    }
    .navbar-inverse .navbar-nav.navbar-sign-in li{
        margin-top:35px;
    }
    .navbar-inverse .navbar-nav.navbar-sign-in li a{
        margin-right:0px;
        color:#fff;
        font-weight:600;
        padding:0 10px;
        cursor:pointer;
    }
    .navbar-inverse .navbar-nav li a.dropdown:hover,
    .navbar-inverse .navbar-nav li a.dropdown:focus,
    .navbar-inverse .navbar-nav li a.dropdown:link,
    .navbar-inverse .navbar-nav li a.dropdown:active{
        background-color:transparent;
        color:#777;
    }
    .navbar-inverse .navbar-nav.navbar-sign-in li .dropdown-menu li{
        margin:0;
    }
    .navbar-inverse .navbar-nav.navbar-sign-in li .dropdown-menu li a{
        margin:0;
        color:#777;
        font-weight:400;
        padding:5px 10px;
    }
    .border-left-hidden{
        border-left:1px solid #aaa;
    }
}

/*@media (max-width: 1024px){
    .section{
        padding-left:0px;
        padding-right:0px;
    }
}*/

.green-background{
    color:#fff!important;
    background:#0085A1!important;
}
.light-green-background{
    color:#fff!important;
    background:#8BC34A!important;
}
.medium-green-background{
    color:#fff!important;
    background:#689F38!important;
}
.orange-background{
    color:#fff!important;
    background:orange!important;
}
.gold-background{
    color:#fff!important;
    background:gold!important;
}
.blue-background{
    color:#fff!important;
    background:#428BCA!important;
}
.grey-background{
    background:#F8F8F8!important;
}
.sky-background{
    background:#e9eff3 !important;
    color:#777;
}
.white-background{
    background:#fff!important;
}
.orange{
    color:#04AC9C!important;
}
.orange-light{
    color:orange!important;
}
.gold{
    color:gold!important;
}
.white{
    color:#fff!important;
}
.black{
    color:#333!important;
}
.green{
    color:#0085A1!important;
}
.grey{
    color:#999!important;
}


.marg-top-10{
    margin-top:10px;
}

.image-circle-1x{
    width:50px;
    height:50px;
    border-radius:50%;
    border:1px solid #ccc;
}

.image-circle-2x{
    width:100px;
    height:100px;
    border-radius:50%;
    border:1px solid #ccc;
}

.image-circle-3x{
    width:200px;
    height:200px;
    border-radius:50%;
    border:1px solid #ccc;
}

.image-rounded{
    margin:10px;
}
.border-green{
    border:1px solid #0085A1;
}
.require{
    border-left:3px solid #fbaaaa;
}
.row{
    margin-bottom:10px;
}
/*Log in*/
.login-box{
    padding:20px;
    box-shadow:0 0 10px rgba(20, 20, 20, 0.21);
    background:#fff;
    margin:20px auto;
}
.fa.fa-20px{
    font-size:20px;
}

.section-search{
    padding:30px 0;
}
.index-login{
    margin-top:50px;
}
@media (min-width: 768px) {
    .login-box {
        margin:50px 25%;
    }
    .index-login {
        margin-top:0;
    }
    .section-search{
        padding: 100px 0;
    }
}

.index-search{
    padding-top:20px;
}

.index-login .login-box{
    margin:0;
    background:rgba(0, 133, 161, 0.9);
    color:#fff;
    /*box-shadow:none;*/
}
.index-login .control-label{
    color:#eee;
}


.general-menu{
    padding:10px;
    font-size:16px;
    margin:0px;
    cursor:pointer;
    display:block;
    color:#777;
    font-weight:600;
}
.general-menu:hover,
.general-menu:focus,
.general-menu:link,
.general-menu:active {
    text-decoration:none;
}
.general-menu:hover{
    background:#e0e9f1;
}
.general-menu p{
    width:35px;
    text-align:center;
    float:left;
}

.back-link{
    font-size:14px;
    float:right;
    margin:0;
    margin-top:9px;
}
.back-link .fa{
    margin:0 5px;
}

@media (max-width: 768px) {
    .back-link{
        float:none;
        margin-bottom:20px;
    }
}

.panel-heading label {
        margin-bottom: 0px;
}
.control-label{
    margin-top:5px;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    vertical-align:middle;
}

.relatice{
    position:relative;
}

.white-loading {
    background: rgba(255, 255, 255, 0.68);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    padding: 20px;
    text-align: center;
    padding-top: 150px;
}

.white-loading img {
    margin-top: -2px;
    width: 20px;
    height: 20px;
}

.profile-image{
    background-position:center center;
    background-size:auto 100%;
    overflow-x:hidden;
    overflow-y:hidden;
    width:50px;
    height:50px;
    border:1px solid #ccc;
    border-radius:50%;
    display:inline-block;
    vertical-align: middle;
}

.ticket-status{
    padding:5px 10px;
    background:orange;
    color:#fff;
    border-radius:5px;
}




.text-default{
    color:#575757!important;
}
.text-primary{
    color:#0085A1!important;
}
.text-success{
    color:#04AC9C!important;
}
.text-info{
    color:#35C8FF!important;
}
.text-warning{
    color:#F1C513!important;
}
.text-danger{
    color:#E65041!important;
}
.text-orange{
    color:#F58512!important;
}

.btn-primary {
    background: #0085A1;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #049dbd !important;
}

.btn-primary.active {
    background-color: #016a80 !important;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: rgba(0, 133, 161, 0.9);
    border-color: none;
}

.btn-default {
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    color:#333;
}
.btn-default:hover, .btn-default:focus,
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color:#333;
}

.btn-default.active {
    color:#333;
}

/*.btn-default {
    background: #575757;
}

.btn-default:hover, .btn-default:focus,
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    background-color: #6d6c6c !important;
    color:#fff;
}

.btn-default.active {
    background-color: #4e4c4c !important;
    color:#fff;
}*/

.btn-success {
    background: #009688;
}

.btn-success:hover, .btn-success:focus {
    background-color: #04ac9c !important;
}

.btn-success.active {
    background-color: #038276 !important;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: rgba(0, 150, 136, 0.9);
    border-color: none;
}

.btn-info {
    background: #35c8ff;
}

.btn-info:hover, .btn-info:focus {
    background-color: #54d0ff !important;
}

.btn-info.active {
    background-color: #2eb1e2 !important;
}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
    background-color: rgba(53, 200, 255, 0.9);
    border-color: none;
}


.btn-warning {
    background: #F1C513;
}

.btn-warning:hover, .btn-warning:focus {
    background-color: #ffd21c !important;
}

.btn-warning.active {
    background-color: #deb612 !important;
}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
    background-color: rgba(241, 197, 19, 0.9);
    border-color: none;
}

.btn-danger {
    background: #E65041;
}

.btn-danger:hover, .btn-danger:focus {
    background-color: #fa5949 !important;
}

.btn-danger.active {
    background-color: #d0483b !important;
}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
    background-color: rgba(230, 80, 65, 0.9);
    border-color: none;
}
.table-condensed{
    width:250px;
}

.image-box{
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}



/* HR */
.analysis-left {
    background: #4F5E70;
    color:#eee;
    padding: 10px 0;
}

.analysis-left-menu {
    margin-bottom: 0;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    cursor:pointer;
}
.analysis-left-menu:hover,
.analysis-left-menu:active,
.analysis-left-menu:focus{
    color:#eee;
    text-decoration:none;
    background:#0085A1;
}
.nav-desc {
    display: none;
}

.analysis-main-container {
    margin-top: 55px;
}

.analysis-left-toggle {
    display: none;
}
.analysis-left-group{
    border-bottom:1px solid #ccc;
    padding:0 10px;
    padding-bottom:5px;
    margin:10px 0;
}
@media (max-width:767px) {
    .analysis-left .nano,
    .analysis-left .nano-content {
        position:static!important;
    }
}
@media (min-width:768px) {
    .analysis-main-container {
        margin-top: 95px;
    }
    .analysis-left-group{
        background-image: -webkit-linear-gradient(top,#9da6b0,#4F5E70);
        background-image: -moz-linear-gradient(top,#9da6b0,#4F5E70);
        padding: 10px 15px;
        border:none;
        margin:0;
        color:#fff;
    }

    .analysis-left-menu .fa {
        font-size: 16px;
        margin-right: 10px;
    }

    .analysis-left-toggle {
        display: block;
        position: fixed;
        width: 220px;
        bottom: 0;
        left: 0;
        padding: 15px;
        z-index: 100;
        text-align: right;
        background: #949DA8;
        cursor: pointer;
    }

    .analysis-left-toggle:hover {
        color: #0085A1;
        background: #a6afbb;
    }

    .analysis-left {
        padding: 0;
        position: fixed;
        top: 95px;
        left: 0;
        bottom: 0;
        z-index: 99;
        margin-bottom: 0;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        border-radius: 0;
        width: 220px;
        height:calc(100vh - 95px);
        padding-bottom:50px;
    }

    .analysis-right {
        padding-left: 220px;
    }

    .analysis-right .container{
        padding:0;
        margin:0;
        width:100%;
    }

    .analysis-main-container {
        padding-right: 0;
    }

    .analysis-left-menu {
        border-bottom: 1px solid #949DA8;
        display: block;
        padding: 15px 20px;
        color:#fff;
        background:#4F5E70;
    }

    .analysis-left-toggle-active .analysis-left,
    .analysis-left-toggle-active .analysis-left-toggle,
    .analysis-left-toggle-active .analysis-left-menu {
        width: 60px;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    .analysis-left-toggle-active  .analysis-left-group{
        display:none;
    }

    .analysis-left-toggle-active .analysis-right {
        padding-left: 55px;
    }

    .analysis-left-toggle-active .analysis-left .analysis-left-menu-desc {
        display: none;
    }

    .analysis-left-toggle-active .analysis-left-menu .fa {
        margin-right: 0;
    }

    .analysis-left-toggle-active .analysis-left-toggle .fa-chevron-left:before {
        content: "\f054";
    }

    .nav-desc {
        display: inline;
    }
}

.left-group {
    padding: 8px 10px;
    display: block;
}

.left-group .fa-caret-right {
    color: #333;
    display: none;
    margin-top: 2px;
}

.left-group.active {
    background: #E0EFF6;
    text-decoration: none;
}

.left-group.active .fa-caret-right {
    display: initial;
}


/* IFO BOX */

.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
    margin-bottom: 15px;
    color:#333;
}

    .info-box small {
        font-size: 14px;
    }

    .info-box .progress {
        background: rgba(0,0,0,0.2);
        margin: 5px -10px 5px -10px;
        height: 2px;
    }

        .info-box .progress, .info-box .progress .progress-bar {
            border-radius: 0;
        }

            .info-box .progress .progress-bar {
                background: #fff;
            }

.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 40px;
    line-height: 90px;
    background: rgba(0,0,0,0.2);
}

    .info-box-icon > img {
        max-width: 100%;
    }

.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}

.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
}

.progress-description, .info-box-text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-box-text {
    text-transform: uppercase;
}

.info-box-more {
    display: block;
}

.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
    color: #fff !important;
}
.bg-gray {
    color: #000;
    background-color: #d2d6de !important;
}

.bg-gray-light {
    background-color: #f7f7f7;
}

.bg-black {
    background-color: #111 !important;
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: #dd4b39 !important;
}

.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
    background-color: #f39c12 !important;
}

.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #00c0ef !important;
}

.bg-blue {
    background-color: #0073b7 !important;
}

.bg-light-blue, .label-primary, .modal-primary .modal-body {
    background-color: #3c8dbc !important;
}

.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
    background-color: #00a65a !important;
}

.bg-navy {
    background-color: #001f3f !important;
}

.bg-teal {
    background-color: #39cccc !important;
}

.bg-olive {
    background-color: #3d9970 !important;
}

.bg-lime {
    background-color: #01ff70 !important;
}

.bg-orange {
    background-color: #ff851b !important;
}

.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-purple {
    background-color: #605ca8 !important;
}

.bg-maroon {
    background-color: #d81b60 !important;
}

.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important;
}

.bg-black-active {
    background-color: #000 !important;
}

.bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer {
    background-color: #d33724 !important;
}

.bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer {
    background-color: #db8b0b !important;
}

.bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer {
    background-color: #00a7d0 !important;
}

.bg-blue-active {
    background-color: #005384 !important;
}

.bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer {
    background-color: #357ca5 !important;
}

.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer {
    background-color: #008d4c !important;
}

.bg-navy-active {
    background-color: #001a35 !important;
}

.bg-teal-active {
    background-color: #30bbbb !important;
}

.bg-olive-active {
    background-color: #368763 !important;
}

.bg-lime-active {
    background-color: #00e765 !important;
}

.bg-orange-active {
    background-color: #ff7701 !important;
}

.bg-fuchsia-active {
    background-color: #db0ead !important;
}

.bg-purple-active {
    background-color: #555299 !important;
}

.bg-maroon-active {
    background-color: #ca195a !important;
}

[class^="bg-"].disabled {
    opacity: .65;
    filter: alpha(opacity=65);
}
.bg-teal-gradient {
    background: #39cccc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
    background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
    background: -moz-linear-gradient(center bottom, #39cccc 0, #7adddd 100%) !important;
    background: -o-linear-gradient(#7adddd, #39cccc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
    color: #fff;
}

.bg-light-blue-gradient {
    background: #3c8dbc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
    background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
    background: -moz-linear-gradient(center bottom, #3c8dbc 0, #67a8ce 100%) !important;
    background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
    color: #fff;
}

.bg-blue-gradient {
    background: #0073b7 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
    background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
    background: -moz-linear-gradient(center bottom, #0073b7 0, #0089db 100%) !important;
    background: -o-linear-gradient(#0089db, #0073b7) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
    color: #fff;
}

.bg-aqua-gradient {
    background: #00c0ef !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
    background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
    background: -moz-linear-gradient(center bottom, #00c0ef 0, #14d1ff 100%) !important;
    background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
    color: #fff;
}

.bg-yellow-gradient {
    background: #f39c12 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
    background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
    background: -moz-linear-gradient(center bottom, #f39c12 0, #f7bc60 100%) !important;
    background: -o-linear-gradient(#f7bc60, #f39c12) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
    color: #fff;
}

.bg-purple-gradient {
    background: #605ca8 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
    background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
    background: -moz-linear-gradient(center bottom, #605ca8 0, #9491c4 100%) !important;
    background: -o-linear-gradient(#9491c4, #605ca8) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
    color: #fff;
}

.bg-green-gradient {
    background: #00a65a !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
    background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
    background: -moz-linear-gradient(center bottom, #00a65a 0, #00ca6d 100%) !important;
    background: -o-linear-gradient(#00ca6d, #00a65a) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
    color: #fff;
}

.bg-red-gradient {
    background: #dd4b39 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
    background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
    background: -moz-linear-gradient(center bottom, #dd4b39 0, #e47365 100%) !important;
    background: -o-linear-gradient(#e47365, #dd4b39) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
    color: #fff;
}

.bg-black-gradient {
    background: #111 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111), color-stop(1, #2b2b2b)) !important;
    background: -ms-linear-gradient(bottom, #111, #2b2b2b) !important;
    background: -moz-linear-gradient(center bottom, #111 0, #2b2b2b 100%) !important;
    background: -o-linear-gradient(#2b2b2b, #111) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
    color: #fff;
}

.bg-maroon-gradient {
    background: #d81b60 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
    background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
    background: -moz-linear-gradient(center bottom, #d81b60 0, #e73f7c 100%) !important;
    background: -o-linear-gradient(#e73f7c, #d81b60) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
    color: #fff;
}
.btn-link{
        color: #0085A1;
}

.at-loading {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.46);
    z-index: 2000;
    text-align: center;
}

.at-loading .at-loading-content {
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    margin: 20px auto;
    width: auto;
    display: inline-block;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.at-loading .at-loading-content img {
    width: 20px;
    margin-right: 5px;
}

textarea{
    overflow-x:hidden;
}

.hand{
    cursor:pointer;
}