html, body { background-color: #f4efef; height:100%; }

/*TOPNAV STYLE*/
.topnav { z-index: 999; font-family: 'Encode Sans Semi Expanded', sans-serif; background-color: #f15522; border-radius: 0; padding-top: 0; padding-bottom: 0;}
.topnav .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>"); }
.topnav .navbar-toggler { color: transparent; border-color: transparent; }
.topnav .navbar-toggler:focus { outline: none; }
.topnav .navbar-brand { color: #fff; }
.topnav .topnav_menu .nav-link, .topnav .topnav_menu .nav-link:focus { font-size: 14px; color: #fff; border: 2px solid transparent; padding: .8rem 15px; transition: all .3s ease-in-out; }
.topnav .topnav_menu .nav-link:hover { border-bottom: 2px solid #fff; color: #fff; }
.topnav .topnav_menu .active > .nav-link, .topnav .topnav_menu .show > .nav-link { color: #fff; background-color: #ffffff6b;}
.topnav_menu .dropdown-menu a { color: #491c0e; font-size: .8rem;}
.ooba_logors { height:40px; }
#oobamenuright .dropdown-menu { right: 0; left:auto; }
#oobamenuright .dropdown-menu .dropdown-header { font-size: 13px; }

/*GENERAL STYLE*/
.inner { font-family: 'Source Sans Pro', sans-serif; background-color:#fff; -webkit-box-shadow: 0 1px 6px rgba(57,73,76,0.35); -moz-box-shadow: 0 1px 6px rgba(57,73,76,0.35); box-shadow: 0 1px 6px rgba(57,73,76,0.35); }
.inner h4 { color: #f15522; background-color: #eee; padding: .5rem; font-weight: 600; font-size: 1.2rem;}
.inner h1, .inner h1 a { line-height: 1.8; font-family: 'Oswald', sans-serif; font-size: 2rem; font-weight: 400; color: #606060; }
.inner h6 { font-family: 'Encode Sans Semi Expanded', sans-serif; }
.inner h1 span { color: #f15522; font-weight: 600; }
.inner .btn-add { border: 1px solid #606060; transition: all .2s ease-in-out; font-size: 12px; vertical-align: middle;}
.inner .btn-add:hover { text-decoration: none; }
.inner .btn-view { border: 1px solid #606060; transition: all .2s ease-in-out; font-size: 12px; vertical-align: middle; }
.inner .btn-save, .btn-save { background-color: #f15522; border-color: #f15522;}
.inner .btn-save:hover, .inner .btn-save:focus, .btn-save:hover, .btn-save:focus { background-color: #c7481e; border-color: #c7481e;}
.inner .modal-header { background-color: #dd663e; color: #fff; margin: 5px; }
.inner .modal-header h5 { font-size: 1.05rem; }
.inner .modal-header .close { color: #fff; opacity: 1; }
.inner .card { border: 0; }
.inner .card-body { font-size: 14px; max-height: 450px; overflow-y: auto; overflow-x: hidden; }
.inner .btn-save, .btn-save { background-color: #f15522; border-color: #f15522; color: #fff;}
.inner .btn-save:hover, .inner .btn-save:focus { background-color: #b84019; border-color: #b84019; color: #fff;}
.btn-save:focus { box-shadow: 0 0 0 0.2rem rgb(242, 185, 167); }
.crumbs { line-height: 1.5; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; color: #606060; font-weight: 400;}
p.help-block, p.help-block-error { color: red; font-size: 12px; font-weight: bold; }
.cke_top { border-bottom: 0!important; }
form label.control-label { font-weight: 600; color: #3a3a3a; }
.alert-success-msg { font-size: 14px; background-color: #ffeee8; -moz-box-shadow: 0 1px 6px rgba(57,73,76,0.35); -webkit-box-shadow: 0 1px 6px rgba(57,73,76,0.35); box-shadow: 0 1px 6px rgba(57,73,76,0.35); }
.btn-ooba-sm { transition: all .2s ease-in-out; font-size: 10px; vertical-align: middle;  background-color: #e2e6ea; border-color: #dae0e5; }
.btn-ooba-sm:hover { background-color: #f8f9fa; border: 1px solid #606060; }
.inner h5.view_title { font-weight: 600; color: #606060; }
.view_idea_desc { padding-left: 20px; border-left: 2px solid #f0a389;}
.cke_reset { border-radius: 10px!important; border-color:#eee!important;}
.cke_chrome { border: 12px solid #e6e6e6!important; }
.confirm_screen p { font-size: 16px; text-align: center; }
.confirm_screen h6 { padding: 1rem; background-color: #eee; font-size: 14px; }
.confirm_screen span { color: #f00; }
.inner-card { padding: 1rem; -webkit-box-shadow: 0 1px 6px rgba(57,73,76,0.35); -moz-box-shadow: 0 1px 6px rgba(57,73,76,0.35); box-shadow: 0 1px 6px rgba(57,73,76,0.35);  }
.inner-card:hover { background-color:#eee; }
.inner_card_tag { color: #343a40; }
.inner_card_tag:hover { color: #f15522; text-decoration: none; }
.bm_answer { display: inline-block; margin-top: .8rem; padding: .5rem; background-color: #eee;}


/*REQUEST PASSWORD STYLE*/
.site-reset-password , .site-request-password-reset { padding: 50px 0; background-color: #f15522; height: 100%; }
.site-reset-password form , .site-request-password-reset form { width: 90%; max-width: 500px; margin: 0 auto; background-color: #ffffff; padding: 40px; border-radius: 4px; box-shadow: 1px 1px 5px rgba(0,0,0,0.1);}
.site-reset-password form .form-control, .site-request-password-reset form .form-control { background: transparent; border: none; border-bottom: 1px solid #dfe7f1; border-radius: 0; box-shadow: none; outline: none; color: inherit; text-indent: 8px; height: 42px; }
.rpr-illustration { text-align: center; padding: 0 0 20px; color: rgb(244,71,107); }
.rpr-illustration h1 { color: #f15522; }
.rpr-illustration p { font-size: 16px; color: rgb(81,81,81); }
.site-reset-password form .btn-primary , .site-request-password-reset form .btn-primary { background: #f15522; border: none; padding: 11px; box-shadow: none; margin-top: 26px; outline: none!important; font-size: 14px; width: 100%; }
.site-request-password-reset form .btn-primary:active, .site-request-password-reset form .btn-primary:focus, .site-request-password-reset form .btn-primary:hover, .site-reset-password form .btn-primary:active, .site-reset-password form .btn-primary:focus, .site-reset-password form .btn-primary:hover { background-color: #e64009!important; box-shadow: none!important; }
.alreadymembernote, .notmembernote { text-align: center; font-size: 14px; }

/*SIGNUP*/
.site-signup { background-color: #fa7d54; min-height: 100vh; }
.site-signup h1 { font-size: 2rem; color: #fff; }
.site-signup p { color: #fff; }
.site-signup form label.control-label { color: #fff; }
.site-signup .btn-signup { border-radius: 100px; font-size: 14px; background-color:#fae5e5; border-color: #fae5e5; color: #f15522; font-weight: 600; padding: 8px 20px;}
.site-signup .btn-signup:hover, .site-signup .btn-signup:focus { background-color: #fff; border-color: #fff; box-shadow: none; }

/*ASK OOBA*/
.radio_list_switch input[type=radio], .ask_ooba_choose { font-weight: 600; display: inline-block; color: #f15522; background-color: transparent; border-color: #f15522; margin:20px; border-radius: 4px!important;} 
.radio_list_switch input[type=radio], .ask_ooba_choose:not(:disabled):not(.disabled).active { background-color:#f15522; border-color:#f15522; color: #fff; }
.radio_list_switch input[type=radio]:hover, .ask_ooba_choose:hover { color:inherit; background-color: inherit; border-color: inherit; }
.radio_list_switch input[type=radio].focus, .ask_ooba_choose.focus { box-shadow: 0 0 0 0.2rem rgba(241, 85, 34, 0.28); }
.ooba_btnpic { height: 200px; }
.note_consult { color: red; }
#still_consult { text-align: left; }
.wishlist_list { min-height: 500px; }
.wishlist_list .block-2 { font-size: 14px; border: 1px solid #eee; padding: 5px; transition: .2s all ease-in-out;}
.wishlist_list .block-2:hover { border-color: #c3c1c1; }
.wishlist_list .block-2 p { margin: 0; }
.idea_textarea { resize: none; height: 80px; border: 10px solid #eee; }
.idea_textarea:focus { border-color:#eee; box-shadow: none;}
.show_rest { transition: .2s all ease-in-out; display: none; }
#add_shortcut_btn { color: #f15522; background-color: white; }
#add_shortcut { margin: auto 0; position: absolute; top: 35%; }
#fieldlist { padding-left: 0; list-style-type: none;} 
#fieldlist li { margin-bottom: 1rem; }
.alert-all-feat { background-color: #ffdbdb; border-radius: 0; border-left: 5px solid #f15522; }
/*.mtleft, .mtright, .show_rest { transition: all 0.5s ease-in; }*/

/*CAMPAIGN STYLE*/
#diy-form label { font-weight: 400; margin-bottom: .2rem; }
#diy-form input[type="text"] { border:0; border-bottom: 1px solid #f15522; border-radius: 0; }
#diy-form input[type="text"]:focus { box-shadow: 0 0 0 0.2rem rgba(241, 85, 34, 0.18); }
#diy-form {}
#diy-form fieldset { background: white; border: 0 none; border-radius: 3px; /*box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);*/ padding: 20px 30px; box-sizing: border-box; /*stacking fieldsets above each other*/}
/*Hide all except first fieldset*/
#diy-form fieldset:not(:first-of-type) { display: none;}
/*inputs*/
#diy-form fieldset button.next { float: right; }
#diy-form input, #diy-form textarea { padding: 15px; border: 1px solid #ccc; border-radius: 3px;margin-bottom: 10px;width: 100%; box-sizing: border-box; font-family: montserrat; color: #2C3E50; font-size: 13px;}
/*buttons*/
#diy-form .action-button { width: 100px; background: #2a2a2a; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 5px; margin: 10px 5px;}
#diy-form .action-button:hover, #diy-form .action-button:focus, #next_ad1:hover, #next_ad1:focus {box-shadow: 0 0 0 2px white, 0 0 0 3px #f15522;background: #f15522;}
/*headings*/
.fs-title {font-size: 15px;text-transform: uppercase;color: #2C3E50; margin-bottom: 10px;font-weight: 600;}
.fs-subtitle { font-weight: normal; font-size: 13px; color: #666; margin-bottom: 20px;}
#next_ad1 { display: none; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 15px; margin: 10px 5px; }
#prev_ad2, #next_ad2 { color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 15px; margin: 10px 5px; }

/*TASK STYLE*/
.add-task-form { font-size: 14px; border-radius: 0; padding: 8px 10px;}
.add-task-form:focus { border-color: #f68560; box-shadow: 0 0 0 0.2rem rgba(241, 85, 34, 0.22); }
textarea.add-task-form { height: 150px; resize: none;}
#hidden_f { display: none; }
.notify_check, .checkbox label { font-size: 14px; }
.btn-switch_task { border-radius: 50px; color: #818181; margin: 5px;}
.btn-switch_task.active { color: #fff; background-color:#f15522; }
#task_panel { font-size: 15px; height: 400px; max-height:400px; overflow-x: hidden; overflow-y: scroll;}
#task_panel::-webkit-scrollbar-track{ background-color: #F5F5F5; }
#task_panel::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; }
#task_panel::-webkit-scrollbar-thumb { background-color: #ccc; }
.assign_to_panel { color:#a6a6a6; }
.btn-task-edit, .btn-task-del { background:transparent; color: transparent; }
.task-row:hover { background-color: #f4f4f4; }
.task-row:hover .btn-task-edit, .task-row:hover .btn-task-del{ color: #a4a3a3; }
.task-row:hover .btn-task-edit:hover, .task-row:hover .btn-task-del:hover  { color: #f15522; }
.task-row .btn:focus { box-shadow: none; }
.task-row .task_title { color: inherit; }
.popup-head { background-color: #f15522; color: #fff; }
.popup-head button { color: #fff; opacity: .8; }
#t_datepicker, #idTourDateDetails { z-index:99999 !important; }

/*KANBAN BOARD STYLE*/
.kanban-shortcut { background-color: #fff; padding: 1rem 1.2rem; margin: 0 .5rem; position: -webkit-sticky; position: sticky; top: 1rem; z-index: 99;}
.kanban-ddc { margin: 0 .5rem; }
.kanban-ddc-stat { padding: 0 1.5rem; }
.kanban-bs { background-color: #fff; padding-top: .5rem; }
.kanban-ddc-stat .sl-cont { padding-top: .5rem; min-height: 300px; border-left: 1px dotted black; border-right: 1px dotted black; }
.kanban-ddc-stat .sl-cont:nth-child(1) { border-right: none; }
.kanban-ddt-all { padding: 0 1.5rem; border: 1px solid #eee; }
.kanban-ddt-all .innerc {background-color: #fff; padding: 1rem;}
.kanban-ddt-all .tactic-card { padding: 1rem 1.5rem; }
.badge-notif, .badge-print, .badge-add { background-color: #f15522; color: #fff;}
.badge-add::after, .badge-notif::after { display: none; }
.w_c { background-color: #eee; display: inline-block ; padding: 2px 10px; }
#kanban-board-form { display: inline-block; }
#kanban-board-form .form-group, #kanban-board-form .form-group p {  margin-bottom: 0 }
.notification-dropdown-menu { transform: translate3d(153px, 31px, 0px)!important; padding-bottom: 0; min-width: 360px; max-width: 360px;}
.notifications-container { min-height: 75px; max-height: 280px; overflow: auto; }
.dropdown-header { border-bottom: 1px solid #eee; }
.dropdown-notification-all { text-align: center; padding-top: 5px; padding-bottom: 5px; font-style: oblique; background-color: #4a5158; color: white; font-size: 14px;}
.notification-read-mark-all:hover { cursor: pointer; }
.dropdown-notification { white-space: inherit; font-size: 14px; padding-right: 10px; }
.dropdown-notification:focus, .dropdown-notification:hover { background-color: #f0f0f0; }
.notification-read { background-color: transparent; margin: 0; height: 48px; vertical-align: top; line-height: 48px; padding-left: 15px; color: #fff; float: right; padding-right: 5px;}
.notification-read:focus { outline: 0; }
.dropdown-notification:hover .notification-read { color: #6c757d; }
.notifications-body { display: inline-block; }
.notifications-container::-webkit-scrollbar-track{ background-color: #F5F5F5; }
.notifications-container::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; }
.notifications-container::-webkit-scrollbar-thumb { background-color: #ccc; }

/*NOTIFICATIONS PAGE STYLE*/

.notifs_board { padding: 0 1.5rem; }
.notifs_board .innerc { padding-top: 1rem; background-color: #fff; }
.notifs_board .innerc h6 { font-size: 12px; text-transform: uppercase; font-weight: 400; border-radius: 50px; padding: .5rem 1rem; background-color: #64605e; color: #fff; display: inline-block; }
.notifs_board .innerc .cont { border: 1px solid black; margin: 0 .5rem;}
.notifs_board .notif_all_in { border: 1px solid #eee; margin-bottom: 5px;}
.notifs_board .notif_all_in:hover { background-color:#f4f4f4;  }
.notifs_board .notif_all_in a { color: inherit; text-decoration: none; display: block; padding: 10px; }
.notifs_board .notif_all_in .notification-read { height:auto; line-height: 0; }
.notifs_board .notif_all_in .notification-delete { background-color: transparent; margin: 0; vertical-align: top; line-height: 0; padding-left: 15px; color: #fff; float: right; padding-right: 5px; }
.notifs_board .notif_all_in:hover .notification-read { color: #64605e; }
.notifs_board .notif_all_in:hover .notification-delete { color: #e10909; }
.notifs_board .notif_all_in p { margin-bottom: 0; }

/*VIEW PAGE STYLE*/
.view_default_page { padding: 1.5rem 2rem; }
.view_default_page .comment_side { padding-left: 2rem; }
.view_default_page .comment_scroll { padding: 1.5rem 1rem; background-color: #fff;  -webkit-box-shadow: 0 1px 6px rgba(57,73,76,0.35); -moz-box-shadow: 0 1px 6px rgba(57,73,76,0.35); box-shadow: 0 1px 6px rgba(57,73,76,0.35); }
.view_default_page .scroll-sec { height: 350px; overflow:auto; background-color: #fafafa; }
.view_default_page .scroll-sec::-webkit-scrollbar-track{ background-color: #F5F5F5; }
.view_default_page .scroll-sec::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; }
.view_default_page .scroll-sec::-webkit-scrollbar-thumb { background-color: #ccc; }
.view_default_page .view_solo { margin-top: 1.5rem; border-left: 5px solid #f15522; padding-left: 10px;}
.view_default_page .content_side .return a { font-size: 14px; float:right; text-decoration: none; }
.view_default_page .comment_side .form-inline { margin-top: 10px; }
.view_default_page .comment_side .form-inline textarea { resize: none; border-radius: 0; height: 100px; }
.view_default_page .comment_side .form-inline textarea:focus { box-shadow: none; }
.view_default_page .comment_side .form-inline .btn-save { margin-left: 20px; }
.view_default_page .comment_side .comment_identity { display: inline-block; width: 90%; font-size: 12px; margin-bottom: 0.5rem; }
.view_default_page .comment_side .initial { color: #fff; font-weight: 600; text-align: center; float: left; display: inline-block; width: 8%; margin-right: 2%; margin-bottom: 0.5rem;}
/*COMMENT STYLE*/
.comment { overflow: hidden; padding: 0 0 1em; border-bottom: 1px solid #eee; margin: 0 0 1em; zoom: 1;}
.comment-img { float: left;margin-right: 33px; border-radius: 5px; overflow: hidden;}
.comment-img img { display: block;}
.comment-body {  overflow: hidden;}
.comment .text {padding: 10px;border: 1px solid #e5e5e5;border-radius: 5px;background: #fff;}
.comment .text p:last-child { margin: 0;}
.comment .attribution { margin: 0.5em 0 0; font-size: 14px; color: #666;}
/* Decoration */.comments,.comment { position: relative;}
.comments:before,.comment:before,.comment .text:before { content: ""; position: absolute; top: 0; left: 65px;}
.comments:before { width: 3px; top: -20px; bottom: -20px; background: rgba(0,0,0,0.1);}
.comment:before { width: 15px; height: 15px; border: 3px solid #fff; border-radius: 100px; margin: 16px 0 0 -6px; box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1); background: #ccc;}
.comment:hover:before { background: orange;}
.comment .text:before { top: 18px; left: 78px; width: 9px; height: 9px; border-width: 0 0 1px 1px; border-style: solid; border-color: #e5e5e5; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.inner_comment_card { padding: 0.4rem; margin: 0.5rem; border: 1px solid #eee; }
.inner_comment_card small { font-size: 75%; }
.tasks-buttons .col-sm-4 { padding:0;  }