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

input.form-control {
    display: inline-block;
}

div.st-string-control.form-control {
    width: auto !important;
}

header .st-logo-container {
    background: url(../logo_sorriso.svg) no-repeat 0 0;
}

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

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: #7B77D6;
}

a:hover,
.btn-link:hover {    
    color: #9793F4;
}

a:active,
a:focus,
.btn-link:active,
.btn-link:focus {
	color: #5653A7;
}

.btn-primary,
.btn-default
{
    background: #7B77D6;
}

.btn-primary:hover {
    background: #9793F4;
}

.btn-link.st-download-pdf:hover {
    color: #9793F4;
}

.btn-primary:active:focus,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active {
    background: #5653A7;
}

.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/icon-checkbox-unchecked-blue.png") no-repeat left top;
    width: 24px;
    height: 24px;
    display: inline-block;
}

label input[type="checkbox"]:hover + .custom-checkbox {
    background: url("../img/icon-checkbox-unchecked-blue.png") no-repeat left top;
}

label input[type="checkbox"]:focus + .custom-checkbox,
label input[type="checkbox"]:active + .custom-checkbox {
    background: url("../img/icon-checkbox-unchecked-blue.png") no-repeat left top;
}

label input[type="checkbox"]:checked + .custom-checkbox{
    background: url("../img/icon-checkbox-checked-blue.png") no-repeat left top;
}

label input[type="checkbox"]:checked:hover + .custom-checkbox {
    background: url("../img/icon-checkbox-checked-blue.png") no-repeat left top;
}

label input[type="checkbox"]:checked:focus + .custom-checkbox,
label input[type="checkbox"]:checked:active + .custom-checkbox {
    background: url("../img/icon-checkbox-checked-blue.png") no-repeat left top;
}

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;
}


/**************************************************************************************************
 * License styles
 *************************************************************************************************/
input.btn.btn-sm, 
button.btn.btn-sm, 
a.btn.btn-sm {
	min-width: 0;
	margin: 10px 0;
}

.modal-dialog .form-control {
	width: 160px !important; 
}

.well {
	margin: 10px; 
	padding: 10px;
}

@media (max-width: 768px) {
	.modal-dialog .form-control {
		width: 230px;
	}
	
	.well {
		margin: 10px 0; 
		padding: 10px;
	}
}