//Primary colors
$primary-color: #009688 //lighter shade of green
$secondary-color: #00695C //stronger shade of green
$default-white: #F5F5F5
$white: #FFFFFF
$disabled: #E6E7E8 //light shade of gray

body .container .jumbotron-inverse, body .container .well-inverse, body .container-fluid .jumbotron-inverse, body .container-fluid .well-inverse 
    background-color: white


a, a:focus, a:hover 
    color: $primary-color


.radio input[type=radio]:checked~.check, label.radio-inline input[type=radio]:checked~.check 
    background-color: $primary-color


.radio input[type=radio]:checked~.circle, label.radio-inline input[type=radio]:checked~.circle 
    border-color: $primary-color


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus 
    color: #fff
    background-color: $primary-color
    border-color: $primary-color


.navbar, .navbar.navbar-default 
    background-color: $primary-color
    color: rgba(255,255,255,.84)


.notify_badge 
    background-color: #FF0000 !important


.bottom-menu
    background: $primary-color


#btn-search:hover 
    background: $secondary-color    


/* language selector */


.language-selector .dropdown-menu > .active > a 
    background: #EEEEEE
    color: $primary-color


.language-selector .dropdown-menu > .active > a:hover 
    color: $primary-color


/* Sidebar menu in every page */

#sidebar-menu .item 
    background-color: $primary-color
    color: white


#sidebar-menu .item a
    color: white


#sidebar-menu > .subjects_menu_active 
    background-color: $secondary-color


#sidebar-menu > .item:hover
    background-color: $secondary-color


/* === SUBJECT APP === */

/* home */

.users-cloud  .small a 
    color: #2E8B57


.users-cloud  .big a 
    color: #6B8E23


.users-cloud .medium a 
    color:  #66CDAA


.users-cloud  .tiny a 
    color: #654321



.my-subjects-title 
    color: #26A69A



.panel-invisible
    background-color: #BDBDBD !important
    color: $default-white


.category-panel > .panel-heading 
    background-color: #015E96 !important


.category-panel .category-header .category-card-items i 
    color: #014e7d


.category-panel .category-header .category-card-items i:hover 
    color: $white


.subject-panel > .panel-heading 
    background-color: #0277BD !important


.subject-panel .category-header .category-card-items i 
    color: #0267a4


.subject-panel .category-header .category-card-items i:hover 
    color: $white


.resource-link
    color: #000000 !important


/* subscribe.html */

.modal-header 
    border-bottom: 1px solid $disabled !important 


.modal-footer 
    border-top: 1px solid $disabled !important


/* subject_card.html */


.access-subject 
    background-color: #2eb82e !important
    color: white

/* Groups App */


.group-panel > .panel-heading 
    background-color: $white !important


.group-panel .panel-title, .group-panel .category-header i, .group-panel .category-course-link  
    color: #000000 !important


.group-panel-body 
    background: $white !important
    border-top: 1px solid #CCCCCC


/* === Resources Common (ex: PDF, WebPage) App === */

.topic-panel > .panel-heading 
    background-color: #1d8fe0 !important


.topic-panel .category-header .category-card-items i, .topic-panel-invisible .category-header .category-card-items i 
    color: #1772b3


.topic-panel .category-header .category-card-items i:hover, .topic-panel-invisible .category-header .category-card-items i:hover 
    color: $white


.topic-panel > .category-panel-content, .topic-panel-invisible > .category-panel-content 
    background: $white


.topic-panel-invisible > .panel-heading 
    background-color: #BDBDBD !important
    color: $default-white


.pendencies-content 
    background: $white


.pendencies-content .core-subjects-options li 
    background: $default-white


.category-header i 
    color: white


.category-header i:hover
    color: #90CAF9


.category-header .dropdown-menu i 
    color: inherit !important


#create-category 
    background-color: #66BB6A
    color: $white


.category-panel-content 
    background: $default-white


.core-subjects-options  li 
    background-color: $white
    border-bottom-color: #D2D2D2
    color: #A0A0A0


.core-subjects-options  li.active 
    color: inherit
    border-bottom-color: $secondary-color


.create-subject-btn 
    background-color: #26A69A
    color: white


#coordinators_accordion .panel-heading, #professors_accordion .panel-heading 
    background: $white


/* === Amadeus APP === */




.navbar-brand:hover 
    background: $secondary-color !important


.navbar .project_name 
    color: white


.navbar-nav li.open 
    background: $secondary-color


.navbar-nav li > a:hover 
    background: $secondary-color !important


.navbar-nav li.settings_menu_active 
    background: $secondary-color    


.top-search 
    color: $default-white



.dropdown-menu 
    background: $default-white


.dropdown-menu li > a 
    background: $default-white
    color: #333333


.dropdown-menu li > a:hover 
    background: #EEEEEE !important


#system_accordion > .panel > .panel-heading 
    background: $default-white


#system_accordion > .panel > .panel-heading:hover 
    background: #EEEEEE


#system_accordion > .panel > .panel-heading > a > .panel-title 
    color: #333333


#system_accordion > .panel > .panel-heading > a > .panel-title:hover 
    color: $primary-color


#system_accordion > .panel > .panel-heading > a:hover 
    color: $primary-color


#system_menu 
    background: $default-white



#horizontal-line
    background-color: black


.breadcrumb > li > span.divider 
    color: #26A69A


.breadcrumb > li > a
    color: #26A69A


.breadcrumb > li 
    color: #BDBDBD

/*Because we use an outer a tag*/
.panel-title 
    color: rgba(255,255,255,.84)


.category-header > h4.panel-title span 
    color: $white


.accordion 
    background: white


.accordion_list 
    background: $default-white


.outside-title 
    color: #43a251


.titleTopic a h4, .titleTopic h4 
    color: white


.Topic-detail a h4
    color: black


.cards-detail .panel .panel-heading h4 
    color: black

.data_register_course p  
    color: grey 


.category-course-link 
    color: $white !important


.profile_function 
    border-bottom: 1px solid #D2D2D2



.mobile-menu .item 
    color: $white
    background: $primary-color


.mobile-menu .item a 
    color: white


.mobile-menu > .subjects_menu_active 
    background-color: $secondary-color


.mobile-menu > .item:hover
    background-color: $secondary-color



.page_selector h4 
    border-bottom: 1px solid #e5e5e5


.subscribe-subject 
    background-color: #33cc33 !important
    color: white


.filedrag 
    color: #555
    border: 2px dashed #555


.footer 
    color: $white
    background: #26A69A


.no-subjects 
    color: #999999


.holder a.jp-disabled, a.jp-disabled:hover 
    background: none !important
    color: #bbb !important


.holder a.jp-current, a.jp-current:hover 
    background: none


.holder a, .holder span 
    border: 1px solid #ddd
    color: #337ab7


.holder a:hover 
    color: #23527c
    background-color: #eee
    border-color: #ddd


.holder a.jp-current, a.jp-current:hover 
    background: #039BE5
    color: $white
    border-color: #039BE5


/* Pendencies Form */


.notifies, .goalitems 
    border: 1px solid #EEEEEE


.bootstrap-datetimepicker-widget 
    background-color: #fff


.notifies a.delete-row, .goalitems a.delete-row
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
    background-color: #EEE
    color: rgba(0,0,0,.87)


a.add-row 
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)    
    background-color: #59b75c
    color: rgba(255,255,255,.84)

/* Resource list on topic templates */


.resource_list > .list-group-item 
    background-color: #fff
    border: 1px solid #ddd


.resource_list > .disabled 
    background-color: #eee


.resource_list > .disabled:hover 
    background-color: #eee !important   


.resource_list > .disabled a.resource_link 
    color: #BDBDBD


.resource_list > .list-group-item:hover 
    background: $default-white


.resource_list > .list-group-item:last-child 
    border-bottom: 1px solid #ddd !important


.resource_list .category-card-items i 
    color: #e5e5e5


.resource_list .category-card-items i:hover 
    color: #7f7f7f


.resource_list .category-card-items .dropdown-menu i 
    color: #333


.resource_list a 
    color: inherit


.resource_list .btn-group button:active, .resource_list .btn-group button:focus, .resource_list .btn-group button:hover 
    background-color: initial !important




#search-results-title
    color: #BDBDBD



.no-subscribe-btn
    background-color: #BDBDBD !important
    color: $default-white !important


.pendency 
    border-color: #CCCCCC


.pendency .breadcrumb 
    background-color: $white


.pendency .meta 
    color: #FF0000


.alert-low, .alert-medium 
    background-color: #FFA500
    color: $white


.no_button:hover, .no_button:focus, .no_button:active 
    background-color: initial !important


.popover 
    background: #FFF
    color: #333


.mural .post_make 
    background: $white


.mural .post_make .user-img, .post .post-img, .post .post-comment .user-img div, .comment .comment-img div 
    background: #CCCCCC


.mural .post_make .post-field div 
    border-color: #CCCCCC


.mural .post_make .post-field h4 
    color: #CCCCCC


.post_action i, .post .post-user .user-action i, .comment .comment-user .user-action i 
    color: #1d8fe0


.post .post-user, .comment .comment-user, .marked_user, .post_resource 
    color: #26A69A


.post .post-user .user-action 
    color: #BBBBBB


.post .time 
    color: #ABABAB


.post .post-comment 
    border-top-color: #888888
    background: #e5e5e5


.post .post-comment .comment-field div 
    border-color: #888888
    background: $white


.comment-section 
    background: $default-white
    border-top-color: #AAAAAA


.comment .comment-user .user-action 
    color: #999999


.comment-time 
    color: #9A9A9A


.btn_unfav 
    color: #FF0000 !important


.btn_fav 
    color: #BBBBBB !important


.post-filter, .talk-filter 
    background: $default-white


.post-filter h4, .talk-filter h4
    color: #26A69A


.post-filter, .talk-filter 
    label 
        color: #333333


.post-filter, .talk-filter 
    i 
        color: #FF0000


.suggestions 
    background: $white


.mural-ungeneral
    background: #EEE


.btn:not(.btn-raised):not(.btn-link):focus, .btn:not(.btn-raised):not(.btn-link):hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover 
    background-color: initial

.goalitems .slider, .goal_item .slider  
    background-color: initial

.goal_divider
    border-top-color: #888

.participant
    border-color: #888

.participant .user-info h4, .modal_profile_sidebar h4, .message-view .message-user
    color: #59b75c

.participant .user-info .status, .modal_profile_sidebar .status
    border-color: #888
    background-color: $default-white


.participant .user-info .status.active, .modal_profile_sidebar .status.active
    background-color: #59b75c

.participant .user-info .status.away, .modal_profile_sidebar .status.away
    background-color: #DAA520

.messages-container
    border-top-color: #cacaca
    background-color: #f5f5f5

.message-sender
    border-top-color: #000000 !important

.message-sender-container
    background-color: #e5e5e5

.message-sender-container .message-field div
    background-color: $white
    border-color: #888888

.talk-last_msg
    color: #888

.message-view
    border-top-color: #cacaca

.message-view .message-user .message-date
    color: #888

.messages_new
    color: $white
    background-color: #59b75c

@media(max-width: 768px) 
    .navbar .navbar-nav .dropdown .dropdown-menu li > a 
        color: #333333 !important
    
    .navbar .navbar-nav .dropdown .dropdown-menu li > a:hover 
        color: $primary-color !important