.logo{width: 176px;padding-top: 20px;padding-bottom: 20px;/* margin-left: 40px; */}
.btn:hover, .btn:focus {background-color: #004660 !important;box-shadow: none !important;}
.auth_right img{height: 100vh;  width: 100%;}
textarea{width:100%;border-color: #E8E9E9;font-size: 14px;height: auto;}
label {margin-bottom: 0px;font-size: 12px;font-weight: 600;padding-left: 4px;}
.sub_title{color:#44b39b; font-size: 16px;font-weight: 600; }
input[type=color]{width: 100%;}
.colorDiv{width: 60px; height: 15px; margin: auto;}
/* Multi Item Select*/
span.multiselect-native-select{position:relative}
span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}
.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}
.multiselect-container .input-group{margin:5px}
.multiselect-container>li{padding:0}
.multiselect-container>li>a.multiselect-all label{font-weight:700}
.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 10px;height:100%;font-weight:700}
.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}
.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}
.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}
.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}
.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}
.multiChoice .btn-group{width: 100% !important;}
.multiselect:hover{background-color: white !important;}
.multiselect-item a {color: #113f50 !important;}
.multiselect-item a:focus{outline: none !important;}
.multiselect-item a:hover > .multiselect{background-color: white !important;}
.photographer-table {width: 50%;}
.photographer-table .width_1 {width: 80%;}
.photographer-table tr {border-bottom: 1px solid #ccc;}
.dropdown-menu.show:hover > .multiselect {background-color: white !important;}



.inbox_people {
    background: #f8f8f8 none repeat scroll 0 0;
    float: left;
    overflow: hidden;
    width: 40%; border-right:1px solid #c4c4c4;
  }
  .inbox_msg {
    border: 1px solid #c4c4c4;
    clear: both;
    overflow: hidden;
  }
  .top_spac{ margin: 20px 0 0;}
  
  
  .recent_heading {float: left; width:40%;}
  .srch_bar {
    display: inline-block;
    text-align: right;
    width: 60%; padding:
  }
  .headind_srch{ padding:10px 29px 10px 20px; overflow:hidden; border-bottom:1px solid #c4c4c4;}
  
  .recent_heading h4 {
    color: #05728f;
    font-size: 21px;
    margin: auto;
  }
  .srch_bar input{ border:1px solid #cdcdcd; border-width:0 0 1px 0; width:80%; padding:2px 0 4px 6px; background:none;}
  .srch_bar .input-group-addon button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
    color: #707070;
    font-size: 18px;
  }
  .srch_bar .input-group-addon { margin: 0 0 0 -27px;}
  
  .chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
  .chat_ib h5 span{ font-size:13px; float:right;}
  .chat_ib p{ font-size:14px; color:#989898; margin:auto}
  .chat_img {
    float: left;
    width: 11%;
  }
  .chat_list{cursor:pointer;}
  .outgoing_msg_img {
    float: right;
    display: inline-block;
    right: 0;
}
  .chat_img img, .incoming_msg_img img, .outgoing_msg_img img {
    width: 40px;
    border: solid 1px #ddd;
    border-radius: 25px;
    height: 40px;
    object-fit: cover;
}
  .chat_ib {
    float: left;
    padding: 0 0 0 15px;
    width: 88%;
  }
  
  .chat_people{ overflow:hidden; clear:both;}
  .chat_list {
    border-bottom: 1px solid #c4c4c4;
    margin: 0;
    padding: 18px 16px 10px;
  }
  .inbox_chat { height: 550px; overflow-y: scroll;}
  
  .active_chat{ background:#ebebeb;}
  
  .incoming_msg_img {
    display: inline-block;
    width: 6%;
  }
  .received_msg {
    display: inline-block;
    padding: 0 0 0 10px;
    vertical-align: top;
    width: 92%;
   }
   .received_withd_msg p {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 3px;
    color: #646464;
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 5px 12px;
    width: 100%;
  }
  .time_date {
    color: #747474;
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
  }
  .received_withd_msg { width: 57%;}
  .mesgs {
    float: left;
    padding: 30px 15px 0 25px;
    width: 60%;
  }
  
   .sent_msg p {
    background: #05728f none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 14px;
    margin: 0; color:#fff;
    padding: 5px 10px 5px 12px;
    width:100%;
  }
  .outgoing_msg, .incoming_msg{ overflow:hidden; margin:26px 0 26px;}
  .sent_msg {
    float: right;
    width: 46%;
    margin-right: 20px;
  }
  .input_msg_write input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #4c4c4c;
    font-size: 15px;
    min-height: 48px;
    width: 100%;
  }
  
  .type_msg {border-top: 1px solid #c4c4c4;position: relative;}
  .msg_send_btn {
    background: #05728f none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 11px;
    width: 33px;
  }
  .messaging { padding: 0 0 50px 0;}
  .msg_history {
    height: 516px;
    overflow-y: auto;
  }

.dropdown-notif {min-width: 25rem;margin-left: -12rem; max-height: 60vh; overflow-y: scroll;}
.notifcationOrder .nav-link i {font-size: 20px;}
.write_msg:focus {
  border: none;
  outline: none;
}
button:focus {
  outline: none !important;
}


/* Let's get this party started */
::-webkit-scrollbar {
	width: 5px;
	margin-left:20px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ddd; 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ddd; 
    -webkit-box-shadow: inset 0 0 6px #ddd; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}
#formContact{display: none;}

.ribbon .ribbon-box.gold {background: #CD853F;}
.ribbon .ribbon-box.gold::before {border-color:  #CD853F;border-right-color: transparent;}
.ribbon .ribbon-box.blue {background:#2471A3 ;}
.ribbon .ribbon-box.blue::before {border-color: #2471A3 ;border-right-color: transparent;}
.ribbon .ribbon-box.red {background:#A93226 ;}
.ribbon .ribbon-box.red::before {border-color: #A93226 ;border-right-color: transparent;}
.ribbon .ribbon-box.grey {background:#616A6B ;}
.ribbon .ribbon-box.grey::before {border-color: #616A6B ;border-right-color: transparent;}

#left-sidebar .header-brand img{margin-left: 25px;}
.icon-xabuilder-admin{width:25px;margin-right:9px;margin-left:-3px;}
.icon-xabuilder-2 {
  margin-right: 5px;
  max-height: 35px;
}
.icon-xabuilder{
  max-height:25px;
  margin-right:5px;
}
.table-attribute tr td{
  padding:10px 0;
}

.hero {
  background: linear-gradient(45deg, #f56b2a, #4183d7);
  color: white;
  padding: 4rem 2rem;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#main-content h5{font-size:16px;}
.stat {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.stat-icon {
  font-size: 24px;
  margin-right: 10px;
  color: #4183d7;
}
.stat-value{font-weight: bold;}


.ajax-file-upload-statusbar{width:100% !important;margin-bottom: 10px;border: solid 1px #dddddd;padding: 15px;margin-top: 10px;}

.upload-red, .ajax-file-upload-cancel {
    -moz-box-shadow: inset 0 39px 0 -24px #e67a73;
    -webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
    box-shadow: inset 0 39px 0 -24px #e67a73;
    background-color: #e4685d;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: 400;
    padding: 4px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #b23e35;
    cursor: pointer;
    vertical-align: top;
    margin-right: 5px
}

.upload-green {
    background-color: #77b55a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: 400;
    padding: 4px 15px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 #5b8a3c;
    vertical-align: top;
    margin-right: 5px
}

.upload, .ajax-file-upload {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 20px;
    cursor: pointer !important;
    line-height: 20px;
    height: 31px;
    margin: 0 10px 10px 0;
    display: inline-block;
    background: #fff;
    border: 1px solid #e8e8e8;
    color: #000;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 2px 0 0 #e8e8e8;
    -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
    box-shadow: 0 2px 0 0 #e8e8e8;
    padding: 6px 10px 4px;
    color: #fff;
    background: #2f8ab9;
    border: none;
    -moz-box-shadow: 0 2px 0 0 #13648d;
    -webkit-box-shadow: 0 2px 0 0 #13648d;
    box-shadow: 0 2px 0 0 #13648d;
    vertical-align: middle
}

.upload:hover {
    background: #28759d;
    -moz-box-shadow: 0 2px 0 0 #15719f;
    -webkit-box-shadow: 0 2px 0 0 #15719f;
    box-shadow: 0 2px 0 0 #15719f
}

.ajax-upload-dragdrop {
    border: 2px solid #000;
    width: 100%;
    color: #dadce3;
    text-align: left;
    vertical-align: middle;
    padding: 10px 10px 0
}