.step1txt, .step2txt {color: #000000;left: -85px;position: absolute;text-align: center;text-transform: capitalize;top: 15px;width: 80px;}
.left_part {margin: 0 0 0 12%;}
.step1, .step2 {padding: 18px 15px;position: relative;}
.step1{ background:#08ade0; border:1px solid #08ade0;}
.step2{ background:#f0f0f0; border:1px solid #cdcdcd; border-top:none;}
.marbot15{margin-bottom:15px;}
#datepicker-calendar {position: absolute;top: 27px;left: 0;overflow: hidden;width: 347px;height: 157px;background-color: #F7F7F7;display:none;border: 1px solid #AAAAAA;color: #222222;border-radius: 4px;padding: 0.2em;}
#datepicker-calendar div.datepicker th a.datepickerMonth {margin-left: 5px;}
div.datepicker{border:none;}
div.datepicker td.datepickerSelected a{color: #FFFFFF !important;}
tbody.datepickerDays td.datepickerSelected {background-color: #08ADE0;}
div.datepicker tbody.datepickerDays td:hover {background-color: #FF0000;}
#datepicker-calendar div.datepicker th a.datepickerMonth {margin-left: 5px;}
#date-range-field span{display: inline-block; width: 95%;}
#date-range {position: relative;}
.preview_txt {display: block;margin-bottom: 4px;text-align: right;}
.btns{text-transform:capitalize;float:right; margin-top:20px; cursor:pointer;}
.step1txt h4, .step2txt h4{ margin:0;}
.step1txt  p, .step2txt  p{font-size: 12px;line-height: 13px;margin-top: 5px; font-family:'gothbook';}
.step1.aligncenter {text-align: center;padding: 10px 15px;}
.step1 label {color: #FFFFFF;font-family: gothbold;font-size: 12px;line-height: 25px;padding: 0 8px 0 10px;text-align: center;text-transform: uppercase;}
.table th{text-transform:capitalize;}
.panel .table-bordered {border: 1px solid #DDDDDD !important;}
.panel .pagination{margin:10px 0 0 0;}
.personal_img{ background:url(../../../images/notifications/personal.jpg) center bottom no-repeat;}
.global_img{ background:url(../../../images/notifications/global.jpg) center bottom no-repeat;}
.box_img{width:100%; height:260px;margin:0 auto;}
.box_img a{display:block;width:100%; height:100%; position:relative;}
.global .modal-footer, .personal .modal-footer{ margin:0 -15px -15px;text-align: left; font-size:13px;}
table.settings_table input[type="checkbox"]{margin-right: 5px;margin-top: 0 !important;vertical-align: text-top;}
table.settings_table tr.gray_bg.edit_settings td{display:table-cell !important; border-bottom: none;}
#ajax-loading, .ajax-loading{ background:url(../../../images/ajax-loader.gif) no-repeat; width:16px; height:16px; display:table-cell;}
.settings_table td:last-child{width: 140px;}
.settings_table td:first-child{width: 210px;}
.edit a span, .cancel a span{padding-right: 6px;position: relative;top: 3px;}
.edit > a , .cancel > a{display: block;text-align: center;}

#noti_override{margin: 0 5px 0 7px;position: relative;top: 2px;}
.noti_override_field p{margin-bottom:5px;}
@media (max-width: 767px) {.step1txt, .step2txt{display: none;}.left_part{max-width: 570px;margin:0;}}
.noti_wrapper .email span, .noti_wrapper .push span, .noti_wrapper .subject span, .noti_wrapper .lession span, .noti_wrapper .team span, .noti_wrapper .benchmark span, .noti_wrapper .course span, .noti_wrapper .post span, .noti_wrapper .topic span, .noti_wrapper .private span, .noti_wrapper .ce_team span, .noti_wrapper .passing span, .noti_wrapper .club span{background:url(../../../images/notifications/noti_settings.png) left top no-repeat; display:inline-block; width:25px;padding:0 10px 0 5px; height:15px;vertical-align: middle;}
.noti_wrapper .email span{ background-position:0 0;}
.noti_wrapper .push span{background-position:0 -15px; height:19px;}
.noti_wrapper .subject span{background-position:0 -35px;height: 17px;}
.noti_wrapper .lession span{background-position:0 -54px;height: 19px;}
.noti_wrapper .team span{background-position:0 -74px;height: 17px;}
.noti_wrapper .benchmark span{background-position:0 -94px;height: 17px;}
.noti_wrapper .course span{background-position:0 -112px;height: 20px;}
.noti_wrapper .post span{background-position:0 -133px;height: 19px;}
.noti_wrapper .topic span{background-position:0 -153px;height: 19px;}
.noti_wrapper .private span{background-position:0 -172px;height: 17px;}
.noti_wrapper .ce_team span{background-position:0 -190px;height: 23px;}
.noti_wrapper .passing span{background-position:0 -214px;height: 20px;}
.noti_wrapper .club span{background-position:0 -235px;height: 18px;}

/* NotificationBell */
.previewnoti{display:none;left: 380px;transition: all 0.2s ease 0.2s; -webkit-transition: all 0.2s ease 0.2s; -moz-transition: all 0.2s ease 0.2s; -o-transition: all 0.2s ease 0.2s; position:absolute;margin-top: 0px;top:0;max-width: 298px;}
.backbtn{cursor:pointer; color:#959494; font:11px Verdana, Geneva, sans-serif; background:url(../../../images/notifications/arrow_back.png) left center no-repeat; padding-left:10px;display: table;margin: 0 auto 5px;}
.preview .notiCount {bottom: auto;left: auto;position: absolute;right: -5px;top: -14px;}
.finpreview {left: 0px;}
#completed-courses{min-height: 300px;}
.highlighttxt{color:#DC7214;}
.prev_read{background:url(../../../images/notifications/prev_read.png) right top no-repeat; padding:0px 20px 2px 0; display:table; margin:0 auto 3px; width:auto; color:#959494; font:11px Verdana, Geneva, sans-serif; text-decoration:none;}
.prev_read.readmsg{float:right;margin-right: 20px;}
.noti_bot{float:right; clear:both;padding: 15px 7px 0;}
.noti_bot, .noti_bot a{ color:#00b9e4; font:11px Verdana, Geneva, sans-serif; text-decoration:none;}
.smile_img{ background:url(../../../images/notifications/caught_up.png) center center no-repeat; width:91px; height:69px; clear:both; display:table; margin:45px auto 0;}
.cong_box{ font:12px gothbold, Arial, Helvetica, sans-serif; color:#00b9e4; border:1px solid #83daf0; box-shadow:0 0 3px 2px rgba(229, 229, 231, 0.7); padding:20px; width:170px; display:table; margin:5px auto 40px;}
.readed_box{min-height:175px;}

a, a:hover, a:focus, a#notificationBell, a#notificationBell:hover, a#notificationBell:focus{ outline:none !important;}
#notification_update{margin-bottom:0;position: relative;}
#notification_update li:first-child a.list-group-item{border-top:none;}#notification_update li:last-child a.list-group-item{border-bottom:none;}
#notification_update li a.list-group-item{border-bottom:none;padding:10px;}
.finpreview .marbot10{margin-bottom:10px; margin-top:0;min-height: 35px;}
.noti_wrapper #notificationBell{border-radius:2px;cursor:default!important;display:inline-block;font-weight:700;height:26px;width:26px;padding:2px;border:1px solid #bfbfbf;color:#c4bab6;font-size:19px;margin:17px 0 0;position:relative}
.noti_wrapper #notificationBell:hover{border:1px solid #bfbfbf;-webkit-transition:all 0s;transition:all 0s;cursor:pointer!important;-webkit-box-shadow:inset 0 0 4px 1px rgba(0,0,0,.08);box-shadow:inset 0 0 4px 1px rgba(0,0,0,.08)}
.noti_wrapper span.notiCount{position:absolute;top:-9px;right:-10px;cursor:pointer;background:#00B9E4;display:inline-block;font-size:10px;color:#fff;font-weight:700;border-radius:50%;padding:2px 4px 3px;text-align:center;line-height:normal;min-width: 10px;}
/*.notification_box{position:absolute;display:none;z-index:1003;top:50px;left:50%;width:344px;height:435px;border-radius:0;-webkit-box-shadow:0 2px 4px rgba(30,30,100,.25);box-shadow:0 2px 4px rgba(30,30,100,.25);padding:10px;background:#fff;border:1px solid #b3b3b3;margin-left: -178px;}
.notification_box:after,.notification_box:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.notification_box:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:7px;left:50%;margin-left:-7px}
.notification_box:before{border-color:rgba(131,131,131,0);border-bottom-color:#838383;border-width:8px;left:50%;margin-left:-8px}*/
.notification_scroll_con, .notification_scroll_con1{overflow-y:auto;overflow-x:hidden;max-height: 373px;padding-top: 0px;margin: 0 -15px;border-top:1px solid #E2E3E4; border-bottom:1px solid #E2E3E4;}
.view_notification{text-align: right;margin:0;}
.noti_wrapper .preview span.notiCount{right: 3px;top:13px;}
.preview.list-group-item.readed {background: none repeat scroll 0 0 #EEEEEE;}
li.finpreview.clearfix:before{display:none;}
#notification_update .previewnoti a.list-group-item{border-bottom:1px solid #DDDDDD;}