/* Add here all your CSS customizations */
.table td {
            padding: 0.25rem;
        }

.form-control{
 color:#242727 !important;
}

p {
	color: #242727 !important;
}
/* Table Hover*/
.table-hover tbody tr:hover td
    {
        background-color: #FEFEDD;
        transition: all .1s;
     } 

/*Navbar Dropdown toggle*/
@media screen and (min-width: 992px) {
    .header.header-nav-menu.header-nav-top-line{
        height:auto !important;
    }
}

@media screen and (min-width: 1074px) {
    a.nav-link.dropdown-toggle {
        height: 84px;
    }
@media screen and (max-width: 1073px) and (min-width: 396px) {
        a.nav-link.dropdown-toggle {
            height: 34px;
        }
    }
}

/* Table row-height*/
    .table-hover .td .th {
        font-size: 10.5px;
        line-height: 10px !important;
        vertical-align: middle;
    }


/*Logo RightWrapper RightDiv*/
@media screen and (min-width: 1030px) {

    a.logo{
            border-right:1px solid #ededed;
            height:78px
   }
    a.logo img {
        margin-top:5px;
        height: 68px;
    }


    div.right-wrapper.text-right {
        margin-top: 26px;
    }

    div.header-right {
        height: 83px;
    }
    .header.header-nav-menu.header-nav-top-line nav > ul > li > a, .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a {
        padding:33px 13px 17px;
    }


}

@media screen and (min-width: 992px) and (max-width:1029px){
    .header.header-nav-menu.header-nav-top-line nav > ul > li > a, .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a {
        padding:17px 13px 25px;
    }
}
/*RightWrapper RightDiv*/
@media screen and (max-width: 1029px) {
    div.right-wrapper.text-right {
        margin-top: 0px;
    }

    div.header-right {
        height: 56px;
    }
}


@media screen and (min-width: 768px) and (max-width: 992px) {
    #notification{
        position:relative;
        right:30px;
        top:-5px;
    }

    #notificationDropDown{
        position:relative;
        top:-30px;
        right:-110px !important;
    }
}

@media screen and (min-width: 768px){
    .sticky {
              z-index:100;
              position: fixed;
              top: 0;
              left:0;
              width: 100%;
              margin-top:0px !important;
              margin: auto !important;   

        }

        /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
        .sticky + .formContent {
          padding-top: 50px;
        }
        .serverInfoHeader + .formContent {
          margin-top: 35px;
        }

        .banner{
            background-color:#f79191;
            margin: -36px -40px 0 -40px;
            padding: 1px 0px;
        }

}



@media screen and (max-width: 768px){
    .sticky {
              z-index:100;
              position: fixed;
              top: 0;
              left:0;
              width: 100%;
              margin:60px 0 0 0 !important;
        }

        /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
        .sticky + .formContent {
          padding-top: 50px;
        }
        .serverInfoHeader + .formContent {
          margin-top: 35px;
        }

        .banner{
            background-color:#f79191;
            margin: -18px -15px 0 -15px;
            padding: 1px 0px;
        }
}
@media screen and (min-width: 993px) {
    #notification{
        position:relative;
        right:30px;
    }

    #notificationDropDown{
        position:relative;
        top:-30px;
    }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
    #notification{
        position:fixed;
        top:-5px;
        right:90px;
        z-index:1100;
    }

    #notificationDropDown{
        max-width:245px;
        position:relative !important;
        left:180px !important;
        top:-78px !important;
    }
}

@media screen and (max-width: 399px) {
    #calAlertNotification{
        position:fixed;
        top:-5px;
        right:100px;
        z-index:2200;
    }

    #notificationDropDown{
        max-width:245px;
        position:relative;
        left:-45px !important;
        top:-78px !important;
    }
}

th.dow:hover{
    background-color: #ffffff;
    color:#828282 !important;
}
 

/************************************************************************ DatePicker **********************************************************/ 
 td.old.day,td.new.day{
            color: #bfbfbf !important;
        }

 td.today.day{
            background-color: white !important;
            /*color: #343434 !important;*/
            border-color: #0088CC !important;
            border:2px solid;
        }



 td.today.day:hover{
            background-color: #0088CC !important;
        }

  td.today.active.day{
            background-color: #0088CC !important;
            border-color: #0088CC !important;
            border:2px solid;
        }

 td.day{
            color:black;
        }

 
/************************************************************************ clientDisplay ( should this be put in master page?) **********************************************************/ 
/*clientDisplay*/
    @media screen and (max-width: 767px){
        div.clientDisplay{
            margin-top:5px;
        }
    }




    
/*********************************************************************** Card / modal **********************************************************/ 

/* Card header*/
.cap-card-header-primary, .modal-header { 
    border-color: #0088cc; 
    border-width:3px;
    background: #fff; 
    padding: 0.75rem 1.25rem;
}

.modal-title {
    margin-top:0;
    color:#000;
}

.modal-header-danger{
    border-color: red; 
}
.cap-card-title-primary {
	/*color:#fff;*/
}






.cap-featured-alert {
    border: none;
    border-left: 3px solid #0088cc;   
    background-color: #ebebeb;
}
.cap-featured-alert-title{
     color: #33353F;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    text-transform: none;
    margin: 0;
}


/************************************************************************button / link button**********************************************************/ 



.cap-btn-secondary {
    border-color: #bbb; 
    border-width:1px;
    background: #ffffff; 
	color: #0088cc; 
	box-shadow: none !important;
}

.cap-btn-secondary.disabled,  
.cap-btn-secondary:disabled {
	color: #333;
    border-color: #ccc; 
	background-color: #ccc;  
}

.cap-btn-secondary:hover{
	color: #fff;
	background-color: #0088cc;
	border-color: #0088cc;
}


/*button disable style*/
.btn.disabled,
.btn:disabled {
    cursor:not-allowed;
    color: #333 !important;
    border-color: #ccc !important;
    background-color: #ccc !important;
}

/*link button disable style*/
a.btn[disabled=disabled] {
  cursor:not-allowed;
    color: #333 !important;
    border-color: #ccc !important;
    background-color: #ccc !important;
}


/******************** link button*******************/ 

/*paging link button*/  
.page-link:focus {
    box-shadow: 0 0 0 0 rgba(0, 136, 204, 0.5) !important;  
}



/************************************************************************label / span highlight **********************************************************/ 
/*highlight*/
.highlight-danger{ 
    background-color:white;
    color:red;
}
.highlight-warning {
    background-color: #fcc;
    color: red; 
}
.highlight-success {
    background-color: #28a745;
    color: white; 
}

.highlight-primary:hover {
    background-color: #0088CC;
    color: white !important; 
}
.highlight-primary {
    background-color: #0088CC;
    color: white !important; 
}
/*********************************************************Form control**********************************************************************/
textarea.form-control {
	line-height: 1.5 !important;
}
input.form-control:not(.form-control-sm):not(.form-control-lg):not(.cap-input-group) {
	line-height: 1 !important;
	height: 1.5rem !important;
    min-height: 33px !important;
}
.form-control:focus {
    border-color: #33bbff;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(0, 136, 204, 0.3);
}
select.form-control:not(.form-control-sm):not(.form-control-lg) {
	line-height: 1 !important;
	height: 33px !important;
    min-height: 33px !important;
}

/*********************************************************Attorney status Full calendar events**********************************************************************/
.totalappearance {
    background-color:#0088cc !important;
    color:#fff !important;
    border: 1px solid #006598 !important;
    font-weight :bold;
}

.pendingconfirm {
    background-color:#FFEE58 !important;
    color:#555 !important;
    border: 1px solid #eddb40 !important;
    font-weight :bold;
}

.confirmed {
    background-color:#81D4FA !important;
    color:#555 !important;
    border: 1px solid #74bee0 !important;
    font-weight :bold;
}

.pendingui {
    background-color:#FFA726 !important;
    color:#555 !important;
    border: 1px solid #d88e20 !important;
    font-weight :bold;
}

.pendingcancel {
    background-color:#272727 !important;
    color:#ffffff !important;
    border: 1px solid #999797 !important;
    font-weight :bold;
}

.pendingresults {
    background-color:#db3636 !important;
    color:#ffffff !important;
    border: 1px solid #bc3131 !important;
    font-weight :bold;
}
.resultssubmitted {
    background-color:#47a447 !important;
    color:#ffffff !important;
    border: 1px solid #3a873a !important;
    font-weight :bold;
}
.pendingdocuments {
    background-color:#f7b4f5 !important;
    color:#555 !important;
    border: 1px solid #e2a7e0 !important;
    font-weight :bold;
}
.pendinginst {
    background-color:#6800cc !important;
    color:#ffffff !important;
    border: 1px solid #e2a7e0 !important;
    font-weight :bold;
}
 

.fc-today{
    font-weight :bold;
}
/************************************************************badge css for horizontal calendar*****************************************************************************/
 .cap-badge{
      margin:2px;
      font-size: 15px;
      border-radius :5px;
      height: 22px;
 }
 /************************************************************Border for textFields*****************************************************************************/
 input.form-control{
            border-width:2px !important;
        }
        textarea.form-control{
            border-width:2px !important;
        }
 /************************************************************Menu Bar*****************************************************************************/
         @media  screen and (max-width: 992px) and (min-width:768px){
          	.header.header-nav-menu .header-profile-icon-user-collapse-nav {
		        margin: 0;
                position: relative;
                z-index: 99;
	        }
            .userbox.show .dropdown-menu {
                left: -150px !important;
            }

       }
        @media screen and (max-width: 767px) {
            .header.header-nav-menu .header-profile-icon-user-collapse-nav {
                margin: 0;
                position: fixed;
                right: 70px;
                top: 14px;
                z-index: 99;
            }
            div#userbox.userbox.header-profile-icon-user-collapse-nav::after{
                visibility:hidden;
            }
            .userbox:after {
                background: none;
            }
            .userbox.show .dropdown-menu {
                left: -130px !important;
            }
        }
 /************************************************************Loader *****************************************************************************/
.loader {
            border: 16px solid #ECEDF0;
            border-radius: 100%;
            border-top: 16px solid #0088CC;
            width: 120px;
            height: 120px;
            -webkit-animation: spin 1s linear infinite; /* Safari */
            animation: spin 1s linear infinite;
            position:fixed;
            top:45%;
            left:45%;
        }
        /* Safari */
        @-webkit-keyframes spin {
            0% {
                -webkit-transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
            }
        }
        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
        }
        }

        /************************************Task Mgmt Class*****************************************/
        .taskIcon{
            content:url(/images/taskIcon.png);
            height: 16px;
            width: 13px;
            margin-top: 6px;
        }
        .taskCompleted{
            content:url(/images/taskCompleted.png);
            width: 25px;
            height: 25px;
        }
        .completedClassInput + .completedClassLbl{
            content:url(/images/taskNotCompleted.png);
            width:18px;
            height: 18px;
            cursor: pointer;
        }
        .completedClassInput:checked + .completedClassLbl {
            border: 0px;
            content:url(/images/taskCompleted.png);
            width: 22px;
            height: 22px;
        } 
        .completedClassInput {
          display: none;         
        } 
        #taskTable tr:hover{
            background-color: #FEFEDD;
            transition: all .1s;
        }
        #taskTableCompleted tr:hover{
            background-color: #FEFEDD;
            transition: all .1s;
        }
        .myTaskIcon{
            font-weight :bold;
            width: 30px;
            height: 30px;
            font-size: 13px;
            line-height: 27px;
            margin-right: 10px;
            margin-left: 10px;
            text-align: center;
            border-radius: 55px;
            color:#fff !important;
        }
        .myTaskTotal{
            background-color:#0088cc !important;            
            border: 1px solid #006598 !important;            
        } 
        .myTaskDueNow{
            background-color:orange !important;           
            border: 1px solid orange !important;          
        }      
        @media screen and (max-width: 415px) {
            #officeTaskDiv,#OfficeCalendarDiv .card{
                       margin-top: 2.2rem;
                }  
            }
        #createdTaskBtn {
            display: none;
        }
        #graphSelector {
            display: none;
        }
      .switch-field {
	display: flex;
	margin-bottom: 36px;
	overflow: hidden;
    float:right;
    padding-right:5px;
}
      .switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: #0088cc;
	box-shadow: none;
    color:white;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}
        #uniquesSelector {
            display: none;
        }
      .uniquesFields {
	display: flex;
	margin-bottom: 36px;
	overflow: hidden;
    float:right;
    padding-right:5px;
}
      .uniquesFields input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}
.uniquesFields label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}
.uniquesFields label:hover {
	cursor: pointer;
}
.uniquesFields input:checked + label {
	background-color: #0088cc;
	box-shadow: none;
    color:white;
}
.uniquesFields label:first-of-type {
	border-radius: 4px 0 0 4px;
}
.uniquesFields label:last-of-type {
	border-radius: 0 4px 4px 0;
}
         /************************************Task Mgmt Class*****************************************/
.capCenterImages {
    vertical-align: middle;
    text-align: center;
}
/************************************Remote Appearance*****************************************/
.highlight-courtCall{
   background-color:#d6fffd !important;
}
html.dark .chkbox-highlight-courtCall input[type="checkbox"]:checked + label:after,
.chkbox-highlight-courtCall input[type="checkbox"]:checked + label:after {
	color: #000;
}
html.dark .chkbox-highlight-courtCall label:before,
.chkbox-highlight-courtCall label:before {
	background: #d6fffd !important;
}
/****************Slider button On Background-Color **********************/
.ios-switch .on-background {
    /*background-color: #1e7e34 !important;*/
    background-image: linear-gradient(#47a447, #47a447 ) !important;
}
/************************************Client Full Calendar*****************************************/
.calendaredAppClient {
    background-color:#0088cc !important;
    color:#ffffff !important;
    border-color: #0088cc #0088cc #006699;
    font-weight :bold;
}
.resultingAppClient {
    background-color:#FFA726 !important;
    color:#555 !important;
    border: 1px solid #d88e20 !important;
    font-weight :bold;
}
.has-error {
    border-color: #d9534f !important; /* Bootstrap danger color */
    box-shadow: 0 0 5px rgba(217, 83, 79, 0.5); /* Optional shadow for emphasis */
}
/************************************Phone Icon*****************************************/
.fa-cap-phone:hover {
    transform: scale(1.2);
    cursor:pointer !important;
}
.fa-cap-email:hover {
    transform: scale(1.2);
    cursor: pointer !important;
}