/** NOTE: Do not use 'pt' sizes in declarations. Use 'px' only **/

/**** TABLE OF CONTENTS ****/
/*  1 Global Q Styles  */
/*  2 Global Custom Widget Styles  */
/*       2.1 Custom Button Styles */
/*  3 Global Header Styles */
/*  4 Global Body Styles  */
/*      4.1 Tab Navigation for Application */
/*  5 Home Screen Styles */
/*  6 Projects/Environments Screen Styles */
/*      6.1 Projects/Environments Frame */
/*      6.2 Projects/Environments Selector */
/*      6.3 Projects/Environments Selected Project/Env Contents */
/*         6.3.1 Package Manager Controls */
/*         6.3.2 Projects/Environments Selected Project Grid */
/*  7 Learning and Community Screen Styles */
/*      7.1 Learning/Community Frames */
/*      7.2 Learning/Community Search Filter */
/*      7.3 Learning/Community Items */
/*      7.4 Learning (0nly) Items */
/*      7.5 Community (0nly) Items */
/*  8 Modals and Alerts */
/****************************/

/* ---- 1 Global Q Styles -------------------------------------------------- */
/* Note: These styles alter the default QtWidgets (no subclasses here)       */
QWidget {
    font-family: "Ubuntu";
    font-size: 12px;
    selection-background-color: #A4D65E;
    selection-color: white;
}

QMainWindow { /*gizem*/
    background: #fff;
    /*background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                stop:0 #edf0f0, stop:0.25 #edf0f0,
                                stop:0.5 #ffffff, stop:0.75 #f6f7f7,
                                stop:1 #d5dfdf);*/
}

/* Checboxes */
QCheckBox::indicator,
QCheckBox::indicator:unchecked,
QCheckBox::indicator:unchecked:hover,
QCheckBox::indicator:unchecked:pressed,
QCheckBox::indicator:checked,
QCheckBox::indicator:checked:hover {
    height: 16px;
    width: 16px;
}

QCheckBox::indicator {
    margin-right: 0.125em;
}

QCheckBox::indicator:unchecked {
    image: url('$IMAGE_PATH/open-iconic/unchecked.svg');
}

QCheckBox::indicator:unchecked:hover,
QCheckBox::indicator:unchecked:focus  {
    image: url('$IMAGE_PATH/open-iconic/unchecked_hover.svg');
}

QCheckBox::indicator:unchecked:pressed {
    image: url('$IMAGE_PATH/open-iconic/unchecked.svg');
}

QCheckBox::indicator:checked {
    image: url('$IMAGE_PATH/open-iconic/checked.svg');
}

QCheckBox::indicator:checked:focus,
QCheckBox::indicator:checked:hover {
    image: url('$IMAGE_PATH/open-iconic/checked_hover.svg');
}

QListWidget {
    background-color: #E6E6E6;
    border: none;
    outline: none;
}

/* Application menu bar */
QMenuBar {
    background: #ffffff;

}

QMenuBar::item {
    background: transparent;
    border-radius: 0px;
    padding: 4px 8px;
    spacing: 3px;
}

QMenuBar::item:selected { /* when selected using mouse or keyboard */
    background: #007041;
    color: white;
}

QMenuBar::item:pressed {
    background: #D9D9D9;
}

/* Contextual menus */
QMenu {
    background-color: white;
    padding:2px;
    margin: 2px; /* some spacing around the menu */
}

QMenu::item {
    border: 1px solid transparent; /* reserve space for selection border */
    padding: 2px 25px 2px 20px;
}

QMenu::item:selected {
    background: #007041;
    border-color: #007041;
    color: white;
}

QMenu::item::disabled {
    background: transparent;
    border-color: transparent;
    color: #ccc;
}

/* Dropdown */
QComboBox {
    border-radius: 0px;
    padding: 2px 0 2px 0.75em;
    min-height: 26px;
    min-width: 6em;
}
  /* "Trigger" */
QComboBox::drop-down {
    subcontrol-origin: padding;
    subcontrol-position: top right;
    width: 15px;
    border-left-width: 1px;
    border-left-color: darkgray;
    border-left-style: solid; /* just a single line */
    border-top-right-radius: 0px; /* same radius as the QComboBox */
    border-bottom-right-radius: 0px;
}

QComboBox::down-arrow {
    image: url('$IMAGE_PATH/combobox-arrow.png');
    padding-left: 2px;
    padding-top: 1px;
}

QComboBox:!editable, QComboBox::drop-down:editable {
     background: #efefea;
}
  /* "Closed" state */
QComboBox:on::drop-down {
    min-width: 8em;
    border-radius: 0;
    height: 24px;
    min-height: 24px;
    padding-top: 0;
    padding-left: 24px;
}
QComboBox:hover,
QComboBox:focus  {
    color: #43B02A;
    background: #f6f6f6;
    /*background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                stop:0 #f7f8f8, stop:0.25 #fff,
                                stop:0.5 #f9f9f7, stop:1 #fcfcfc);*/
}
  /* This is the actual dropdown box */
QComboBox QAbstractItemView {
    background: white;
    selection-background-color: #007041;/*green*/
    selection-color: white;
}
  /* This will appear in all lines */
QComboBox::indicator {
    image: none;
}
  /* Styles every list item within the dropdown list */
QComboBox:item {
    height: 24px;
    min-height: 24px;
    border: 1px solid transparent;
    padding-left: 24px;
}
  /* Hover states for all list items */
QComboBox:item:selected {
    color: #43B02A;
}
  /* The presently selected item */
QComboBox:item:checked {
    color: #007041;
    background-image: url('$IMAGE_PATH/checkmark-green-large.svg');
    background-repeat: no-repeat;
}

/* Tables */
QTableView {
    border: 1px solid black;
    border-radius: 0px;
}

/* Table Headers */
QHeaderView::section {
    spacing: 10px;
    background-color:transparent;
    color: black;
    border: 0px solid black;
    margin: 4px;
    text-align: right;
    font-size: 12px;
}


/* Tables */
QTableView {
    border: 1px solid black;
    border-radius: 0px;
}

/* Table Headers */
QHeaderView::section {
    spacing: 10px;
    background-color:transparent;
    color: black;
    border: 0px solid black;
    margin: 4px;
    text-align: right;
    font-size: 12px;
}

/* Textboxes */
QLineEdit,
QTextEdit {
    border-radius: 0px;
    border-style: inset;
    border-width: 1px;
    border-color: black;
    min-height: 16px;
    padding: 2px;
    background: #ffffff;
}

QLineEdit::disabled,
QTextEdit::disabled {
    border-color: grey;
    background-color: #bbb;
}

QTextEdit {
    border-right-width: 0px;
}

QLineEdit:hover,
QLineEdit:focus {
    border: 1px solid #43B02A;
}

/* Buttons */
QPushButton {
    border-radius: 2px;
    border-style: outset;
    border: 1px solid #000;
    /*border-color: ;*/
    background: #fefefe;
    /*background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                stop:0 #eee, stop:0.25 #f6f6f6,
                                stop:0.5 #f3f3f3, stop:1 #f8f8f8);*/
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

QPushButton:focus,
QPushButton:hover {
    background: #f6f6f6;
    /*background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                stop:0 #f7f8f8, stop:0.25 #fff,
                                stop:0.5 #f9f9f7, stop:1 #fcfcfc);*/
    color: #43B02A;
    border: 1px solid #43B02A;
}

QPushButton:focus {
    /*text-decoration: underline;*/
}

QPushButton::pressed {
    background-color: #D9D9D9;
    color: #43B02A;
}

QPushButton::disabled {
    background: #bbbbbb;
}

QPushButton::checked {
    margin:1px;
    background: #43B02A;
    border-style: inset;
    border: 1px outset black;
}

/* Scroll bars */
QScrollBar:vertical {
    /*border: 1px inset #82877b;*/
    background: #eee;
    width: 16px;
    margin: 20px 0 20px 0;
}
QScrollBar::handle,
QScrollBar::add-line,
QScrollBar::sub-line {
    background-color: #ccc;
    /*border: 1px solid #E6E6E6;*/
}
QScrollBar::handle {
    min-height: 8px;
    max-height: 200px;
    margin: 1px 0;
}

QScrollBar::handle:hover,
QScrollBar::add-line:hover,
QScrollBar::sub-line:hover {
    background-color: #bbb;
}

QScrollBar::add-line,
QScrollBar::sub-line {
    height: 20px;
    margin: 0px;
    padding: 0px;
}

QScrollBar::add-line {
    subcontrol-position: bottom;
    subcontrol-origin: margin;
}

QScrollBar::sub-line {
    subcontrol-position: top;
    subcontrol-origin: margin;

}

QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
    border: 0px solid grey;
    width: 12px;
    height: 12px;
    background: transparent;
}

QScrollBar::up-arrow:vertical {
    image: url('$IMAGE_PATH/scroll-arrow-up.png');
}

QScrollBar::down-arrow:vertical {
    image: url('$IMAGE_PATH/scroll-arrow-down.png');
}

QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
    background: none;
}

/* Tooltips */
QToolTip {
    background: rgba(0, 0, 0, 200);
    border-radius:0px;
    color: white;
    font: normal 12px "Ubuntu";
    padding: 5px;
}

/* ---- end 1 Global Q Styles ---------------------------------------------- */

/* ---- 2 Global Custom Widget Styles -------------------------------------- */
/* -------- 2.1 Custom Button Styles --------------------------------------- */
ButtonLogin {
    background-color: #43B02A;
    border: none;
    /*border-top: 1px solid #98d165;
    border-right: 1px solid #527f2a;
    border-bottom: 1px solid #527f2a;
    border-left: 1px solid #98d165;*/
    border-radius: 2;
    color: #fff;
}

ButtonLogin:focus,
ButtonLogin:hover {
    /*background: qradialgradient(cx:0, cy:0, radius: 3, fx:0.5, fy:0.5,*/
                                /*stop:0 #92e24d, stop:1 #318239);*/
    background: #007041;
    border-radius: 2px;
    border: none;
    color: #fff;
}

ButtonCancel:hover,
ButtonCancel:focus {
    background: none;
    border: 1px solid #8f1419;
    color: #8f1419;
}

ButtonCancel:pressed {
    background-color: #8f1419;
    color: #fff;
}

/* Custom Search Textbox with button to the right */
/* Note: this widget is part of conda-manager */
LineEditSearch {
    background: white;
    border: 1px solid black;
}

LineEditSearch:disabled {
    background-color: #bbb;
}

ButtonSearch {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0px;
    color: white;
    max-width: 12px;
    min-width: 12px;
    max-height: 12px;
    min-height: 12px;
    margin-right: 3px;
    padding:2px;
}


ButtonSearch {
    min-width: 16px;
    max-width: 16px;
    image: url('$IMAGE_PATH/conda-manager-x.svg');
}

ButtonSearch:disabled {
    min-width: 16px;
    max-width: 16px;
    image: url('$IMAGE_PATH/conda-manager-magnifying-glass.svg');
}

ButtonSearch:focus,
ButtonSearch:hover  {
    background-color: transparent;
    border: 1px solid #8f1419;
    color: #8f1419;
}

ButtonSearch::pressed {
    background-color: transparent;
    background: red;
    border: 1px solid #8f1419;
}

ButtonSearch:disabled {
    background-color: transparent;
    border: 1px solid transparent;
}


/* Button emulating a label look, useful when used in the same line as a */
/* ButtonLink */
ButtonLabel,
ButtonLabel:disabled,
ButtonLabel:hover,
ButtonLabel:focus,
ButtonLabel:pressed {
    background: none;
    border: none;
    text-align: left;
    margin: 0px;
    padding: 1px;
    color: #000;
}

/* Button emulating a link look */
ButtonLink,
ButtonLink:hover,
ButtonLink:focus {
    background: none;
    border: none;
    text-align: left;
    margin: 0px;
    padding: 1px;
}

ButtonLink {
    color: #43B02A;
}

ButtonLink:hover,
ButtonLink:focus {
    color: #007041;
    text-decoration: underline;
}

/*  -------- end 2.1 Custom Button Styles ---------------------------------- */
/*  ---- end 2 Global Custom Widget Styles --------------------------------- */

/* ---- 3 Global Header Styles --------------------------------------------- */
FrameHeader {
    /* This is the top frame container */
    background: #fff;
    /*background: qlineargradient(x1:0, y1:0, x2:0, y2:1,*/
                                /*stop:0 #fefefe, stop:0.125 #e7e9e8, stop:0.387 #eaeceb, stop:0.75 #f0f2f1, stop:0.9 #e0e2e1, stop:0.95 #e9ebea stop:1 #e0e6e3);*/
    border-radius:0px;
    border-top: 1px solid #999999;
    min-height: 49px;
    padding: 4px 25px;
}

LabelHeaderLogo {
    /* This one is not so usefull */
}

LabelHeaderLogin {
    background: none;
    padding: 0;
    color: #000;
    font: normal 14px "Ubuntu";
    padding-right:10px;
    padding-bottom:1px;
}


ButtonLabelLogin,
ButtonLabelLogin:focus,
ButtonLabelLogin:pressed,
ButtonLinkLogin,
ButtonLinkLogin:focus,
ButtonLinkLogin:pressed  {
    font: normal 14px "Ubuntu";
}

ButtonLinkLogin,
ButtonLinkLogin:focus,
ButtonLinkLogin:pressed {
    padding-right: 10px;
}

LabelHeaderUpdate,
ButtonHeaderUpdate {
    border: 2px solid #b46100;
    font-size: 10px;
    min-height: 18px;
    max-height: 18px;
    padding: 0 6px;
    margin: 0px;
}

LabelHeaderUpdate {
    color: #b46100;
}

ButtonHeaderUpdate {
    background-color: #b46100;
    border-radius: 0;
    color: #fff;
}

ButtonHeaderUpdate:hover,
ButtonHeaderUpdate:focus {
    background: qradialgradient(cx:0, cy:0, radius: 2.5, fx:0.5, fy:0.5,
                                stop:0 #e87400, stop:1 #b46100);
    border: none;
    color: #000;
    padding: 0 6px;
    margin: 0px;
}

ButtonHeaderUpdate:pressed {
    background-color: #007041;
    color: #fff;
    padding: 0 6px;
    margin: 0px;
}

/* ---- end 3 Global Header Styles ----------------------------------------- */

/* ---- 4 Global Body Styles ----------------------------------------------- */
/* This is the main body frame container (below FrameHeader), like a div */
FrameBody {
    /*padding: 20px 10px 10px 0 ;*/
    padding: 0px;
    margin:0px;
}

/* -------- 4.1 Tab Navigation for Application ----------------------------- */
/* http://doc.qt.io/qt-4.8/stylesheet-examples.html#customizing-qtabwidget-and-qtabbar */
StackBody {
    border: 1px solid #006f43;
    /*gizem revisit this border */
    /*border-left: 1px solid #006f43;*/
    /*border-right: 0px solid #006f43;*/
    padding: 0px;
    margin: 0px;
    outline: 0;
}

ButtonTab {
    background: #F6F6F6;
    /*background: qlineargradient(x1:0, y1:0, x2:1, y2:0.5, stop:0 #006f42, stop:1 #00782e);*/
    border-radius: 0px;
    padding: 10px 4px;
    /*margin: 1px 0px;*/
    /*gizem - left nav buttons width*/
    min-width: 120px;
    max-width: 120px;
    min-height: 80px;
    max-height: 80px;
    /*border-top: 1px solid #D9D9D9;*/
    /*border-right: none;*/
    border-bottom: 1px solid #D9D9D9;
    /*border-left: 2px solid #0e3022;*/
    outline: 0;
    text-align: left;
    color: #101820;
    /*font-size: 13px;*/
    font: normal 13px "Ubuntu";
    qproperty-iconSize: 18px 18px;
}

ButtonTab:focus,
ButtonTab:hover {
    /*background: qradialgradient(cx:0, cy:0, radius: 2.5, fx:0.5, fy:0.5,
                                stop:0 #09c94d, stop:1 #006f43);*/
    background: #E6E6E6;
    color: #000;
    font: bold;
}

ButtonTab[checked="true"] {
    color: #007041;
    margin:0px;
    font: bold;
    background: transparent;
    /*border-top: 1px solid #E6E6E6;*/
    border-bottom: 1px solid #E6E6E6;

    /*border-top: 1px solid #006f43;
    border-left: 1px solid #006f43;
    border-bottom: 2px solid #0e4a32;*/
}

ButtonTab#home[checked="true"] {
    qproperty-icon: url('$IMAGE_PATH/open-iconic/home-checked.svg');
}

ButtonTab#home[checked="false"] {
    qproperty-icon: url('$IMAGE_PATH/open-iconic/home.svg');
}

ButtonTab#environments[checked="true"] {
    qproperty-icon: url('$IMAGE_PATH/open-iconic/globe-checked.svg');
}

ButtonTab#environments[checked="false"] {
    qproperty-icon: url('$IMAGE_PATH/open-iconic/globe.svg');
}

ButtonTab#learning[checked="true"] {
    qproperty-icon: url('$IMAGE_PATH/open-iconic/book-checked.svg');
}

ButtonTab#learning[checked="false"] {
    qproperty-icon: url('$IMAGE_PATH/open-iconic/book.svg');
}

ButtonTab#community[checked="true"] {
    qproperty-icon: url('$IMAGE_PATH/open-iconic/people-checked.svg');
}

ButtonTab#community[checked="false"] {
    qproperty-icon: url('$IMAGE_PATH/open-iconic/people.svg');
}

/* -------- end 4.1 Tab Navigation for Application ------------------------- */
/* ---- end 4 Global Body Styles ------------------------------------------- */

/* --- 5 Home Screen Styles ------------------------------------------------ */
FrameHome {
    padding: 0px;
    padding-top: 0px;
}

ListWidgetApplication {
    background-color: #E6E6E6;
    margin: 0px;
    padding: 0px;
    outline: none;
}

LabelHome {
    font: normal 18px "Ubuntu";
}

WidgetApplication {
    /* Do not style width or height here. Use labelApplicationName to        */
    /* adjust the width of the card */
    /*background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                stop:0 #dfdfd8, stop:0.25 #e5e5de,
                                stop:1 #efefeb);*/
    background: #fff;
    border: 2px solid #D9D9D9;
    /*border-top-color: #e6e6e1;
    border-right-color: #999;
    border-bottom-color: #777;
    border-left-color: #fff;*/
    border-radius: 0px;
    margin: 1px 1px 1px 1px;
    padding: 0px;
}

LabelApplicationIcon {
    margin: 0px;
    padding: 0px;
}

LabelApplicationName {
    /*gizem - home app width*/
    font-size: 14px;
    font-weight: bold;
    max-width: 110px;
    min-width: 110px;
    max-height: 1em;
    min-height: 1em;
}

LabelApplicationDescription {
    font: normal 12px "Ubuntu";
    max-width: 160px;
    min-width: 160px;
    max-height: 4.5em;
    min-height: 4.5em;
}

LabelApplicationVersion {
    font: normal 11px "Ubuntu";
    max-height: 1em;
    min-height: 1em;
}

/* "Install" Buttons */
ButtonApplicationInstall,
ButtonApplicationInstall[_focus='false'],
ButtonApplicationInstall[_hover='false'] {
    background-color: #645e9d;
    color: #fff;
    qproperty-icon: url('$IMAGE_PATH/open-iconic/data-transfer-download-white.svg');
    qproperty-iconSize: 10px 10px;
    border-top-color: #867fcf;
    border-right-color: #3f3c57;
    border-left-color: #867fcf;
    border-bottom-color: #3f3c57;
}

ButtonApplicationInstall[_focus='true'],
ButtonApplicationInstall[_hover='true'] {
    background: qradialgradient(cx:0, cy:0, radius: 2.5, fx:0.5, fy:0.5,
                                stop:0 #958de1, stop:1 #645e9d);
    color: black;
    qproperty-icon: url('$IMAGE_PATH/open-iconic/data-transfer-download.svg');
    qproperty-iconSize: 10px 10px;
    border-top-color: #8c83e6;
    border-right-color: #5a5594;
    border-left-color: #8c83e6;
    border-bottom-color: #5a5594;
}

ButtonApplicationInstall[_disabled='true'] {
    background-color: #ddd;
    color: grey;
    qproperty-icon: url('$IMAGE_PATH/open-iconic/data-transfer-download-white.svg');
}

/* "Launch" Buttons */
ButtonApplicationLaunch,
ButtonApplicationLaunch[_focus='false'],
ButtonApplicationLaunch[_hover='false'] {
    background-color: #249fda;
    color: #fff;
    qproperty-icon: url('$IMAGE_PATH/open-iconic/flash-white.svg');
    qproperty-iconSize: 10px 10px;
    border-top-color: #66bce6;
    border-right-color: #0075ad;
    border-left-color: #66bce6;
    border-bottom-color: #0075ad;
}

ButtonApplicationLaunch[_focus='true'],
ButtonApplicationLaunch[_hover='true'] {
    background: qradialgradient(cx:0, cy:0, radius: 2.5, fx:0.5, fy:0.5,
                                stop:0 #56c1f5, stop:1 #249fda);
    color: #000;
    qproperty-icon: url('$IMAGE_PATH/open-iconic/flash.svg');
    qproperty-iconSize: 10px 10px;
    border-top-color: #66bce6;
    border-right-color: #0075ad;
    border-left-color: #66bce6;
    border-bottom-color: #0075ad;
}

ButtonApplicationLaunch[_disabled='true'] {
    background-color: #ddd;
    color: gray;
    qproperty-icon: url('$IMAGE_PATH/open-iconic/flash-white.svg');
}

/* "Settings" Buttons */
ButtonApplicationOptions {
    background: none;
    border: none;
    width: 12px;
    padding: 0;
    image: url('$IMAGE_PATH/open-iconic/cog-gray.svg');
}

ButtonApplicationOptions:hover,
ButtonApplicationOptions:focus {
    background: none;
    border: none;
    width: 12px;
    image: url('$IMAGE_PATH/open-iconic/cog.svg');
}
/* ---- end 5 Home Screen Styles ------------------------------------------- */

/* ---- 6 Projects/Environments Screen Styles ------------------------------ */
/* -------- 6.1 Projects/Environments Frame -------------------------------- */
FrameEnvironments {
    padding: 0px;
    /*gizem revisit this environments border */
    border: 1px solid #D9D9D9;
}

FrameEnvironmentsList {
    padding: 0px;
    /*border: 1px solid #D9D9D9;*/
    border-right-width: 0;
    margin-right: 0;
    /*gizem revisit this environments border */
    border: 1px solid green;
}
/* Expand/Collapse Toggle */
FrameExpandCollapse {
    margin: 0;
    padding: 0;
    max-width: 20px;
    width: 20px;
    background-color: rgba(255,255,255,80);
    /*background-color: #f3f3f3;*/
    border: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;;
}
FrameExpandCollapse QPushButton {
    width: 12px;
    max-width: 12px;
    height: 15px;
    max-height: 15px;
    margin: 0 2px;
    padding: 4px 2px;
    font-size: 11px;
}

/* -------- end 6.1 Projects/Environments Frame ---------------------------- */

/* -------- 6.2 Projects/Environments Selector ----------------------------- */
ListWidgetEnvironment {
    background-color: #E6E6E6;
    margin: 0px;
    padding: 2px;
    font-size: 12px;
    outline: 0;
    max-width:330px;
    min-width:330px;
}

WidgetEnvironment,
WidgetEnvironment[_selected="false"]  {
    /* Do not style width or height here */
    background: #F6F6F6;
    /*background: qlineargradient(x1:0, y1:0, x2:1, y2:0,
                                stop:0 #efefea, stop:0.5 #f1f1ed,
                                stop:1 #e0e0d9);*/
    border-radius: 0px;
    border-top: 1px solid #D9D9D9;
    /*border-right: 2px solid #919692;*/
    border-bottom: 1px solid #D9D9D9;
    /*border-left: 4px solid #ccc;*/
    margin: 0px;
}

WidgetEnvironment[_selected="true"] {
    background-color: #fff;
    /*color: #fff;*/
    /*border-top: 1px solid #b4e08c;
    border-right: 1px solid #759e50;
    border-bottom: 1px solid #638644;*/
    border-left: 4px solid #007041;
}

WidgetEnvironment[_hovered="true"] {
    border-left: 4px solid #43B02A;
    color: #43B02A;
}

WidgetEnvironment:disabled {
    background-color: #bbb;
}

WidgetEnvironment:disabled[_selected='true'] {
    background-color: #43B02A;
    color: #bbb;
}

WidgetEnvironment:disabled[_hovered='true'] {
    border-left: 4px solid #ccc;
}

ButtonEnvironmentName {
    background: transparent;
    border: 0px solid #696969;
    min-width: 150px;
    max-width: 150px;
    padding: 6px 10px;
    margin: 0px;
    text-align: left;
    color: black;
}

ButtonEnvironmentName:focus,
ButtonEnvironmentName:hover,
ButtonEnvironmentName[_hovered='true'][_selected='false'] {
    background: transparent;
    border: 0px solid #D9D9D9;
    color: #43B02A;
/*    min-width: 150px;*/
    text-align: left;
}

ButtonEnvironmentName[_hovered='true'],
ButtonEnvironmentName[_selected='false'] {
    color: black;
}


ButtonEnvironmentName:disabled {
    background: transparent;
    border: 0px solid #696969;
    /*min-width: 150px;*/
    text-align: left;
}

/* "Open..." buttons */
ButtonEnvironmentOptions {
    max-width: 20px;
    min-width: 20px;
    max-height: 20px;
    min-height: 20px;
    border-radius: 0;
    background: none;
    background-color: none;
    image: url('$IMAGE_PATH/open-iconic/play.svg');
    /*border-top: 2px solid #a0cf77;
    border-right: 2px solid #4da500;
    border-bottom: 2px solid #4c9306;
    border-left: 2px solid #90c65c;*/
    border: 2px solid #43B02A;
    margin-right:10px;
    padding: 0px;
}

ButtonEnvironmentOptions:hover,
ButtonEnvironmentOptions:focus {
    border: 2px solid #007041;
    background: #007041;
    image: url('$IMAGE_PATH/open-iconic/play-white.svg');
}

ButtonApplicationVersion,
ButtonApplicationVersion:focus,
ButtonApplicationVersion:hover,
ButtonApplicationVersion:pressed {
    background: transparent;
    border: 0px solid #696969;
}

LabelEnvironmentIcon {
    padding-left:16px;
    min-width: 16px;
    text-align:center;
}

WidgetSeparator {
    padding-top: 10px;
    margin-top: 5px;
    background-color: transparent;
    color: #fff;
    border: 0px solid black;
}

/* -------- end 6.2 Projects/Environments Selector ------------------------- */

/* -------- 6.3 Projects/Environments Selected Project/Env Contents -------- */
FrameEnvironmentsPackages {
    padding-left: 0px;
    /*gizem revisit this border for packages and channels*/
    border: 1px solid blue;
}

LabelStatus {
    min-height: 20px;
    max-height: 20px;
    color: #333;
}

/* ------------ 6.3.1 Pacakge Manager Controls ----------------------------- */

FrameEnvironmentsPackages QPushButton,
FrameEnvironmentsPackages QComboBox,
FrameEnvironmentsPackages QComboBox:!editable,
FrameEnvironmentsPackages QLineEdit,
EnvironmentsTab QLineEdit {
    height: 22px;
    max-height: 22px;
}

FrameEnvironmentsPackages QComboBox:!editable:disabled {
    background-color: #bbb;
}

FrameEnvironmentsPackages QPushButton,
FrameEnvironmentsPackages QComboBox,
FrameEnvironmentsPackages QComboBox:!editable {
    margin-top: 0px;
    background-color: #f6f6f6;
    border: 1px solid #000;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #000;
}

FrameEnvironmentsPackages QLineEdit {
    margin-top: 4px;
}

FrameEnvironmentsPackages ButtonSearch {
    height: 10px;
    margin-top: 6px;
    margin: 0;
    margin-right: 4px;
}

FrameEnvironmentsPackages QPushButton:hover {
    /*background: qradialgradient(cx:0, cy:0, radius: 3, fx:0.5, fy:0.5,
                                stop:0 #fff, stop:1 #f6f6f6);*/
    background: #fefefe;
    color: #43B02A;
}

FrameEnvironmentsPackages QPushButton::pressed {
    background-color: #D9D9D9;
    color: #43B02A;
}

FrameEnvironmentsPackages QComboBox,
FrameEnvironmentsPackages QComboBox:!editable {
    margin-top: 1;
    padding-top: 1;
    padding-bottom: 2;
}

FrameEnvironmentsPackages QComboBox:!editable:hover,
FrameEnvironmentsPackages QComboBox:!editable:focus {
    /*background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                stop:0 #f7f8f8, stop:0.25 #fff,
                                stop:0.5 #f9f9f7, stop:1 #fcfcfc);*/
    background: #F6F6F6;
    color: #43B02A;
    border: 1px solid #43B02A;
}


/*   end 6.3.1 Package Manager Controls */
/*         6.3.2 Projects/Environments Selected Project Grid */
/*   end   6.3.2 Projects/Environments Selected Project Grid */

FrameEnvironmentsPackages QTableView {
    border: 1px solid #D9D9D9;
    border-radius: 0px;
    background-color: #fefefe;
}

FrameEnvironmentsPackages QTableView {
    selection-background-color: #fefefe;
    selection-color: #000;
    outline: 0;
}
/* Table Headers */
FrameEnvironmentsPackages QHeaderView {
    background-color: #E6E6E6;
}

QHeaderView::section {
    spacing: 10px;
    background-color: #F6F6F6;
    color: black;
    border: 0px solid black;
    margin: 0 1px 1px 0;
    padding: 3px 0 4px 0;
    text-align: right;
    font-size: 11.5px;
}
QHeaderView::section:hover,
QHeaderView::section:focus {
    background-color: #A4D65E;
}


/*       6.3.2 Projects/Environments Selected Project Grid */

/* end 6.3 Projects/Environments Selected Project/Env Contents */
/* end 6 Projects/Environments Screen */

/*  7 Learning/Community Screen Styles */
/*      7.1 Learning/Community Frames */

CommunityTab {
    padding: 0px;
    /*gizem*/
    border: 1px solid red;
}

/*  end 7.1 Learning/Community Frames */
/*      7.2 Learning/Community Search Filter */
FrameLearning QCheckBox,
FrameCommunity QCheckBox {
    font-size: 12px;
    min-height: 20px;
    max-height: 20px;
}
FrameLearning QCheckBox,
FrameCommunity QCheckBox {
    margin-right: 1em;
    padding-left: 2px;
    padding-right: 1.5em;
    color: #fff;
}
FrameLearning QCheckBox::indicator,
FrameCommunity QCheckBox::indicator {
    height: 20px;
    width: 20px;
    margin-right: 5px;
}
FrameLearning QCheckBox::indicator:unchecked,
FrameCommunity QCheckBox::indicator:unchecked {
    image: url('$IMAGE_PATH/open-iconic/checkbox-card-category-unchecked.svg');
}
FrameLearning QCheckBox::indicator:checked,
FrameCommunity QCheckBox::indicator:checked {
    image: url('$IMAGE_PATH/open-iconic/checkbox-card-category-checked.svg');
}
FrameLearning QCheckBox::indicator:unchecked:hover,
FrameCommunity QCheckBox::indicator:unchecked:hover {
    image: url('$IMAGE_PATH/open-iconic/checkbox-card-category-unchecked-hover.svg');
}
FrameLearning QCheckBox::indicator:checked:hover,
FrameCommunity QCheckBox::indicator:checked:hover {
    image: url('$IMAGE_PATH/open-iconic/checkbox-card-category-checked-hover.svg');
}

/*  end 7.2 Learning/Community Search Filter */

/* -------- 7.3 Learning/Community Items ----------------------------------- */
ListWidgetContent {
    margin: 0px;
    padding: 1px;
    outline: none;
}

WidgetContent {
    border-radius: 0px;
    margin:1px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    background: #fff;
    /*background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #dfdfd8, stop:0.25 #e5e5de, stop:1 #efefeb);*/
    border: 1px solid #D9D9D9;
    /*border-top-color: #e6e6e1;
    border-right-color: #999;
    border-bottom-color: #777;
    border-left-color: #fff;*/
}

/*gizem adding colored top border to categories*/
WidgetContent#webinar {
  border-top: 5px solid #F3D03E;
}
WidgetContent#documentation {
  border-top: 5px solid #007041;
}
WidgetContent#video {
  border-top: 5px solid #006298;
}
WidgetContent#training {
  border-top: 5px solid #615E9B;
}

LabelContentIcon,
LabelContentText {
    min-width: 140px;
    max-width: 140px;
    max-height: 60px;
    min-height: 60px;
}

LabelContentText {
    min-width: 140px;
    max-width: 140px;
    padding: 0 0.75;
    margin: 0;
    max-height: 2.1em;
    min-height: 2.1em;
    font-size: 11px;
    /*gizem comeback to this border*/
    /*border: 1px solid red;*/
}

/* "more..." buttons */
ButtonContentInformation,
ButtonContentInformation:hover,
ButtonContentInformation:focus {
    border: none;
    background: none;
    margin: 0px;
    padding-bottom: 2px;
    font-size: 10px;
}

ButtonContentInformation {
    color: #0071a0;
    text-decoration: none;
}

ButtonContentInformation:hover,
ButtonContentInformation:focus {
    color: #263645;
    text-decoration: underline;
}

ButtonContentInformation:disabled {
    border: none;
    background: none;
    margin: 0px;
    padding-bottom: 2px;
    font-size: 10px;
    color: #ccc;
}

/* "Title" buttons */
ButtonContent {
    /* default bg for unspecified */
    /*background-color: #006f43;*/
    font-size: 12px;
    font-weight: normal;
    max-width: 130px;
    min-width: 130px;
    max-height: 40px;
    min-height: 40px;
    margin:0;
    padding: 4px;
    margin-top: 4px;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    border-left: none;
    border-right: none;
    color: #000;
}
ButtonContent:hover,
ButtonContent:focus {
    color: #000;
}

/*ButtonContent#webinar,
ButtonContent#webinar:hover,
ButtonContent#webinar:focus {
    border-top-color: #debd26;
    border-right-color: #bda01e;
    border-bottom-color: #ad931a;
    border-left-color: #d4b424;
}*/
/*QCheckBox#webinar,
ButtonContent#webinar {
    background-color: #F3D03E;
}*/
/*ButtonContent#webinar:hover,
ButtonContent#webinar:focus {
    background: qradialgradient(cx:0, cy:0, radius: 1.5, fx:0.5, fy:0.5,
                                stop:0 #f7d11d, stop:1 #cdae24);
}*/

QCheckBox#webinar {
    background-color: #F3D03E;
}

/*ButtonContent#documentation,
ButtonContent#documentation:hover,
ButtonContent#documentation:focus {
    border-top-color: #378756;
    border-right-color: #02613b;
    border-bottom-color: #024a2d;
    border-left-color: #027d37;
}
QCheckBox#documentation,
ButtonContent#documentation {
    background-color: #006f43;
}
ButtonContent#documentation:hover,
ButtonContent#documentation:focus {
    background: qradialgradient(cx:0, cy:0, radius: 1.5, fx:0.5, fy:0.5,
                                stop:0 #027d37, stop:1 #006f43);
}*/
QCheckBox#documentation {
    background-color: #007041;
}

/*ButtonContent#video,
ButtonContent#video:hover,
ButtonContent#video:focus {
    border-top-color: #2f8eb5;
    border-right-color: #07678f;
    border-bottom-color: #065678;
    border-left-color: #2f8eb5;
}
QCheckBox#video,
ButtonContent#video {
    background-color: #0071a0;
}
ButtonContent#video:hover,
ButtonContent#video:focus {
    background: qradialgradient(cx:0, cy:0, radius: 1.5, fx:0.5, fy:0.5,
                                stop:0 #0f88ba, stop:1 #0071a0);
}*/

QCheckBox#video {
    background-color: #006298;
}
/*
ButtonContent#training,
ButtonContent#training:hover,
ButtonContent#training:focus {
    border-top-color: #6a5fa3;
    border-right-color: #45396e;
    border-bottom-color: #281d4d;
    border-left-color: #645999;
}
QCheckBox#training,
ButtonContent#training {
    background-color: #54487d;
}
ButtonContent#training:hover,
ButtonContent#training:focus {
    background: qradialgradient(cx:0, cy:0, radius: 1.5, fx:0.5, fy:0.5,
                                stop:0 #796cbc, stop:1 #54487d);
}*/

QCheckBox#training {
    background-color: #615E9B;
}

ButtonContent#event,
ButtonContent#event:hover,
ButtonContent#event:focus {
    border-top-color: #67889c;
    border-right-color: #5885a1;
    border-bottom-color: #497088;
    border-left-color: #588098;
}
QCheckBox#event,
ButtonContent#event{
    background-color: #50748a;
}
ButtonContent#event:hover,
ButtonContent#event:focus {
    background: qradialgradient(cx:0, cy:0, radius: 1.5, fx:0.5, fy:0.5,
                                stop:0 #6998b5, stop:1 #50748a);
}

ButtonContent#forum,
ButtonContent#forum:hover,
ButtonContent#forum:focus {
    border-top-color: #fe9205;
    border-right-color: #d57216;
    border-bottom-color: #c2640d;
    border-left-color: #f8920f;
}
QCheckBox#forum,
ButtonContent#forum {
    background-color: #f08018;
}
ButtonContent#forum:hover,
ButtonContent#forum:focus {
    background: qradialgradient(cx:0, cy:0, radius: 1.5, fx:0.5, fy:0.5,
                                stop:0 #f8920f, stop:1 #f08018);
}

ButtonContent#social,
ButtonContent#social:hover,
ButtonContent#social:focus {
    border-top-color: #8488ce;
    border-right-color: #6a6ea6;
    border-bottom-color: #5d6091;
    border-left-color: #7a7ebf;
}
QCheckBox#social,
ButtonContent#social {
    background-color: #7377b4;
}
ButtonContent#social:hover,
ButtonContent#social:focus {
    background: qradialgradient(cx:0, cy:0, radius: 1.5, fx:0.5, fy:0.5,
                                stop:0 #8488ce, stop:1 #7377b4);
}



/* -------- end 7.3 Learning/Community Items ------------------------------- */
FrameLearning {
    /*gizem  ??? what is this*/
    border: 2px solid blue;
}

FrameLearning ItemWidgetVideoCard {
    /*gizem  ??? what is this*/
    border: 6px solid red;
}

/*      7.4 Learning (0nly) Items */
/*  end 7.4 Learning (0nly) Items */
/*      7.5 Community (0nly) Items */
/*  end 7.5 Community (0nly) Items */

/* ---- end 7 Community Screen Styles -------------------------------------- */

/* ---- 8 Modals and Alerts ------------------------------------------------ */
DialogChannels {
    border-style: outset;
    border-width: 1px;
    border-color: beige;
    border-radius: 0px;
    background: #fff;
    /*background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                stop:0 #edf0f0, stop:0.25 #edf0f0,
                                stop:0.5 #ffffff, stop:0.75 #f6f7f7,
                                stop:1 #d5dfdf);*/
}

/* ---- end 8 Modals and Alerts -------------------------------------------- */
/* New Global Dialogs */
FrameDialogTitleBar {
    background: #43B02A;
    border: 1px solid black;
    border-bottom: 0px solid black;
    padding: 5px 15px;
}

FrameDialogBody {
    background: #fff;
    /*background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                stop:0 #edf0f0, stop:0.25 #edf0f0,
                                stop:0.5 #ffffff, stop:0.75 #f6f7f7,
                                stop:1 #d5dfdf);*/
    border: 1px solid black;
    padding: 20px;
}

LabelDialogTitleBar {
    color: white;
    font: bold 14px "Ubuntu";
}

ButtonDialogClose {
    background: none;
    border: none;
}

ButtonDialogClose:hover,
ButtonDialogClose:focus {
    background: none;
    border: 1px solid #000;
    color: #fff;
    font-weight: bold;
}

ButtonDialogClose:pressed {
    background-color: #006f43;
    border: none;
    color: #fff;
}


/* Dialogs */
PreferencesDialog {
    min-width: 500px;
}


ListWidgetChannels {
    background-color: #E6E6E6;
    margin: 0px;
    padding: 2px;
    font-size: 12px;
    outline: 0;
}

/* Channels dialog inside package manager */
QTableView::item:hover {
    background-color: rgba(200,200,220,255);
}

ListWidgetChannels::item {
    background: #E6E6E6;
    background: qlineargradient(x1:0, y1:0, x2:1, y2:0,
                                stop:0 #efefea, stop:0.5 #f1f1ed,
                                stop:1 #e0e0d9);
    height: 20px;
    border-radius: 0px;
    border-bottom: 1px solid #696969;
    padding: 6px 15px;
    /*border-top: 2px solid #efefef;
    border-right: 2px solid #919692;
    border-bottom: 2px solid #777;
    border-left: 2px solid #ccc;*/
}

ListWidgetChannels::item:selected {
    background-color: #43B02A;
    color: #fff;
    /*border-top: 2px solid #b4e08c;
    border-right: 2px solid #759e50;
    border-bottom: 2px solid #638644;
    border-left: 2px solid #b2d197;*/
}

/*
ListWidgetChannels::indicator:unchecked {
    image: url('$IMAGE_PATH/open-iconic/checkbox-card-category-checked-hover.svg');
}
*/
QDialog ButtonCancel,
QDialog ButtonCancel:hover {
    color: #8f1419;
    border-color: #8f1419;

}
QDialog ButtonCancel:hover,
QDialog ButtonCancel:focus {
    color: #c31632;
    border-color: #c31632;
}
QDialog ButtonCancel:pressed {
    background-color: #8f1419;
    border-color: #8f1419;
    color: #fff;
}
ButtonEnvironmentPrimary {

}
