body,*{ padding:0; margin:0;}
a, input, textarea, button{ outline:none !important; font-family: 'Open Sans', sans-serif!important; font-size:14px; line-height:20px; text-decoration:none!important;}
a, button{transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.pos-r{ position:relative;}
.pos-a{ position:absolute;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ font-family: 'Open Sans', sans-serif!important;}

#header{height:50px!important;}
#ddmenu{ background:#2e2e2e!important; min-height: 50px;}
#ddmenu ul{ border: medium none !important; text-align:left !important; height:50px; background:#2e2e2e!important; /*padding: 0 0 0 150px!important;*/ padding: 0 0 0 65px!important; box-sizing: border-box;}
#ddmenu .top-heading{ font-weight: 500 !important; margin: 0 12px !important;}
#header #ddmenu li{color: #b8b8b8 !important; font-size: 16px !important; line-height: 48px;}
#header #ddmenu .over { background:#0e0e0e !important; color: #b8b8b8!important;}
#header #ddmenu .caret{color: #636363 !important; left: -10px !important;}
#header #ddmenu .dropdown{ border: medium none;}
#header #ddmenu  .dd-inner{background: #0e0e0e!important; margin: 0; padding: 0;}
#header #ddmenu  .dd-inner .column{ padding: 3px 12px 15px!important;}
#header #ddmenu  .dd-inner .column h3{ border-top: 1px solid #499940; border-bottom: medium none; color: #499940; font-size: 18px;  padding: 11px 0 3px; margin:5px 0 0;}
#header #ddmenu  .dd-inner .column h3:first-child{ border-top: medium none;}
#header #ddmenu  .dd-inner .column a{ display: block; color: #a6a6a6; font-size: 16px; padding: 3px 0;}
#header #ddmenu .offset300 {left:0!important;}



.navbar-brand {left: 0; margin: 16px 0 13px 15px; position: absolute; top: 0; z-index: 999999991;}

.nav_submenu_bar{ height: inherit !important; position: relative; z-index: 9; background:#eee!important; padding:10px 15px; border-bottom: 1px solid #ddd; margin:0 -15px 10px;}
/*.nav_submenu_bar a{ float:left; text-align:center; padding:8px 15px; margin:0 0 0 7px; border-radius:4px; line-height:20px; display:inline-block; text-decoration:none; font-size:16px; color:#499940; border:1px solid #499940;}
.nav_submenu_bar a:hover, .nav_submenu_bar a.active{text-decoration:none; color:#fff!important; background:#499940!important;}
.nav_submenu_bar a .button_main{ font-size: 16px; color:#499940!important; background:none!important; border:none!important; outline:none!important; display: block; box-shadow:none; margin:0; padding:0;}
.nav_submenu_bar a:hover .button_main{ color:#fff!important;}
.nav_submenu_bar a:first-child{ margin-left:0;}
.nav_submenu_bar a:nth-child(2){ float:right;}*/

.nav_submenu_bar a{ text-align:center; line-height:20px; display:inline; text-decoration:none; font-size:16px; color:#499940;}
.nav_submenu_bar a .button_main:hover, .nav_submenu_bar a .button_main.active{text-decoration:none; color:#fff!important; background:#499940!important;}
.nav_submenu_bar a .button_main{ float:left; font-size: 16px; color:#499940!important; background:none!important; border:1px solid #499940; padding:8px 15px; margin:0 6px 0 7px; border-radius:4px; outline:none!important; display: block; box-shadow:none; }
.nav_submenu_bar a .button_main:first-child{ margin-left:0;}
.nav_submenu_bar a .icon_button{ float:left; background-color:#eee!important; border:1px solid #499940; padding:6px 6px 6px 6px; margin:0 5px 0 5px; border-radius:4px; outline:none!important; display: block; box-shadow:none; }

.selec-cus-box select, .all-track-tablebox-headBtm select{ border-radius: 4px; max-width: 125px; padding:8px 10px!important; color:#c3c3c3; background: #fff; border: 1px solid #ddd; font-size:14px;}
.all-track-tablebox-headBtm select{ height: inherit !important;}
.margin_top.margin_bottom .button_sm{ color:#fff; background:#b5b5b5; border:1px solid #b5b5b5; min-width:68px; text-align:center; padding:7px 15px; margin:0 12px 0 0; border-radius:4px; line-height:20px; display:inline-block; float:left; text-decoration:none; font-size:16px;}
.margin_top.margin_bottom .button_sm:first-child{ margin-left:0;}
.margin_top.margin_bottom .button_sm:hover{text-decoration:none; color:#fff; background:#499940; border:1px solid #499940;}
.margin_top.margin_bottom .button_separator{ display:none;}
.nav_submenu_bar:after {clear: both;}
.nav_submenu_bar:after, .nav_submenu_bar:before {display: table; content: " ";}
.margin_top.margin_bottom .show_form { float: left; margin: 10px 0 10px 10px;}
.margin_top.margin_bottom .show_form + br { display: none;}
.margin_top.margin_bottom select{ height: inherit !important; border-radius: 4px; max-width: 125px; padding:8px 10px!important; color:#c3c3c3; background: #fff; border: 1px solid #ddd; font-size:14px;}
.margin_top.margin_bottom { margin-top: 20px;}
.submissions_table, .list_table{ background:#fff!important; border: 1px solid #eceef3 !important;
    color: #a6a6a6;
    font-size: 14px;
    line-height: 20px;
}

.submissions_table, .list_table, .list_table th, .submissions_table th, .submissions_table td, .list_table td{ border: 1px solid #eceef3 !important;
    color: #a6a6a6;
    font-size: 13px;
    line-height: 20px;
}
.list_table th, .submissions_table th, .submissions_table td, .list_table td{ padding:5px!important;}
.submissions_table td, .list_table td{ padding:11px 10px !important; border:none!important;}
.submissions_table .spacer_row td, .list_table .spacer_row td{padding:0px 2px !important; border:none!important;}
	
.list_table th, .submissions_table th{border: 1px solid #eceef3 !important;
    color: #4b5d6f;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    padding: 11px 10px !important;
    text-transform: uppercase; 
}
.list_table th a, .submissions_table th a{ color: #4b5d6f!important; padding:0!important;}
.submissions_table td a{ font-size: 13px!important;}
	
#full_width_content { box-sizing: border-box; /*padding: 1px 15px 6px!important;*/ padding: 1px 0px 6px!important; width: 100%!important;}
.title{ font-size: 35px!important; color: #454545!important;  line-height: 30px;}
.title a{ font-size: 35px!important; color: #008800!important;  line-height: 30px;}
.title img{ max-width:31px;  vertical-align: top;}
#content { box-sizing: border-box; padding: 10px 0 6px!important; width: 100% !important;}

#search_form_table { border: medium none !important; background:none !important; padding:0 !important;}
#search_form_table select{ border-radius: 4px; max-width: 125px; padding:8px 10px!important; color:#c3c3c3; background: #fff; border: 1px solid #ddd; font-size:14px;}
#search_form_table input#search_keyword{ margin: 0 11px 0 10px !important; border-radius: 4px; max-width: 360px; min-width: 360px; padding:8px 10px!important; color:#c3c3c3; background: #fff; border: 1px solid #ddd; font-size:14px;}
#search_form_table select{ height: inherit !important;}
.views_dropdown select{ height: inherit !important; border-radius: 4px; max-width: 200px; padding:8px 10px!important; color:#c3c3c3; background: #fff; border: 1px solid #ddd; font-size:14px;}

#search_form_table .button_sm{ color:#fff; background:#b5b5b5; border:1px solid #b5b5b5; min-width:68px; text-align:center; padding:7px 15px; margin:0 12px 0 0; border-radius:4px; line-height:20px; display:inline-block; float:left; text-decoration:none; font-size:16px;}
#search_form_table .button_sm:first-child{ margin-left:0;}
#search_form_table .button_sm:hover{text-decoration:none; color:#fff; background:#499940; border:1px solid #499940;}
#search_form_table .button_separator{ display:none;}
#search_form_table .nav_submenu_bar:after {clear: both;}
#search_form_table .nav_submenu_bar:after, #search_form_table .nav_submenu_bar:before {display: table; content: " ";}
#search_form_table .show_form { float: left; margin: 10px 0 10px 10px;}
#search_form_table .show_form + br { display: none;}

#ddmenu .menu-icon{ margin-bottom: 0 !important; margin-top: 8px !important; padding: 0; width:42px!important; height:32px!important; background: url('/../../themes/default/images/menu-icon-tabs.png') left top no-repeat!important;}
#ddmenu .menu-icon:before{display:none;}
.custom-tile-ico, .custom-list-ico{vertical-align: top;}
.custom-alert-ico{ background: url('/../../themes/default/images/top-right-icons.png') left top no-repeat!important; display: inline-block; height:20px; 
    /*text-indent: -1000000px;*/
    width: 18px; margin: 1px 0 0;}
.custom-quickadd-ico{ margin: 15px 0 0;background: url('/../../themes/default/images/top-right-icons.png') -24px top no-repeat!important; opacity:0.8; display: inline-block; width: 28px; height:28px; top:4px;}
.custom-calendar-ico{ margin: 15px 0 0;background: url('/../../themes/default/images/top-right-icons.png') -57px top no-repeat!important; opacity:0.8; display: inline-block; width: 38px; height:28px; }
.custom-settings-ico{ margin: 15px 0 0;background: url('/../../themes/default/images/top-right-icons.png') -94px top no-repeat!important; opacity:0.8; display: inline-block; width: 28px; height:28px;}

#notifications_icon, .custom-quickadd-ico img, .custom-calendar-ico img, .custom-settings-ico img{display:none;}
.notification_counter{ right: 177px !important;}
.custom-pageinate-ico {
    float: inherit !important;
    text-align: left;
    width: 100%;
}
.custom-pageinate-ico div#list_nav {
    float: right;
}
.custom-pageinate-ico .margin_bottom_large{ padding:15px 0 25px; margin:0; color:#a6a6a6; font-size:14px;}
.custom-account-ico > img {
    border-radius: 50%;
    height: 28px;
    object-fit: cover;
    width: 28px;
}

.custom-account-ico {
    display: inline-block;
    height: 30px;
    position: relative;
    top: 4px;
    width: 30px; border: 1px solid #fff;
    border-radius: 50%; padding:1px;
}

#callout.callout{ padding:5px; margin:0; background:#499940!important; min-width: 290px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176)!important; border: none; border-radius: 0 0 4px 4px!important; top:50px;}
#callout.callout .subtitle{ display:block; color: #fff;
    font-family: "Raleway",sans-serif;
    font-size: 24px;
    margin: 0;
    padding: 0;
}
#callout.callout .subtitle-s {
    display: block;
    font-size: 13px;
    padding: 5px 0 12px 1px; color:#fff;
}
#callout.callout .subtitle-list{ padding:0; margin:0;}
#callout.callout .subtitle-list a{ color: #fff !important;
    font-size: 13px !important;
    padding: 0 0 0 20px; margin: 0 0 5px; display: block; background: url('/../../themes/default/images/user-dd-icons.png') left 4px no-repeat!important;
}
#callout.callout .subtitle-list a:nth-child(2){ background-position: left -25px !important;}
#callout.callout .subtitle-list a:nth-child(3){ background-position: left -50px !important;}
#callout.callout .img-prof-pr{ position:relative;
    padding: 15px 0 21px 120px; text-align: left;
}
#callout.callout .img-prof{left: 0;
    padding: 12px 0 0 25px;
    top: 0;
    width: auto; position: absolute;
}
#callout.callout .img-prof img {
    border: 1px solid #fff;
    border-radius: 50%;
    display: block;
    height: 54px!important;
    margin: 0 0 25px;
    padding: 2px !important;
    width: 54px!important; object-fit: cover;
}
#callout.callout .img-prof-pr .button_main{
border: 1px solid #fff;
    border-radius: 4px;
    color: #fff !important;
    display: block;
    font-size: 13px !important;
    line-height: 16px;
    padding: 8px 5px !important; box-shadow: inherit;
    text-align: center;
    width: auto; background:none; margin:0 0 0 -10px;
}
#callout.callout .img-prof-pr .button_main:hover{ background: #418b39;}

#callout.callout  .sign-out-h {
    background: #418b39 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0 0 4px 4px;  line-height: 42px;
    margin: 0 !important; display: block;
    color: #fff;
    font-size: 16px;
    height: 42px;
    outline: medium none;
    width: 100%; text-align:center; position: relative;
}
#callout.callout  .sign-out-h img{ margin: 0 5px 0 0;
    vertical-align: middle;
}
#callout.callout  .sign-out-h:hover {
    background: #377a30 none repeat scroll 0 0;
}
#callout.callout  .sign-out-h::before{border-bottom: 6px solid #418b39;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    top: -5px;
    vertical-align: middle;
    width: 0;
}
	
#quick_add_pane.callout{ min-width: 200px; margin: 0; top: 50px; background:#499940!important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176)!important; border: none!important; border-radius: 0 0 4px 4px!important; padding:0;}
#quick_add_pane.callout .quick_add_pane_a{ height:inherit!important;}
#quick_add_pane.callout .quick_add_pane_a a{ border-top: 1px solid #3c8434; text-align:left;padding:7px 12px 7px 10px; margin:0; line-height:20px; display:block; text-decoration:none; font-size:14px; color:#fff!important;}
#quick_add_pane.callout .quick_add_pane_a:hover, #quick_add_pane.callout .quick_add_pane_a.active{text-decoration:none; color:#fff; background:#418b39;}
/*
#quick_add_pane.callout .quick_add_pane_a:last-child:hover{ border-radius: 0 0 4px 4px!important;}

#quick_add_pane.callout .quick_add_pane_a:nth-child(1) a{ background-position: 6px 2px !important;}
#quick_add_pane.callout .quick_add_pane_a:nth-child(2) a{ background-position: 6px -34px !important;}
#quick_add_pane.callout .quick_add_pane_a:nth-child(3) a{ background-position: 6px -70px !important;}
#quick_add_pane.callout .quick_add_pane_a:nth-child(4) a{ background-position: 6px -105px !important;}
#quick_add_pane.callout .quick_add_pane_a:nth-child(5) a{ background-position: 6px -142px !important;}
#quick_add_pane.callout .quick_add_pane_a:nth-child(6) a{ background-position: 6px -179px !important;}
#quick_add_pane.callout .quick_add_pane_a:nth-child(7) a{ background-position: 6px -215px !important;}
#quick_add_pane.callout .quick_add_pane_a:nth-child(8) a{ background-position: 6px -250px !important;}
#quick_add_pane.callout .quick_add_pane_a:nth-child(9) a{ background-position: 6px -286px !important;}
#quick_add_pane.callout .quick_add_pane_a:nth-child(10) a{ background-position: 6px -320px !important;}
#quick_add_pane.callout .quick_add_pane_a:nth-child(11) a{ background-position: 6px -358px !important;}
#quick_add_pane.callout .quick_add_pane_a:nth-child(12) a{ background-position: 6px -393px !important;}
#quick_add_pane.callout .quick_add_pane_a:nth-child(13) a{ background-position: 6px -429px !important;}
#quick_add_pane.callout .quick_add_pane_a:nth-child(14) a{ background-position: 6px -465px !important;}
*/
#notifications_pane.callout{ margin: 0; top: 50px; /*max-height:350px!important;*/ background:#499940!important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176)!important; border: none!important; border-radius: 0 0 4px 4px!important; padding:0;}
#notifications_pane.callout h3, #quick_add_pane.callout h3{border-bottom:none; margin: 0; color:#fff; font-size:14px; padding: 8px 12px 8px; background:none;}
#notifications_pane.callout .notif-li{ position:relative; border-top: 1px solid #499940; padding: 7px 12px !important;box-sizing: border-box; display: block; background: #418b39 !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px; height:inherit!important; min-height:60px;}
#notifications_pane.callout .notif-li:first-child{ border-top:none;}
#notifications_pane.callout .notif-li-img{border: 1px solid #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px; margin: 0 10px 0 0;
    padding: 2px !important;
}
#notifications_pane.callout .notif-li-img img{ border-radius: 50%;
    height: 40px!important;
    width: 40px!important; object-fit: cover;
}
#notifications_pane.callout 	.notif-li-mes{ font-size: 13px !important;
    font-weight: 500;
    line-height: 18px; color:#fff; margin: 0 !important;
}
#notifications_pane.callout .notif-li::before, #notifications_pane.callout .notif-li::after {
    clear: both;
    content: "";
    display: block;
}
#notifications_pane.callout .notif-li-dismiss{ position: absolute;
    right: 0; bottom: 0; color:#fff!important; font-size: 13px!important; font-weight: 600;}
#notifications_pane.callout .notif-li-dismiss:hover{ color:#ccc!important;}
#notifications_pane.callout .notif-li-mes b {
    display: block;
    font-size: 14px;
    font-weight: 500;
}
#notifications_pane.callout #dismiss_all_div{ float:inherit!important; height:inherit!important;}
#notifications_pane.callout #dismiss_all_div a{ background: #499940;
padding: 5px 10px;
display: block;
text-align: center;
color: #fff;
font-size: 14px; border-radius: 0 0 4px 4px; font-weight: 500!important;}
#notifications_pane.callout #dismiss_all_div a:hover{ background: #387a30;}
#notifications_pane.callout #dismiss_all_div a b{font-weight: 500!important;}

/*.spacer_row{ display:none;}*/

.anylinkmenu{background: #EFEFEF !important; border-color:#339933; border-radius: 2px!important; min-width:210px; padding:0px;}
.anylinkmenu ul{ padding:0!important;}
.anylinkmenu ul li a{ color: #333333 !important; padding: 7px 2px !important; border-top:1px solid #FFFFFF; box-sizing: border-box;}
.anylinkmenu ul li a:hover{background: #DFDFDF!important;}
.anylinkmenu ul li:first-child a{ border-top:none;}
.anylinkmenu ul li a img{ margin: 0 15px 0 0; vertical-align: middle; opacity:1!important;}

.module_section.export_manager_module{ max-width:611px; margin: 0 0 25px; border-radius: 4px !important;
    padding: 5px 15px 15px!important; background: #499940!important;
    position: relative;
    top: -15px;
}
.module_section.export_manager_module h2{
	color: #fff;
    font-size: 18px;
    line-height: 20px;
    padding: 11px 0 5px;
}

.module_section.export_manager_module td{
	color: #fff;
    font-size: 15px;
    line-height: 20px; padding: 4px 10px 4px 0;
}

.module_section.export_manager_module td:last-child{ padding-right:0;}

.module_section.export_manager_module td select{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #d2e1d0;
    color: #fff;
    font-size: 14px;
    max-width: 145px;
    padding: 9px 10px !important;
    width: 100%; border-radius: 4px; margin: 0 5px 0 0;
}
.module_section.export_manager_module td select option{
	background:#fff;
}
.module_section.export_manager_module td input[type="button"]{
	background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    color: #a6a6a6;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    min-width: 90px;
    padding: 7px 5px !important;
}

.module_section.export_manager_module .module_link {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #499940;
    border-radius: 50% !important;
    box-shadow: 0 0 3px #499940;
    font-size: 15px !important;
    font-weight: 700;
    height: 30px;
    line-height: 30px !important;
    padding: 0 !important;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
}

.module_section.export_manager_module .module_link:hover {
    border: 1px solid #fff;
    box-shadow: 0 0 3px #499940;
	background: #499940 none repeat scroll 0 0;
    color: #fff!important;
    text-decoration: none; height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
.module_section.export_manager_module .module_link:hover a{ color: #fff!important;}
.module_section.export_manager_module .module_link  a{ height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
.custom-uplist-ico {
    height: 39px;
    width: 39px;display: inline-block;
    vertical-align: middle; background: url('/../../themes/default/images/grid-list-icon.png') right top no-repeat!important;
}
.custom-uplist-ico:hover{ background-position:right -39px!important;}

.custom-uptile-ico {
    height: 39px;
    width: 39px;display: inline-block;
    vertical-align: middle; background: url('/../../themes/default/images/grid-list-icon.png') left top no-repeat!important;
}
.custom-uptile-ico:hover{ background-position:left -39px!important;}

.custom-uplist-ico > a, .custom-uptile-ico > a {
    display: block;
    height: 39px;
    width: 39px;
}
.custom-tile-ico, .custom-list-ico {
    display: none;
}

.custom-search-ico .views_dropdown{ vertical-align: middle;}
.custom-search-ico { margin-top: -3px; float: none !important;}
#list_current_page {
    background: #499940!important;
    border:none!important;
    font-weight: normal!important;
    padding: 0 5px!important; color:#fff!important;
}

/* added css for grid view */
.wgt-main-header h4 a{ color:#4b5d6f!important; font-size: 15px !important; border:none!important;}
.wgt-sub-area-data{ font-size: 15px!important; font-family: 'Open Sans', sans-serif!important; font-weight:500;}
table#submissions_table td .wgt-main-wrapper .wgt-sub-area-data{ /*min-height: 330px;*/ min-height: 330px;}

/* added css for footer */
.footer{ height: 24px!important; background:#a5a5a5!important; text-align:center; padding: 10px 0; margin: 0; border:none!important;}
.footer .footer-links{ color:#fff; font-size:14px;}
.footer .footer-links a{ padding:0 6px; margin:0; line-height:24px; display:inline-block; text-decoration:none; font-size:14px; color:#fff;}
.footer .footer-links a:hover, .footer .footer-links a:visited, .footer .footer-links a:focus{text-decoration:underline; color:#fff;}

/* added css for more popup's */
.dropdown.more-action-dd .dropbtn{ 0 0 0 7px!important; border: 1px solid #499940!important;
    border-radius: 4px;
    color: #499940;
    display: inline-block;
    float: left;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 0 7px;
    padding: 9px 10px;
    text-align: center;
    text-decoration: none; background: #ededed!important; box-shadow: none;
}
.dropdown.more-action-dd .dropdown-content{ background: #f9f9f9 !important;
    border: 1px solid #eee !important; border-radius: 0;
    left: 7px;
    /*min-width: 200px;*/ min-width: 165px;
    top: 38px; box-shadow:0px 5px 7px #ccc; border-top:7px solid #eeeeee!important;
}
.dropdown.more-action-dd .dropdown-content a{
	border: medium none !important;
    border-radius: 0 !important;
    color: #333;
    display: block;
    float: inherit !important;
    font-size: 12px;
    margin: 0 !important;
    padding: 7px 10px !important;
    text-align: left;
    text-decoration: none;
	/*border-top: 1px solid #499940!important;*/
}
	.dropdown.more-action-dd .dropdown-content{ left:inherit; right:7px;}
	.dropdown.more-action-dd .dropdown-content.rightShow_dd{ left:7px; right:inherit;}
.dropdown.more-action-dd .dropdown-content a:first-child{border-top:1px solid #e2e2e2 !important;}
.dropdown.more-action-dd .dropdown-content a:hover{ background:#f1f1f1!important; color: #333;}
.custom-alert-ico > span {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #499940;
    font-size: 11px;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: -7px;
    text-align: center;
    top: -11px;
    width: 20px;
}


/*** css 23-10-2017   ***/
body .ui-helper-clearfix {display: inline-block;}
.custom-tiletable-ico .wgt-main-wrapper {min-height: 420px;}
table#submissions_table td .wgt-main-wrapper .wgt-sub-area-data + div {bottom: 30px !important; position: absolute !important; text-align: center; top: auto !important; width: 100%;}
#full_width_container .main_tabset {border-image: none; border-radius: 4px 4px 0 0; border-style: solid solid none;
border-width: 1px 1px medium; height: 47px; background: #ececec; border: 1px solid #ddd; border-bottom: 0;}
#full_width_container .main_tabset li {color: #499940; display: inline-block; font-size: 16px; height: auto; line-height: 20px; margin: 0; padding: 11px 10px; border: 0; border-radius:0; border-right: 1px solid #ddd;}
#full_width_container .main_tabset li:first-child { border-left: medium none; border-radius: 4px 0 0;}
#full_width_container .main_tabset li.selected {background: #e1dede none repeat scroll 0 0; color: #499940 !important;}
#full_width_container .main_tabset li a {font-size: 16px; line-height: 20px; padding: 0;}
#full_width_container .tab_content {border: 1px solid #ddd; border-radius: 0 0 4px 4px; box-sizing: border-box; padding: 10px; width: 100% !important;}
/*#full_width_container .title + div + div a {display: block; padding: 11px 10px 0 0;} */
.dashboard_widget .dashboard_widget_box {margin: 7px; padding: 1px;}
#search_form_table .show_form {position: relative; z-index: 99;}
.dropdown.more-action-dd .dropdown-content {border: 1px solid #eeeeee !important;}
.ui-widget-content {background:#fff !important; }
.ui-dialog {}
#content.edit-content-right.typetaskmagnettracks0001 {background: none !important; padding-left: 8px !important;}
#full_width_container.typetaskmagnettracks0001 {width: 99% !important;}
.ui-draggable .ui-dialog-titlebar { background: #a7a7a7 none repeat scroll 0 0; border: 0 none; cursor: move; width: 94%; }
.ui-dialog .ui-dialog-buttonpane button {color: #499940; background: white none repeat scroll 0 0; border:1px solid #499940; border-radius: 4px; font-size: 13px; 
 cursor: pointer; margin: 0.5em 0.4em 0.5em 0;} 


.ui-dialog .ui-button-text-only .ui-button-text {color: #333; font-size: 15px; padding: 0.3em 0.8em; font-size: 14px;}
.ui-dialog .ui-dialog-buttonpane button:hover {background: #DEDEDE;}
.cf_date_group .tooltip img {padding: 0 0 0 23px;}
.nav_submenu_bar a .button_main {padding: 7.5px 11px !important; font-size: 16px !important;}
#full_width_container .edit-dashBoard { display: block; padding: 12px 0 0 0;}
.wgt-main-header { background: rgba(0, 0, 0, 0) url("../images/bg_wid_all_headers.png") repeat-x scroll left center; border-top: 1px solid #ccc; height: 48px; margin-right: 7px; position: relative;}
.wgt-main-header h3 {color: #333; font-size: 18px; font-weight: 600;}
#full_width_container .magnettracksparentsetup0001 {overflow: hidden;}

#full_width_container .magnettracksparentsetup0001 .magnettracksclasssetup0001 {!important; width: 260px; !important;height:370px;margin:0;float:left;border:3px;border-width:2px;border-color:grey;border-radius:6px;text-align:center;}

.siderail.magnettracksiderailaccount001 {margin: 0 0 0 -16px; min-height: 1000px; padding: 0 0 80px !important; width: 16% !important; max-width:230px;position: relative;}
.siderail.magnettracksiderailaccount001 .wgt-main-wrapper-right-bdr {background: none; margin: 0;}
.siderail.magnettracksiderailaccount001 .wgt-main-header { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-top: 0 none; height: auto; margin: 0; border-bottom: 1px solid #fff;}
.siderail.magnettracksiderailaccount001 .wgt-main-header h3 {border-bottom: 1px solid #fff; color: #499940; display: block; font-size: 22px; font-weight: 500; letter-spacing: 0; line-height: 24px; margin: 0; padding: 15px 15px 15px;}
.siderail.magnettracksiderailaccount001 .wgt-sub-area-data {border-top: 1px solid #dedede; box-sizing: border-box; margin: 0 !important; padding: 10px 15px 0; width: 100% !important;}
.siderail.magnettracksiderailaccount001 div#left_nav {margin-right: 0 !important;}
.siderail.magnettracksiderailaccount001 div#left_nav a { color: #555555; display: inline-block; font-size: 15px; line-height: 20px; margin: 0; padding: 2px 0; text-align: left; text-decoration: none;}
#content.magnettrackcontentaccount001, .magnettrackcontentaccount001, .magnetcommentscontentaccount001, #content.magnetcommentscontentaccount001 {float: right !important; width: 83% !important; padding-top: 0 !important; }
.magnettracksparentsetup0001 .wgt-main-header {background: none; border: 0;}
.magnettracksparentsetup0001 .wgt-main-wrapper-right-bdr, .magnettracksparentsetup0001 .wgt-main-wrapper-topleft, .magnettracksparentsetup0001 .wgt-main-wrapper-topright, .magnettracksparentsetup0001, .wgt-main-wrapper-bottomleft, .magnettracksparentsetup0001 .wgt-main-wrapper-bottomright, .magnettracksparentsetup0001 .wgt-main-wrapper { background: none; }
.magnettracksparentsetup0001 .wgt-main-header h3 {border: 0; color: #4b5d6f; font-weight: 500;}
.magnettracksparentsetup0001 .wgt-main-footer, .magnettracksparentsetup0001 .wgt-main-wrapper-bottomleft {display: none;}
.magnettracksparentsetup0001 .wgt-main-wrapper {background: #fff none repeat scroll 0 0; border: 1px solid #eceef3;
border-radius: 4px; box-shadow: 0 0 3px #ccc; margin: 8px 8px 10px 11px; min-width: 200px; padding: 15px 10px 10px; text-align: center; min-height: 320px;}
.magnettracksparentsetup0001 .wgt-main-wrapper img {  opacity: 0.5;}
.title img {height: auto;}
#header_title.title {padding: 10px 0 0 0;  margin-left: 0 !important;}
.nav_submenu_bar .medium-text .switch { margin: 0 0 0 5px; top: 6px; }
.nav_submenu_bar .medium-text { margin: 5px 10px 12px !important; }
.content form .margin_top.margin_bottom { margin-bottom: 50px; }
.fc-button-group button.fc-button.fc-next-button, .fc-button-group button.fc-button.fc-prev-button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; box-shadow: none; height: 31px; width: 45px; padding: 0;}
.fc-button-group button.fc-button.fc-next-button:hover, .fc-button-group button.fc-button.fc-prev-button:hover { background: #eee; }


.fc-button-group button.fc-button span.fc-icon { height: 100%; line-height: 27px; margin: 0; width: 100%; }
.fc-button-group button.fc-button span.fc-icon:after {font-size: 30px;  color: #777; font-weight: 300;}
.fc-button-group button.fc-button span.fc-icon:after {font-size: 30px;  color: #777; font-weight: 300;}
.fc-button-group button.fc-button.fc-state-hover {background: #eee;}
.fc-toolbar button.fc-today-button {background: #b5b5b5 none repeat scroll 0 0; border: 1px solid #b5b5b5;
border-radius: 4px; color: #fff; display: inline-block; font-size: 14px; height: auto; line-height: 20px; padding: 3px 10px; text-shadow: none; opacity: 1;}
.fc-button-group button.fc-button {padding: 3px 10px; background: #b5b5b5; border: 1px solid #b5b5b5; border-radius: 4px; box-shadow: none; color: #fff; font-size: 14px; margin: 0 0 0 6px; width: auto;  text-shadow: none;  height: auto;}
.fc-button-group button.fc-button:hover, .fc-button-group button.fc-button.fc-state-active {background: #838383; color: #fff;}
.fc-toolbar button.fc-today-button:hover {background: #838383;}
.nav_submenu_bar .medium-text #view_modeProject {margin: 7px 15px 0 8px; position: relative; top: 2px; }
.nav_submenu_bar .medium-text select.views_dropdown { border: 1px solid #ccc; height: 31px; margin: 0 0 0 11px;}
.custom_submitup_ico .button_sm { background: #b5b5b5 none repeat scroll 0 0; border: 1px solid #b5b5b5; border-radius: 4px; color: #fff;
display: inline-block; float: left; font-size: 14px; line-height: 20px; margin: 0 12px 0 0; min-width: 68px; padding: 3px 10px;text-align: center; text-decoration: none;}
.custom_submitup_ico .button_sm:hover {background: #499940 none repeat scroll 0 0; border: 1px solid #499940; color: #fff;}
#search_form #search_form_table td:nth-child(2) select {margin: 0 10px 0 0;}

.error .button_sm { background: #ea3b3b; border: 1px solid #ea3b3b;font-size: 14px; padding: 2px 15px; position: relative; top: -4px; }
#intl_pro_choices { margin: 15px 0 0; }
#intl_pro_choices select { margin: 0 0 11px; }
.list_table td textarea.txtArea-bar { width: 80%; }
.main_tabset + .prevnext_links { display: none; }
#search_form.customSearch-table #search_form_table td { padding: 5px 6px; }
.customRow-br .list_table .edit { background-position: center 12px; }
.customRow-br .list_table .del { background-position: 2px 11px; width: 10px; }
.customRow-br .list_table td.del:hover { background:url('../images/delete-hover.png') no-repeat 2px 11px; }
.siderail.magnettracksiderailaccount001 .wgt-sub-area-data.communicationCentre-wgt-sub-area-data { border: 0 none;
    padding: 0; }
.customRow-br .list_table .delete_row_hover .edit {background:url('../images/edit-hover.png') no-repeat center 12px;}   #notifications_pane #notifications_container .notif-li { overflow: hidden; }    
#notifications_pane #notifications_container .notif-li .notif-li-mes { float: left; width: 81%; }
#notifications_pane #notifications_container .notif-li .notif-li-mes + div { float: right; padding: 0; position: static !important; }
#notifications_pane #notifications_container .notif-li .notif-li-dismiss {position: static;}
#notifications_pane #notifications_container .notif-li .notif-li-mes b {display: inline;}
#notifications_pane.callout #dismiss_all_div { border-top: 1px solid #438d3b; color: #fff; float: right !important;
text-align: right; width: 100%; padding: 6px 12px; }
.mob-right-nav-fix .notification_counter { visibility:  visible !important; background: rgba(0, 0, 0, 0) url("/../../themes/default/images/top-right-icons.png") no-repeat scroll left top !important; height: 26px; margin: 1px 0 0;
width: 26px; }
#notification_counter.magnettracksalert0001 a.custom-alert-ico {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; font-size: 0; left: -9px;}

.mob-right-nav-fix .notification_counter a.custom-alert-ico { background: #499940 none repeat scroll 0 0 !important;
border-radius: 50%; left: -13px; padding: 2px 3px; position: absolute; text-align: center; top: -14px;}
#file_field_366_message_id { left: 28% !important; width: 291px !important; }
.custom_backlink_ico.magnettrackbreadcrumb0001 td.nowrap { font-size: 0; }
.custom_backlink_ico.magnettrackbreadcrumb0001 td.nowrap a { background: green none repeat scroll 0 0; border-radius: 3px; color: #fff; display: inline-block; font-size: 12px; margin: 0 11px 0 0; padding: 0 9px 2px;}
.magnettrackstemplateselector001 #submissions_table .subtitle { font-size: 13pt; }
.magnettrackstemplateselector001 #submissions_table th img { opacity: 0.4; }
#edit_submission_form .magnettrackcollapsedivchild001 .cf_file input[type="file"] + div {display: none;}*/
#edit_submission_form textarea { width: 340px; }
.custom_backlink_ico.magnettrackbreadcrumb0001 td.nowrap a::before { content: "<<"; display: inline-block; padding: 0 5px 0 0; position: relative; top: 1px; }
.magnettrackseditdashboardParent001 { position: relative; }
.siderail.magnettracksiderailaccount001:before { background: #efefef none repeat scroll 0 0; content: ""; display: block; height: 150px; position: absolute; top: -105px; width: 100%; }
.list_table.submissions_table .tableRightIMG {display: inline-block; overflow: hidden; width: 21px;}
button { background: #b5b5b5 none repeat scroll 0 0; border: 1px solid #b5b5b5; border-radius: 4px;
box-shadow: none; color: #fff; font-size: 14px; height: auto; padding: 3px 10px; text-shadow: none; width: auto;}
.magnettrackcontentaccount001 .grey_box {height: auto !important; padding: 15px 10px; min-height: 25px;}
#ddmenu .navbar-brand { margin: 8px 0 0 15px; }
.magnettrackeditemail001 #edit_email_template_form .fourCols { height: auto; overflow: hidden;}
.magnettrackeditemail001 #edit_email_template_form .fourCols div { font-weight:600; border-right: 1px solid #ddd; padding: 11px 0; width: 24%;}
.magnettrackeditemail001 #edit_email_template_form .fourCols div:last-child {border-right: 0; }
.magnettrackeditemail001 #edit_email_template_form #edit_email_template table td {padding: 9px 0;}
.magnettrackeditemail001 #edit_email_template_form #edit_email_template table td label {display: inline-block; margin: 0 0 7px; padding: 0 5px;}

.magnettrackcontentaccount001.editemail001 .magnettrackeditemail001 #edit_form .medium_grey {padding: 11px 0 0;}
.magnettrackcontentaccount001.editemail001 .magnettrackeditemail001 #display_form + form table { width: 100%;}
.tab_content input[type="submit"], .tab_content input[type="button"] { background: #b5b5b5 none repeat scroll 0 0;  border: 1px solid #b5b5b5;
    border-radius: 4px; color: #fff; display: inline-block; line-height: 20px; margin: 5px 12px 0 0; font-size: 13px; padding: 3px 11px; /*font-size: 16px; padding: 7px 15px;*/ text-align: center; text-decoration: none;}
.magnettracksnotificationForm001 .list_table select {width: 188px !important;}
.tab_content .magnettracksnotificationForm001 .button_main {margin-top: 9px;} 
.tab_content .magnettracksnotificationForm001 .list_table tr td:first-child {width: 260px;}
.tab_content .magnettracksnotificationForm001 .list_table tr td:nth-child(2) {width: 150px !important;}
.magnettrackGoBack001 .magnettrackPrev001 {font-size: 0; min-width: 120px;}
.magnettrackGoBack001 .magnettrackPrev001 a {font-size: 13px;
    text-transform: capitalize;
    padding: 3px 0;
    display: inline-block;
    /*width: 80px;*/
    background: #008800;
    color: #fff;
    border-radius: 4px;
	padding:3px 20px 3px 20px;
    margin: 0 12px 0 0;}
.magnettrackGoBack001 span {        display: inline-block;
    background: #b5b5b5; position: relative; top: -2px;
    color: #fff;
    padding: 2px 12px 4px;
    border-radius: 3px;
    text-transform: capitalize;}    
.magnettrackGoBack001 td {width: 69px; padding: 3px 0 0 0;}   
.tab_content #list_table .tooltip.magnetrackstooltip001.magnetrackUnique001 { display: inline-block; min-height: 20px;}
.tab_content #list_table .tooltip.magnetrackstooltip001.magnetrackUnique001 img, .tab_content #list_table .tooltip.magnetrackstooltip001.magnetrackUnique001:hover img {height: auto; margin: 5px 0 0 5px !important; max-width: 20px; position: absolute!important;}
.magnettrackcollapsedivchild001 input.cf_size_medium {height: auto; padding: 6px 10px; border-radius: 4px;
    color: #999;
    font-size: 14px;
    height: inherit;}

  .magnettrackcollapsedivchild001  .cf_datetimepicker { color: #999;
    font-size: 14px;}

.magnettrackcollapsedivchild001 input.cf_size_small {    height: auto; padding: 6px 10px;}
.magnetcommentscontentaccount001.newSideBar {width: 92% !important; float: none !important; margin: 25px auto 0;}
.magnetcommentscontentaccount001.newSideBar + .magnetcommentscontentaccount001 {width: 92% !important; float: none !important; margin: 25px auto 0;     padding: 0 !important;} 
table.list_table.fullTablemagnetrack001 {width: 100%;}
table.list_table.fullTablemagnetrack001 input[type="text"] {width: 60% !important}
table.list_table.fullTablemagnetrack001 select {width: 64% !important;}
table.list_table.fullTablemagnetrack001 + table .hint {margin: 10px 0 0 0;}

/*#edit_submission_form .magnettrackcollapsedivchild001 .tooltip.magnetrackstooltip001 {    top: 0; position: absolute; z-index: 9999;}*/

#edit_submission_form .magnettrackcollapsedivchild001 {position: relative;}
div#container.BottomSpaceMagnetrack001 {padding-bottom: 65px;}
div#email_options.emailOptionmegnatrack001 .select2-container-multi .select2-choices {margin: 0 0 11px;}
div#email_options.emailOptionmegnatrack001 #subject {margin: 0 0 12px;}
div#full_width_container.typetaskmagnettracks0001 .list_table {width: 100%;}
.NewclientDashboardmagnetrack001 .dashboard_widget {padding: 0;}
.NewclientDashboardmagnetrack001 {position: relative; top: -10px;}
.mob-right-nav-fix.othermob-right-nav-fix .notification_counter {right: 120px !important;}
table#cf_keywords_id_tbl.mceLayout {float: left; margin: 0 11px 0 0;}
#search_form_div #search_form_table #search_dropdown_section {margin: 0 0 0 8px;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: rgb(255, 255, 255) !important; }
.magnettrackcontentaccount001 .tab_content .list_table .select2-container .select2-chosen {padding: 7px 0 0;}
.list_table + #email_options + table tr td .button_large {background: #b5b5b5 none repeat scroll 0 0; border: 1px solid #b5b5b5;
border-radius: 4px; color: #fff; display: inline-block; line-height: 20px; margin: 5px 12px 0 0; font-size: 13px !important; padding: 3px 11px;
text-align: center; text-decoration: none;height: auto;}
#mainform .tab_content input + h3 {border-bottom: 0;}
.list_table + #email_options + div #submit {background: #b5b5b5 none repeat scroll 0 0; border: 1px solid #b5b5b5;
border-radius: 4px; color: #fff; display: inline-block; line-height: 20px; margin: 5px 12px 0 0; font-size: 13px !important; padding: 3px 11px;
text-align: center; text-decoration: none;height: auto;}
textarea.cf_size_medium + .tooltip.magnetrackstooltip001 img {top: -160px;}
.forgotPwd .txt {padding: 31px 39px 27px; font-size: 16px;}
.forgotPwd .button_main { background: #499940!important;    border-radius: 3px;border: 0;}
.forgotPwd .button_main.button_large {background-color: #808080 !important; border-radius: 3px; border: 0; display: inline-block; color: #FFFFFF;
font-family: 'TitilliumText22LMedium' !important; font-size: 16px !important; padding: 6px 39px !important; height: 45px; text-decoration: none !important; width: 100%; box-shadow: none;}
.forgotPwd div#ft_message {padding: 12px 0 0 !important;}
#content.edit-content-right .tab_content.clientTabSection {border: 0; float: left;}
.magnetcommentscontentaccount001.newSideBar.forCommentOnly, .magnetcommentscontentaccount001.newSideBar.forCommentOnly + .magnetcommentscontentaccount001 {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
box-sizing: border-box;
display: block !important;
float: none !important;
margin: -25px 0 0 -15px;
padding-bottom: 15px !important;
padding-left: 280px !important;
padding-top: 25px !important;
transition: all 0.5s ease 0s;
width: auto !important;}
#content.edit-content-right.clientContentClearBoth .main_tabset + .prevnext_links + .clear {display: none;}
#content.edit-content-right.clientContentClearBoth .main_tabset + .prevnext_links + .clear + .tab_content {overflow: hidden;}
.siderail.magnettracksiderailaccount001.leftForCommentOnly {padding: 24px 0 80px !important;}
     


#option_list_form.magnettrackviews_option_list_form0001 .sortable .header_row .col1 {width: 15%;}
#option_list_form.magnettrackviews_option_list_form0001 .sortable ul.header_row li { width: 39.7%;}
#option_list_form.magnettrackviews_option_list_form0001 .sortable {width: 99.5% !important;}
#option_list_form.magnettrackviews_option_list_form0001 .sortable .rows div.group_block_top {width: 0;}
#option_list_form.magnettrackviews_option_list_form0001 .sortable .rows div.row_content li.col1 {padding: 0; margin: 0;line-height: 38px;width: 15%;  border-right: 1px solid #fff; text-align: center;}
#option_list_form.magnettrackviews_option_list_form0001 .sortable ul .row_group { width: 99.99%;}
#option_list_form.magnettrackviews_option_list_form0001 .sortable ul.header_row li.col4 {width: 5.3%;}
#option_list_form.magnettrackviews_option_list_form0001 .sortable .rows div.row_content li.col2 {width: 39.7%;}
#option_list_form.magnettrackviews_option_list_form0001 .sortable .rows div.row_content li.col3 {width: 39.8%;}
#option_list_form.magnettrackviews_option_list_form0001 .sortable .rows div.row_content li.col4 {width: 5.2%; background-position: center;}
#option_list_form.magnettrackviews_option_list_form0001 .edit_option_list .col2 input {width: 72%; margin: 0 auto; float: none; display: block;}
#option_list_form.magnettrackviews_option_list_form0001 .edit_option_list .col3 input {width: 72%; margin: 0 auto; float: none; display: block;}

.DemoReviewsForm001 { width: 65%; float: left;}
.magnettrackcontentaccount001 .DemoReviewsForm001 .demoReviewMagnetrack001 .medium_text {padding: 0 2% 6px !important; width: 96% !important; display: block;float: left; height: auto !important;}
.magnettrackcontentaccount001 .DemoReviewsForm001 .demoReviewMagnetrack001 input.cf_size_medium {    display: block; width: 96%; padding: 0 2%;
font-size: 14px;} 
.magnettrackcontentaccount001 .DemoReviewsForm001 .demoReviewMagnetrack001 select.cf_select { width: 100%; padding: 0 2%; font-size: 14px; max-width: 93% !important;}
.magnettrackcontentaccount001 .DemoReviewsForm001 .demoReviewMagnetrack001 .medium_text + td {padding: 0 2% 6px !important; width: 96% !important; display: block;float: left; height: auto !important; margin: 0 !important;}
.magnettrackcontentaccount001 .DemoReviewsForm001 .demoReviewMagnetrack001 textarea.cf_size_medium {display: block; width: 96% !important; padding: 0 2%;     font-size: 14px;}
.magnettrackcontentaccount001 .DemoReviewsForm001 .demoReviewMagnetrack001 {    width: 49%; float: left;}
.magnettrackcontentaccount001 .DemoReviewsForm001 .demoReviewMagnetrack001 + .demoReviewMagnetrack001 {float: right;} 
.magnettrackcontentaccount001 .demoReviesCommentsBox {    float: left; width: 34%;}
.magnettrackcontentaccount001 .demoReviesCommentsBox iframe {margin: 0 !important; height: 300px;}
#full_width_container.typetaskmagnettracks0001 .magnetcommentscontentaccount001.magnetinframe001 {width: 100% !important;} 
#full_width_container.typetaskmagnettracks0001 .magnetcommentscontentaccount001.magnetinframe001 .new_comment_container .tiny_input {    min-width: auto !important; font-size: 13px; padding: 0 3%; margin: 0 0 5px; width: 94% !important;}
#full_width_container.typetaskmagnettracks0001 .magnetcommentscontentaccount001.magnetinframe001 .comment_list {overflow: auto; height: auto;}
#full_width_container.typetaskmagnettracks0001 .magnetcommentscontentaccount001.magnetinframe001 .comment_line_item {padding: 0; margin: 0 0 15px; width: 100%;}
#full_width_container.typetaskmagnettracks0001 .magnetcommentscontentaccount001.magnetinframe001 .comment_line_item .comment_thumbnail {float: left; width: 12%;}
/*#full_width_container.typetaskmagnettracks0001 .magnetcommentscontentaccount001.magnetinframe001 .comment_line_item .my_comment_text {float: left; width: 72%;}*/
#full_width_container.typetaskmagnettracks0001 .magnetcommentscontentaccount001.magnetinframe001 .new_comment_container input[type=text] {width: 70% !important;} 






@media (min-width:1400px){
	#content.magnettrackcontentaccount001, .magnettrackcontentaccount001, .magnetcommentscontentaccount001, #content.magnetcommentscontentaccount001 {float: right !important; width: 85% !important; padding-top: 0 !important; }
}


/*.ui-widget-content{ background: #d1fecc!important; border: 1px solid #e84849!important;}*/

@media (min-width:1025px){
#header #ddmenu .dropdown{ visibility: hidden; display:block; opacity:0; transform: translateY(-2em); transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; z-index: -1;}
#header #ddmenu .over .dropdown{ opacity:1;  transform: translateY(0); z-index: 1; visibility: visible;}
.module_section.export_manager_module{ position: absolute; top: 135px; left: 15px; z-index: 9;}
}

@media (max-width:1179px){
#ddmenu .top-heading { margin: 0 8px 0 7px!important; font-size:14px!important;}
#header #ddmenu .dd-inner .column a{ font-size:14px!important;}
#header #ddmenu .dd-inner .column h3{font-size:16px!important}

}

@media (max-width:1024px){
#ddmenu ul{height:inherit;}
#ddmenu ul{ padding-left: 0!important;}
.nav_submenu_bar a, #search_form_table .button_sm, .dropdown.more-action-dd .dropbtn { font-size: 14px; padding: 5px 5px;}
.nav_submenu_bar a .button_main{font-size: 14px; /* added */ padding: 5px 5px; margin: 0 5px 0 7px;}
#header #ddmenu .caret { left: auto !important;}
#search_form_table .show_form { margin: 0;}
#search_form_table input#search_keyword{ max-width: 200px; min-width: 200px;}
#header #ddmenu{overflow-y: auto;}
#ddmenu > ul{ /*overflow-y: auto; position:fixed!important; height:100%!important; width:100%!important;*/}
.mob-right-nav-fix {
    background: #555 none repeat scroll 0 0;
    border-bottom: 1px solid #666;
    float: inherit !important;
    min-height: 50px;
    position: relative;
    width: 100%;
}




#notifications_pane.callout, #quick_add_pane.callout, #callout.callout{ width: 100% !important;}
.mob-right-nav-fix{ padding: 0 0 0 29px; box-sizing: border-box;}
.notification_counter{ right: inherit !important; left: 7px; }
#ddmenu li.over .dropdown { border-top: 1px solid #333 !important; margin-top: 10px;}
#header #ddmenu li{line-height: inherit; padding: 12px 0;}
.dropdown.more-action-dd .dropdown-content{ top: 35px;}
#ddmenu .navbar-brand { margin: 8px 0 0 11px; }
#callout.callout.activeCall {visibility: visible !important;}
#callout.callout.activeCall .img-prof-pr {padding: 15px 0 54px 120px;}
.mob-right-nav-fix .notification_counter {right: auto !important;
    top: 17px !important; left: 19px !important;}


}

@media (max-width:1180px){
#search_form_table{ position:relative;}
#search_form_table td:nth-child(4) { left: 2px; position: absolute; top: 45px;}
#search_form_table input#search_keyword{ max-width: 165px; min-width: 165px;}
.custom-pageinate-ico .margin_bottom_large{ padding: 30px 0 25px;}
#search_form_table .show_form { margin: 3px 5px 0 0!important;}
}


.LockOn {
    background: rgba(0, 0, 0, 0.5) url("/../../themes/default/images/loader-ico.gif") no-repeat scroll center center !important;
    border: medium none !important;
    bottom: 0;
    display: block !important;
    height: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: fixed !important;
    right: 0;
    top: 0 !important;
    visibility: visible !important;
    width: 100% !important;
    z-index: 999999999 !important; background-size:75px 75px!important; text-indent: -15000px;
}

.custom-tiletable-ico{}
.custom-tiletable-ico .wgt-main-wrapper{  border: 1px solid #eceef3;
    border-radius: 4px;
    box-shadow: 0 0 3px #ccc; background: #fff; padding: 15px 10px 10px;
    text-align: center;
    min-width: 200px; /*margin:0 15px 18px 3px;*/ margin: 8px 8px 10px 11px;}
.custom-tiletable-ico .wgt-main-wrapper:hover{ border: 1px solid #008800;}
.custom-tiletable-ico .wgt-main-header h4{ border:none!important;}
.custom-tiletable-ico .cutom_protile_ico{ box-sizing: border-box; padding: 30px 0 8px; height: inherit !important; min-height:75px;}
.custom-tiletable-ico .cutom_protile_chek-ico{left: 0 !important; top: 75px !important; width: 100% !important;}
.custom-tiletable-ico .wgt-main-wrapper-right-bdr{ border:none!important; background:none!important;}
.custom-tiletable-ico .wgt-main-header{background:none!important;  border: medium none !important; height: 50px;}
.custom-tiletable-ico .wgt-main-header{  border: medium none !important;}
.custom-tiletable-ico .wgt-main-footer{background:none!important;  border: medium none !important;}
.custom-tiletable-ico .wgt-main-footer , .custom-tiletable-ico .wgt-main-wrapper-topleft, .custom-tiletable-ico .wgt-main-wrapper-topright, .custom-tiletable-ico .wgt-main-wrapper-bottomleft, .custom-tiletable-ico .wgt-main-wrapper-bottomright{ display:none;}
.cutom_protile_chek-ico span.light_grey{ display:none;}
.cutom_protile_ico img{ width: 180px; height: 180px; object-fit: cover; border-radius: 50%; box-shadow: 0 0 3px #ccc;}
.custom-tiletable-ico .wgt-main-wrapper::before, .custom-tiletable-ico .wgt-main-wrapper::after{ display:block; clear:both; content:'';}
/*tr.selected_row_color, tr.unselected_row_color { background: none!important;}*/

.custom-search-ico .views_dropdown + .button_subtle{height: 39px; font-size: 14px;
    margin: 0 3px 0 1px; padding: 7px 6px 8px; vertical-align: middle; background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #c5c5c5;}
.custom-search-ico .views_dropdown + .button_subtle:hover{ background: #499940 ; border: 1px solid #499940; color:#fff;}




/* added css for edit record page */
.full_width_container{ position: relative;}
.siderail.edit-content-left { left: 0; position: absolute; top: 115px; height: 100%; margin: 0; overflow-y:visible; padding:0; width: 220px !important;  transition: all 0.5s ease;}
.siderail.edit-content-left .wgt-main-wrapper-right-bdr{ background:none !important; margin: 0;}

#content.edit-content-right{ margin: -25px 0 0 -15px;
    padding-left: 230px !important; padding-bottom:50px!important; padding-top:25px!important;
    width: calc(100% - 230px); box-sizing: border-box;
    display: block !important;
    float: none !important;
    width: auto !important; transition: all 0.5s ease 0s;   
    /*background:url('/../../themes/default/images/edit-left-bg-rpt.png') top left repeat-y !important;*/
    background: none !important;
}
.siderail.edit-content-left .wgt-main-header{margin: 0 !important; background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border-top: medium none !important;
    height: inherit !important; border-bottom: 1px solid #fff;}

.siderail.edit-content-left .wgt-main-header h3{border-bottom: 1px solid #fff; font-weight: 500;
    color: #499940;
    display: block;
    font-size: 22px;
    line-height: 24px;
    margin: 0;
    padding: 20px 15px 10px; letter-spacing: 0;
}
.siderail.edit-content-left div#left_nav{ margin-right: 0!important;}
.siderail.edit-content-left div#left_nav a{
color: #555555;
    display: block;
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    padding: 2px 0;
    text-align: left;
    text-decoration: none;
}
.siderail.edit-content-left div#left_nav a:hover{
color: #499940;
}

.siderail.edit-content-left .wgt-sub-area-data{  box-sizing: border-box; width:100%!important; margin:0!important; border-top: 1px solid #dedede; padding: 10px 15px 0;}

#full_width_container{box-sizing: border-box;
    padding: 1px 15px 36px !important;
    width: 100% !important;
}
#content.edit-content-right .main_tabset{height: 47px; background: #efefef; border-radius: 4px 4px 0 0; border:1px solid #ddd; border-bottom:none;}
#content.edit-content-right .main_tabset li:first-child{border-radius: 4px 0 0 0; border-left:none;}
#content.edit-content-right .main_tabset li{ height: auto; font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 11px 21px;
    color: #499940; border:none; border-radius:0; display: inline-block; border-left:1px solid #ddd;
}
#content.edit-content-right .main_tabset li.selected {background: #e1dede none repeat scroll 0 0;
    color: #499940!important; }
#content.edit-content-right .main_tabset li:hover{ color: #499940!important;}
#content.edit-content-right .main_tabset li a{font-size: 16px; padding:0;
    line-height: 20px;
}
#content.edit-content-right .tab_content{border-radius: 0 0 4px 4px; border:1px solid #ddd;  padding: 10px; box-sizing: border-box;
    width: 100% !important;
}

#content.edit-content-right #edit_submission_form h3,  #content.edit-content-right .tab_content h3, .magnettrackcollapsedivparent001 .custom_updown_ico h3 { border: 1px solid #d9d9d9;
    color: #499940;
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 5px 11px; }

#content.edit-content-right #edit_submission_form .medium_text, #content.edit-content-right .tab_content .medium_text{
    color: #555555;
    font-size: 14px;
}

#content.edit-content-right .tab_content input.cf_size_large, #content.edit-content-right .tab_content select.cf_select, #content.edit-content-right .tab_content input.cf_size_medium, #content.magnettrackcontentaccount001 .tab_content input.cf_size_large, #content.magnettrackcontentaccount001 .tab_content select.cf_select, #content.magnettrackcontentaccount001 .tab_content input.cf_size_medium, .magnettrackcollapsedivchild001 select.cf_select {
background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #999;
    font-size: 14px;
    height: inherit;
    /* color: #c3c3c3; max-width: 200px;
    min-width: 200px;*/ max-width: 328px; min-width: 328px;
    padding: 8px 10px !important;
    width: 100%;
}

#content input.cf_size_tiny {padding: 8px 10px !important;  border: 1px solid #ddd;
    border-radius: 4px;
    color: #999;
    font-size: 14px;
    height: inherit;}

#content.edit-content-right .tab_content .tooltip{ border-bottom: medium none;}
#content.edit-content-right .tab_content a.tooltip select{ background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #c3c3c3;
    font-size: 14px;
    height: inherit;
    max-width: 220px;
    min-width: 220px;
    padding: 8px 10px !important;
    width: 100%;
}

#content.edit-content-right .tab_content textarea.cf_size_small{background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #c3c3c3;
    font-size: 14px;
    height: inherit;
    /*max-width: 200px;
    min-width: 200px;*/max-width: 328px; min-width: 328px;
    padding: 8px 10px !important;
    width: 100%;
}

#content.edit-content-right .tab_content select.cf_select{max-width: 220px;
    min-width: 220px;
}

#content.edit-content-right .tab_content .button_sm {
    background: #b5b5b5 none repeat scroll 0 0;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    min-width: 68px;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none;
}
#content.edit-content-right .tab_content .button_sm:hover {
    background: #499940 none repeat scroll 0 0;
    border: 1px solid #499940;
    color: #fff;
    text-decoration: none;
}

.custom_backlink_ico {
    position: relative;
    top: -56px;
}

#content.edit-content-right .title{  color: #b5b5b5;
    font-size: 14px;
}
.custom_submitup_ico{ padding:10px 0;}
.custom_submitup_ico:after, .custom_submitup_ico:after{clear: both;
    content: "";
    display: block;
}
.custom_updown_ico > div{ margin-right:15px;}
.info {
    background: #f1f1f1 !important;
    border: 1px solid #499940!important;
    padding: 5px 15px!important; box-shadow:inherit!important;
}

.title a:link {
    padding: 0 0 0 10px;
}


@media (max-width:1024px){
	.title, .title a{ font-size: 25px!important;}
	.siderail.edit-content-left .wgt-main-header h3 { font-size: 20px;}
	.siderail.edit-content-left div#left_nav a, #content.edit-content-right .main_tabset li a{font-size: 14px;}
}

@media (max-width:930px){
	#full_width_container{box-sizing: border-box;
		padding: 1px 15px 46px !important ;
		/*width: 930px !important; */ overflow-x:auto;
	}
}


/* Added css for phase 2 */
.login_body{ background-size:cover!important; min-height:inherit!important;}
.login_panel{ height: auto!important; opacity: 1!important; padding-bottom: 35px!important; padding-top: 35px!important;}
.login_panel .login_panel_inner{ padding: 15px 25px !important;  background: none !important;}
.login_panel .login_panel_inner input[type="text"], .login_panel_inner input[type="password"] {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-sizing: border-box;
    color: #666;
    font-size: 14px;
    height: 40px;
    margin: 10px 0 15px;
    padding: 10px 15px;
    width: 100%;
}

.login_panel .login_panel_inner table{ width:100%; float:inherit;}

.login_panel .login_panel_inner td { color: #666;
    display: block;
    font-size: 14px;
    min-width: 80px;
    text-align: left;
    width: 100%;
}

.subtitle {
    color: #4b6c4e;
    line-height: 30px;
    margin: 0 0 20px;
    padding: 0 0 10px;
}

.btns-sdphs{ color:#fff; background:#b5b5b5; border:1px solid #b5b5b5; min-width:68px; text-align:center; padding:7px 15px; margin:0 12px 0 0; border-radius:4px; line-height:20px; display:inline-block; text-decoration:none; font-size:16px;}
.btns-sdphs:hover{text-decoration:none; color:#fff; background:#499940; border:1px solid #499940;}

/* Added css for phase 2 */



/* added updated css for phase 1 */
#submissions_table .sm2-inline-list .ui360-vis .sm2-360ui{  border: medium none; border-radius: inherit; margin-left: 0; margin-top: -35px;}
#submissions_table .sm2-inline-list .ui360-vis{height: 115px !important;}
#content.edit-content-right .select2-container .select2-choice{ border:1px solid #ddd; background:#fff;}
#content.edit-content-right .select2-container .select2-choice > .select2-chosen{ line-height: 35px; color: #999; font-size: 14px;}
#content.edit-content-right .select2-container{  min-width: 350px !important;  max-width: 350px !important;}
#content.edit-content-right .select2-offscreen, .select2-offscreen:focus{ border:1px solid #ddd; background:#fff;}
#content.edit-content-right textarea.cf_size_large{ border:1px solid #ddd; background:#fff; color: #999; font-size: 14px; min-width: 328px !important;  max-width: 328px !important;}
#content.edit-content-right .select2-container-multi .select2-choices{ border:1px solid #ddd; background:#fff; color: #666; font-size: 14px; min-width: 343px !important;  max-width: 343px !important;}
#content.edit-content-right .select2-container-multi .select2-choices input{ padding: 8px 10px !important;}

/* select dd commonly changes */
.select2-results .select2-result-label { color: #999; font-size: 14px; padding: 5px 10px; text-align: left;}

/* added css for larger menu icons for tab and mobile */
@media ( max-width:1024px){
.custom-quickadd-ico{ margin: 13px 0 0 -5;background: url('/../../themes/default/images/top-right-ico-mob.png') -33px top no-repeat!important; display: inline-block; width: 30px; height:25px;}
.custom-calendar-ico{ margin: 13px 0 0;background: url('/../../themes/default/images/top-right-ico-mob.png') -75px top no-repeat!important; display: inline-block; width: 33px; height:25px;}
.custom-settings-ico{ margin: 13px 0 0;background: url('/../../themes/default/images/top-right-ico-mob.png') -118px top no-repeat!important; display: inline-block; width: 35px; height:25px;}
.mob-right-nav-fix{ padding-left:0!important;}
.custom-account-ico{ top:0!important;top:-2px;}
}




/* added css for bg color of table */
div.selected_row_color { background-color: #fff;}
div.selected_row_color .wgt-main-wrapper{ background-color: #e5e5cb;}
div.unselected_row_color, div.unselected_row_color .custom-tiletable-ico { background-color: #fff;}
tr.selected_row_color {}


#content.edit-content-right .tab_content .tooltip, #content .tab_content .tooltip  { display: inline-block; min-height: 20px;}
#content.edit-content-right .tooltip:hover span, #content .tooltip:hover span {
    position: absolute!important;
    left: inherit!important;
	right:-255px !important;
    bottom: inherit!important; top: 0px!important;
    z-index: 99!important;
    margin-left:0!important;
    width: 200px!important; padding: 8px 10px !important; box-shadow: 0 0 3px #ccc !important;border-radius: 3px;
}


#content.edit-content-right .tooltip span:before, #content .tooltip span:before { content:''; left: -7px; margin-left:0px; top:7px; width:7px; height:11px; position:absolute; background: url('/../../themes/default/images/toptp-arrow.png') left top no-repeat!important;}

#content.edit-content-right .tooltip img, #content .tooltip img, #content.edit-content-right .tooltip:hover img, #content .tooltip:hover img {  height: auto; margin: 5px 0 0 5px !important; max-width: 20px; position: absolute!important;}

.magnettrackcollapsedivparent001{ margin-bottom: 0 !important; padding-bottom: 10px !important; background: url('/../../themes/default/images/up-mt001.png') right center no-repeat!important;}
.magnettrackcollapsedivparent001.plus{ background: url('/../../themes/default/images/down-mt001.png') right center no-repeat!important;}
.magnettrackcollapse001 { display: none;}

@media screen and (-webkit-min-device-pixel-ratio:0) {    
	#content.edit-content-right .tooltip:hover span { bottom: inherit!important;}     
}



@media (min-width:1150px) and (max-width:1300px) {
.nav_submenu_bar a .button_main:first-child {margin-left: 9px;  margin-right: 0;}
.nav_submenu_bar a .button_main {}
.dropdown.more-action-dd .dropbtn {margin: 0 0 0 9px;}
.dropdown.more-action-dd .dropdown-content { top: 41px;}

}




@media (min-width:800px) and (max-width:1130px) {
#full_width_container{ overflow-x: auto; width: 100% !important;}
.content form .list_table .sortable_col a {font-size: 12px;}
.content form .list_table .sortable_col {padding: 11px 8px !important;}
.submissions_table td a {font-size: 12px !important;}
.content form .list_table tr td {font-size: 12px;}
.nav_submenu_bar a {float: right; padding: 0 0 8px 10px;}
.nav_submenu_bar .dropdown {float: right; padding: 0 0 8px 10px;}
.nav_submenu_bar .dropdown button.dropbtn { margin: 0 !important; padding: 7.5px 11px !important;}
.nav_submenu_bar a input.button_main {margin: 0 !important; padding: 7px 11px !important;}

#content.edit-content-right { background: none !important; padding-left: 70px !important;}
.magnetcommentscontentaccount001.newSideBar.forCommentOnly, .magnetcommentscontentaccount001.newSideBar.forCommentOnly + .magnetcommentscontentaccount001 {background: none !important; padding-left: 70px !important;}
.siderail.magnettracksiderailaccount001.leftForCommentOnly .mnu-tgl {top: 40px;}


body.openleft #content.edit-content-right {padding-left: 248px !important;}

#content.edit-content-right .main_tabset li {padding: 11px 12px;}
textarea.cf_size_medium {width: 98% !important;}
.custom-tiletable-ico {width: 33.333%;}
.custom-tiletable-ico .wgt-main-wrapper {min-height: 440px;}
table#submissions_table td .wgt-main-wrapper .wgt-sub-area-data + div {bottom: 30px !important; position: absolute !important; text-align: center; top: auto !important; width: 100%;}
.module_section.export_manager_module {left: 15px; position: absolute; top: 135px; z-index: 9;}
.dashboard_widget #component_3.dashboard_widget_box { overflow-y: scroll; width: 100% !important;}

.siderail.edit-content-left {top: 157px; width: 230px !important; overflow: visible !important; left: -218px; position: absolute; margin: 0;}
body.openleft .siderail.edit-content-left {left: 0;}

.siderail.edit-content-left::before, .siderail.magnettracksiderailaccount001:before {background: #efefef none repeat scroll 0 0; content: ""; display: block; height: 150px; position: absolute; top: -105px; width: 100%;}
.edit-content-right .title a {font-size: 20px !important;}
#content.edit-content-right .title {font-size: 23px !important;}
#edit_submission_form .magnettrackcollapsedivchild001 .medium_text {min-width: 0 !important; width: 27% !important;}
#edit_submission_form textarea.cf_size_medium { max-width: 328px; min-width: 328px; width: auto !important;}
#content.edit-content-right .select2-container { max-width: 330px !important; min-width: 330px !important;}
#content.edit-content-right .select2-container-multi .select2-choices {max-width: 330px !important; min-width: 330px !important;}
.ui-dialog.ui-widget {left: 50% !important; margin-left: -45%; width: 90% !important;}

.siderail.magnettracksiderailaccount001 {width: 203px !important; left: -218px; transition:all 0.3s ease-in 0s; position: absolute; margin: 0;}
body.openleft .siderail.magnettracksiderailaccount001 {left: 0;}

.siderail.magnettracksiderailaccount001 .wgt-main-header h3 {font-size: 19px;}
#content.magnettrackcontentaccount001, .magnettrackcontentaccount001, .magnetcommentscontentaccount001 {width: 94.5% !important; padding: 0 !important; min-width: 0 !important; transition:all 0.3s ease-in 0s;}

body.openleft #content.magnettrackcontentaccount001, body.openleft .magnettrackcontentaccount001, body.openleft .magnetcommentscontentaccount001 {width: 77.5% !important;}

/*.dashboard_widget .dashboard_widget_box { width: 100% !important; overflow: scroll;}*/
.nav_submenu_bar .medium-text {margin: 0 0 13px 5px !important;}
.nav_submenu_bar .medium-text .switch { margin: 0; top: 8px;}   
.grey_box {height: auto !important; min-height: 76px;}
#container { min-width: 0 !important;}
input[type="text"], input[type="password"], textarea {padding: 6px 10px !important;}
#search_form_table select {padding: 6px 10px !important;}
.customSearch-table #search_form_table td:nth-child(4) {position: static;}
.customSearch-table #search_form_table .col2 input, .customSearch-table #search_form_table .col2 select {width: 80%;}
#search_form.customSearch-table {width: 93%;}
#search_form.customSearch-table #search_form_table td {text-align: left;}
#search_form.customSearch-table #search_form_table td .button_sm:first-child {margin: 0 0 5px;}
.customRow-br .list_table td {padding: 11px 3px !important;}
.dropdown.more-action-dd .dropdown-content {top: 33px;}
.custom-quickadd-ico {margin: 13px 0 0 40px;}
.notification_counter {top: 13px !important;}

/*#content.edit-content-right .tooltip:hover span, #content .tooltip:hover span {right: 0 !important;}
#content.edit-content-right .tooltip span::before, #content .tooltip span::before {right: -7px; left: auto; transform: rotate(180deg);}*/

.list_table, .submissions_table {width: 100% !important;}
.magnettrackcontentaccount001.editemail001 .magnettrackeditemail001 { max-width: 100% !important; margin-left: 0 !important;}
#container .title {margin-left: 0 !important;}
.magnettrackcontentaccount001.editemail001 .magnettrackeditemail001 #edit_form input[type="text"] { width: 85% !important;}
.list_table.magnetracksgeneral001 td input[type="text"] {margin: 4px 0; width: 168px !important;}
.tab_content #intl_pro_choices table td input[type="text"] {margin: 3px 5px 3px 0; width: 138px !important;}
.list_table select[name="required_submission_document"] {width: 150px;}
.tab_content .magnettracksnotificationForm001 .list_table tr td:first-child {width: 220px;}
.tab_content .magnettracksnotificationForm001 .list_table tr td:nth-child(2) {width: 245px !important;}
.magnettracksnotificationForm001 .list_table select {width: 94px !important;}
.mob-right-nav-fix {min-height: 57px;}
.siderail .mnu-tgl { 
	background: url("../images/right_arrow_padded.png") no-repeat scroll center center; 
	cursor: pointer; 
	background-color:#DEDEDE;
	border-radius:0px 7px 7px 0px;  
	display: block;
    height: 32px;
    padding: 5px;
    position: absolute; 
	transition:all 0.3s ease-in 0s;
    right: -42px;
    top: 8px;
    width: 32px;
    z-index: 9999; 
	background-size: 100%; }

body.openleft .siderail .mnu-tgl {
	right: 15px;
	background: url("../images/left_arrow_padded.png") no-repeat scroll center center;
    cursor: pointer;
	background-color:#DEDEDE;
	border-radius:9px 0px 0px 9px;
    display: block;
    height: 28px;
    padding: 5px;
    position: absolute; transition:all 0.3s ease-in 0s;
    right: -0px;
    top: 8px;
    width: 28px;
    z-index: 9999; background-size: 80%; 
}
.siderail .mnu-filterpanel { 
	background: url("../images/filter-512.png") no-repeat scroll center center; 
	cursor: pointer; 
	background-color:#DEDEDE;
	border-radius:0px 7px 7px 0px;  
	display: block;
    height: 32px;
    padding: 5px;
	opacity:0.6;
    position: absolute; 
	transition:all 0.3s ease-in 0s;
    right: -52px;
    top: 2px;
    width: 24px;
    z-index: 9999; 
	background-size: 80%; 
}

body.openleft .siderail .mnu-filterpanel {
	right: 15px;
	background: url("../images/filter-512.png") no-repeat scroll center center;
    cursor: pointer;
	background-color:#DEDEDE;
	border-radius:9px 0px 0px 9px;
    display: block;
    height: 28px;
    padding: 5px;
    position: absolute; transition:all 0.3s ease-in 0s;
    right: -0px;
    top: 2px;
    width: 24px;
    z-index: 9999; background-size: 100%; 
}


.magnettrackeditartist0001 .nav_submenu_bar a {float: none;}
.magnettrackeditartist0001 .nav_submenu_bar a input.button_main {margin: 0 3px!important;}
#option_list_form.magnettrackviews_option_list_form0001 .sortable ul.header_row li.col4 {width: 5.2%;}
#option_list_form.magnettrackviews_option_list_form0001 .sortable .rows div.row_content li.col4 {width: 5.1%;}

.DemoReviewsForm001 {width: 100%;}
.magnettrackcontentaccount001 .demoReviesCommentsBox {width: 100%;}
#full_width_container.typetaskmagnettracks0001 .magnetcommentscontentaccount001.magnetinframe001 .new_comment_container {width: 98%; margin: 8px auto 8px;}
#content.magnettrackcontentaccount001 .DemoReviewsForm001 .demoReviewMagnetrack001 + .demoReviewMagnetrack001 .tooltip:hover span {left: -230px !important;}
#content.magnettrackcontentaccount001 .DemoReviewsForm001 .demoReviewMagnetrack001 + .demoReviewMagnetrack001 .tooltip:hover span:before {right: -7px; transform: rotate(180deg); left: auto;}
#full_width_container.typetaskmagnettracks0001 .magnetcommentscontentaccount001.magnetinframe001 .new_comment_container input[type=text] {width: 89% !important;}
/*#full_width_container.typetaskmagnettracks0001 .magnetcommentscontentaccount001.magnetinframe001 .comment_line_item .my_comment_text {    width: width:calc(100% - 80px);}*/
#full_width_container.typetaskmagnettracks0001 .magnetcommentscontentaccount001.magnetinframe001 .comment_line_item .comment_thumbnail {width: 11%;}


}/* min 800px to 1130 */



@media (min-width:320px) and (max-width:1024px) {
#ddmenu li.over .dropdown {display: none;}

}

/* added css for login buttons style */
body.login_body .button_large {background: #b5b5b5; border: 1px solid #b5b5b5; margin: 11px auto 0; color: #ffffff; box-shadow: none; display: block; font-family: 'Open Sans', sans-serif !important; font-size: 16px;  padding: 8px 24px; text-decoration: none; cursor: pointer; border-radius: 4px;}  
body.login_body .button_large:hover{background: #008800; border: 1px solid #008800;}

body .ui-helper-clearfix.ui-dialog-buttonpane {display: block;}
.magnettrackstemplateselector001 .button_large{background: #b5b5b5; border: 1px solid #b5b5b5; margin: 0; color: #ffffff; box-shadow: none; display: inline-block; font-family: 'Open Sans', sans-serif !important; font-size: 16px;  padding: 8px 24px; text-decoration: none; cursor: pointer; border-radius: 4px;}  
.magnettrackstemplateselector001 .button_large:hover{background: #008800; border: 1px solid #008800;}
#full_width_container.typetaskmagnettracks0001 .title{font-size: 35px !important;}
.magnettrackstemplateselector001 #submissions_table th img { opacity: 0.4; max-width: 75px;}
.magnettrackstemplateselector001 #submissions_table th:nth-child(2) img, .magnettrackstemplateselector001 #submissions_table th:nth-child(4) img { max-width: 35px;}

/* added css for customization templates */
#container.magnettrackcontentaccount001.editemail001 .magnettrackeditemail001 {float: inherit !important; max-width: 100% !important; width: 100% !important; margin-left: 0 !important; padding-left: 20px; box-sizing: border-box;}
#container.magnettrackcontentaccount001.editemail001 .magnettrackeditemail001 .inner_tabset{ margin-bottom:10px;}
#container.magnettrackcontentaccount001.editemail001 .magnettrackeditemail001 #client_omit_list_button{background: #b5b5b5; border: 1px solid #b5b5b5; margin: 0; color: #ffffff; box-shadow: none; display: inline-block; font-family: 'Open Sans', sans-serif !important; font-size: 13px;  padding: 3px 11px; text-decoration: none; cursor: pointer; border-radius: 4px;}
#container.magnettrackcontentaccount001.editemail001 .magnettrackeditemail001 #client_omit_list_button:hover{background: #838383; border: 1px solid #838383;}

/*.sortable_group{ max-width:1024px;}
.sortable_group .sortable .col1{width:5%!important;}
.sortable_group .sortable .col2{width:10%!important;}
.sortable_group .sortable .col3{width:25%!important;}
.sortable_group .sortable .col4{width:15%!important;}
.sortable_group .sortable .col5,.sortable_group .sortable .col6, .sortable_group .sortable .col7, .sortable_group .sortable .col8, .sortable_group .sortable .col9.edit, .sortable_group .sortable .coll0.del{width:5%!important;}*/

.magnettrackeditemail001 #edit_email_template_form #edit_email_template table td input[type="button"]{background: #b5b5b5; border: 1px solid #b5b5b5; margin: 0 auto 0; color: #ffffff; box-shadow: none; display: block; font-family: 'Open Sans', sans-serif !important; font-size: 13px;  padding:3px 11px; text-decoration: none; cursor: pointer; border-radius: 4px;}  
.magnettrackeditemail001 #edit_email_template_form #edit_email_template table td #test_email_submission_id{border: 1px solid #ddd;
border-radius: 4px;
color: #999;
font-size: 14px;
padding: 8px 10px;}

.magnettrackeditemail001 #edit_email_template_form #edit_email_template table td input[type="button"]:hover{background: #838383; border: 1px solid #838383;}

#add_fields_popup input[type="button"], #add_group_popup input[type="button"]{background: #b5b5b5; border: 1px solid #b5b5b5; margin: 0 auto 0; color: #ffffff; box-shadow: none; display: inline-block; font-family: 'Open Sans', sans-serif !important; font-size: 13px;  padding:3px 11px; text-decoration: none; cursor: pointer; border-radius: 4px;} 
#add_fields_popup input[type="button"]:hover, #add_group_popup input[type="button"]:hover{background: #838383; border: 1px solid #838383;}


.margin_bottom_large, #placeholders_dialog_content .margin_bottom_large, .magnettrackeditemail001 .margin_bottom_large, .magnettrackeditemail001 #edit_email_template_form #edit_email_template table td, body .ui-dialog .ui-dialog-content p{color: #a6a6a6;
font-size: 13px;
line-height: 25px; padding:10px;font-family: 'Open Sans', sans-serif !important;}
.magnettrackeditemail001 #edit_email_template_form #edit_email_template .placeholder_field_overlay, .magnettrackeditemail001  #edit_form .placeholder_field_overlay{ margin:10px 0;}
.magnettrackeditemail001 #edit_email_template_form #edit_email_template select#recipient_type {
    margin: 0 10px;
}
.magnettrackeditemail001 #edit_email_template_form #edit_email_template #email_recipients{ border:1px solid #ccc!important; padding:10px 11px!important; background:#f2f2f2!important;}

.magnettrackeditemail001 #edit_form table.margin_bottom_large{ border:none !important;}

body .sortable .rows div.delete_row_hover li.sort_col, body .sortable .rows div.row_content .delete_row_hover li { background-color: #008800;}


.magnettrackeditemail001 .sortable_group_header{ padding-bottom:5px;}
.magnettrackeditemail001 .sortable_group_header > .sort{ padding:12px 5px 12px 10px;}
.magnettrackeditemail001 .sortable_group_header > input.group_name{ margin: 6px 1px 5px; max-width: 265px;}
.magnettrackeditemail001 .sortable_group_header > label{ padding: 15px 6px 6px 12px;}
.magnettrackeditemail001 .sortable_group_header .delete_group{margin: 14px 5px 6px 0px;}

.ui-dialog .add_view_group_popup .new_group_name { max-width: 250px;}

.magnettrackeditemail001 #edit_view_form #edit_view.inner_tabset .tab_row.fiveCols{ height: 36px;}
.magnettrackeditemail001 #edit_view_form #edit_view.inner_tabset .tab_row.fiveCols > div{ padding:10px 0; font-weight: 600;}
.magnettrackeditemail001 #edit_view_form table#client_map_filters_table td, .magnettrackeditemail001 #edit_view_form table#standard_filters_table_table td{ padding:11px 5px !important;}
.magnettrackeditemail001 #edit_view_form table#client_map_filters_table td select, .magnettrackeditemail001 #edit_view_form table#standard_filters_table td select, .magnettrackeditemail001 #edit_view_form table#standard_filters_table td input[type="text"]{ max-width: 120px; margin-bottom: 8px;} 

#search_form_table input[type="button"]{ color:#fff; background:#b5b5b5; border:1px solid #b5b5b5; min-width:68px; text-align:center; padding:7px 15px; border-radius:4px; line-height:20px; display:inline-block; float:left; text-decoration:none; font-size:16px;}
#search_form_table input[type="button"]:hover{text-decoration:none; color:#fff; background:#499940; border:1px solid #499940;}
#new_view_dialog input, .add_group_popup input{ max-width:221px; margin-bottom: 5px;}
#container.magnettrackcontentaccount001.editemail001 #advanced_settings input[type="button"]{ margin-left:10px; margin-right:10px;}
#container.magnettrackcontentaccount001.editemail001 .notify{ margin-top: 8px; background-position: 5px center;}

@media (max-width:1024px){
	#container.magnettrackcontentaccount001.editemail001 select, #container.magnettrackcontentaccount001.editemail001 input[type="text"]{ max-width:235px;}	
	#container.magnettrackcontentaccount001.editemail001 #advanced_settings select, #container.magnettrackcontentaccount001.editemail001 #advanced_settings input[type="text"]{max-width: 135px;}
	#container.magnettrackcontentaccount001.editemail001 #advanced_settings input[type="button"]{ margin-left:5px; margin-right:5px;}
	#container.magnettrackcontentaccount001.editemail001 input#test_email_recipient{ max-width:105px;}
	.magnettrackeditemail001 #edit_email_template_form #edit_email_template table td #test_email_submission_id{ padding:6px 10px;}
	#container.magnettrackcontentaccount001.editemail001 #add_submission_default_values select, #container.magnettrackcontentaccount001.editemail001 #add_submission_default_values input[type="text"] {
    max-width: 165px;}
	#new_view_dialog input, #add_group_popup input { max-width:165px;}
	#container.magnettrackcontentaccount001.editemail001 .notify{ max-width:450px;}
	
	#search_form_table input[type="button"]{font-size: 14px; padding: 5px 5px;}
	.list_table th, .submissions_table th{ font-size:12px!important;}
	
	div#custom_views .grey_box { max-width: 375px;}
}


body .sortable .rows .delete_row_hover li,
.list_table tr.delete_row_hover,
.list_table tr.delete_row_hover td {
  background-color: #EFEFEF!important;
  color: #ffffff;
}

body .sortable .rows div.delete_row_hover li.sort_col,
body .sortable .rows div.row_content .delete_row_hover li {
  background-color: #EFEFEF!important;
}

.magnettrackcontentaccount001 .grey_box .subtitle { color: #008800; margin-bottom: -10px; padding-bottom: 5px;}
.magnettrackcontentaccount001 .medium_text { line-height: 20px; font-size: 13px; color:#555555;}
.login_panel div#ft_message { padding: 0 25px;}

@media (max-width:1379px){
	/*#content.magnettrackcontentaccount001 .submissions_table td:nth-child(4) a {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		width: 100px;
		display: inline-block;
	}*/
}

.ui-dialog form#edit_field_form_tab1 td, .ui-dialog #edit_field__field_settings table td{padding: 5px 1px;}
.ui-dialog #edit_field__field_settings textarea, .ui-dialog .edit_field__non_system input[type="text"]{ max-width:250px; background:#fff;}
.ui-dialog #edit_field__field_settings table.grey_box { margin-top: 10px;}

.sortable_group_header{ background: #ececec!important; padding: 5px 0;}
.sortable_group_footer{min-height: 40px; padding: 5px 0; background: #ececec!important;}
.sortable_group_header > .sort{ padding:12px 5px 12px 10px!important;}
.sortable_group_header .delete_group{margin: 14px 5px 6px 0px!important;}
.sortable_group_header > input.group_name{ margin: 5px 1px 0!important; max-width: 265px;}
.sortable_group_header > label{ padding: 12px 6px 6px 12px!important;}
.magnettrackspagepermission00001 option{ color: #666; font-size:14px; padding:3px 0px; font-family: 'Open Sans', sans-serif!important;}

/* added css for common height and style gray buttons */
.button_main, .button_subtle{ font-size: 13px!important; padding: 3px 11px!important;}

/* added css for help box */
#help_pane.help_pane { bottom: 44px; border: 1px solid #ddd; border-bottom: none; padding-bottom:10px; background: #fff;}
#help_pane.help_pane .help_wrapper{ padding:0;}
#help_pane.help_pane .help_wrapper .help_main_header{ height:inherit; border-top:none;}
#help_pane.help_pane .help_wrapper .help_main_header h3{ margin: 0; line-height: 30px; padding: 10px 0; border:none; color:#333; font-size: 22px; letter-spacing: 0; background: #ececec;}
#help_pane.help_pane #wgt-sub-area-msg-body{ padding:15px 0 0;}
#help_pane.help_pane #wgt-sub-area-msg-body a{ font-size: 18px; color: #333; line-height:30px;}
#help_pane.help_pane #wgt-sub-area-msg-body.margin_bottom_large a.show_form{ color:#fff; background:#b5b5b5; border:1px solid #b5b5b5; min-width:68px; text-align:center; padding:7px 15px; border-radius:4px; line-height:20px; display:inline-block; text-decoration:none; font-size:16px;}
#help_pane.help_pane #wgt-sub-area-msg-body.margin_bottom_large a.show_form:hover{text-decoration:none; color:#fff; background: #838383; border: 1px solid #838383;}
#help_pane.help_pane .wgt-sub-area-header{background: #ddd; height: 30px;padding: 10px 10px 0 15px;}
#help_pane.help_pane #wgt-sub-area-msg-body ul, #help_pane.help_pane #wgt-sub-area-msg-body ul li{ list-style:none; list-style-type:none;}
#help_pane.help_pane #wgt-sub-area-msg-body ul{ margin-bottom:10px;}
#help_pane.help_pane #wgt-sub-area-msg-body ul li{ font-size:13px; color:#333; line-height:20px;}

#formRedirectURL .submitColor, #search_form_table.search_form_table-btns-edit input[type="button"], #search_form_table.search_form_table-btns-edit .button_sm{background: #b5b5b5; border: 1px solid #b5b5b5; margin: 0 auto 0; color: #ffffff; box-shadow: none; display: inline-block; font-family: 'Open Sans', sans-serif !important; font-size: 13px;  padding:3px 11px; text-decoration: none; cursor: pointer; border-radius: 4px;} 
#formRedirectURL .submitColor:hover, #search_form_table.search_form_table-btns-edit input[type="button"]:hover, #search_form_table.search_form_table-btns-edit .button_sm:hover{background: #838383; border: 1px solid #838383;}
#search_form_table.search_form_table-btns-edit .button_sm{ margin-right:10px;}

.magnettracks-submissions_help_view a{font-family: 'Open Sans', sans-serif!important; font-size:14px; line-height:20px; color:#333;}

/* added css for multiselect height adjustable */
.select2-container-multi .select2-choices{ height:inherit!important;}
#content.magnettrackcontentaccount001.sentForm001, .magnettrackcontentaccount001.sentForm001, .magnetcommentscontentaccount001.sentForm001, #content.magnetcommentscontentaccount001.sentForm001 {
    float: inherit !important;
    width: 100% !important;
    padding-top: 0 !important;
}
#content.magnettrackcontentaccount001.sentForm001 #emailform table, .magnettrackcontentaccount001.sentForm001 #emailform table, .magnetcommentscontentaccount001.sentForm001 #emailform table, #content.magnetcommentscontentaccount001.sentForm001 #emailform table{ width:100%;}
.editor011 .mce-panel{ width:100%!important;}

.waveform_window_title_bar {
	top:-25px; text-align:left; font-weight:500; background-color:#666666; color:white; padding:2px 12px 2px 28px; border-radius:0px 5px 0px 0px; position:absolute; z-index:102; min-width:100px;
}
.waveform_window_player_controls {
	top:-31px; text-align:left; font-weight:500; background-color:#EFEFEF; color:white; padding:1px 6px 1px 6px; border-radius:0px 5px 0px 0px; position:absolute; z-index:102; min-width:80px; border: 1px solid #999999; display:none;
}
.thin_dark_line {
	position:fixed;float:bottom;left:0;height:1px;width:100%;background-color:#999999;
}

.no_photo_icon_large {
	background-color:green;
	opacity:0.6;
	height:240px;
	width:240px;
	border-radius:50%;
	font-family: 'TitilliumText22LMedium';
	margin:auto;
	color:white;
	text-align:center;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	font-size: 100px;
	line-height:240px;
	
}

.no_photo_icon_large_mobile {
	background-color:green;
	opacity:0.6;
	height:160px;
	width:160px;
	border-radius:50%;
	font-family: 'TitilliumText22LMedium';
	margin:auto;
	color:white;
	text-align:center;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	font-size: 50px;
	line-height:160px;
	
}

.no_photo_icon_medium_large {
	background-color:green;
	opacity:0.6;
	height:150px;
	width:150px;
	border-radius:50%;
	font-family: 'TitilliumText22LMedium';
	margin:auto;
	color:white;
	text-align:center;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	font-size: 60px;
	line-height:150px;	
}

.no_photo_icon_medium {
	background-color:green;
	opacity:0.6;
	height:60px;
	width:60px;
	border-radius:50%;
	font-family: 'TitilliumText22LMedium';
	margin:auto;
	color:white;
	text-align:center;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	font-size: 24px;
	line-height:60px;
}

.no_photo_icon_small {
	background-color:#a5a5a5;
	border-radius:50%;
	height:40px;
	width:40px;
	font-family: 'TitilliumText22LMedium';
	margin:5px;
	color:white;
	text-align:center;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	font-size: 18px;
	line-height:40px;
}

.no_photo_icon_tiny {
	background-color:#a5a5a5;
	border-radius:50%;
	height:28px;
	width:28px;
	font-family: 'TitilliumText22LMedium';
	margin:5px;
	color:white;
	text-align:center;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	font-size: 16px;
	line-height:28px;
}



/* added css for fixing calender style */
.ui-datepicker .ui-datepicker-header{ width:100%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{ font-size:13px!important; color:#333!important; border-radius:inherit!important; padding:0!important; border:1px solid #ccc;}
#content.edit-content-right .cf_date_group0002 .tooltip:hover span, #content .cf_date_group0002 .tooltip:hover span{right: -260px !important;}


.upgrade_navigation_icon {
	position:absolute;margin:7px 3px 0px 0px;width:50px;right:5px;height:14px;color:green;border:solid green 1px;border-radius:2px;font-size:10px;padding:1px 4px 1px 4px;text-align:center;line-height:14px;
}

.floating_badge {
	left:10px;position:absolute;padding:5px 15px 5px 15px; top:-15px;left:15px;z-index:102;border-radius:3px 3px 3px 3px;background-color:#DFDFDF; color:black;font-weight:600;  border: 1px solid #CCCCCC;
}

.classy_textbox {
   border-radius:3px;padding:3px;font-size:13px;border:1px solid #cccccc;
}

.submit_button_large {
	background-color:#808080;
	border-radius:3px;
	border:0;
	display:inline-block;
	color:#FFFFFF;
	font-family:'TitilliumText22LMedium';
	font-size:16px;
	height:40px;
	min-width:130px;
	text-decoration:none;
}

.submit_button_large .selected {
	background-color:#499940;
}
  
.submit_button_large:active {
	background-color:#666666;
}

.submit_button_large:hover{text-decoration:none; color:#fff!important; background:#499940!important;}


.dashboard_component_title {
   font-size:14px;background-color:#EFEFEF;font-weight:500;z-index:200;line-height:25px;text-align:left;margin:0 auto;width:100%;padding:5px 5px 5px 15px;float:top;position:absolute;font-family: TitilliumText22LMedium,Verdana,sans-serif;border-style;solid;
}

.widget_large_container {
	width:90%;height:85%;z-index:2000;background-color:white; border:1px solid #DDDDDD; border-radius:5px;position:fixed;left:5%;top:7%;margin:auto;visibility:hidden; box-shadow:5px 5px 10px 4px #CCCCCC;
}

.dashboard_view_widget_title {
   font-size:14px;background-color:#EFEFEF;position:fixed;font-weight:500;z-index:200;line-height:25px;text-align:left;margin:0 auto;width:100%;padding:5px 5px 5px 15px;float:top;font-family: TitilliumText22LMedium,Verdana,sans-serif;border-style;solid;

}


.button_large_outline {
   font-size: 16px; color:#499940!important; background:none!important; border:1px solid #499940; padding:15px 15px; margin:0 8px 0 8px; border-radius:4px; outline:none!important; display: block; box-shadow:none;
}

.button_large_outline .selected {
	background-color:#499940;
}
  
.button_large_outline:active {
	background-color:#339933;
}

.button_large_outline:hover {
	background-color:#EEEEEE;
}

.button_outline:hover {
	background-color:#339933;
}

.button_outline_small {
   font-size: 13px; color:#499940!important; background-color:white; border:1px solid #499940; padding:5px 8px; margin:0 4px 0 4px; border-radius:3px; outline:none!important; display: block; box-shadow:none; display:inline;
}

.button_outline_small .selected {
	background-color:#499940;
}
  
.button_outline_small:active {
	background-color:#339933;
}
.button_outline_small:hover {
	background-color:#EEEEEE;
}

.status-banner-complete {
	background-color:#ff9f32;color:white;width:105%;margin:-10px 0px 10px -15px;padding:5px 0px 5px 0px;position:absolute;letter-spacing:4px;
}
.status-banner-incomplete {
	background-color:#DDDDDD;color:white;width:105%;margin:-10px 0px 10px -15px;padding:5px 0px 5px 0px;position:absolute;letter-spacing:4px;
}
.status-banner-released {
	background-color:#91d849;color:white;width:105%;margin:-10px 0px 10px -15px;padding:5px 0px 5px 0px;position:absolute;letter-spacing:4px;
}
.status-banner-published {
	background-color:#ADADAD;color:white;width:105%;margin:-10px 0px 10px -15px;padding:5px 0px 5px 0px;position:absolute;letter-spacing:4px;
}

.dsp_tile {
  height:40px;width:170px;line-height:40px;float:left;margin:20px;padding:15px;border-radius:5px;border:2px dotted green;
}

.feature_box {
	float:left;text-align:center;display:inline;padding:10px;width:140px;height:55px;line-height:55px;margin:5px 15px 15px 0px;background-color:white;border-radius:10px;font-size:20px;font-weight:700;
}


.sp_idea_block {
	padding:10px;background-color:white;min-height:250px;min-width:285px;width:31%;float:left;align:center;margin:0 auto;
}

.sp_vertical_spacer {
   width:1px;background-color:#CECECE;margin-top:50px;height:200px;line-height:300px;float:left;
}
.sp_horizontal_bar {
   display: block; height: 1px; border: 0; border-top: 1px solid #CECECE; margin: 1em 0; padding: 0;
}
.sp_icon_surround {
   margin:auto;text-align:center;background-color:#EFEFEF;border-radius:50%;width:48px;padding:16px;
}


details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; margin-left: -10px}
  100%  {opacity: 1; margin-left: 0px}
}


.suggested_search_dropdown_item { border:1px solid #CCCCCC;height:40px;width:350px;font-size:14px;padding:6px;background-color:#EFEFEF;line-height:32px;}
.suggested_search_dropdown_item:hover { background-color:#EBEBEB;}