/**************************************************************************************************
 * Body
 *************************************************************************************************/
body {
    background-color: #fff;
}

/**************************************************************************************************
 * Header
 *************************************************************************************************/
header .st-logout {
    color: #7B77D6;
}

header .st-logout:hover {   
    color: #9793F4;
}

/**************************************************************************************************
 * Navigation
 *************************************************************************************************/
.navbar-default .navbar-collapse {
    background-color: #f3f3f3;
    border-bottom: 1px solid #c0c0c0;
}

.navbar-default .navbar-nav>li {
	width: 16%;
}

.navbar-default .navbar-nav>li>a {
    color: #424242;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #7B77D6;
}

.navbar-default .navbar-nav>li.menuactive>a {
    color: #424242;
}

.navbar-default .navbar-nav>li.menuactive {
    border-bottom: 5px solid #7B77D6;
}

.navbar-default .navbar-collapse.in .navbar-nav>li {
    border-bottom: 1px solid #c0c0c0;
}

.navbar-default .navbar-collapse.in .navbar-nav>li.menuactive {
    border-bottom: 5px solid #7B77D6;
}

/**************************************************************************************************
 * Footer
 *************************************************************************************************/
footer {
    background-color: #fff;  
}

footer .st-copyright {
   color: #4E4E4E;
}

footer .st-copyright a {
    color: #7B77D6;
}

/**************************************************************************************************
 * Tabs
 *************************************************************************************************/
.tabs a.selected, 
.tabs a:hover {
    color:white; 
    background: #7B77D6;
}

.tabs a {
    border-top: 1px solid #7B77D6;
    border-left: 1px solid #7B77D6;
    border-right: 1px solid #7B77D6;
}


/**************************************************************************************************
 * Links & Buttons
 *************************************************************************************************/
 
a,
.btn-link {
    color: #215eac;
    font-family: "Glober W01 SemiBold";
    font-size: 14px;
}

a:hover,
.btn-link:hover {    
    color: #2a72d1;
}

a:active,
a:focus,
.btn-link:active,
.btn-link:focus {
	color: #2a72d1;
}

/*-- Secondary Button --*/
.btn-secondary,
.btn-secondary:active:focus,
.btn-secondary:active,
.btn-secondary:focus
{
    border: 1px solid #215EAC;
    text-transform: uppercase;
    font-family: "Glober W01 SemiBold";
    color: #424242;
}

.btn-secondary:hover
{
    background: #f1f3f5;
    border: 1px solid #f1f3f5;
    color: #424242;
}

.btn-primary,
.btn-default
{
    background: #215eac;
}

.btn-primary:hover {
    background: #2a72d1;
}

.btn-link.st-download-pdf:hover {
    color: #2a72d1;
}

.btn-primary:active:focus,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active {
    background: #215eac;
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover 
{
    background: #C0C0C0;
}

.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning:focus {
    background: #d4d4d4;
    border: #8c8c8c;
}


/**************************************************************************************************
 * Branding for checkboxes and radio buttons. 
 *************************************************************************************************/

label input[type="checkbox"] + .custom-checkbox{
	background: url("../img/sprite_sorriso.png") no-repeat -26px -49px;
	width: 24px;
	height: 24px;
    display: inline-block;
}

label input[type="checkbox"]:hover + .custom-checkbox {
    background: url("../img/sprite_sorriso.png") no-repeat -78px -49px;
}

label input[type="checkbox"]:focus + .custom-checkbox,
label input[type="checkbox"]:active + .custom-checkbox {
    background: url("../img/sprite_sorriso.png") no-repeat -130px -49px;
}

label input[type="checkbox"]:checked + .custom-checkbox{
    background: url("../img/sprite_sorriso.png") no-repeat 0 -49px;
}

label input[type="checkbox"]:checked:hover + .custom-checkbox {
    background: url("../img/sprite_sorriso.png") no-repeat -52px -49px;
}

label input[type="checkbox"]:checked:focus + .custom-checkbox,
label input[type="checkbox"]:checked:active + .custom-checkbox {
    background: url("../img/sprite_sorriso.png") no-repeat -104px -49px;
}

label input[type="radio"] + .custom-radio {
    background-color: #fff;
    border: 2px solid #9793F4;
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label input[type="radio"]:checked + .custom-radio:after {
    content: ' ';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #9793F4;
    text-shadow: 0px;
    left: 3px;
    font-size: 32px;
}

label input[type="radio"]:checked + .custom-radio {
    background-color: #fff;
    color: #fff;
    border: 2x solid #9793F4;
}


/**************************************************************************************************
 * Pagination controls
 *************************************************************************************************/
 
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {

}

.pagination>li>a, 
.pagination>li>span {

}

.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover {

}


/**************************************************************************************************
 * Date picker
 *************************************************************************************************/

div[uib-datepicker-popup-wrap] button.btn {
	min-width: 0;
}
 
div[uib-datepicker-popup-wrap] .btn-default,
div[uib-datepicker-popup-wrap] .btn-info,
div[uib-datepicker-popup-wrap] .btn-danger,
div[uib-datepicker-popup-wrap] .btn-success {
    background: none;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}

div[uib-datepicker-popup-wrap] .btn-info,
div[uib-datepicker-popup-wrap] .btn-danger,
div[uib-datepicker-popup-wrap] .btn-success {
    background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    border-color: #245580;
    color: #fff;
    min-width: 0;
}

div[uib-datepicker-popup-wrap] .btn-default.active,
div[uib-datepicker-popup-wrap] .btn-default:focus {
    background: #9793F4;
}

div[uib-datepicker-popup-wrap] .btn-default.active span.text-info,
div[uib-datepicker-popup-wrap] .btn-default:active:focus span {
    color: #fff;
    text-shadow: none;
}

div[uib-datepicker-popup-wrap] thead .btn-default.pull-left,
div[uib-datepicker-popup-wrap] thead .btn-default.pull-right {
    color: #9793F4;
}

div[uib-datepicker-popup-wrap] thead .btn-default {
    background: none !important;
    min-width: 0;
}

div[uib-datepicker-popup-wrap] li[ng-if="showButtonBar"] {
    display: none;
}


/**************************************************************************************************
 * i18n special css
 *************************************************************************************************/
[st-i18n] {
	border-style: dashed !important;
	border-width: 2px !important;
	border-color: red !important;
}