body{
	font-family: 'Roboto', sans-serif !important;
}
/*.wrapper{background-color: blanchedalmond;
	}*/
	/*container changes*/
    .container1{
		width: 98%;
		margin: 0 auto;
	}
   /*leftPanel changes*/
	.leftPanel{
	background-color: #fff;
	padding: 10px 10px;
	border: 1px solid #d7d6dd;
    position: absolute ;
    top: 75px ;
    left: 0 ;
    min-height: 580px;
    }
.agent{
	    color: #fff;
    background-color: #337ab7;
    border-radius: 4px;
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 12px;
}
.rightPanel{
	padding-bottom: 20px;
}
.rightHeader{
	padding:10px 10px;
        background-color: #444243;

}
/*changes in leftLabel*/
.leftLabel{
	color: #000;
	font-weight: 500;
	font-size: 12px;
	float: left;
	width: 50%;

}

.topAlign{
	margin-top: 10px;
}
.nav-tabs{
  background-color:#363636;
  color: #000;
}
.tab-content{
    background-color:#fff;
    color:#000;
    padding:5px
}
.nav-tabs > li > a{
  border: medium none;
}
.nav-tabs > li > a:hover{
  background-color: #363636 !important;
    border: medium none;
    border-radius: 0;
    color:#fff;
}
/*changes in aptLabel*/
.aptLable{
font-size: 15px;
font-weight: 500;
padding-top: 8px;
}
/*changes in apptform*/
.appt_form{
padding: 1px 14px 10px;
    border: 1px solid #e2e2e2;
    background-color: #fcfcfc;
    margin-top: 12px;
}
.apptField{
	margin-top: 10px;
}
.apptControl{
	background: #f6f6f6;
    border: 1px solid #c5c5c5;
    color: #515050;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    border-radius: 0;
    box-shadow: none;
}
/*rightForm changes*/
.rightForm{
	background-color: #fff;
    top: 75px;
    right: 20px;
    position: absolute;
    width: 80%;
}
.appt_table{
	    margin-top: 10px;
}
/*changes in btnDesign*/
.btnDesign{
	background-color: #4e4e4e !important;
	color: #efedee !important;
    border-radius: 0px;
    border:1px solid black;
    width: 186px;
}
/*changes in btnDesign1*/
.btnDesignNew{
	background-color: #185a8c !important;
	color: #efedee !important;
    border-radius: 0px;
    border:1px solid #044677;
}
.ml-15 {
    margin-left: 15px;
}
.btnDesign1{
	background-color: #185a8c !important;
	color: #efedee !important;
    width: 145px;
    border-radius: 0px;
    border:1px solid #044677;
}
.btnDesign2{
	background-color: #ef7520 !important;
	color: #efedee !important;
    width: 94px;
    border: 1px solid #c85c10;
    border-radius: 0px;
}
/*changes in catLabel*/
.catLabel{
	color: #fff;
	font-size: 15px;
    font-weight: 500;
}
.selectAlign{
	    width: 272px;
    height: 36px;
    margin-left: 20px;
}
.navAlign{
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}
.navAlign>li
{float: left;
 width:50%;
    margin-bottom: -1px;}

 .nav.navAlign>li>a   {
    padding: 10px 4px;
    display: block;
    font-size: 12px;
    text-align:center;
    margin:0px;
        border: 1px solid #ccc ;
}

 .nav.navAlign>li:first-child>a{ margin-right: 3px;}

.nav.navAlign>li>a.active {
    color:#ffffff;
    background: #555;
}

    .tabDesign{
    	    border: 1px solid #ccc;
    margin-top: -1px;
    }
    .cc_listing{
    	    list-style-type: none;
    margin-top: 14px;
    width: 100%;
    float: left;
    overflow: hidden;
    display: block;
    clear: both;

    }
    .headOns{
    	display: inline-block;
        font-size: 16px;
            padding-left: 34px;
    }
    .leftIconAdjust1{
        position: absolute;
    left: 8px;
    top: 10px;
    }
    .leftIconAdjust2{
            position: absolute;
    left: 8px;
    top: 7px;
    }
    .leftIconAdjust3{
            position: absolute;
    left: 8px;
    top: 7px;
    }
    .leftInfo{
    	float: right;
    	    font-size: 12px;
    	    width: 50%;
    	overflow-wrap: break-word;
    }
    .blocks{
    	display: block;
    float: left;
    clear: both;
    overflow: hidden;
    width: 100%;
            text-align: justify;
                margin-bottom: 32px;
    }
    table.tableData th {

    color: white;
    text-align: center;
}

table.tableData td:nth-child(1) {
    color: #97bde4;
}
/*added css*/
.colon{
        font-weight: 500;
    padding-top: 9px;
}
.tableData tr th , .ticketTable tr th { color:#fff; text-align:center;  font-weight: 500; border-bottom-width:1px;}
.tableData tr:nth-child(2n), .ticketTable tr:nth-child(2n){ background:#f3f3f3;}
.tableData >tbody>tr>th , .ticketTable>tbody>tr>th {

    color: #5484b4;
    text-align: center;
        font-weight: 500;
    }
    table.tableData .thead-dark,table.ticketTable .thead-dark{
    background-color: #185a8c;
    color: white;
    text-align: center;
        font-weight: 500;
    }
    .tabDesign .tab-pane {
    padding: 5px;
}
.listing_line {
    border-bottom: 1px dotted;
        padding-bottom: 8px;
}
.tableButton{  width: 70px;
    background-color: #424242;
    color: #e0e0e0;
    border-radius: 0px;
    border:1px solid #424242;
}
.tableButton:hover{
    background-color: #ef7623;
    color: #fff;
    border:1px solid #f27427;
}
.custRightInfoAdjust:before{
    content: ':';
    font-weight: 500;
    padding-right: 2px;
}
table.ticketTable td:nth-child(1) {
    color: #000;
}
table.ticketTable>tbody>tr>td {
    vertical-align: middle;
}
.ticketControl{
    background: #fff;
    border: 1px solid #d4d4d4;
    color: #0a0808;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    border-radius: 0;
    box-shadow: none;
}
.commentTicket{
    resize: none;
    width: 90%;
    padding-left: 6px;
}
a.view_link{
        text-decoration: none;
    color: black;
    font-weight: 500;
}
a.view_link:hover
{    color: #185a8c;
    text-decoration: underline;
}
.btnDesign3{
    background-color: #292929 !important;
    color: #fff !important;
    width: 106px;
    border-radius: 0px;
    border:1px solid #000;
}
.btnDesign4{
    background-color: #185a8c !important;
    color: #fff !important;
    width: 188px;
    border-radius: 0px;
    border:1px solid #044677;
}
.agentId_Head, .agentInfo_Head{
    color: #fff;
    background-color: #337ab7;
    border-radius: 4px;
    margin: 0 8px;
    text-align: center;
    padding: 14px 15px;
    height:44px; font-weight: 400;
}

.agentUl{
    position:relative;
}

/* LMS-1157: Payemnt Info Popup Start */
.panelInfo{ background: #fff;}
.panelInfo > .panel-heading a{ font-size: 15px; padding: 4px 10px;}
.panelInfo > .panel-heading a:after{ top:12px;}
.panelInfo > .panel-heading a[aria-expanded="true"]:after{top:9px;}
.panel-group .panelInfo.panel{ margin-bottom:4px;}

.tableData2{ width:100%; border-bottom: 1px solid #ccc; border-right:1px solid #ccc;}

.tableData2 th, .tableData2 td{ border-left:1px solid #ccc; border-top:1px solid #ccc; padding:8px 12px; width:30%; text-align: center !important;} 
.tableData2 td:first-child{ width:40%; text-align:left !important; color:#3e3e3f !important;    font-weight: 500;}
.tableData2 thead th{padding:8px 12px; background: #185a8c; color: #fff; text-align: center !important;}

.popupTitle .close { font-size: 16px;}
/* LMS-1157: Payemnt Info Popup Stop */

/* Amit LMS- 1249 */

.ticket-card .ticket-row{
    margin-bottom: 4px !important;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.ticket-card .ticket-row .panel-heading{
    padding: 0;
    display: block;
    position: relative;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    background: #F2F2F2;
}

.ticket-card .ticket-row .panel-heading::after{
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    transition: all 0.5s;
    font-size: 30px;
    color: #000;
    position: absolute;
    top: 4px;
    right: 13px;
}
.ticket-card .ticket-row .panel-body{
    border: none !important;
    padding: 15px;
}
.ticket-card .ticket-row .panel-heading.blue{
    background:#B9D2EF;
}
.ticket-card .ticket-row .panel-body{background: #f2f2f2;}

/* ticket top */
.mt20{margin-top: 20px;}
.ticket-top p{
    color: #9a9898;
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 500;
}
.tick_open h4{
    color: #4d8bc5;
    font-weight: 500;
    margin: 0;
}
.tick_open ul{
    text-align: right;
}
.tick_open ul li{
    display: inline-block;
    /* margin-right: 25px; */
    font-weight: 500;
    color: #000;
}
.appt_id{margin: 15px -15px;}
.appt_id ul{display: flex;}
.appt_id ul li{
    color: #716c6c;
    width: 200px;
    font-weight: 500;
}
.appt_id ul li p{font-size: 12px;}
.appt_id ul li p + p{font-size: 14px;}
/* ticket content */
.row.ticket-content{margin-bottom: 10px;}
.ticket-content .tick-left{
    width: 10%;
}
.ticket-content .tick-right{width: 90%;}
.tick-left p{
    margin-bottom: 0;
    font-size: 16px;
    color: #555;
}
.tick-left p+p{font-size: 12px;text-align: center;}
.tick-right h4{
    margin-top: 0;
    font-weight: 500;
    color: #555;
}
.tick-right h4 span{font-weight: 400;}
.tick-right p{
    font-size: 15px;
    line-height: 1.3;
}
.tick-right .form-control{
    border-radius: 0;
    border: 2px solid #d8d6d6;
    color: #000;
}
.tick-right .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #9a9898;
    font-size: 14px;
}
.tick-right .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #9a9898;
    font-size: 14px;
}
.tick-right .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #9a9898;
    font-size: 14px;
}
.tick-right .form-control:-moz-placeholder { /* Firefox 18- */
    color: #9a9898;
    font-size: 14px;
}
.up-btn{
    border-color: #2a93d8;
    background: #2FA5F3;
    width: 150px;
    padding: 4px 10px;
    text-transform: uppercase;
}
/* all-category */
.all-category p{
    font-size: 15px;
    font-weight: 400;
    color: #000;
    margin: 0;
}
.all-category > div[class^="col-"]:first-child p{
    color: #888888;
    font-weight: 500;
}
.m0{margin: 0;}

.tick-pagin .pagination > li > a, .pagination > li > span{
   padding: 6px 12px;
   cursor: pointer;
}
.tick-pagin .pagination > li > a:hover, .pagination > li > a:focus{
   background: #eee;
}
.tick-pagin .pagination>.active>a,.tick-pagin .pagination>.active>a:focus,.tick-pagin .pagination>.active>a:hover{background-color: #337ab7;}
.ticket-card{margin-bottom: 10px;}

.ccReportTabs .tab-content{ background: transparent;}
.ccReportTabs .nav-tabs li {float: left;margin-right: 15px;border-bottom: 3px solid transparent; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; display: inline-block; width: 48%;}
.ccReportTabs .nav-tabs {margin-left: 0px;box-shadow: none;margin-bottom: 15px;border-bottom: 1px solid #c9ccd3; background: transparent;}
.ccReportTabs .nav-tabs li:first-child{padding-left: 0px;padding-right: 0px;}
.ccReportTabs .nav-tabs li.active{border-bottom: 3px solid #ed7634;}
.ccReportTabs .nav-tabs li.active a{color: #212121 !important; background: transparent !important; border:0 !important;}
.ccReportTabs .nav-tabs li:hover{border-bottom: 3px solid #ed7634;}
.ccReportTabs .nav-tabs li:hover a{color: #212121 !important; background: transparent !important;}
.ccReportTabs .nav-tabs li a {color: #888;font-size: 13px;text-decoration: none;font-weight: normal;text-transform: uppercase; padding: 10px 26px; display: block; border:0;}

.ccReportSubCatTable{
    width: 100%;
}
.ccReportSubCatTr{
    width: 50%; text-align: center; padding: 5px 0px 5px 0px;
}
.ccReportTableHeading{
    height: 26px;
    background-color: #4d5679;
    color: white;
    padding: 4px 0px 0px 0px;
}
.paddingTen{
    padding: 10px;
}
.ccReportDatePicker{
    width: 100%; border-radius: 3px 0 0 3px;
}
.grandTotal{
    height: 26px; padding: 4px 10px 0px 12px;
}
.filterLabel{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
}
.filterHeading{
    border-bottom:1px solid #000;padding-bottom: 5px;margin-top: 18px;
}
.successModalAlert {
    width: 100%;
    border-color: #c6e0b1;
    padding: 20px 20px;
    min-height: 150px;
}
.sucessModalButton {
    margin: 13px auto 0px -208px;
    position: absolute;
    display: block !important;
    width: 100%;
}
.payment_container {
    width: 600px;
    padding: 0 20px;
}
.payment_container label {
    font-size: 14px;
    font-weight: normal;
} 
.payment_container .border {
    border-bottom: 1px solid #e0e7ff;
}
.payment_container .pb-15 {
    padding-bottom: 10px;
}
 .payment_container.rowfix {
    width: 100%;
}

.payment_container .clear {
    clear:both
}
.margin-btm10 {margin-bottom: 10px;}
.margin-btm5 {margin-bottom: 5px;}