/*
	This file contains Bootstrap theme defaulsts overrides
	So we dont loose any changes when theme version get updated
*/

.btn:focus {
	outline: none;
}

.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.bootstrap-select button.btn:focus {
	outline: none !important;
}

.btn:hover, .btn:focus, .btn:active, .btn.active {
	outline: none !important;
}

/*Remove #FFF from default button hover*/
.btn.btn-secondary:hover, .btn.btn-secondary:focus {
	color: #FFF; 
}

/* Remove dropshadow from panels */

.panel {
    box-shadow: 2px 5px 5px 0px rgb(71 91 115 / 4%);
    -webkit-box-shadow: 2px 5px 5px 0px rgb(71 91 115 / 4%);
    border: 1px solid #e0e6ef;
    border-radius: 10px;
}
.panel, .panel-group .panel {
    box-shadow: 2px 5px 5px 0px rgb(71 91 115 / 4%);
    -webkit-box-shadow: 2px 5px 5px 0px rgb(71 91 115 / 4%);
    border: 1px solid #e0e6ef !important;
    border-radius: 10px !important;
    
}



/* Forms */

.form-group { 
margin-bottom: 30px
}

.form-control {
    -webkit-box-shadow: 0px 1px 2px 0px rgb(71 91 115 / 10%);
    box-shadow: 0px 1px 2px 0px rgb(71 91 115 / 10%);
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 20px;
   height: 45px;
    color:#3c4552;
}

.form-control:focus {
    border-color: #007AFF;
}

input.form-control,
select.form-control,
.btn.dropdown-toggle.selectpicker {
    height: 45px;
}



textarea.form-control {
    min-height: 100px;
}



.select2-container .select2-choices .select2-search-field input, 
.select2-container .select2-choice, 
.select2-container .select2-choices {
    border-radius: 20px !important;
    height: 45px !important;
    -webkit-box-shadow: 0px 1px 2px 0px rgb(71 91 115 / 10%);
    box-shadow: 0px 1px 2px 0px rgb(71 91 115 / 10%);
    padding: 10px !important;
}

.select2-results .select2-highlighted {
    background-color: #007AFF;
}

/*.select2-container.form-control {
    border: 1px solid rgba(0, 0, 0, .15) !important;
    height: 47px !important;
    border-radius: 5px !important;
    box-shadow: 0px 1px 2px 0px rgb(71 91 115 / 10%) !important;
    color: #3c4552;
} */

.panel-group .panel-heading { border-bottom: 1px solid #e3e8ed; }

.panel-heading {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}


/* Labels */
.label.bg-primary, .label-bg-default {
   /* background-color: #69778a; */
}


.btn-group .btn { }

.btn-default .caret {
    border-top-color:#007AFF;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    border: none !important;
}

#subnav .bootstrap-select.btn-group .btn .filter-option {
    margin:0 0px 0 -9px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    
    background-color: #007AFF;
    border-color: #428bca;
}


/* TABS */

.modal .tab-content {
    background: #ffffff;
    padding: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: 1px solid #e0e6ef;
    border-right: 1px solid #e0e6ef;
    border-left: 1px solid #e0e6ef;
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-radius: 10px 10px 0px 0px;
    border: 1px 1px 0 1px solid #e0e6ef;
}


.spinner .input-sm + .input-group-btn .btn+.btn,
.spinner .input-sm + .input-group-btn .btn{
    height: 22.8px;
}


.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] {
    margin-bottom: 0 !important;
}

.input-group-addon {
    border-radius: 20px;
    padding: 6px 12px 6px 6px;
}

input[type="radio"],
input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0px 7px 0 0;
    vertical-align: middle;
}