/*
    We are overriding the theme styling with attributes that the theme builder
    does not allow us to implement:
*/

/* Gradients added to theme */
.ui-bar-a,
.ui-page-theme-a .ui-bar-inherit,
html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit {
    background: linear-gradient(#98bfeb, #b5d2f1) !important;
}

/* Button up */
.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn,
html head + body .ui-btn.ui-btn-a,
    /* Button visited */
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited {
    background: linear-gradient(#e8f3fc, #96b9e5) !important;
}
/* Button hover */
.ui-page-theme-a .ui-btn:hover,
html .ui-bar-a .ui-btn:hover,
html .ui-body-a .ui-btn:hover,
html body .ui-group-theme-a .ui-btn:hover,
html head + body .ui-btn.ui-btn-a:hover {
    /*background: linear-gradient(#f2f8fc, #a3c2e5) !important;*/
    background: linear-gradient(#cee8f6, #7da9de) !important;
}
/* Active button */
.ui-page-theme-a .ui-btn.ui-btn-active,
html .ui-bar-a .ui-btn.ui-btn-active,
html .ui-body-a .ui-btn.ui-btn-active,
html body .ui-group-theme-a .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-a.ui-btn-active,
    /* Active checkbox icon */
/*.ui-page-theme-a .ui-checkbox-on:after,*/
/*html .ui-bar-a .ui-checkbox-on:after,*/
/*html .ui-body-a .ui-checkbox-on:after,*/
/*html body .ui-group-theme-a .ui-checkbox-on:after,*/
/*.ui-btn.ui-checkbox-on.ui-btn-a:after,*/
    /* Active flipswitch background */
.ui-page-theme-a .ui-flipswitch-active,
html .ui-bar-a .ui-flipswitch-active,
html .ui-body-a .ui-flipswitch-active,
html body .ui-group-theme-a .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
    /* Active slider track */
.ui-page-theme-a .ui-slider-track .ui-btn-active,
html .ui-bar-a .ui-slider-track .ui-btn-active,
html .ui-body-a .ui-slider-track .ui-btn-active,
html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-a .ui-btn-active {
    border-color: #5a95e2 /*{a-active-border}*/ !important;
    color: #000000 /*{a-active-color}*/ !important;
    background: linear-gradient(#cee8f6, #7da9de) !important;
}

/*
    We are making an exception for styling of listviews. Listviews get
    their own background colors:
*/

ul[data-role=listview] li a.ui-btn,
ul[data-role=listview] li a.ui-btn:hover {
    background-image: none !important;
    background-color: #d6eeff !important;
    border-color: #5172a0 !important;
}

ul[data-role=listview] li.status-read a.ui-btn,
ul[data-role=listview] li.status-read a.ui-btn:hover {
    background-image: none !important;
    background-color: #e4f3ff !important;
}

ul[data-role=listview] li.status-closed a.ui-btn,
ul[data-role=listview] li.status-closed a.ui-btn:hover {
    background-image: none !important;
    background-color: white !important;
}

/* Denne stylingen er for å simulere samme oppsett som deaktiverte elementer i lista */
ul[data-role=listview] li.status-deactivated a.ui-btn,
ul[data-role=listview] li.status-deactivated a.ui-btn:hover {
    background-color: white !important;
    color: #333 !important;
    /*border-color: #999 !important;*/
}

/* Make sure popups never overflows the content page
 * div[data-role=page] which is set to 900px max in layout.css
 */
.ui-popup-container {
    max-width: 98% !important;
}