@import url('https://fonts.googleapis.com/css?family=Montserrat|Questrial|Raleway|Sarala');
/*
font-family: 'Montserrat', sans-serif;
font-family: 'Questrial', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Sarala', sans-serif;
	font-family: 'Nunito', sans-seri
*/
.inside_container{margin: 0 !important;padding: 0 !important;}
.padd-0{padding: 0 !important;}
.ticket_grid{margin:0 !important;clear:both;padding:5px 0 !important;}
.white_card{background: #fff;padding: 15px;border:1px solid #e4e5e6;}
.ticket_grid strong{padding-bottom: 5px;font-family: 'Sarala', sans-serif;display: table;}
.custom-file-upload{margin: 0;width: 100%;}
.top_chooose input{padding: 10px 15px;border:1px solid #c1c1c1;border-radius: 4px;width: 50%;}
#addmore{ padding: 0px 10px;background: #e4e4e4;color: #333;height: 47.53px;border-radius: 4px;font-size: 15px;cursor: pointer;}
.grid{width: 100%;display: table;}
.icon_fa{padding-right:5px;}
.info_p{margin-bottom: 0;font-family: 'Montserrat', sans-serif;padding: 10px 0;}
.choose_grid{display: table;width: 100%;}
.btn_restore{padding:0 2px !important;color:green}
.btn_theme{padding: 10px 15px !important; border: 1px solid #4dbd74;border-radius: 4px;float: right;background: #00B16A;
   font-family: 'Montserrat', sans-serif;    color: #fff !important;font-size: 12px;cursor: pointer;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'Raleway', sans-serif;
    color: #000;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    font-family: 'Raleway', sans-serif;
    color: #000;
  }
  :-ms-input-placeholder { /* IE 10+ */ 
    font-family: 'Raleway', sans-serif;
    color: #000;
  }
  :-moz-placeholder { /* Firefox 18- */
    font-family: 'Raleway', sans-serif;
    color: #000;
  }
  select{    font-family: 'Raleway', sans-serif;color: #000;  }
  .ticket-details-children{display: table;width: 100%;padding:12px 15px;border-bottom: 1px solid #c1c1c1;font-family: 'Montserrat', sans-serif;}
  .white_panel{background: #fff;}
  .panel-heading{      background-color: #F5D76E;padding: 15px 0;text-align: center;  }
  .panel-title{margin: 0;font-family: 'Sarala', sans-serif;}
  .ticket-details-children strong{font-family: 'Sarala', sans-serif;}
  .reply_btn{float: left;background: #52B3D9;border:1px solid #52B3D9;}
.close_btn{background: #EF4836;border:1px solid #EF4836;}
.action_buttons{display: table;width:100%;padding: 10px 25px;}
.action_buttons .buton_tab{display: table-cell;width: 50%;}
.buton_tab .btn_theme{width: 100%;}
.result_sec{text-transform: capitalize;}
.reply_btn_sec{display: table;clear: both;}
.white_block_reply{background: #fff; padding: 10px 15px;display: table;width: 100%; margin-top: 5px; clear: both; margin-bottom: 25px;}
.wd79 input{width: 79%;}
.mt-20{margin-top: 20px;}
.head_card{border-bottom: 1px solid #e4e4e4;padding:10px 5px;background: #81CFE0;}
.user_name{font-family: 'Montserrat', sans-serif;}.user_name h4{margin-bottom: 0;font-size: 20px;}
.user_name h4> span{display: block;color: #757575;margin-top: 3px;font-size: 12px;}
.user_in{font-size: 18px;float: left;width: 25px;}
.message{padding: 5px 15px;}
.user_image{width: 35px;margin: 0;float: left;}
.user_image img{width: 100%;margin-right: 10px;}
.explistheader{  background: #fff !important;padding: 10px 15px !important;border-bottom: 1px solid #ececec;}
.explistheader div{display: table-cell;width:14%;}
.wdon{width:27% !important;}
.card_grid{border-bottom: 1px solid #ececec;padding: 10px 0;}
.capital_l{text-transform: uppercase !important;}
.service_type{width:110px;float: left;}
.subject_type{width:115px;float: left;}
.btn_close_exp{background:#C08C87 !important;margin-left:15px;}
.no_data{font-family: 'Questrial', sans-serif;text-transform: capitalize;padding: 10px 0;margin:0;font-size:16px;}
.profile_name{font-family: 'Montserrat', sans-serif;font-size: 12px;text-transform: uppercase; color:black; }
.form-grid{margin-bottom: 10px;padding-bottom: 12px;}
.form-grid strong{font-family: 'Montserrat', sans-serif;font-size: 14px;padding-bottom: 10px;}
.button_sec{clear:both;border-top:1px solid #ececec;padding:10px 0;    display: table !important; width: 100%;  margin: 15px auto 0 !important;}
  .images_upload{width: 100%;text-overflow: ellipsis; font-size: 11px;overflow: hidden;margin-bottom: 0;white-space: nowrap;  }
  .new_message strong{padding-bottom: 10px;font-family: 'Montserrat', sans-serif;font-size: 14px;text-transform: uppercase;display: block;}
  .upload_buttons{width: 100%;padding: 15px 0;}
  .border-input span{border:1px solid #ececec;border-radius: 4px;width:80%;padding: 10px;margin-right: 10px;}
  .upload_buttons strong{padding-bottom: 10px;font-family: 'Montserrat', sans-serif;font-size: 14px;text-transform: uppercase;display: block;}
 .padd15{padding: 0 15px;}
.response_buttons{background: none;color: #369;border:none;box-shadow: none;cursor: pointer; font-size: 17px;}
.thead_style{background:#81CFE0;}
.thead_style tr>th{font-family: 'Montserrat', sans-serif;font-size: 13px;color: #333;font-weight:600;}
.btn{cursor: pointer  !important;font-size:11px !important;}
.Answered {background-color: #171515;}
.New{background-color:green}
.New_Quotation{background-color: royalblue}
.Open {background-color: #71B0C6}
.Low {background-color:blue;}
.High{background-color: orange;}
.Urgent{background-color: red;}
.cart td,th{border:1px solid black;}
.cart{width:100%;}
.enteradd{text-align:right;color:brown;font-size: 10px; width: 100%;}

.main_chat_body{margin:25px 0;}
.chat_box{background: #fff;border-radius: 4px;overflow: hidden;margin-bottom: 15px;}
.header_box{display: table;width: 100%;}
.header_box figure{width:40px;height:40px;background: #fff;border:1px solid #ddd;border-radius: 50%;overflow:hidden;float: left;margin:0;}
.header_box figure>img{max-width: 100%;width: 100%;}
.header_box figcaption{float: left;padding-left: 5px;}
.header_box figcaption h4{font-family: 'Montserrat', sans-serif;font-size: 16px;margin: 5px 0;}
.header_box figcaption> h4>span{display: block;font-size: 11px;}
.date_ticket{font-family: 'Nunito', sans-serif;float: right;line-height: 30px;font-weight: 600;font-size: 12px;}
.content_box{padding:15px;}.content_box h6{font-family: 'Montserrat', sans-serif;font-size: 13px;line-height: 20px;}
/* Admin SIDE CHAT Box */
.admin_client{border:1px solid #d0eaf5;margin-right: 30px;}
.admin_client .header_box{background:rgba(82, 179, 217, 0.27);padding:5px 10px;}
.admin_admin{border:1px solid #dde0e4;margin-left: 30px;padding-left: 0 !important;}
.admin_admin .header_box{background:rgba(108, 122, 137, 0.23);padding:5px 10px;}
.admin_admin .date_ticket{float:left !important;}
.admin_admin .header_box figure{float: right;}
.admin_admin .header_box figcaption{float: right;padding-right: 5px;text-align: right;}
/* UserSide  Chat Box */
.client_admin{border:1px solid #d0eaf5;margin-right: 30px;}
.client_admin .header_box{background:rgba(82, 179, 217, 0.27);padding:5px 10px;}
.client_client{border:1px solid #dde0e4;margin-left: 30px;padding-left: 0 !important;}
.client_client .header_box{background:rgba(108, 122, 137, 0.23);padding:5px 10px;}
.client_client .date_ticket{float:left !important;}
.client_client .header_box figure{float: right;}
.client_client .header_box figcaption{float: right;padding-right: 5px;text-align: right;}
.Unread{background:wheat !important;}
.Read{background: #f1f1f1;}
.addempl_clientno_span{display: table;position: relative;width: 100%;}
.addempl_clientno_i{position:absolute;top:6px;font-style: normal;left: 10px;font-size: 15px;}
.notification{position: absolute;display:none;min-height: 40px;z-index: 100;width: 66%;background: green;opacity: 0.7; border-radius: 10px;margin: 10px auto; overflow:hidden;left: 0;right: 0; }
.notificationmsg{float:left;min-height:40px;width:90%;margin-left: 5px;overflow: hidden;padding:5px;font-size:15px;font-weight: bold;color: #00fff3;}
.notificationclose{float:right; font-size: 28px;margin-top: -12px; color: black;}
.clientnoinaddbranch{display:table-cell !important;width:29% !important;text-align:center !important;}
.branchnoinaddbranch{display:table-cell !important;width:66% !important;}
.spanforbranchno{display:table;width:100%;}
.none{display: none;}
.quotebtn{border-radius: 15px !important; font-size: 12px !important;}
.search{margin-bottom: 10px;}
.searchdiv{float:right;padding: 0 !important;margin-bottom:10px;}
.searchspan{position: absolute;top: 5px;right: 10px;}
.table_prp{display: table !important;width:100%;clear:both;}
.mypagination ul{margin-top: 10px !important; margin-bottom: 2px  !important;  margin-left: 0 !important;padding:0  !important;}
.alertify{z-index:2 !important;}
.login_logo{width: 370px !important;margin: 0 auto;padding-bottom: 20px; max-width:100%;}
.logincomponent{background-color:white;position:fixed;height:100%;padding:40px 0;width:100%;overflow-anchor: none;overflow: auto;}
.logininput{padding:35px; background-color: skyblue;}
.app-footer{display: none;} 
.mainview{display: none;}
.spanforfullcolon{float:right;}
.layoutlogo{max-width:100%;width:180px;}
.clientbranchselect{ display: table;padding-bottom: 20px !important;width: 100%;}
/* @media screen and(max-width:480px) and (orientation:landscape)
{
  .mb-0{border-radius:4px;margin:0 auto;}
  
} */
.main .container-fluid {padding: 0 5px !important;}
/* iPhone Portrait */
@media screen and (min-width:320px) and (max-width:425px) 
{
  .logininput{padding:35px 15px;}
  .navbar-brand{text-align: center;}
  .layoutlogo{width:175px;max-width: 100%;}
  .pname{margin-top:30px;}
  .form-control{width:100%;margin:0;}

}
@media screen and (min-width:426px)  and (max-width:991px)
{
  .logininput{padding:35px 15px;}
  .layoutlogo{width: 200px;margin-left: 40px;max-width: 100%;}
}
@media screen and (min-width:1200px)
{
  .pname{margin-right:30px;}
  .layoutlogo{width: 200px;max-width: 100%;}
  .mainview{display:block !important;}
  .mobileview{display:none !important;}
}
/* @media screen and (min-width:1024px) {
  .mainview{display:block;}
  .mobileview{display:none;}
} */
@media screen and (max-width:425px) {
  .mainview{display:none;}
  
  .mobileview strong{width:100%;float:left;}
  .spanforfullcolon{display:none;}
}
@media screen and (min-width: 426px) {
  .mainview{display: none;}
  .mobileview{display: block; padding:0 15px;}
  .mobileview strong{float:left;width:115px;}
  .mobileview strong .spanforfullcolon{float:right;}
  
}
.app-body .mobile-sidebar-toggler{font-size:unset;}