.required-field {
    color: red
}
.verification-field {
    font-size: 12px;
    color: #fff;
    text-align: center;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 1px #fff, 0 0 3px #fff, 0 0 4px #e60073, 0 0 5px #e60073, 0 0 7px #e60073, 0 0 8px #e60073, 0 0 10px #e60073;
    }

    to {
        text-shadow: 0 0 3px #fff, 0 0 4px #ff4da6, 0 0 5px #ff4da6, 0 0 6px #ff4da6, 0 0 8px #ff4da6, 0 0 10px #ff4da6, 0 0 11px #ff4da6;
    }
}
.btn-disable {
    pointer-events: none;
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}
.info-box small {
    font-weight:normal;
}
.products-list .product-img img {
    width:60px;
    height:auto;
}
.products-list .product-info {
    margin-left:70px;
    position:relative;
}
.products-list .company-name {
    color: #3c8dbc;
    font-weight:600;
}
.company-list .product-info .btn-flat {
    opacity: 0;
    visibility: hidden;
    transition:all 0.4s ease;
    position:absolute;
    top:-10px;
    right:0;
}
.products-list .product-info .btn-flat .fa{
    margin-left:2px;
    vertical-align:middle;
}
.products-list .company-description {
    display:block;
}
.company-list .item:hover .product-info .btn-flat {
    opacity:1;
    visibility:visible;
}
.info-box-time {
    display:block;
    text-align:right;
    padding-top:15px;
    color:#999;
}
.progress-col {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 10px 0;
    border-bottom: 1px solid #f4f4f4;
}
.progress-col .tm-photo {
    float: left;
}
.progress-col .tm-photo img {
    width: 50px;
    border: solid 2px #f4f4f4;
}
.progress-col .progress-group{
    margin-left:60px;
}
.followup-table .btn-tools {
    background: none;
    border: none;
    color: #dd4b39;
}
.nav-tabs-custom .trackerdetails .box-tools {
    float:right;
}
.box-body {
    display:inline-block;
    width:100%;
    vertical-align:top;
}
.skin-blue .main-header .logo {
    background-color:#222;
}
.skin-blue .main-header .logo:hover {
    background-color:#333;
}
.skin-blue .main-header .navbar {
    background-color: #333;
}
.main-header .logo .logo-lg {
    width:100px;
    margin:0 auto;
}
/*img {
    max-width:100%;
}*/

.navbar-nav .dropdown-menu li .menu li h4 {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 300;
    position: relative;
    line-height: 20px;
    color: #444444;
}
.navbar-nav .dropdown-menu li #followuplist .menu li h4 {
    padding-right: 50px;
}
.navbar-nav .dropdown-menu li .menu li .time {
    display:block;
    color:#999;
    font-size:13px;
    position:relative;
    margin-bottom:4px;
}
    .navbar-nav .dropdown-menu li .menu li .time .action {
        position:absolute;
        top:0;
        right:0;
    }
        .navbar-nav .dropdown-menu li .menu li .time .action .btn {
            padding:2px;
            margin:0 2px;
            border:none;
        }
        .navbar-nav .dropdown-menu li .menu li .time .action .btn:hover {
           color:#fff;
        }
        .navbar-nav .dropdown-menu li .menu li .form-group p.time {
            text-align: right;
            margin-bottom: 4px;
        }
    .navbar-nav .dropdown-menu li .menu li .time .ion {
        margin-right:4px;
    }
    .navbar-nav .dropdown-menu li .menu li .btnblock {
        display: block;
        text-align: right;
        margin-top: 6px;
    }
.navbar-nav .dropdown-menu li .menu li .btnblock .btn-info{
    background-color:#666;
    border-color:#777;
}
    .navbar-nav .dropdown-menu li .menu li .btnblock .btn-info:hover {
        background-color: #555;
        border-color: #666;
    }
.navbar-nav .dropdown-menu li .menu li {
    padding: 10px;
    color: #fff;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 5px;
}
    .navbar-nav .dropdown-menu li .menu li .form-group {
        margin-bottom:0;
    }
    .navbar-nav .dropdown-menu li .menu li .form-group p{
        margin-bottom: 0;
    }
    .navbar-custom-menu > .navbar-nav > li {
        position: static;
    }
        .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
            position: absolute;
            top: 50px;
            right: -100%;
            height: 100vh;
            display: block;
            -webkit-transition: right .3s ease-in-out;
            -o-transition: right .3s ease-in-out;
            transition: right .3s ease-in-out;
            background-color: #3c8dbc;
            border: none;
            border-left: solid 1px #3c8dbc;
            border-radius: 0;
            padding: 10px;
            max-width: 300px;
            color: #fff;
            overflow-y: auto;
        }
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu .slimScrollDiv {
        height:100%!important;
        width:100%!important;
    }
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu li.header .btn {
        margin: 10px 0;
        color: #fff;
    }
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu li.header a.label {
        margin: 10px 0;
    }
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu li ul.menu {
        margin:0;
        padding:0;
        height:100%!important;
    }
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu li ul.menu li .btn {
        margin-top: 0;
        position: relative;
        right: 0;
        top: 0;
        padding:1px 10px;
        font-size:13px;
    }
    .navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
        max-height: inherit;
    }
.navbar-custom-menu > .navbar-nav > .dropdown.open > .dropdown-menu {
    right: 0px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
    border-radius: 0;
    background-color:transparent;
    color:#fff;
    text-align:center;
    border:none;
    padding:0;
    margin-bottom:10px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header .ion, .navbar-nav > .messages-menu > .dropdown-menu > li.header .ion, .navbar-nav > .tasks-menu > .dropdown-menu > li.header .ion{
    font-size:20px;
    vertical-align:middle;
    margin-right:6px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body{
    background-color:#fff;
    border-radius:0;
}
.login-page, .register-page {
    background-color:#f0f4f5;
}
.register-page .register-box{
    width:740px;
}
.login-box-msg, .register-box-msg {
    font-size: 20px;
    color: #fff;
    padding: 6px;
    background-color: #00c0ef;
}
.f1 fieldset {
    display: none;
    text-align: left;
}

.f1-buttons {
    text-align: center;
}
.f1-buttons .btn-flat + .btn-flat {
    margin-left: 10px;
}
.f1 .input-error {
    border-color: #f35b3f;
}
textarea {
    resize:none;
}
.login-box-body, .register-box-body {
    box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
    padding:0;
    display:inline-block;
    width:100%;
    vertical-align:top;
}
.login-box-body form, .register-box-body form{
    padding:15px;
}
.login-box, .register-box {
    width: 360px;
    margin: 0px auto;
    padding-top: 40px;
    position: relative;
}
.register-box-body .alert-success {
    background-color: #dff0d8!important;
    border-color: #d6e9c6;
    color: #3c763d!important;
}
.register-box-body .alert{
    position:absolute;
    top:10px;
    left:0;
    width:100%;
    display:none;
}
.alert.show{
    display:block;
}
.register-box-body .alert h3 {
    margin:0 0 15px;
}
.filldata label {
    display: block;
}
.filledinfo .profile-img{
    width:120px;
    display:block;
    border:solid 1px #ddd;
}
.filledinfo .profile-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.filldata .document-img {
    display:block;
    padding:5px;
    border:solid 1px #ddd;
}