.fc-center h2{color:#263959;font-size: 20px;text-transform: uppercase;}
.fc .fc-day-header{background-color: #263959;font-size: 13px;text-transform: uppercase;color: #fff; border: 0;padding: 8px 0;font-weight:800}
.fc button{text-transform: capitalize;color: #263959;transition: all 1s ease-in-out 0s;}
.fc button:hover{background-color: #40577e;color: #fff;}
.intro .intro-todo{margin-left: 0;}
.intro .intro-todo, .intro .intro-hearing-date { height: 25px; width: 25px;}
.todo-action-status, .todo-hearing-date-status,.morning-session-action-status, .evening-session-action-status{padding: 3px 15px  0 5px;}


.fc .fc-state-active{background: none;}
.middle-wrapper{box-sizing: border-box; margin: 0 auto; padding: 0 0 0 20px; width: 100%;}
.ui-datepicker-days-cell-over{ background-color: blue; }
.calendar-header { padding-bottom: 7px; padding-top: 7px;}
.fc-content{ overflow: hidden;text-overflow: ellipsis;}
.fc-row.fc-widget-header table thead tr {outline: 1.5px solid #ddd;}
.fc-toolbar .fc-right{ float: right; position: relative; right: 0px;}
.calendar-main .intro{float: left;margin-left: 0;padding-top: 23px;}
.calendar-main .calendar-section {background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 3px; padding: 25px 30px;margin: 21px 0 0 0;}
.calendar-main .calendar-section .fc-toolbar {margin-bottom: 24px !important;}
.page-calendar-index .middle-wrapper{padding: 0;}
.page-calendar-index .calendar-title {float: left; /* width: 50%; */}
.calendar-right-filter-dropdown { float: right; }
.page-calendar-index .calendar-filter-section {float: left;}
.calendar-filter-section div.selector{height: 34px;}
#cboxWrapper #cboxContent {overflow: initial; padding:0 0 0 40px;}
.form-control[disabled]{z-index: -1;cursor:not-allowed;}
#cboxWrapper{width: 100% !important;}
.has-error div.selector{border-color:#e12222 !important;}
.has-error textarea.form-control{border-color:#e12222 !important;}
#colorbox #cboxClose {right: -43px !important; top: -25px !important;}
.fc-toolbar .fc-center > h2 {position: relative;top: 2px;}
.case_hearing_section .form-inline {padding: 0 0 10px;}
.fc-view-container .fc-scroller.fc-time-grid-container{height: auto !important;}
#cboxWrapper #cboxContent #cboxLoadedContent{background: #fff none repeat scroll 0 0; box-sizing: border-box; margin: 0; } 
#cboxContent #cboxLoadedContent {padding: 0 20px;}
.calendar-create .field-calendar-who_attended .help-block {padding: 0;}
.calendar-create .form-inline input[type="text"]{ padding:0px 10px;}
.who-attended-team div {display: inline-block;padding: 0;width: 100%;}
.who-attended-team div input {display: inline-block;vertical-align: top;margin-top: 4px;}
.who-attended-team div label{ display: inline-block; width: 90%; font-weight: normal;word-break: break-all;cursor: pointer; margin-bottom: 5px;}
.who-attended-others label{font-weight: normal;}
.who-attended-others input{ display: inline-block;margin: 0;padding: 0;vertical-align: middle;}
.who-attended-others input.form-control{display: block;width: 100%;}
.who-attended-others label {word-break: break-all;cursor: pointer; vertical-align: middle;}
.who-attended-others{padding: 0; display: table; width: 100%; min-height: 39px;}
.who-attended-others-left{display: block; position: relative;}
.who-attended-others-right{display: block;padding-top: 5px;}
.page-calendar-index .custom-dropdown dt a span, .page-calendar-index .multiSel span{ padding: 0 5px 7px 0;}
.who-attended-others .field-calendar-others_txt input,  .who-attended-others .field-caseactivityinfo-others_txt input {padding: 5px 10px;width: 80%;}
div.selector span {font-weight: normal;}
.form-control {color: #333;box-shadow: none;border: 1px solid #ccc;}
.calendar-create .field-calendar-type label {font-size: 16px;}
.calendar-create div.selector, .todo_section div.selector{height: 34px;padding: 0 10px;}
.calendar-create .action-btn-wrapper{text-align: right; margin: 20px 0 0 0}
#cboxContent {background: #fff ; box-sizing: border-box !important; overflow: initial; }
.fc-day-grid-event .fc-time{text-transform: uppercase;}
.calendar-create {text-align: center;}
.calendar-create .submitbutton {margin-right: 10px;}
.calendar-popup  h3{color: #263957; font-size: 22px; margin:0;padding: 10px 0px 5px;}
.calendar-popup-subtitle{color: #333; font-size: 14px; margin: 0; padding: 0 0 20px; font-weight: 500;}
textarea.form-control { height: 34px;}
.fc-sun { background-color: #FFECED;}
#calendar-delete-form .calendar-del{ margin: 15px auto 0;text-align: center; width: 320px;}
.todo_section .mutliSelect ul li{ /*padding: 2px 0;*/}
.todo_section .mutliSelect ul li.case-header {padding: 5px 0; text-align: left;}
.calendar-create .todo_section .custom-dropdown-wrapper{width:100%;}
.todo_section dl.custom-dropdown{margin-bottom: 0;}
#calendar-update-form .calendar-update {text-align: center;}
#calendar-update-form .calendar-update .hearing_date_view {text-align: left;}
#calendar-delete-form .calendar-del .deletebutton {margin: 0 10px 0 0;}
.field-calendar-who_attended #calendar-who_attended{overflow-y: auto; /*max-height: 57px;*/-webkit-overflow-scrolling: touch;}
.fc .fc-state-disabled {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.fc-state-disabled {background-color: #ccc;background-image: none;opacity: 1 !important;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05) !important;}
.fc-scroller {height: auto !important;}
.fc-basic-view td.fc-day-number, .fc-basic-view td.fc-week-number span {padding-right: 4px;}
#cboxLoadedContent {margin-bottom: 0;margin-top: 0;}
.hasDatepicker{cursor: pointer;}
.case_hearing_section ul { list-style:none; padding: 0 10px 15px;}
.case_hearing_section div.selector{height: 34px;padding: 0 10px;}
.calendar-create .calendar_entry_type {display: inline-block;margin: 0;padding: 0; vertical-align: top;}
.calendar-create .calendar_entry_type  label {padding: 0 5px;color: #263957;cursor: pointer;}
.calendar-create .form-group,.calendar-update .form-group{ margin-bottom: 0px;padding: 0;}
.calendar-create .control-label,.calendar-update .control-label {box-sizing: border-box;color: #333;padding:0 13px 0px 0;text-align: right;vertical-align: top;}
.calendar-create .todo_section textarea.form-control, .calendar-update .todo_section textarea.form-control{min-height: 100px}
.calendar-update .action-btn-wrapper{margin: 20px 0 0 0;padding: 0;text-align: right;}
.hearing_date_view h2{text-align: center;padding-bottom: 20px;}
.hearing_date_view .section1 .row1{padding-bottom: 10px;}
.hearing_date_view .section1 .row1 .lbl{display: inline-block;text-align: left; vertical-align: top;width: 35%;}
.hearing_date_view .section1 .row1 .txt_bx{display: inline-block;padding: 0 0 0 10px;width: 64%; word-wrap: break-word;}
.hearing_date_view .section1 .row1 .txt_bx ul{padding-bottom: 15px;}
.hearing_date_view h2{padding: 10px 0px 25px;}
.calendar-update .action-btn-wrapper .submitbutton {margin: 0 10px 0 0; padding-bottom: 9px;}
.form-group.field-calendar-type {padding: 5px 0;}
input, button, select, textarea {font-family: 'Open Sans', sans-serif;}
input.hasDatepicke[type='password']{width:100%;}
.todo_section {text-align: left;}
.todo_section .action-btn-wrapper{padding-right: 20px;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { display: none; }
.todo_section .form-inline.assign-todo .todo_entry span{cursor: pointer;font-weight: normal;}
.case_hearing_section {text-align: left; clear: both;}
 #cboxTitle{background: none !important;display:none !important;}
.todo_section .form-inline {font-weight: 600; font-size: 14px;padding: 0 0 15px;}
.due_date_row{
    display: table;
}
.due_date_row > .form-inline{
    display: table-cell;
    width: 49%;
    vertical-align: top;
}
.due_date_row .calendar_due_date_text{
    font-size: 16px;
    font-weight: 600;
    color: #3A4863;
    display: table-cell;
    padding: 32px 10px 10px;
}
.due_date_row > .form-inline .field-calendar-due_date_to{
    margin-top: 20px;
}
#calendar-update-form .calendar-update .custom-dropdown-wrapper {width: 100%;}
.todo_section .form-inline label {padding: 0 10px;}
.todo_section .form-inline label {padding: 0 0 5px;text-align: left;}
/*.todo_section .form-inline label input.todo_assign_case {width: 25px;}*/
#cboxLoadedContent iframe{display: block;height: 100%;overflow: hidden; width: 100%;}
.popup-field-halfwidth.left{ float: left; width: 50%;padding: 0 10px 0 0;}
.popup-field-halfwidth.right{ float: right; width: 50%;padding: 0 0 0 10px;}
.popup-field-halfwidth.right .hasDatepicker{background: #fff url("/themes/app/images/side-bar-calender-icon.png") no-repeat scroll 98% 50%;}
.calendar-create .custom-dropdown dd label{width: 85%;color: #fff;padding: 0;font-weight: normal;}
.mutliSelect ul li .form-group{margin-bottom: 0;}
.popup-field-halfwidth .form-group input { width: 100%;height: 34px;box-shadow: none;}
div.has-success .form-control:focus{border:1px solid #ccc !important;}
.page-calendar-index .sidebar-inner-section .calendar-section h2{color:#fff;}
.field-calendar-t_case_id {padding: 0}
.calendar-popup .mutliSelect .todo_cases_checked{}
.page-calendar-index div.selector{height: 34px;padding: 0 10px;text-align: left; width: 145px !important;}
.page-calendar-index div.selector#uniform-calendar_todo_filter{width: 165px!important;}
.todo_section .form-inline .form-inline{margin-bottom: 0;}
.todo_section .input-group.datetime {display: block;padding: 0 0 30px;}
.todo_section .input-group.datetime input.hasDatepicker {border-radius: 5px;cursor: pointer;background: #fff url("/themes/app/images/side-bar-calender-icon.png") no-repeat scroll  98% 8px;}
.fc-agendaWeek-view .fc-title { word-wrap: break-word;padding:1px; }
.calendar-title > h2 {position: relative;top: 5px;}
div#cboxMiddleLeft, div#cboxBottomLeft, div#cboxMiddleRight{display: none;}
div#cboxWrapper div#cboxContent{width: 90% !important; margin: 0 auto; float: none !important; padding: 0;}
div#cboxWrapper div#cboxContent div#cboxLoadedContent{width: 100% !important; padding: 0;}
#team_members .calendar-who-attended-team-user {width: 48%; padding: 0 0 0 2%;}
#team_members .calendar-who-attended-team-user:nth-child(odd){padding: 0;}
#who-attended-errors{display:none; color: #e12222 !important; font-size: 13px; margin: 0; text-align: left; text-transform: initial;}
.alert-danger{margin: 0; padding: 5px;}
#colorbox, #cboxWrapper, #cboxContent{overflow: initial !important;}
.calendar-update .custom-dropdown-wrapper .custom-dropdown dd input[type="checkbox"] {margin: 0;padding: 0;vertical-align: top;width: auto;}
/*input[type="radio"]{margin: 0;padding: 0;vertical-align: middle;width: 14px; top: 4px;}*/
.calendar-popup .form-inline .form-group.field-calendar-type .calendar_entry_type > label { padding: 0 13px 0 0}
.todo_section dl.custom-dropdown dt a p { margin: 0}
.fc-day-grid-event{margin: 0 10px;}
.calendar-inform-to-client-wrapper .inform-to-clients {padding-top: 10px;}
.calendar-inform-to-client-wrapper .inform-to-clients table{width:100%;}
.calendar-inform-to-client-wrapper .inform-to-clients table tr th{padding:7px;font-size: 14px;border: 1px solid #ccc;}
.calendar-inform-to-client-wrapper .inform-to-clients table#inform-to-client-tbl tr td{border: 1px solid #ccc;padding: 10px;font-size: 14px;}
.calendar-inform-to-client-wrapper .inform-to-clients table#inform-to-client-tbl tr:last-child td{border-bottom: 1px solid #ccc !important;}
.calendar-inform-to-client-wrapper .inform-to-clients table#inform-to-client-tbl tr.have-pointofcontacts td{ border-bottom: none;}
.calendar-inform-to-client-wrapper .inform-to-clients table#inform-to-client-tbl tr.pointofcontact-item td{border-bottom: none; border-top: none;}
.form-group.field-calendar-informtoclientflag > div {padding-top: 5px;}
.form-group.field-calendar-informtoclientflag #calendar-informtoclientflag { padding-top: 0; display: inline-block; }
.form-group.field-calendar-informtoclientflag .modal-radio .inform-to-client-radio{margin-right: 5px;}
.form-group.field-calendar-informtoclientflag .modal-radio {padding-right: 10px;}
 #artivity-inform-client-wrapper-activity-client-147 label {overflow-wrap: break-word; padding-left: 5px; width: 75%;}
.calendar-inform-to-client-wrapper .inform-to-clients table tr th:nth-child(1){max-width: 30%;}
.calendar-inform-to-client-wrapper .inform-to-clients table tr th:nth-child(2){max-width: 38%;}
.calendar-inform-to-client-wrapper .inform-to-clients table tr th:nth-child(3){width: 26%;}

 #inform-to-client-tbl input[type="checkbox"] { margin: 0 5px 0 0; vertical-align: top;}


/* 
** START: Todo Notifications 
*/

/* Start: CREATE */
.todo_section .form-inline .notifications{font-weight:normal;}
.notifications{margin-bottom: 20px;}
.todos_notifications{display: block;padding:0 0px 5px;}
.todos_notifications .notification_label{width:26%;float:left;}
.todos_notifications .initial_message span{cursor:pointer;font-weight:bold !important;}
.todos_notifications .no_notifications, .todos_notifications .add_notifcation_link, 
.todos_notifications .notification_params{width:74%;float:left;}
.calendar-popup .action-btn-wrapper #case-notes-cancel{border: 2px solid #263959;border-bottom-width: 1px;}

.todos_notifications .notification_params .notification_type {
    width:21%;float:left;margin-right: 5px;margin-bottom: 5px;
}
.todos_notifications .notification_params .notification_time {
    width:18%;float:left;margin-right: 5px;margin-bottom: 5px;
}
.todos_notifications .notification_params .notification_time_type {
    width:26%;float:left;margin-right: 5px;margin-bottom: 5px;
}
.todos_notifications .notification_params .notification_action{
    float:left; cursor:pointer;color:red;margin-bottom: 5px;
}
.todos_notifications .notification_params .notification_message { float: left; width: 25%;}
.todos_notifications .notification_params .notification_time input[type="text"]{height: 34px;}
.add_notifcation_link span{text-decoration: underline;cursor:pointer;}
.todos_notifications .no_notifications{color: gray;}
/* End: CREATE */
.calendar-popup .notification_params, .calendar-popup .add_notifcation_link{width: 100% !important; margin-top: 5px;}
.calendar-popup .notification_message{font-size: 12px !important;}

.notifications .notifications_heading label{font-weight: 600;font-size: 14px;color: #333;}
.todos_notifications .add_notifcation_link img{padding-right: 5px;width: 23px; height: auto;}
/* 
** END: Todo Notifications 
*/

.is_private-checkbox label, .edit_todo-col-is_private label{cursor: pointer;}
.is_private-checkbox input[type="checkbox"]{
    appearance: none;-moz-appearance: none;-webkit-appearance: none;
    background-color: transparent;
    outline: none;
    border: 0;
    box-shadow: none;
}
.is_private-checkbox input[type="checkbox"]::before{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(/themes/app/images/unchecked-checkbox.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 2px;
    background-color: transparent;
    outline: none;
    border: 0;
    box-shadow: none;

}
.is_private-checkbox input[type="checkbox"]:checked::before {
    background-image: url(/themes/app/images/checked-checkbox.png);
    background-color: transparent;
    outline: none;
    border: 0;
    box-shadow: none;
}

#calendar-update-form .deletebutton,
.calendar-del .cancelbutton{border: 2px solid #263959;}
.calendar-todo-filter-section, .calendar-case-filter-section{display: inline-block;margin-left: 10px;}

#calendar-update-form .completebutton{
    background: #263959 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 8px 15px;
    line-height: normal;
    border: 2px solid #263959;
    margin-right: 10px;
}
#calendar-update-form .completebutton:hover{
    background: #40577e;
    text-decoration: none;
    color: #fff;
    transition: all 1s ease-in-out 0s;
}

/*loader z-index issue*/
.overlay-loading-screen{
    z-index: 99;
}
.overlay-loading-screen-loader{
    z-index: 999;
}

/*START: new ajax dropdown style*/

.select2-container--krajee .select2-dropdown,
.select2-container--krajee .select2-selection:focus,
.select2-container--krajee .select2-dropdown,
.select2-container--krajee .select2-selection{
    border-color: rgb(204, 204, 204)!important;
    box-shadow: none!important;
}
.select2-container--krajee .select2-results__option--highlighted[aria-selected]{
    background-color: #263959!important;
}
#calendar-add-form .select2-container--krajee .select2-selection--single .select2-selection__arrow,
#calendar-update-form .select2-container--krajee .select2-selection--single .select2-selection__arrow{
    border-left: none;
}
#calendar-add-form .select2-container--krajee .select2-selection--multiple .select2-selection__choice{
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: lighter;   
}
#calendar-update-form .select2-container--krajee .select2-selection--single .select2-selection__rendered{
    font-weight: lighter;
}
#calendar-add-form .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field,
#calendar-update-form .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field{
    width: auto!important;
}
#calendar-add-form .select2-container--krajee .select2-selection--single .select2-selection__clear,
#calendar-update-form .select2-container--krajee .select2-selection--single .select2-selection__clear{
    display: none;
}
.calendar-create .control-label{
    text-align: left;
}

.calendar-view-case-link { padding: 10px 0px; position: absolute; top: 0; right: 6px; }
.calendar-view-case-link a { background: #5CB65B; border: 0 none; border-radius: 3px; color: #fff; padding: 5px 15px; }

/*EnD: new ajax dropdown style*/
/*END: nikhil code*/

a.todo_completed:before {
    content: '\2713';
    color: #000;
    padding-right: 2px;
}

.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
a.fc-event{
    overflow: hidden;
    left: 0px;
}

#uniform-calendar-case_id{display: none;}
.team_members_checkbox.mutliSelect li.group_user {margin-left: 22px; padding-left: 0 !important;}
.team_members_checkbox.mutliSelect label {padding:0 0 0 20px !important; line-height: normal !important;}
.check-wrap {position: relative;}
#inform-to-client-tbl input[type="checkbox"] {position: relative!important; margin: -3px 3px 0 0 !important;}

/* Support - Calendar - New calendar entry - hearing date is not recording & design is broken in production & stage - Ticket #1154 */
div#cboxWrapper div#cboxContent {width: 100% !important; padding: 0 15px;}
#cboxBottomCenter {height: 15px!important;}
.todos_notifications .notification_params .notification_action {margin-top: 5px;}

/* Support - Todo's Week */
.fc-agendaWeek-view .fc-time-grid .fc-event {margin-right: 0!important;}

/*-- Responsive Start --*/
@media only screen and (max-width:1160px){
    .calendar-main .fc-day-grid-container{height:100% !important;}
}

@media only screen and (max-width:1023px){
    .calendar-main .fc-day-grid-container{height: 100% !important;}
    .fc .fc-button-group button {padding:0 0.6em;font-size:1em;height: 29px;}
    .fc .fc-day-header{font-size: 15px;}
    /*.hearing_date_view h2 {padding-bottom: 20px;}*/
}

@media only screen and (max-width:768px){
    .fc .fc-day-header{font-size: 13px;}
}

@media only screen and (max-width:767px){
    .middle_wrapper{padding:0;}
    .calendar-main .calendar-section .fc-toolbar {margin-bottom: 10px !important;}
    .calendar-main .fc .fc-toolbar div {margin-bottom: 5px;}
    #colorbox {box-sizing: border-box !important; padding: 0 20px; left:0px !important; top:30px !important; width: 100% !important;height: 100% !important;position: absolute!important;} 
    #colorbox #cboxClose{right: -11px !important; top: -35px !important;}
    #colorbox #cboxWrapper { box-sizing: border-box; /*height: 100% !important;*/ margin: 0 auto; /*padding: 0 20px;*/ position: relative !important; width: 100% !important;}
    #colorbox #cboxContent {height: 100% !important; position: absolute; width: 95% !important; }
    #cboxWrapper #cboxContent #cboxLoadedContent {height: 100% !important; width: 100% !important;padding: 0; }
    .calendar-create .input-group.datetime input.hasDatepicker {border-radius: 5px;cursor: pointer;}    
    .page-calendar-index .middle-wrapper{padding: 0;}
    #colorbox #cboxContent {height: 95% !important;}
    .calendar-main .fc-toolbar .fc-left button {float: none;}
    .calendar-main .fc-toolbar .fc-right{padding:5px 0 0;}
    .calendar-main .fc-toolbar .fc-right .fc-button-group{float:none; }
    .fc-toolbar .fc-center > h2 {clear: left; float: none; position: relative;text-align: center; top: 2px;}
    #cboxWrapper div#cboxTopCenter{display: none;}
    .form-group.field-calendar-type {padding: 10px 0;}
    #calendar-delete-form .calendar-del { margin: 0 auto; text-align: center; width: 100%;}
    .calendar-main .fc .fc-toolbar{width:100%; }
    .calendar-main .fc-toolbar .fc-left {display: inline-block; float: left; padding: 0; width: 50%;text-align: left;}
    .calendar-main .fc-toolbar .fc-right {display: inline-block; float: right; padding: 0; width: 50%;text-align: right;}
    .calendar-main .fc-toolbar .fc-center { display: block; width: 100%;}
    .calendar-main .fc .fc-toolbar {display: table;margin: 0 auto;}
    .calendar-main .fc-toolbar .fc-right{float: none;}
    .calendar-header { padding-bottom: 3px; padding-top: 0;}

    .calendar-main .intro{position: relative; display: block;}
    .calendar-main .intro-todo, .calendar-main .intro-hearing-date, .calendar-main .intro-morning-session, .calendar-main .intro-evening-session{position: absolute;left: 0; margin-left: 0;}
    .todo-action-status, .todo-hearing-date-status, .morning-session-action-status, .evening-session-action-status{padding: 3px 15px 15px 33px;}

}
@media only screen and (max-width:640px){
    .page-calendar-index .calendar-title{
        width: auto;
        display: inline-block;
    }
}
@media only screen and (max-width:500px){
    .hearing_date_view .section1 .row1 .txt_bx{padding: 0;}
    #team_members .calendar-who-attended-team-user {width: 100%; padding: 0;}
    .todo-assign-case-lbl {display: block;}   
    .todo_section .form-inline.assign-todo .todo_entry span{padding-left: 5px;padding-right: 10px;}
    .todo_section .form-inline label input.todo_assign_case {text-align: left;width: 14px;}

}

@media only screen and (max-width:480px){
    .fc .fc-day-header{font-size: 11px;}
    #colorbox{box-sizing: border-box !important;padding: 0 20px; width: 100% !important;}
    /*#colorbox #cboxWrapper{ box-sizing: border-box; padding: 0 20px; position: relative !important; width: 100% !important;}*/
    #colorbox #cboxContent{width: 90% !important; position: absolute;}
    #colorbox #cboxMiddleLeft{width: 10%;}
    #colorbox #cboxMiddleRight{width: 10%;}
    #colorbox #cboxLoadedContent{width:100% !important;}
    .calendar-create .input-group.datetime {display: block;padding: 0 0 30px;}
    .popup-field-halfwidth {float: none; width: 100%; }
    .popup-field-halfwidth.left{float: none;padding: 0; width: 100%;}
    .popup-field-halfwidth.right{float: none;padding:10px 0 0; width: 100%;}
    .calendar-create .todo_section .custom-dropdown-wrapper {width:100%;}
    .hearing_date_view .section1 .row1 .lbl{width:100%;}
    .page-calendar-index .calendar-title h2{font-size: 18px;font-weight: bold;}
     .case_hearing_section{padding: 0 2px;}
     #colorbox #cboxClose{right: -11px !important; }
    .calendar-create .action-btn-wrapper{text-align: center;} 
    .calendar-create .action-btn-wrapper{text-align: right;}
    .calendar-main .calendar-section{padding: 25px 10px;}
    .custom-dropdown dt a span, .multiSel span {padding: 5px 5px 0;}
    .todo_section .form-inline.assign-todo label.todo_entry::before {content: ""; padding: 0;}        
    .calendar-create .action-btn-wrapper { text-align: right;}
    .calendar-create .control-label, .calendar-update .control-label, .calendar-create .calendar_entry_type{vertical-align: middle;}

    .todos_notifications .notification_label,
    .todos_notifications .no_notifications, .todos_notifications .add_notifcation_link, 
    .todos_notifications .notification_params { float: none; width: 100%; }
    .todos_notifications .notification_params .notification_action { float: none; }
    .todos_notifications .notification_params .notification_type { /*width: 80px;*/ width: 100%; }
    .todos_notifications .notification_params .notification_time {/* width: 60px;*/ width: 100%; }
    .todos_notifications .notification_params .notification_time_type { /*width: 27%;*/ width: 100%; }
    .todos_notifications .notification_params .notification_message { display: table; float: none; width: 100%; }
    
    .calendar-todo-filter-section, .calendar-case-filter-section{ margin-bottom: 10px; }

    .compl_btn_cover{
        display: block;
        margin-bottom: 14px;
    }
    #calendar-update-form .compl_btn_cover .completeButton{
        margin-right: 0px;
    }
    .due_date_row{
        display: block;
    }
    .due_date_row > .form-inline{
        display: block;
        width: 100%;
    }
    .due_date_row .calendar_due_date_text{
        padding: 0px 0px 10px;
    }
    .due_date_row > .form-inline .field-calendar-due_date_to{
        margin-top: 0px;
    }
    .page-calendar-index div.selector { margin-bottom: 10px; width: 165px !important }    
}

@media only screen and (max-width:464px){
    .page-calendar-index .calendar-title{
        display: block;
        margin-bottom: 20px;
    }
    .calendar-popup h3, .hearing_date_view h2  { padding: 10px 0px 5px; }
    .calendar-view-case-link { text-align: right; right: 10px; position: relative; padding: 10px 0px; }

}

@media only screen and (max-width:414px){
    .notifications .notification_params .notification_action, 
    .notifications .notification_params .notification_type, 
    .notifications .notification_params .notification_time, 
    .notifications .notification_params .notification_time_type{
        float: left!important;
    }
    .notifications .notification_params .notification_action{width: 12%!important;}
    /*.notifications .notification_params .notification_type, 
    .notifications .notification_params .notification_time, 
    .notifications .notification_params .notification_time_type{width: 27%!important;float: left!important}*/
    .notifications .notification_params .notification_message{width: 100%!important;display: block!important; clear: both!important;}
    

    /*nikhil: responsive table*/

    #inform-to-client-tbl, #inform-to-client-tbl thead, #inform-to-client-tbl tbody, #inform-to-client-tbl th, #inform-to-client-tbl td, #inform-to-client-tbl tr { 
        display: block; 
    }
    #inform-to-client-tbl thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #inform-to-client-tbl td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%!important; 
    }
    
    #inform-to-client-tbl td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 9px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
    #inform-to-client-tbl td:nth-of-type(1):before { content: "Client Name:"; }
    #inform-to-client-tbl td:nth-of-type(2):before { content: "Email Address:"; }
    #inform-to-client-tbl td:nth-of-type(3):before { content: "Phone Number:"; }
    #inform-to-client-tbl tbody:first-child{
        display: none;
    }
    #inform-to-client-tbl td:nth-of-type(1):before, #inform-to-client-tbl td:nth-of-type(2):before, #inform-to-client-tbl td:nth-of-type(3):before{
        font-weight: bold;
    }
    #inform-to-client-tbl tbody tr:nth-child(odd){
        background-color: #f4f4f4;
    }
    #inform-to-client-tbl tr{
        margin-bottom: 10px;
    }
    #inform-to-client-tbl tr td:last-child{
        border-bottom: 1px solid #ccc!important; 
    }
    .calendar-inform-to-client-wrapper .inform-to-clients table#inform-to-client-tbl tr.pointofcontact-item td:first-child{
        border-top: 1px solid #ccc!important; 
    }
    .calendar-inform-to-client-wrapper .inform-to-clients table label,
    .calendar-inform-to-client-wrapper .inform-to-clients table#inform-to-client-tbl tr.pointofcontact-item td,
    .calendar-inform-to-client-wrapper .inform-to-clients table#inform-to-client-tbl tr.have-pointofcontacts td{
        font-size: 13px;
    }
}



@media only screen and (max-width:390px){
/*
    div#cboxWrapper div#cboxContent{
        width: 87%!important;
    }
*/
}


@media only screen and (max-width:360px) {
    .calendar-main .fc-toolbar .fc-left {display: block;float: none;padding: 0 0 10px;text-align: center; width: 100%;}
    .calendar-main .fc-toolbar .fc-right{display: block;float: none;text-align: center;width: 100%;}
    .todo_section dl.custom-dropdown dt a { font-size: 12px;} 
    .todo_section dl.custom-dropdown dd .team_members_checkbox #calendar-assigned_to label { font-size: 12px;}
    .page-calendar-index div.selector#uniform-calendar_todo_filter { width: 165px!important; }
}

@media only screen and (max-width:359px) {
    .calendar-todo-filter-section, .calendar-case-filter-section { margin-left: 0; width: 100%; }
}

@media only screen and (max-width:350px){
    .calendar-main .calendar-header div.selector span{ font-size: 13px;}
    .calendar-todo-filter-section, .calendar-case-filter-section { width: auto; margin-left: 10px; }
    .page-calendar-index div.selector, .page-calendar-index div.selector#uniform-calendar_todo_filter { width: 144px !important; }
}

@media only screen and (max-width:320px) {
    .calendar-create .field-calendar-type label {font-size: 14px;}
    .calendar-create .calendar_entry_type {text-align: left;}
    .calendar-create .submitbutton { margin-right: 10px;padding: 8px 15px;}
    .calendar-create .action-btn-wrapper {padding-right: 0;text-align: right;} /*padding-top: 15px;*/
    .calendar-create .todo_section .form-inline label.todo_entry {padding: 0 10px 0 0;}
    .calendar-create .control-label, 
    .calendar-update .control-label{
        text-align: left;
    }
}

/*** Responsive End***/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .calendar-inform-to-client-wrapper .inform-to-clients table label { position: relative;top: -4px;font-weight: normal;width: 80%; word-break: break-all;}
}

@media screen\0 {
    .intro {display: -ms-flexbox;}
    .case_hearing_section .form-inline{padding: 0 5px 10px;}
    #cboxWrapper{background-color: transparent !important; border-radius: 0px !important;}    
    #cboxContent{background-color: #fff; padding:25px 20px 20px !important; box-sizing: border-box;}
    .todo_section .form-inline{padding: 0 5px 15px;}
    div#cboxWrapper div#cboxContent{ width: 100% !important; }
    #colorbox, #cboxWrapper, #cboxContent { overflow: visible !important;height: 100% !important;}
    #colorbox #cboxClose {right: -20px !important; top: -20px !important;}
}