.top-bar-right .search-form{
    top: 10px;
    display: inline-block;
    position: relative;
}
.search-form .form-group {
    float: right !important;
    transition: all 0.35s, border-radius 0s;
    height: 32px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border-radius: 25px;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 25px;
}
.btn-sxcb {
    padding: 5px;
    background-color: #bababa;
    border-radius: 25px;
    float: left;
}
.search-form .form-group input.form-control {
    padding-right: 20px;
    border: 0 none;
    background: transparent;
    box-shadow: none;
    display:block;
}
.search-form .form-group input.form-control::-webkit-input-placeholder {
    display: block;
}
.search-form .form-group input.form-control:-moz-placeholder {
    display: block;
}
.search-form .form-group input.form-control::-moz-placeholder {
    display: block;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
    display: block;
}
.search-form input.form-control {
    height: 32px;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
    width: 100%;
    border-radius: 25px;
}
.search-form .form-group span.form-control-feedback {
    position: absolute;
    top: -1px;
    right: -2px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #3596e0;
    left: initial;
    font-size: 14px;
    pointer-events: all;
}
.search-form button {
    pointer-events: all;
    background: transparent;
    border: 0 none;
    top: -6px !important;
    right: -5px;
}
.search-form button i {
    color: #F66733;
}
#search-error{
    color: #ff6262;
    justify-content: center;
    display: flex;
    font-size: 14px;
    font-weight: 600;
}

/** Page Search
 *************************************************** **/
 .scroll-bar{
    height: 480px;
    overflow-y: scroll;
 }
 .search-result {
    padding:12px 0;
    border-bottom:#eee 1px solid;
}
.search-result h4 {
    margin:0;
    line-height:20px;
}
.search-result p {
    font-size:12px;
    margin:0; padding:0;
}
.search-result a:hover,
.search-result a:focus,
.search-result a:active {
    color: rgb(246 103 51);
    text-decoration: none;
}
.search-result img {
    float:left; 
    margin-right:10px;
    margin-top:6px;
}
.nomargin{
    margin: 0;
}
.nomargin-bottom {
    margin-bottom: 0px;
}
.margin-top-10{
    margin-top: 10px;
}



/**    17. Panel
 *************************************************** **/
/* pannel */
.panel {
    position:relative;

    background:transparent;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.panel.fullscreen .accordion .panel-body,
.panel.fullscreen .panel-group .panel-body {
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
}

.panel.fullscreen .panel-footer {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
}


.panel>.panel-heading {
    text-transform: uppercase;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.panel>.panel-heading small {
    text-transform:none;
}
.panel>.panel-heading strong {
    font-family:Arial,Helvetica,Sans-Serif;
}
.panel>.panel-heading .buttons {
    display:inline-block;
    margin-top:-3px;
    margin-right:-8px;
}
.panel-default>.panel-heading {
    padding: 15px 15px;
    background:#fff;
}
.panel-default>.panel-heading small {
    color:#9E9E9E;
    font-size:12px;
    font-weight:300;
}
.panel-clean {
    border: 1px solid #ddd;
    border-bottom: 3px solid #ddd;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.panel-clean>.panel-heading {
    padding: 11px 15px;
    background:#fff !important;
    color:#000; 
    border-bottom: #eee 1px solid;
}
.panel>.panel-heading .btn {
    margin-bottom: 0 !important;
}

.panel>.panel-heading .progress {
    background-color:#ddd;
}

.panel>.panel-heading .pagination {
    margin:-5px;
}

.panel-default {
    border:0;
    padding-top: 10px;
}

.panel-light {
    border:rgba(0,0,0,0.1) 1px solid;
}
.panel-light>.panel-heading {
    padding: 11px 15px;
    background:transaprent;
    border-bottom:rgba(0,0,0,0.1) 1px solid;
}

.panel-heading a.opt>.fa {
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin-right: 2px;
    padding: 5px;
    position: relative;
    text-align: right;
    top: -1px;
}

.panel-heading>label>.form-control {
    display:inline-block;
    margin-top:-8px;
    margin-right:0;
    height:30px;
    padding:0 15px;
}
.panel-heading ul.options>li>a {
    color:#999;
}
.panel-heading ul.options>li>a:hover {
    color:#333;
}
.panel-title a {
    text-decoration:none;
    display:block;
    color:#333;
}

.panel-body {
    background-color:#fff;
    padding: 15px;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.panel-body.panel-row {
    padding:8px;
}

.panel-footer {
    font-size:12px;
    border-top:rgba(0,0,0,0.02) 1px solid;
    background-color:rgba(0255,255,255,1);

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.text-default {
    color:#c6c6c6 !important;
}
.text-danger {
    color:#b92c28 !important;
}
.text-warning {
    color:#e38d13 !important;
}
.text-info {
    color:#28a4c9 !important;
}
.text-primary {
    color:#245580 !important;
}
.text-success {
    color:#02B700 !important;
}