.input {
    display: inline-block;
    width: 100%;
    /* height: 100%; */
    padding-left: 0.1rem;
    font-size: 1.5rem;
    background: transparent;
    color: #0A397E;
    outline: none;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    font-weight: normal;
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.btn-default {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

.btn-default {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
}


.btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
}
.btn-xs {
    padding: 1px 5px;
}
.btn, a:link, button {
    -webkit-tap-highlight-color: rgba(169, 3, 41, .5);
}
.btn {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
}
.box.box-red {
    border-top-color: #dd4b39;
}

.box.box-green {
    border-top-color: #008548;
}

.box.box-orange {
    border-top-color: #d2ab50;
}

.box.box-yellow {
    border-top-color: #eacf52;
}

.box.box-cyan {
    border-top-color: #1968b3;
}

.box.box-magenta {
    border-top-color: #df6c4f;
}
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}

.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 1;
}

.box-tools > a {
    position: relative;
    vertical-align: middle;
    display: inline-block;
}

.box-tools > a > .label {
        vertical-align: top;
}
.detail-functions {
    font-size: 14px;
    border-radius: 2px;
    padding: 10px;
    background: #f4f4f4;
    margin-bottom: 2px;
    color: #444;
}
@media only screen and (min-width: 768px) {
    .pull-right-sm {
        float: right !important;
    }
}
.btn-3a {
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 15px 30px 15px 90px;
    border: none;
    font-family: inherit;
    font-size: 14px;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-3 {
    background: #47a3da;
    color: #fff !important;
}
    .btn-3a.small {
        padding: 10px 10px 10px 50px;
        background: #2CC185;
        font-size: 12px;
    }
    .small:before {
    line-height: 2.3;
    width: 40px;
}

.btn-3a.default {
    padding: 5px 7px 5px 40px;
    font-size: 10px;
}

.default:before {
    line-height: 2.3;
    width: 30px;
}

.btn-3.green {
    background: #2CC185 !important;
}

.btn-3.blue {
    background: #47a3da !important;
}

.btn-3.grey {
    background: #f0f0f0 !important;
    color: #333 !important;
}

.btn-3a:before {
    background: rgba(0,0,0,0.1);
}

.btn-3b {
}

.btn-3b .caret {
    height: 6px;
    font-size: 14px;
}
.btn-4 {
    background: #47a3da;
    color: #fff !important;
}

    .btn-4:hover,
    btn-4:active,
    btn-4:focus {
        background: #3490c7;
        color: #fff !important;
    }

    .btn-4:after {
        content: '';
        position: absolute;
        z-index: -1;
    }
    /* Pseudo elements for icons */
    .btn-4:before {
        font-family: 'FontAwesome';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        position: relative;
        -webkit-font-smoothing: antialiased;
    }

    .btn-4:active {
        background: #2684bd;
    }

    .btn-4:before {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        line-height: 2.5;
        font-size: 140%;
        width: 60px;
    }

.btn-4 {
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 15px 30px 15px 90px;
    border: none;
    font-family: inherit;
    font-size: 14px;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    margin: 2px 0;
}

    .btn-4.btn-2x {
        padding: 10px 10px 10px 50px;
        background: #2CC185;
        font-size: 12px;
    }

        .btn-4.btn-2x:before {
            line-height: 2.3;
            width: 40px;
        }

    .btn-4.btn-1x {
        padding: 5px 7px 5px 40px;
        font-size: 10px;
    }

        .btn-4.btn-1x:before {
            line-height: 2.3;
            width: 30px;
        }

    .btn-4.green {
        background: #2CC185 !important;
    }

    .btn-4.blue {
        background: #47a3da !important;
    }

    .btn-4.grey {
        background: #f0f0f0 !important;
        color: #333 !important;
    }

    .btn-4:before {
        background: rgba(0,0,0,0.1);
    }
.btn-group .dropdown-menu {
    background: #ddd;
    z-index: 99;
}
.green {
    color: #69aa46 !important;
}
.view-info ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.view-info li {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-right: 20px;
    margin-bottom: 20px;
    white-space: normal;
    word-wrap: break-word;
}

    .view-info li em {
        padding: 0 15px 0 0;
        line-height: 18px;
        font-size: 14px;
        color: #6b6b6b;
        font-weight: bold;
        font-style: normal;
    }

    .view-info li span {
        display: block;
        padding: 0 15px 0 0;
        line-height: 18px;
        font-size: 13px;
        color: #484848;
        font-weight: 400;
    }
span.active-member, span.stag {
	background: #5cb85c;
	color: #fff !important;
	display: inline-block;
	padding: 2px 8px 3px;
	font-size: 10px;
	line-height: 16px;
	font-weight: bold !important;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: .25em;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	margin-left: 10px;
}
.radionew {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-left: 0.1rem;
    background: transparent;
    color: #0A397E;
    outline: none;
    border: none;
    font-weight: normal;
    margin-top: 10px;
}

    .radionew input {
        width: 17px;
        height: 17px;
    }

    .radionew label {
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 10px;
        color: #404040;
        font-size: 13px;
        font-weight: normal;
    }
    .labeldiv {
    font-weight: bold;
    color: #777580;
    font-size: 14px;
}
.label-primary,
.label.label-primary,
.badge.badge-primary,
.badge-primary {
  background-color: #428bca;
}
.btn-blue {
    border-color: #0073b7;
    color: #fff;
    background-color: #0073b7;
}
.btn-green {
    border-color: #15987e;
    color: #fff;
    background-color: #16a085;
}
.custom__select {
    width: 100%;
    border: none;
    box-shadow: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    background-color: inherit;
    padding-right: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #333;
    background: url(/skin/basic/img/arrowdown.png) no-repeat 100% 50%;
}
.custom__select select {
        width: 100%;
        border: none;
        font-weight: normal;
        box-shadow: none;
        border-bottom: 2px solid rgba(0, 0, 0, 0.2);
        background-color: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .custom__select select:focus,
        .custom__select select:active,
        .custom__select select:hover {
            outline: none;
            border-bottom: 2px solid #007dc3;
        }

        .custom__select select option {
            padding: 4px 8px;
        }
	
 select.custom__select::-ms-expand { display: none; }

 
.qa-section {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 15px;
    display: block;
}
.profile-header .progress, .profile-header .progress .progress-bar {
    border-radius: 0;
}
.profile-header .progress {
    background: rgba(0, 0, 0, 0.2);
    margin: 5px 0;
    height: 2px;
}
.profile-header {
    background-color: #007dc3;
    color: #fff;
    padding: 30px;
    position: relative;
}
.profile-header .progress .progress-bar {
    background: #fff;
}
.profile-header .progress, .profile-header .progress .progress-bar {
    border-radius: 0;
}
/*Timeline v2
------------------------------------*/
.timeline-v2 {
    padding: 0;
    list-style: none;
    position: relative;
}
    /* The line */
    .timeline-v2 > li {
        position: relative;
    }

    .timeline-v2:before {
        top: 0;
        bottom: 0;
        left: 32%;
        width: 4px;
        content: '';
        background: #f3f3f3;
        position: absolute;
        margin-left: -14px;
    }
    /* The date/time */
    .timeline-v2 > li .cbp_tmtime {
        width: 35%;
        display: block;
        position: absolute;
        padding-right: 80px;
    }

    .timeline-v2 > li .cbp_tmlabel a {
        display: inline-block;
        float: right;
    }

        .timeline-v2 > li .cbp_tmlabel a .label {
            display: inline-block;
            font-size: 12px;
            vertical-align: middle;
        }

    .timeline-v2 > li .cbp_tmtime span {
        top: 9px;
        display: block;
        text-align: right;
        position: relative;
    }

        .timeline-v2 > li .cbp_tmtime span.normal {
            color: #6b6b6b;
            font-size: 14px;
            line-height: 0.9;
        }

        .timeline-v2 > li .cbp_tmtime span.bold {
            color: #6b6b6b;
            font-size: 18px;
            font-weight: normal;
        }
    /* Right content */
    .timeline-v2 > li .cbp_tmlabel {
        color: #fff;
        padding: 10px 20px 20px;
        background: #f3f3f3;
        line-height: 1.4;
        clear: both;
        position: relative;
        /*border-radius: 5px;*/
        margin: 0 0 40px 35%;
    }
        /*
.timeline-v2 > li .cbp_tmlabel img.big-thumb {
	width: 100%;
}
*/
        .timeline-v2 > li .cbp_tmlabel li {
            padding: 0;
        }
        /*
.timeline-v2 > li .cbp_tmlabel img.small-thumb {
	width: 111px;
	height: auto;
}
*/
        .timeline-v2 > li .cbp_tmlabel h2 {
            margin-top: 0px;
            font-size: 18px;
            padding: 0 0 5px;
            margin-bottom: 10px;
            text-transform: capitalize;
            border-bottom: 1px solid #ddd;
            color: #6b6b6b;
            white-space: normal;
        }

        .timeline-v2 > li .cbp_tmlabel p {
            color: #6b6b6b;
            margin: 0;
            margin-right: 30px;
            white-space: normal;
            word-wrap: normal;
            margin-bottom: 10px;
            font-size: 13px;
            line-height: 18px;
        }

            .timeline-v2 > li .cbp_tmlabel p strong {
                font-weight: bold;
                display: block;
                font-size: 14px;
            }

        .timeline-v2 > li .cbp_tmlabel .col_1_3 {
            float: left;
            width: 33.33333%;
        }

@media only screen and (max-width: 767px) {
    .timeline-v2 > li .cbp_tmlabel .col_1_3 {
        float: none;
        width: 100%;
    }
}

.timeline-v2 > li .cbp_tmlabel .text-left {
    float: left;
}
/* The triangle */
.timeline-v2 > li .cbp_tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #f3f3f3;
    border-width: 10px;
    top: 18px;
}
/* The icons */
.timeline-v2 > li .cbp_tmicon {
    top: 22px;
    left: 32%;
    width: 10px;
    height: 10px;
    position: absolute;
    background: #007dc3;
    margin: 0 0 0 -17px;
    box-shadow: 0 0 0 4px #f3f3f3;
    -webkit-font-smoothing: antialiased;
}
/* Example Media Queries */
@media screen and (max-width: 65.375em) {
    .timeline-v2 > li .cbp_tmtime span:last-child {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 47.2em) {
    .timeline-v2:before {
        display: none;
    }

    .timeline-v2 > li .cbp_tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }

        .timeline-v2 > li .cbp_tmtime span {
            text-align: left;
        }

    .timeline-v2 > li .cbp_tmlabel {
        padding: 1em;
        font-weight: 400;
        margin: 0 0 30px 0;
    }

        .timeline-v2 > li .cbp_tmlabel:after {
            left: 20px;
            top: -20px;
            right: auto;
            border-bottom-color: #f3f3f3;
            border-right-color: transparent;
        }

    .timeline-v2 > li .cbp_tmicon {
        left: auto;
        float: right;
        position: relative;
        margin: -55px 5px 0 0px;
    }
}
/*timeline-v2 within tab-v2 issue issue fix*/
.timeline-v2 > li .cbp_tmlabel.equal-height-column {
    height: auto !important;
}

.rounded-x {
    border-radius: 50% !important;
}

.profile .timeline-v2 > li .cbp_tmlabel {
    background: #eee;
}

.data-view-title {
    background-color: #fff;
    padding: 10px;
    font-size: 15px;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
}

.tagfield {
    white-space: normal;
}

    .tagfield .tag {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        display: inline-block;
        color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        white-space: normal;
        margin: -1px 5px 5px 0;
        height: auto;
        vertical-align: top;
    }

        .tagfield .tag.expert {
            background-color: #16a085;
        }

        .tagfield .tag.intermediate {
            background-color: #d2ab50;
        }

        .tagfield .tag.basic {
            background-color: #337ab7;
        }


        .tagfield .tag .tag-label {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 1px 8px;
            vertical-align: top;
        }
        
.tagfield .tag.tag-blue {
    background-color: #337ab7;
}

.tagfield .tag.tag-yellow {
    background-color: #d2ab50;
}

.tagfield .tag.tag-green {
    background-color: #16a085;
}

.tagfield .tag.tag-orange {
    background-color: #FF7518;
}

.tagfield .tag.tag-red {
    background-color: #ff4444;
}

.button-holder {
    display: inline-block;
}