@color-blue:#22a1f2;
@color-indigo: #6610f2;
@color-purple: #6f42c1;
@color-pink: #e83e8c;
@color-red: #dc3545;
@color-orange: #fd7e14;
@color-yellow: #ffc107;
@color-green: #28a745;
@color-teal: #20c997;
@color-cyan: #17a2b8;
@color-white: #fff;
@color-gray: #6c757d;
@color-gray-white:#fafafa;
@color-gray-dark: #343a40;
@color-primary: @color-blue;
@color-secondary: #6c757d;
@color-success: #28a745;
@color-info: #17a2b8;
@color-warning: #ffc107;
@color-danger: #dc3545;
@color-light: #f8f9fa;
@color-dark: #343a40;
@shadow-common:0 0 10px rgba(0,0,0,.1);
@shadow-common2:0 0 30px rgba(0,0,0,.1);

.form-control{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    &::-ms-expand {
        background-color: transparent;
        border: 0;
    }
    &:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
    &::placeholder {
        color: #6c757d;
        opacity: 1;
    }
}
.ibtn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    &:hover, &:focus {
        text-decoration: none;
    }
    &:focus, &.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
    &.disabled, &:disabled {
        opacity: 0.65;
    }
    &:not(:disabled):not(.disabled) {
        cursor: pointer;
    }
    &:not(:disabled):not(.disabled):active, .ibtn:not(:disabled):not(.disabled).active {
        background-image: none;
      }

}
.btn-primary{
    color: #fff;
    background-color: @color-blue;
    border-color: @color-blue;
    &:hover{
        color: #fff;
        background-color: darken(@color-blue,10%);
        border-color: darken(@color-blue,10%);
    }
    &:focus, &.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }
    &.disabled, &:disabled {
        color: #fff;
        background-color: @color-blue;
        border-color: @color-blue;
    }
}
.btn-outline-primary {
    color: @color-blue;
    background-color: transparent;
    background-image: none;
    border-color: @color-blue;
    &:hover {
        color: #fff;
        background-color: @color-blue;
        border-color: @color-blue;
    }
    &:focus, &.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }
    &.disabled, &:disabled {
        color: @color-blue;
        background-color: transparent;
    }
    &:not(:disabled):not(.disabled):active,&:not(:disabled):not(.disabled).active,
    .show >&.dropdown-toggle {
      color: #fff;
      background-color: @color-blue;
      border-color: @color-blue;
    }
    &:not(:disabled):not(.disabled):active:focus, &:not(:disabled):not(.disabled).active:focus,
    .show > &.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }
  } 
  
  
.btn-lg, .btn-group-lg > .ibtn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
  }
  
.btn-sm, .btn-group-sm > .ibtn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
a{ 
    color:darken(@color-blue,15%);
    text-decoration: none;
    &:hover{
        text-decoration: underline;
        color:darken(@color-blue,20%);
    }
 }
/* input[type=text]{
    .form-control;
    background:none
} */
#toptb{
    a{
        display:inline-block;
        color:fade(@color-dark,80%);
    }
    background:@color-gray-white;
    border-bottom: none;
    box-shadow: @shadow-common;
    border-radius: 0 0 5px 5px;
    width:100%;
}
#nv{
    border-radius:5px 5px 0 0;
    background:@color-blue;    
    li.a{
        background:darken(@color-blue,10%);
    }
    li {
        background:none;
        a{
            font-weight: normal;            
            &:hover{
                text-decoration: none;
                background:darken(@color-blue,10%);
            }
        }
    }
}
#nv li.hover a:hover, #nv li.hover a { background:darken(@color-blue,10%); }
#qmenu{
    background:none;
    border:1px solid @color-light;
    border-radius: 3px;
    color:@color-light;    
    padding-right:0;
    width:60px;
    font-weight: normal;
    &:hover{
        text-decoration: none;
        background:@color-light;
        color:@color-blue;
    }
    margin:0;
    line-height:28px;
    height:80%;
    margin:2px;
}
.p_pop{
    box-shadow: @shadow-common2;
    border:none;
    border-radius: 3px;
}
.mbm input{
   .form-control;
   display:inline;
   width:auto;
   background:none;
}
.scbar_txt_td{
    background:none;
}
.scbar_btn_td{
    background:none;
}
.scbar_icon_td{
    background:none;    
}
.scbar_type_td{
    display:none;
}
#scbar_txt{
    .form-control;
    width:400px;
    height:18px;
    font-size: 15px;
}
#scbar_type{

}
#scbar_btn{
   .ibtn;
   .btn-outline-primary;
   .btn-sm;
   height:100%;
   margin:auto 10px 3px 5px;
    &:hover{
        background:@color-blue;
        strong{
            color:white;
        }
    } 
   strong{
       display: inline-block; 
       line-height:1.5;
       height:auto;
       padding:0;
       color:@color-blue;
       font-weight: normal;
       font-size: 15px;
   }
}
.avt img{
    border:none;
    border-radius: 50%;
    border:1px solid white;
    background:none;
    &:hover{
        border:1px solid @color-blue;
    }
}
#subject{
    display: inline-block;
}
#seccheck_fastpost input[type=text]{
    display:inline-block;
}