modal-open .modal.modal-setting {
  display:block;
  opacity:1;
  padding-left: 0;
}
.modal-open .modal.modal-setting .modal-dialog {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    margin: 0;
}
.modal.modal-setting + .pac-container + .modal-backdrop.show,
.modal.modal-setting + div + .pac-container + .modal-backdrop.show {
  display:none !important;
}
.modal-open .modal.modal-setting + .pac-container + .modal-backdrop.show,
.modal-open .modal.modal-setting + div + .pac-container + .modal-backdrop.show {
  display:block !important;
}
.edit-profile-image-wrap {
  width: 106px;
  height: 106px;
  text-align: center;
  border: 1px solid #e2e2e2;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 10px;
}

.edit-profile-image-wrap img.edit_profile_image {
width: 106px;
max-width: 100%;
height: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}

.up-btn-wrap {
position: relative;
overflow: hidden;
display: block;
}

.up-btn-wrap .up-btn {display: inline-block;border: 1px solid #f8ac59;color: #f8ac59;background-color: #fff;padding: 6px 8px;border-radius: 4px;font-size: 12px;font-weight: 600;text-align: center;white-space: nowrap;vertical-align: middle;width: 106px;}

.up-btn-wrap .up-btn .fa {
    margin-right: 8px;
    font-size: 14px;
}
.up-btn:hover {
color: #fff;
background-color: #f8ac59;
}

.up-btn-wrap input[type=file] {position: absolute;top: 0;bottom: 0;left: 0;opacity: 0;width: 100%;}


.ctrl-grp {display: inline-block;vertical-align: top;background: #fff;text-align: left;/* box-shadow: 0 1px 2px rgba(0,0,0,0.1); *//* padding: 30px; *//* width: 200px; *//* height: 210px; */margin: 10px;}
.ctrl-chk {display: block;position: relative;padding-left: 20px;margin-bottom: 20px;cursor: pointer;font-size: 18px;}
.ctrl-chk input {
position: absolute;
z-index: -1;
opacity: 0;
}
.ctrl-chk span{
	font-size: 14px;
}
.ctrl-indicator {
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
background: #e6e6e6;
}
.ctrl-chk:hover input ~ .ctrl-indicator,
.ctrl-chk input:focus ~ .ctrl-indicator {
background: #ccc;
}
.ctrl-chk input:checked ~ .ctrl-indicator {
background: #eaa61f;
}
.ctrl-chk:hover input:not([disabled]):checked ~ .ctrl-indicator,
.ctrl-chk input:checked:focus ~ .ctrl-indicator {
background: #da9a1a;
}
.ctrl-chk input:disabled ~ .ctrl-indicator {
background: #e6e6e6;
opacity: 0.6;
pointer-events: none;
}
.ctrl-indicator:after {
content: '';
position: absolute;
display: none;
}
.ctrl-chk input:checked ~ .ctrl-indicator:after {
display: block;
}
.ctrl-chk .ctrl-indicator:after {left: 7px;top: 4px;width: 6px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.ctrl-chk input:disabled ~ .ctrl-indicator:after {
border-color: #7b7b7b;
}
.banner-login {
    text-align: center;
    background: url(../img/banner-main.png) no-repeat center;
    background-size: cover;
    width: 100%;
    height: auto;
    padding-bottom: 40px;
    overflow: hidden;
}
.banner-login {
    background: #232228;
}
.login-con {
    display: table;
    width: 100%;
    height: 100%;
    padding-top: 32px;
    padding-bottom: 40px;
}

.edit-profile-image-wrap.delete-image {
    position: relative;
    margin-top: 4px;
}
.edit-profile-image-wrap.delete-image span {
    width: 20px;
    height: 20px;
    font-size: 13px;
    border-radius: 50%;
    background: #fff;
    line-height: 20px;
    text-align: center;
    color: #f8ac59;
    position: absolute;
    top: -8px;
    right: -10px;
    box-shadow: 0 0 6px rgba(0,0,0,0.25);
    transform: rotate(0deg);
    transition: all .3s ease-in-out;
    cursor: pointer;
}
.edit-profile-image-wrap.delete-image span:hover {
    transform: rotate(80deg);
    transition: all .3s ease-in-out;
}

.login-con .login-bg {
    display: table-cell;
    vertical-align: middle;
}
.middle-box {
    max-width: 500px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px;
}
.loginscreen.middle-box {
    width: 500px;
}
.login-con .middle-box {
    padding-top: 0;
    overflow: hidden;
}
img.logo-login {
    width: 100%;
    max-width: 280px;
    display: block;
    margin: auto;
    margin-bottom: 32px;
    margin-top: 75px;
}
.login-con img.logo-login {
    margin-top: 0;
}

.bg-color {
    background: #fff;
    padding: 35px;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
}
.logo-name {
    color: #e6e6e6;
    font-size: 180px;
    font-weight: 800;
    letter-spacing: -10px;
    margin-bottom: 0;
}
.middle-box h1 {
    font-size: 170px;
    margin-top: 0;
}

.m-t {
    margin-top: 15px;
}

.social-icon {
    margin-bottom: 10px;
}

.form-control, .single-line {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.login-btn.new-airwafi-login {
    float: left;
    width: 100%;
}

.full-width {
    width: 100% !important;
}

.loginscreen .login-btn .btn-primary {
    width: 100%;
    text-align: center;
    float: left;
    margin-bottom: 10px;
}

.loginscreen .login-btn .btn-primary {
    color: #fff;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

.login-btn.new-airwafi-login a {
    color: #23527c;
    font-weight: 500;
    margin-top: 10px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.login-btn.new-airwafi-login h5 {
    color: #676a6c;
    margin-top: 5px;
    font-weight: 600;
}

.loginscreen .form-group {
    margin-left: 0;
    margin-right: 0;
}

.up-btn2 {
height: 0;
overflow: hidden;
width: 0;
}

.up-btn2 + label .fa,.btn-upload-images a .fa {
margin-right: 5px;
}
.up-btn2 + label, .btn-location, a.dropdown,.btn-upload-images a {
background: #fff;
border: 1px solid #f8ac59;
padding: 6px 8px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
color: #f8ac59;
cursor: pointer;
display: inline-block;
font-size: inherit;
margin-bottom: 1rem;
outline: none;
position: relative;
transition: all 0.3s;
white-space: nowrap;
vertical-align: middle;
width: 106px;
text-align: center;
}
.up-btn2 + label:hover,.btn-upload-images a:hover {
background-color: #f8ac59;
color: #fff;
}
.upload-images-cover {
  float:left;
  width:100%;
}
.btn-upload-images.dropdown .dropdown-menu {
    height: auto;
    min-height: unset;
    max-height: unset;
    line-height: normal;
    padding: 0;
    width: 220px;
}
.btn-upload-images.dropdown .dropdown-menu .custom-file {
  padding:10px 10px;
}
.btn-upload-images.dropdown .dropdown-menu .custom-file.upload-chat label span:nth-child(1) {
    width: 20px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
}
.btn-upload-images.dropdown .dropdown-menu .custom-file.upload-chat label span:nth-child(2) {
    padding-left: 6px;
    display: inline-block;
    width: auto;
    cursor: pointer;
    flex-basis: 200px;
}
.custom-file.upload-chat:hover {
    background-color: #eaa61f;
    color: #fff;
}
.btn-upload-images.dropdown input[type=file][hidden=hidden] {
  display:none;
}
/** Dashboard Theme Start**/

/* 424 */
body.mini-navbar .aw-navbar .nav-header {
    background: #232127;
  background-image: linear-gradient(to right top, #232127, #252329, #2c2a31, #413e47, #48444e);
}

/* 863 */
.aw-navbar-static-top .navbar-form-custom.search-top {
    width: 308px;
    margin-top: 22px;
    margin-left: 15px;
}

/* 4920 */
.aw-navbar .nav > li.active .nav-third-level li.active a {
    color: #eaa61f !important;
}

/* 6497 */
.aw-navbar .nav > li.active .nav-second-level li a.folder-icon:before {
    display: none;
}

/* 11784 */
.aw-navbar .nav > li.active .nav-third-level li a {
    color: #fff !important;
    background: #4f4e53 !important;
}

/* 11794 to 11808 */
.aw-navbar .nav > li.active .nav-third-level li a:before {
    background: #fff !important;
}
.aw-navbar .nav > li.active a:hover{
      color: #eaa61f !important;
}
.aw-navbar .nav > li.active .nav-second-level li a:hover {
     color: #eaa61f !important;
}
.aw-navbar .nav > li.active .nav-third-level li a:hover {
     color: #eaa61f !important;
}
.aw-navbar .nav > li > a:hover{
  color: #eaa61f !important;
}

/* 11881 */
.aw-wrapper {
  background: #232228;
}

/* 11886 to 11897 */
.navbar-default.aw-navbar .nav li a i {
  display: none;
}

body.mini-navbar .navbar-default.aw-navbar .nav li a i {
    display: block;
}
.aw-navbar {
  /*top: 0;
  bottom: 0;*/
  background: #232228;
}

/* 11899 */
.aw-navbar .nav-header {
  background: #232127;
  background-image: linear-gradient(to right top, #232127, #252329, #2c2a31, #413e47, #48444e);
}

/* 11913 to 11917 */
.aw-navbar .nav {
  background: #232228;
}

.aw-navbar .nav > li > a {
  color: #fff;
}

/* 11925 to 12072 */
.aw-navbar .nav > li > a:hover,
.aw-navbar .nav > li > a:focus {
  background-color: #4f4e53;
  color: #eaa61f;
}

.aw-navbar .nav > li.active {
  border-left: 4px solid #eaa61f;
  background: #4f4e53;
}

/* iD 11935 */
.navbar-default .nav > li.active a {
  color: #eaa61f;
}

.aw-navbar .nav > li.active .nav-second-level {
  background: #4f4e53;
    padding: 0 10px;
}

.mini-navbar .aw-navbar .nav > li.active .nav-second-level {
  padding: 0 2px;
}

/* iD 11943 */
.navbar-default .nav > li.active .nav-second-level li {
  border-left: none;
  padding: 0 10px;
}

/* iD 11948 */
.aw-navbar .nav > li.active .nav-second-level li a {
  color: #fff;
    padding-left: 15px;
    padding-right: 10px;
    font-size: 13px;
    /*Edited by ali on  march*/
}

/* iD 11955 */
.navbar-default .nav > li.active .nav-second-level li.active a {
  color: #eaa61f;
}

.aw-navbar .nav > li.active .nav-second-level li a:before {
  content: "";
  display: block;
  width: 4px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 17px;
  left: 5px;
}

.aw-navbar .nav > li.active .nav-third-level li a:before {
  content: "";
  width: 14px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 17px;
  left: -4px;
  z-index: 1;
  display: block;
}

.ap-navbar .nav-header .logo-element {
  background: #eaa61f;
}

.aw-navbar .nav > li.active .nav-second-level li.active a:before {
  background: #eaa61f;
}

.aw-navbar .nav-header .logo-element img {
  width: 48px;
}

.aw-navbar-static-top .navbar-minimalize {
  background-color: #eaa61f;
  border-color: #eaa61f;
  border-radius: 0;
  margin: 0 0 5px 0;
}

.navbar-static-top .navbar-minimalize.btn-primary:hover,
.navbar-static-top .navbar-minimalize.btn-primary:focus,
.navbar-static-top .navbar-minimalize.btn-primary:active,
.navbar-static-top .navbar-minimalize.btn-primary.active,
.navbar-static-top .navbar-minimalize.open .dropdown-toggle.btn-primary,
.navbar-static-top .navbar-minimalize.btn-primary:active:focus,
.navbar-static-top .navbar-minimalize.btn-primary:active:hover,
.navbar-static-top .navbar-minimalize.btn-primary.active:hover,
.navbar-static-top .navbar-minimalize.btn-primary.active:focus {
  background-color: #eaa61f;
  border-color: #eaa61f;
}



.aw-navbar-static-top .nav > li .welcome-message {
    font-size: 16px;
    color: #414042;
    font-weight: 500;
}

.aw-navbar-static-top .nav > li p.small-font {
    color: #929699;
    font-weight: 500;
}

.aw-navbar-static-top .nav > li > a {
  font-size: 20px;
  color: #232228;
  padding: 22px 10px 18px;
}

.aw-navbar-static-top .nav > li > a img {
  width: 35px;
  height: 40px;
  margin-right: 0;
  position: relative;
  top: 0;
}

.aw-navbar-static-top .nav > li > a.crl-icon img {
  width: 38px;
  position: relative;
  top: -4px;
}

/* D 12035 */
.navbar-static-top .count-info .label {
 background-color: #eaa61f;
 color: #FFFFFF;
 width: 9px;
 height: 9px;
 padding: 0;
 /*right: 19px;*/
 top: 20px;
 display: block;
 border-radius: 50%;
}

.aw-shadow {
  box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.14);
}

.aw-ibox {
  margin-bottom: 25px;
}

.aw-navbar-static-top .user-dropdown {
  top: 29px;
  margin-left: 10px;
}

.aw-navbar-static-top .user-dropdown .dropdown-toggle img {
  width: auto;
  height: 40px;
}

.aw-navbar-static-top .user-dropdown .dropdown-toggle {
  padding: 0;
}

.aw-navbar-static-top .navbar-top-links li {
  margin-bottom: 8px;
}

/* 12158 to 12190 */
/*.aw-navbar-static-top .navbar-form-custom.search-top {
    width: 308px;
    margin-top: 32px;
    margin-left: 15px;
}*/

.aw-navbar-static-top .search-top .btn-search {
    width: 28px;
    height: 30px;
    float: left;
    margin-right: 20px;
    margin-top: 3px;
}

.aw-navbar-static-top .search-top .btn-search img {
    width: 28px;
    height: 30px;
    float: left;
}

.aw-navbar-static-top .search-top .form-control {
    float: left;
    width: 256px;
    height: 36px;
    border: 1px solid #C5C5C5;
    border-radius: 3px;
}

.aw-box-fheight .ibox-tools .fa {
  font-size: 17px;
  padding-top: 2px;
  margin-bottom: -2px;
}

/* 12198 to 12206 */
@media (max-width: 850px) {
  .aw-navbar-static-top .navbar-form-custom.search-top {
    width: 280px;
  }

  .aw-navbar-static-top .search-top .form-control {
    width: 230px;
  }
}


/* 12539 */
.aw-navbar .nav > li .nav-second-level,
.aw-navbar .nav > li.active .nav-second-level {
  background: #4f4e53;
}

/* 12713 */
.ap-wrapper .aw-navbar-static-top .navbar-minimalize.btn-primary:hover,
.ap-wrapper .aw-navbar-static-top .navbar-minimalize.btn-primary:focus,
.ap-wrapper .aw-navbar-static-top .navbar-minimalize.btn-primary:active,
.ap-wrapper .aw-navbar-static-top .navbar-minimalize.btn-primary.active,
.ap-wrapper .aw-navbar-static-top .navbar-minimalize.open .dropdown-toggle.btn-primary,
.ap-wrapper .aw-navbar-static-top .navbar-minimalize.btn-primary:active:focus,
.ap-wrapper .aw-navbar-static-top .navbar-minimalize.btn-primary:active:hover,
.ap-wrapper .aw-navbar-static-top .navbar-minimalize.btn-primary.active:hover,
.ap-wrapper .aw-navbar-static-top .navbar-minimalize.btn-primary.active:focus {
  background: #232228;
  background-color: #232228;
}

/* 15534 */
.ap-wrapper .aw-navbar-static-top .count-info .label {
    background-color: #009eed;
}

/* D 15861 */
.td-active {
    background: #fcf2cb;
}

.btn-add-dropup .btn-add:hover, .btn-add-dropup .btn-add:focus {
    text-decoration: none;
    background: #eaa61f;
    color: #fff;
    border-color: #eaa61f;
}


.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #eaa61f;
    background: transparent;
}

/*  ADDED on 08 OCt 2018 [START]   */

.btn-normal {
    background: #ffffff !important;
    border: 1px solid #c5c5c5 !important;
    color: #676a6c !important;
}

.btn-normal:hover,
.btn-normal:active,
.btn-normal:focus {
    background: #eaa61f !important;
    border: 1px solid #eaa61f !important;
    color: #fff !important;
}

/*  ADDED on 08 OCt 2018 [END]   */

.sk-spinner.sk-spinner-wave div {
  background-color: #eeba1c;
}

.sk-spinner.sk-spinner-wave.inactive{
    display: none;
}
.sk-spinner.sk-spinner-wave.active{
    display: inline-block;
}

.sk-spinner.sk-spinner-wandering-cubes div {
 background-color: #eaa61f;
}

.select-f-width .btn.taskAssigneeMenu {
 width: 100%;
 text-align: left;
}

.select-f-width .names-filter {
 width: 100%;
}

.select-f-width .names-filter {
    width: 100%;
    max-height: 151px;
}

input.btn-submit-message:hover {
    background: #eaa61f;
}

.ql-editor:focus {
 border-color: #eaa61f !important;
}
/** Dashboard Theme End**/

.aw-navbar .nav-header {
    padding: 60px 25px;
}

.ibox-title {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top: 0;
    padding-bottom: 0;
}

.btn-primary {background: #eeba1c;border-color: #eaa61f !important;}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {
background-color: #eaa61f;
border-color: #eaa61f;
color: #FFFFFF;
}


.form-control:focus, .single-line:focus {
    border-color: #f5be00 !important;
}


/*======== 27-Mar-2019 [Start] ========*/
.table-stripped td {
    vertical-align: middle !important;
}

.table.dataTable {
 width: 100% !important;
 max-width: 100%;
 margin-bottom: 0;
 border-collapse: collapse !important;
 margin: 0 !important;
}
.ig-table th {
    border: 1px solid #c5c5c5;
    color: #414141;
    background: #EAEFF2;
    font-size: 10px;
    text-align: center;
    padding: 2px 2px !important;
    vertical-align: middle !important;
    white-space: nowrap;
    position: relative;
    height: 27px;
    font-weight: 600 !important;
    background-clip: padding-box;
}

.ig-table td {
 border: 1px solid #c5c5c5;
 text-align: center;
 font-size: 10px;
}

.ig-table th .dropdown {
    position: static;
    display: inline-block;
    float: right;
}


.ig-table th span {
 font-size: 10px;
 font-weight: 600 !important;
}

.ig-table th img.down-arrow {
 width: 7px;
    cursor: pointer;
    position: relative;
    left: -4px;
    top: 2px;
}

.ig-table th .names-filter {
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    background-color: #fff;
    min-width: 200px;
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
    padding: 8px 6px;
    z-index: 1;
    border-radius: 8px;
    text-align: left;
}

.ig-table th .names-filter .search-sm {
 margin-top: 6px;
 float: left;
 padding-left: 6px;
 padding-right: 6px;
 box-sizing: border-box;
}

.ig-table th .mid-input-field {
 padding: 10px;
 font-size: 12px;
 border: 1px solid #000;
 float: left;
 width: 86%;
 border-radius: 4px 0px 0px 4px;
}

.ig-table th .search-sm .mid-input-field {
 padding: 6px 10px;
 font-size: 12px;
 width: 82%;
 color: #000;
}

.ig-table th .search-sm .mid-btn-submit {
 width: 18%;
 padding: 2px 3px 4px;
}

.ig-table th .mid-btn-submit {
 float: left;
 width: 14%;
 padding: 7px;
 background: #000;
 color: #fff !important;
 font-size: 16.5px;
 border: 1px solid #000;
 border-left: none;
 cursor: pointer;
 border-radius: 0px 4px 4px 0px;
 text-align: center;
}

.ig-table th .names-filter:before {
    content: "";
    display: block;
    position: absolute;
    top: -9px;
    color: red;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

/*.ig-table th.host-dt-n .names-filter:before {
    left: 42px !important;
}

.ig-table th.host-dt-s .names-filter:before {
    left: 43px !important;
}

.ig-table th.host-dt-j .names-filter:before {
    left: 71px !important;
}*/


/*.ig-table th.host-dt-h-n .names-filter:before {
    left: 42px !important;
}

.ig-table th.host-dt-h-e .names-filter:before {
    left: 41px !important;
}

.ig-table th.host-dt-h-s .names-filter:before {
    left: 43px !important;
}

.ig-table th.host-dt-h-j .names-filter:before {
    left: 33px !important;
}*/


/*ALI START*/
.names-filter h6 {
    float: left;
    width: 100%;
    background: #f1f1f1;
    padding: 4px 6px;
    font-weight: 600;
    color: #a0a4a6;
    font-size: 10px;
    margin-top: 8px;
}
.chkbox-con {
    width: 100%;
    float: left;
    padding-left: 12px;
    box-sizing: border-box;
}
.chkbox-con .chkbox-item {
    display: block;
    margin-bottom: 4px;
}
.chkbox-con > .chkbox-item > input {
    visibility: hidden;
    margin-top: 0;
}
.chkbox-con > .chkbox-item > label {
    position: relative;
    cursor: pointer;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
}
.chkbox-con.chkbox-s2 > .chkbox-item > input:checked ~ label:before {
    background-image: url(../../images/chk-btn-chkd.png);
}
.chkbox-con.chkbox-s2 .chkbox-item label:before {
    background-image: url(../../images/chk-btn-normal.png);
}

.chkbox-con .chkbox-item label:before {
    content: '';
    position: absolute;
    top: 2px;
    left: -20px;
    display: block;
    width: 14px;
    height: 14px;
    display: block;
    background-image: url(../../images/radio-btn-normal.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    transition: 0.5 all;
}
.chkbox-con > .chkbox-item > input:checked ~ label:before {
    background-image: url(../../images/radio-btn-chkd.png);
}
/*ALI END*/
/*======== 27-Mar-2019 [End] ========*/

/*======== 2-Mar-2019 [Start] ========*/
.calendar-input {
 border: 1px solid #ccc;
 width: 240px;
}

.calendar-input input {
 background: #fff;
 cursor: pointer;
 padding: 5px 10px;
 border: none;
 display: inline-block;
 width: 196px;
 color: #000;
}

.calendar-input input {
 width: calc(100% - 32px);
}

.calendar-input .input-group-addon {
 width: 38px;
 display: inline-block;
 border: none;
 padding-left: 6px;
 padding-right: 6px;
}

.calendar-input .input-group-addon {
 width: 26px;
}

/*=== ALI Start ===*/

.box-rel {
    position: relative;
    text-align: center;
}
img.up-arrow-2 {
    position: absolute;
    top: 1px;
    width: 7px;
    left: -10px;
    cursor: pointer;
}
img.down-arrow-2 {
    position: absolute;
    bottom: -2px;
    width: 7px;
    left: -10px;
    cursor: pointer;
}
.w-space {
    width: 70px !important;
}
span.up-arrow-2.active {
    color: #eeba1c;
}
span.down-arrow-2.active{
color: #eeba1c;

}
span.up-arrow-2 {
    position: absolute;
    top: 0px;
    font-size: 12px;
    left: 5px !important;
    cursor: pointer;
}
span.down-arrow-2 {
    position: absolute;
    bottom: -1px;
    font-size: 12px;
    left: 5px !important;
    cursor: pointer;
}

i.fa.fa-caret-down {
    font-size: 12px;
}

i.fa.fa-caret-up {
    font-size: 12px;
}
.cal-filter {
    top: 92px !important;
}
.ig-table th.host-dt-j .cal-filter:before{
  left:25px !important;

}

img.saas-logo {
    margin: auto;
    display: block;
}
span.logo-image {
    padding-top: 30px;
    display: block;
    box-sizing: border-box;
}

.box-size{
  min-width:80px;
}

.box-size-2{
  min-width:90px;
}

.login-btn.new-indyguide-login {
    width: 100%;
}
button.btn.btn-primary.block.full-width.m-b {
    text-align: center !important;
}
.form-horizontal .control-label {
    padding-top: 0px;
}


/*=== ALI End ===*/

/*======== 28-Mar-2019 [End] ========*/





/*======== 29-Mar-2019 [Start] ========*/

/*=== ALI Start ===*/

a.down-img {
 text-align: right !important;
 float: right;
 cursor: pointer;
}

a.down-img img,
img.down-img { width: 34px;
}
img.down-img {
  float: right;
}
a.down-img img.down-img-active {
  display: none;
}

a.down-img.active img.down-img-normal,
a.down-img:hover img.down-img-normal {
  display: none;
}

a.down-img.active img.down-img-active,
a.down-img:hover img.down-img-active {
  display: inline-block;
}
.task-files {
  position: relative;
    float: right;
    margin-bottom: 15px;
}

.task-files .task-files-con {
  position: absolute;
  top: 40px;
  right: 0;
  border-radius: 5px;
  background: #fff;
  width: 160px;
  text-align: left;
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
  border: 1px solid #ccc;
  z-index: 30;
}

.task-files ul {
  list-style: none;
  text-align: left;
  padding-left: 0;
  margin-bottom: 0;
}

.task-files ul li {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

.task-files ul li:last-child {
  border-bottom: none;
}

.task-files ul li a {
  color: #000;
  font-size: 14px;
}

.task-files ul li a.active,
.task-files ul li a:hover {
  color: #f5be00;
}

.tasks-head tr th {
    border-bottom: none !important;
}

.tasks-list .table .task-name .cell-con.active {
  background: #fcf2cb;
}

.tasks-list .table .task-name .cell-con.active .sub-task.panel {
  background: #fcf2cb;
}
a.logout-btn{
    background: white;
    border: 1px solid #c5c5c5;
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    box-sizing: border-box;
    height: 34px !important;
    border-radius: 6px;
    margin-top: 10px;
    min-height: 34px !important;
    margin-bottom: 10px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
a.logout-btn:hover{
  color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

.pagination>li>a, .pagination>li>span {
    padding: 3px 12px;
}
p.pull-left {
    text-align: left;
    clear: both;
    color: #cecece;
    font-weight: 600;
}
p.pull-right{
    color: #cecece;
    font-weight: 600; 
}
.btn-add-warning-2 {
float: right;
margin-left: 15px;
background: #ffffff;
border: 1px solid #e7eaec;
border-color: #e7eaec !important;
color: #232228;
margin-top: 3px;
border-radius: 6px;
display: inline-block;
padding: 6px 12px;
box-sizing: border-box;
margin-bottom: 15px;
}
.btn-add-warning-2:hover {
    background: #eeba1c;
    border-color: #eeba1c !important;
    color: #fff !important;
}


/*=== ALI End ===*/



/*=== Raza Start ===*/

.badges-lang-wrap {
  background: white;
  overflow: hidden;
  float: left;
  width: 100%;
  border: 1px solid #e6e6e6;
  padding: 10px;
  box-sizing: border-box;
  margin-top: 10px;
}

.badges-lang {
  list-style: none;
  padding-left: 0;
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}

.badges-lang li {
  /*background: #eba825;*/
  background: #eaeff2;
  margin-top: 2px;
  margin-bottom: 2px;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 13px;
  display: block;
  /*clear: both; */
  float: left;
  margin-right: 5px;
}

.badges-lang .badge-remove {
  background: #3e3e3e;
  color: #fff;
  border-radius: 100%;
  width: 13px;
  height: 13px;
  display: inline-block;
  text-align: center;
  line-height: 11px;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  top: -2px;
  right: -2px;
  cursor: pointer;
}

/*=== Raza Start ===*/

/*======== 29-Mar-2019 [End] ========*/



/*======== 3-April-2019 [Start]======= */

/* ============== Ali [Start]============== */


.col-lg-11.space-cloud {
    padding-right: 0;
}

img.down-arrow.email-img {
    left: -4px !important;
}

i.fa.fa-trash {
    font-size: 14px;
    color: #939394;
    position: relative;
    top: 1px;
}
i.fa.fa-trash:hover {
    color: #eeba1c;
}


i.fa.fa-pencil-square-o {
    font-size: 14px;
    color: #939394;
    position: relative;
    top: 2px;
}
i.fa.fa-pencil-square-o:hover {
     color: #eeba1c;
}

i.fa.fa-user-plus {
    font-size: 14px;
    color: #939394;
    position: relative;
    top: 1px;
    left: 3px;
    right: 3px;
}
i.fa.fa-user-plus:hover{
  color: #eeba1c;
}


i.fa.fa-eye {
    font-size: 14px;
    color: #939394;
    position: relative;
    top: 1px;
    left: 3px;
    right: 3px;
}
i.fa.fa-eye:hover{
  color: #eeba1c;
}


.w-sorting {
    border-right: 1px dashed #ccc;
    margin-right: 0;
    margin-left: 0;
    height: 19px;
    float: left;
    width: 18px;
    position: relative;
}

.apply-cursor {
  cursor: pointer;
}


.box-rel span.dropdown-click {
    float: none;
    position: relative;
    top: 2px;
}



.valid-select {
    position: relative;
}
select.nbr-field {
    position: absolute;
    display: block;
    top: 8px;
    left: 12px;
    background: #fff !important;
    border: none;
}
input.form-control.space-admin-nbr {
    padding-left: 104px;
}
select.nbr-field:focus {
    outline: none;
}
/* ============== Ali [End]============== */

/*======== 3-April-2019 [End]======= */





/*on meeting-times*/


.w-40 {
width: 40% !important;
}
.w-30 {
width: 30% !important;
}

.w-20 {
width: 20% !important;
}

.w-21 {
width: 21% !important;
}

.w-22 {
width: 22% !important;
}

.w-23 {
width: 23% !important;
}

.w-24 {
width: 24% !important;
}

.w-25 {
width: 25% !important;
}

.w-26 {
width: 26% !important;
}

.w-27 {
width: 27% !important;
}

.w-28 {
width: 28% !important;
}

.w-29 {
width: 29% !important;
}


.w-10 {
width: 10% !important;
}
.w-11 {
width: 11% !important;
}
.w-12 {
width: 12% !important;
}
.w-13 {
width: 13% !important;
}
.w-14 {
width: 14% !important;
}
.w-15 {
width: 15% !important;
}

.w-16 {
width: 16% !important;
}

.w-17 {
width: 17% !important;
}

.w-18 {
width: 18% !important;
}

.w-19 {
width: 19% !important;
}


.w-09 {
width: 9% !important;
}

.w-08 {
width: 8% !important;
}

.w-07 {
width: 7% !important;
}

.w-06 {
width: 6% !important;
}

.w-05 {
width: 5% !important;
}

.w-04 {
width: 4% !important;
}

.w-03 {
width: 3% !important;
}

.w-02 {
width: 2% !important;
}

.w-01 {
width: 1% !important;
}



.ig-table th .names-filter.new-seprt {
    left: 0 !important;
}
.ig-table th .names-filter.new-seprt:before {
    left: 62px !important;
}
a.btn.btn-white {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
a.btn.btn-white:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.RemoveEl.btn.btn-danger.btn-xs i.fa.fa-trash {
    color: #fff !important;
}
.RemoveEl.btn.btn-danger.btn-xs i.fa.fa-trash:hover {
    color: #fff !important;
}

/*on meeting-times*/


.input-add-city-wrap {
    position: relative;
}

.input-add-city-wrap input {
    padding-right: 26px;
}

.input-add-city-wrap .add-f {
    position: absolute;
    right: 0;
    top: 0;
    height: 34px;
    line-height: 34px;
    width: 26px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}




.s-list-wrap {
    position: relative;
}
.sect-inputs-auto .minput {
    width: calc(50% - 20px);
    float: left;
    margin-bottom: 40px;
}
.s-list {
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    background: #fff;
    max-height: 120px;
    overflow: auto;
    border: 1px solid #d0d0d0;
    box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.2);
    padding-top: 4px;
    display: none;
    z-index: 1000;
}
.s-list ul {
    list-style: none;
    padding-left: 0;
}

.s-list li {
    float: left;
    width: 100%;
    padding: 4px 12px;
    cursor: pointer;
    font-size: 14px;
    color: #353535;
    transition: 0.5s all;
}
.s-list li span {
    float: right;
    width: 20px;
    height: 20px;
    display: inline-block;
    /*line-height: 17px;*/
    text-align: center;
    background: #eaa61f;
    margin-top: 2px;
    border-radius: 100%;
    color: #fff;
    font-weight: 500;
}

.s-list li:hover {
background: #c78d1a;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: center no-repeat #676666ba;
    /* background: url(../images/loader.gif) center no-repeat #ffffffba; */
    /* background-size: 5%; */
    display: flex;
    align-items: center;
    justify-content: center;
    display: none; 
}
/*.m-loader {*/
    /*border: 12px solid #e9a72d;
    border-radius: 50%;
    border-top: 12px solid #000000;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;*/
    /* border: 10px solid; */
    /* border-image-source: linear-gradient(45deg, rgb(233, 167, 45), rgb(233, 199, 136)); */
    /* border-image-slice: 1; */
/*}*/

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.form-group.chk-inline {
margin-bottom: 0;
}

.form-group.chk-inline .ctrl-grp .ctrl-chk {
margin-bottom: 0;
}

/* Added by waqar [Start] */

.ctrl-grp.margin_handle {
  margin: 0 !important;
  margin-right: 10px !important;
}

/* Added by waqar [End] */

@media (max-width: 768px) {
.form-group.chk-inline .control-label {
display: none;
}
}



/** Input Loading **/
.input-loading {    
    background-color: #ffffff;
    background-image: url(../../images/input-loader.gif);
    background-size: 25px 25px;
    background-position:right center;
    background-repeat: no-repeat;
}
/** Input Loading **/

.up-btn-wrap {
	overflow: visible;
	display: inline-block;
}
.up-btn-wrap .up-btn2-lable {
    background: #fff;
    border: 1px solid #f8ac59;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #f8ac59;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    margin-bottom: 1rem;
    outline: none;
    position: relative;
    transition: all 0.3s;
    white-space: nowrap;
    vertical-align: middle;
    width: 106px;
    text-align: center;
}

.up-btn-wrap .up-btn2-lable:hover {
	background-color: #f8ac59;
	color: #fff;
}

.up-btn-wrap .up-btn2-lable .fa {
    margin-right: 5px;
}

.contact-us-popup{
    vertical-align: top !important;
    background-color: #eaeff2  !important;
    /*padding-left: 15px  !important;*/
    font-weight:700  !important;
}
.contact-us-popup-table td{
	padding: 5px 10px !important;
}
.badges-lang-wrap-ex{
	margin-top: 15px;
}


.ig-table th .names-filter.name-filter-left {
    right: auto;
    left: 0;
}

.ig-table th .names-filter.name-filter-left:before {
    right: auto;
    left: 50%;
}

.ig-table th .names-filter.name-filter-right {
    left: auto;
    right: 0;
}

.ig-table th .names-filter.name-filter-right:before {
    left: auto;
    right: 50%;
}
@media (max-width: 768px) {
	 .question-status{
		 margin-top:10px !important;
	 }
}


.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.db-tbl-img {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 100%;
}

.switch-r .slider:before {
	height: 16px;
	width: 18px;	
	left: 1px;
	bottom: 2px;
    /*content: "Off";*/
}


.switch-r {
	width: 46px;
	height: 20px;
}





.r-toggle-switch {
position: relative;
display: inline-block;
width: 48px;
height: 20px;
border-radius: 20px;
}

.r-toggle-switch input {
opacity: 0;
width: 0;
height: 0;
}

.r-toggle-switch .t-handle {
position: absolute;
left: 2px;
bottom: 2px;
height: 16px;
width: 18px;
background: #fff;
transition: left 0.4s;
z-index: 1;
}

.r-toggle-switch input:checked ~ .t-handle {
left: 28px;
transition: left 0.4s;
}

.t-handle.round {
border-radius: 20px;
}

.r-toggle-switch .t-switch-on {
position: absolute;
left: 0;
color: #fff;
text-align: left;
background: #2196F3;
width: 48px;
height: 20px;
border-radius: 20px;
line-height: 20px;
transition: opacity 0.4s;
padding-left: 8px;
box-sizing: border-box;
opacity: 0;
font-size: 12px;
}

.r-toggle-switch input:checked ~ .t-switch-on {
opacity: 1;
}

.r-toggle-switch .t-switch-off {
position: absolute;
left: 0;
color: #fff;
text-align: right;
background: #ccc;
width: 48px;
height: 20px;
border-radius: 20px;
line-height: 20px;
transition: opacity 0.4s;
padding-right: 7px;
box-sizing: border-box;
opacity: 1;
font-size: 12px;
}

.r-toggle-switch input:checked ~ .t-switch-off {
opacity: 0;
}

.r-toggle-switch {
	cursor: pointer;
}


.r-toggle-switch.t-switch-ab {
    width: 66px;
}

.r-toggle-switch.t-switch-ab .t-switch-off {
    width: 66px;
}

.r-toggle-switch.t-switch-ab .t-switch-on {
    width: 66px;
}

.r-toggle-switch.t-switch-ab input:checked ~ .t-handle {
    left: 46px;
}


.r-toggle-switch.t-switch-ab.t-switch-ab1 {
    width: 75px;
}

.r-toggle-switch.t-switch-ab.t-switch-ab1 .t-switch-off {
    width: 75px;
}

.r-toggle-switch.t-switch-ab.t-switch-ab1 .t-switch-on {
    width: 75px;
}
.r-toggle-switch.t-switch-ab.t-switch-ab1 input:checked ~ .t-handle {
    left: 55px;
}

.r-toggle-switch.t-switch-ab.t-switch-ab2 {
    width: 125px;
}

.r-toggle-switch.t-switch-ab.t-switch-ab2 .t-switch-off {
    width: 125px;
}

.r-toggle-switch.t-switch-ab.t-switch-ab2 .t-switch-on {
    width: 125px;
}
.r-toggle-switch.t-switch-ab.t-switch-ab2 input:checked ~ .t-handle {
    left: 105px;
}



.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
    border: 1px solid #e7eaec;
    border-bottom-color: transparent;
}

.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
    border: 1px solid #e7eaec;
    border-bottom-color: transparent;
    background-color: #fff !important;
}

.tabs-container .panel-body {
    background: #fff !important;
    border: 1px solid #e7eaec;
    border-radius: 2px;
    padding: 20px;
    position: relative;
}


/* ========== dashboard-question-page // start ========== */

.sidebar-content.question-content-dashbord {
    margin-top: 15px;
    min-height: 760px;
    padding-bottom: 0;
}
.question-content-dashbord .chat-box-content {
    float: left;
    width: 100%;
}
.question-content-dashbord .chat-message {
    width: 96%;
    position: relative;
}
.dashboard-full-w a.dp-para br {
    display: none;
}
.sidebar-user.dashboard-full-w {
    position: static;
    width: 92.5%;
    padding-top: 25px;
    float: right;
    margin-bottom: 50px;
}

@media (max-width: 980px){
.sidebar-user.dashboard-full-w {
    width: 100%;
}
.sidebar-content.question-content-dashbord {
    margin-top: 30px;
}
}
/* ========== dashboard-question-page // end ========== */
/* ========== ask-question // start ========== */


.right-side {
    right: 15px !important;
    left: unset !important;
}
.quest-rank {
    float: left;
    padding: 2px 18px 5px 16px;
    box-sizing: border-box;
    width: 100%;
}
.quest-rank:first-child {
    padding-top: 20px;
    box-sizing: border-box;
}
a.dp-para {
    font-size: 16px;
    font-weight: 500;
    font-family: "Roboto";
    color: #1a1a1a;
    float: left;
    width: 100%;
    text-decoration: none;
    line-height: 20px;
    padding-bottom: 10px;
}
.name-date {
    float: left;
    width: 60%;
}
img.img-chat {
    float: left;
}
p.mini-detail {
    font-size: 12px;
    font-style: italic;
    font-family: "Roboto";
    float: left;
    margin-left: 8px;
    color:#7f7f7f;
    font-weight:500;
}
a.quest-like {
    float: right;
    font-size: 12px;
    font-family: "Roboto";
    background: #ffe0a2;
    padding: 5px 15px 5px 15px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 10px;
    color: #7f7f7f;
    font-weight: 500;
    width: 93px;
    text-align: center;
}
.mini-line {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
}
.db-links.non-pad {
    padding-top: 5px !important;
    padding-bottom: 26px !important;
    box-sizing: border-box;
}
h4.related-ques {
    float: left;
    width: 100%;
    font-size: 20px;
    font-family: "Roboto";
}
.question-content {
    float: left !important;
    width: 70.5% !important;
    margin-top: 56px;
}
.main-chat-content .content {
    padding: 0 !important;
}
.chat-box {
    float: left;
    width: 100%;
}
.chat-header {
    float: left;
    width: 100%;
}
p.r-name-date {
    float: left;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #7f7f7f;
    font-weight: 500;
    padding-left: 10px;
    font-size: 18px;
    font-family: "Roboto";
    box-sizing: border-box;
}
span.r-mini-name-date {
    font-weight: 400;
    font-size: 14px;
}
img.q-girl {
    float: left;
    margin-right: 10px;
    margin-top: 6px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
}
.chat-header-left {
    float: left;
    width: 50%;
    padding-left: 0px;
    box-sizing: border-box;
}
.chat-header-right {
    float: right;
    box-sizing: border-box;
    padding-right: 0px;
    width: 50%;
}
img.mini-cal {
    float: left;
    margin-top: 3px;
    margin-right: 7px;
}
p.ans-nbr {
    text-align: center;
    background: #ffe0a2;
    height: 68px;
    width: 100px;
    border-radius: 3px;
    color: #313131;
    padding-top: 12px;
    font-size: 27px;
    line-height: 25px;
    font-weight: 500;
    box-sizing: border-box;
    margin-top: 8px;
    margin-bottom: 0;
    float: right;
}
p.likes-blog {
    float: right;
    margin-right: 11px;
    margin-bottom: 0;
    margin-top: 16px;
}
img.red-one {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}
span.ans-spell {
    font-size: 19px;
    color: #7f7f7f;
    font-weight: 400;
}
.chat-header-right a:hover {
    text-decoration: none;
}
span.nbr-likes {
    float: left;
    font-size: 32px;
    line-height: 29px;
    font-weight: 500;
}
p.main-question {
    float: left;
    width: 100%;
    margin-top: 21px;
    padding-left: 3px;
    box-sizing: border-box;
    font-size: 22px;
    line-height: 37px;
    font-weight: 500;
    letter-spacing: 0.2px;
}
a.ans-like {
    float: left;
    font-size: 18px;
    color: #7f7f7f;
    /* height: 0; */
    background: #ffe0a2;
    margin-top: 2px;
    /* width: 101px; */
    border-radius: 4px;
    text-align: center;
    margin-left: 0px;
    font-weight: 500;
    padding: 4px 8px;
    text-align: center;
}
.chat-box-content {
    float: left;
    width: 96%;
    margin-top: 15px;
    border-top:1px solid #dfdfdf;
    padding-top: 0px;
    padding-bottom:5px;
}
.chat-inner-content {
    background: #f8f8f8;
    padding: 38px 15px 20px 15px;
    box-sizing: border-box;
    overflow: unset;
    position: relative;
    float: left;
    width: 100%;
}
.chat-message {
    padding: 7px 20px;
    float: left;
    width: 99.3%;
}
.message-avatar {
    height: 50px;
    width: 50px;
    border-radius:50%;
}
.chat-message.left .message-avatar {
    float: left;
    margin-right: 10px;
    position: relative;
    top: 8px;
    left: 18px;
}
.chat-message.left .message {
    text-align: left;
    margin-left: 94px;
    position: relative;
    overflow: unset;
}
.chat-message.left .message.submit-field::before {
  content:none;
}
.chat-message.left .message.submit-field .message-content {
  clear:none;
}
.message {
    background-color: #fff;
    border: 1px solid #e7eaec;
    text-align: left;
    display: block;
    padding: 10px 20px;
    position: relative;
    border-radius: 6px;
}
.full-w-field {
    text-align: left;
    margin-left: 28px;
    float: left;
    width: 735px;
}
span.sm-font {
    font-size: 19px;
    float: left;
    margin-right: 28px;
}
.chat-message.left .message-date {
    float: left;
    font-size: 14px;
    color: #7f7f7f;
    margin-left: 10px;
    margin-top: 1px;
    font-weight: 500;
    padding-left: 12px;
    box-sizing: border-box;
}
.message-content {
    display: block;
    clear: left;
    position: relative;
}
a.quest-like:hover {
    text-decoration: none;
    background: #fdd17b;
}
a.ans-like:hover{
  text-decoration: none;
    background: #fdd17b;
}
a.message-author {
    color: #313131;
    font-weight: 500;
    font-size: 18px;
    float: left;
    padding-left: 3px;
    box-sizing: border-box;
    margin-top: -3px;
}
span.rated-heart {
    float: right;
}
img.sm-heart, sm-red-heart {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}
span.rated-heart {
    float: right;
    font-size: 14px;
    color: #7f7f7f;
    font-weight: 500;
    position: relative;
    right: 10px;
    top: 3px;
}
.submit-field {
    background: none !important;
    padding: 0 !important;
    border: none !important;
    border-radius:0 !important;
    overflow: hidden;
}
input.chat-field {
    width: 81%;
    height: 54px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    margin-top: 11px;
}
button.chat-sub-btn:hover {
    background: #fff;
}
button.chat-sub-btn {
    float: right;
    width: 17%;
    height: 50px;
    background: #eaa61f;
    font-weight: 500;
    margin-top: 12px;
    border: 1px solid #eaa61f;
}
.chat-inner-content:before {
    content: "";
    width: 3px;
    background: #e1e1e1;
    position: absolute;
    left: 76px;
    top: 12px;
    bottom: 12px;
}
.message:before{
    content: "";  
    background:url(../../images/msg-arrow.png)no-repeat; 
    position: absolute; 
    left: -18px;; 
    top: 16px;
    width: 19px;
    height: 20px;

}

span.rated-heart a img.sm-heart {
  display: block;
}
span.rated-heart a img.sm-red-heart {
  display: none;
  float: left;
  margin-top: 5px;
  margin-right: 5px;
}

span.rated-heart:hover a img.sm-heart {
  display: none;
}

span.rated-heart:hover a img.sm-red-heart {
  display:block;
}
.chat-inner-content {
    padding-top: 15px;
    box-sizing: border-box;
}
@media (max-width: 1200px){
.question-content {
    float: left !important;
    width: 62.5% !important;
}
}



@media (max-width: 1025px){
.sidebar-user.right-side {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    width: 100%;
    position: static;
}
a.dp-para br {
    display: none;
}
.question-content {
    float: left !important;
    width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.user-db-content {
    margin-bottom: 20px;
}
}
@media (max-width: 640px){
p.ans-nbr {
    height: 64px;
    width: 75px;
    padding-top: 12px;
    font-size: 19px;
    line-height: 22px;
    margin-top: 9px;
}
span.ans-spell {
    font-size: 15px;
    font-weight: 500;
}
.chat-header-right {
    width: 100%;
    float: left;
}
.chat-header-left {
    width: 100%;
    padding-left: 0;
}
p.likes-blog {
    margin-left: 5px;
    margin-right: 5px;
}
p.main-question {
    font-size: 18px;
    padding-left: 0;
    line-height: 21px;
}
a.ans-like {
    margin-left: 0 !important;
}
span.rated-heart {
    top: 0;
}
  }
@media (max-width: 567px){
.chat-header-right {
    padding-right: 0px;
}
.message-content {
    width: 100%;
}
input.chat-field {
    width: 100%;
    margin-bottom: 10px;
}
button.chat-sub-btn {
    width: 100%;
    max-width: 140px;
}
.chat-inner-content:before {
display:none; 
}
.message:before{
display:none;

}

.chat-message.left .message {
    margin-left: 0px;
    width: 100%;
    float: left;
}
.chat-message.left .message-avatar {
    margin-bottom: 15px;
    margin-top: 0px;
}
.chat-message {
    padding: 0;
}
}
@media (max-width: 414px){
span.rated-heart {
    top: 3px;
    width:100%;
    left: 5px; 
}

}
img.red-one {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}
.red-one {
    float: left;
    margin-right: 10px;
    margin-top: 1px;
}
.red-one i {
  font-size: 23px;
  color: #7f7f7f;
  transition: 0.5s all;
}
.red-one:hover i,
.red-one.active i {
  color: #de3d3d;
}
span.rated-heart a {
  float: left;
  margin-right: 6px;
  margin-top: -1px;
  color: #7f7f7f;
  transition: 0.5s all;
}

span.rated-heart a.del-icon {
   float: right;
   margin-left: 6px;
}

span.rated-heart i {
  font-size: 12px;
}

span.rated-heart a.active,
span.rated-heart a:hover {
  color: #de3d3d;
 }
 textarea.chat-field {
    width: 81%;
    height: 54px !important;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    margin-top: 11px;
    font-size: 15px;
    line-height: 16px;
}
.full-hide {
    overflow: hidden !important;
}
@media (max-width: 568px){
textarea.chat-field {
    width: 100%;
}
}
/* ========== ask-question // end ========== */




.upload-images-wrap .up-btn-wrap {
 position: relative;
 overflow: hidden;
 display: block;
 float: left;
 margin-right: 10px;
}

.upload-images-wrap .up-btn2 + label {
 background: #fff;
 border: 1px solid #f8ac59;
 padding: 6px 8px;
 border-radius: 4px;
 font-size: 12px;
 font-weight: 600;
 color: #f8ac59;
 cursor: pointer;
 display: inline-block;
 font-size: inherit;
 margin-bottom: 1rem;
 outline: none;
 position: relative;
 transition: all 0.3s;
 white-space: nowrap;
 vertical-align: middle;
 width: 106px;
 text-align: center;
}

.upload-images-wrap .upload-btns-inline .up-btn2 + label {
 width: auto;
}

.upload-images-wrap .up-btn-wrap label {
 font-size: 16px;
 font-weight: 400;
 margin-bottom: 10px;
}

.upload-images-wrap .up-btn-wrap .up-btn2 + label {
 color: #fff;
 border-radius: 0;
 background: #eaa61f;
 box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.25);
}

.upload-images-wrap .up-btn2 + label .fa {
 margin-right: 5px;
}

.upload-images-wrap .up-btn2 + label:hover {
 color: #ffffff;
 background-color: #d69616;
 border-color: #d69616;
}

.upload-images-wrap .btn-primary.up-btn2 {
 background: #fff !important;
 border: 1px solid #f8ac59 !important;
 padding: 6px 8px;
 border-radius: 0;
 font-size: 12px;
 font-weight: 600;
 color: #eaa61f !important;
 cursor: pointer;
 display: inline-block;
 font-size: inherit;
 margin-bottom: 1rem;
 outline: none;
 position: relative;
 transition: all 0.3s;
 white-space: nowrap;
 vertical-align: middle;
 width: auto;
 text-align: center;
 outline: none !important;
 box-shadow: 0 0 0 0 rgba(38,143,255,.5) !important;
 height: auto;
}

.upload-images-wrap .btn-primary.up-btn2 .fa {
  margin-right: 5px;
}

.upload-images-wrap .btn-primary.up-btn2:hover {
 background-color: #eaa61f !important;
 color: #fff !important;
}




.upload-images-wrap {}

.upload-images-wrap .sect-full {
 width: 100%;
 float: left;
 margin-bottom: 10px;
}

.upload-images-wrap .container-forget {
 display: block;
 position: relative;
 padding-left: 30px;
 margin-bottom: 12px;
 cursor: pointer;
 width: 49%;
 font-size: 17px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 float: left;
 margin-top: 25px;
 margin-right: 15px;
}

.upload-images-wrap label {
 color: #1a1a1a;
 font-size: 16px;
 font-weight: 400;
 margin-bottom: 0;
}

.upload-images-wrap .container-forget.f-img {
 display: inline-block;
 width: 160px;
 height: 140px;
 padding-left: 0;
 margin-top: 0;
 overflow: hidden;
}

.upload-images-wrap .container-forget input {
 position: absolute;
 opacity: 0;
 cursor: pointer;
 height: 0;
 width: 0;
}

.upload-images-wrap .checkmark {
 position: absolute;
 top: 0;
 left: 0;
 height: 25px;
 width: 25px;
 background-color: #ccc;
}
.upload-images-wrap .container-forget.f-img.overflow-none {
  overflow: unset;

}

.upload-images-wrap .container-forget.f-img.overflow-none img {
  width: 100%;
  height: 100%;
  
}

.upload-images-wrap .container-forget.f-img.overflow-none .img-cancel {
  color: white;
  transform: rotate(0deg);
  transition: all 0.2s linear;
}

.upload-images-wrap .container-forget.f-img.overflow-none .img-cancel:hover {
  transform: rotate(30deg);
  transition: all 0.2s linear;
}

.upload-images-wrap label span {
 color: #eaa61f;
}

.upload-images-wrap .f-img .featured-img-text {
 position: absolute;
 left: 25px;
 background: rgba(255,255,255,0.7);
 padding: 0px 10px;
 color: #636161;
 display: none;
}

.upload-images-wrap .container-forget.f-img img {
 max-width: 188px;
}

.upload-images-wrap .container-forget input:checked ~ .checkmark {
 background-color: #f0c062;
}

.upload-images-wrap .checkmark:after {
 content: "";
 position: absolute;
 display: none;
}

.upload-images-wrap .container-forget .checkmark:after {
 left: 9px;
 top: 3px;
 width: 7px;
 height: 13px;
 border: solid white;
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}

.upload-images-wrap .container-forget input:checked ~ .checkmark:after {
 display: block;
}

.upload-images-wrap .container-forget input:checked ~ .featured-img-text {
 display: block;
}



.container-forget input:checked ~ span.checkmark {
    background-color: #f0c062;
}
span.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
}
.container-forget.f-img img {
    max-width: 188px;
}
.container-forget input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.container-forget.f-img {
    display: inline-block;
    width: 160px;
    height: 140px;
    padding-left: 0;
    margin-top: 0;
    overflow: hidden;
}
.sect-full .container-forget {
    margin-bottom: 15px;
}
.form-check.form-check-inline.gallary_image {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem;
    position: relative;
}

li.nav-item.active {
    border-left: unset !important;
}

.container-forget span.checkmark::after {
 left: 9px;
 top: 3px;
 width: 7px;
 height: 13px;
 border: solid white;
 border-top-width: medium;
 border-right-width: medium;
 border-bottom-width: medium;
 border-left-width: medium;
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}
.container-forget input:checked ~ span.checkmark::after {
 display: block;
}

span.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

li.nav-item {
 background: #eee !important;
 border-radius:4px;
}
li.nav-item:hover {
 /* background: #337ab7 !important; */
}
li.nav-item a{
 /* color:#fff !important; */
}
li.nav-item a{
 /* background: #337ab7 !important; */
}




/*Added By waqar [START]*/
.custom-design:before {
  left: 130px !important;
}

.custom-design {
  left: 0 !important;
}

/*Added By waqar [END]*/

/* eclipse loader starts here */
@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lds-eclipse {
  position: relative; background:url(../../images/camel-icon.png) no-repeat center center;
  background-size:100px 100px;
  width:100%;
  height:100%
}
.lds-eclipse div {
  position: absolute;
  -webkit-animation: lds-eclipse 1s linear infinite;
  animation: lds-eclipse 1s linear infinite;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  box-shadow: 0 4px 0 0 #eaa61f;
  -webkit-transform-origin: 80px 82px;
  transform-origin: 80px 82px;
}
.lds-eclipse {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}
/* eclipse loader ends here */


.user-nav .r-main-menu ul.navbar-nav.wk-host-menu {
    max-width: 100%;
}

.user-nav .r-main-menu ul.navbar-nav.wk-traveler-menu {
    max-width: 100%;
}
/* Top menu styles end here */



.chat-inner-2 {     margin-left: 80px;
    padding-right: 0; }

.chat-inner-2 .left {     width: 100%;
    padding-right: 0; }

.chat-inner-2:before {
    content: "";
    top: 35px;
}


.faq-page .rply-text {
    float: right;
    padding: 0px 10px;
    background: #eaa61f;
    color: #303030;
    font-size: 13px;
    width: 75px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-weight: 600;
}


.faq-page .like-unlike-wrap {
    float: right;
    /* width: 100%; */
    text-align: center;
    /* padding-bottom: 40px; */
}

.faq-page .like-unlike-wrap a {
    color: #6f6f6f;
    font-size: 36px;
    margin: 0 5px;
    display: inline-block;
    line-height: 20px;
}

.faq-page .like-unlike-wrap a span.like-counter {
    font-size: 12px;
}

.faq-page .like-unlike-wrap a:hover, .faq-page .like-unlike-wrap a.active {
    color: #eaa61f;
}


.apply_cursor {
  cursor: pointer !important;
}

.remove_cursor {
  cursor: default !important;
}


/*=========== Add answer section by AZLAN [START]  ==========*/
.text-area-answer {
  margin-bottom: 60px;
  float: left;
  width: 100%;
}
.text-area-answer textarea {
  width: 100%;
  margin-bottom: 6px;
  background: #fff;
}

.text-area-answer .btn-save {
   background: #eaa61f;
   margin-bottom: 10px;
   float: right;
   border-radius: 0;
   font-size: 18px;
   color: #303030;
   text-align: center;
   margin-left: 0px;
   border:1px solid #eaa61f;
   font-size: 16px;
   font-weight: 600;
}
 .text-area-answer .btn-save:hover {
   background-color: #fff;

 }

/*=========== Add answer section by AZLAN [END]  ==========*/


.location-upload{
  align-self: flex-end;
  display: flex;
  align-items: center;
}
.location-upload p {
  margin-bottom: 0;
  color: #030303;
  max-width: 82%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.location-upload span {
  color:#eaa61f;
  padding-right: 6px;
}
#map-location-modal {
  overflow-y: scroll;
}
#map-location-modal .modal-header {
  background:#4f4e53;
  border-radius: 0px;
}
#map-location-modal .modal-dialog.modal-dialog-centered.modal-lg {
  width: 100%;
  max-width: 800px;
}
/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
 .pac-container.pac-logo {
  z-index: 999999999;
 }
#map-location-modal #map {
  height: 400px;
  max-height: 500px;
  min-height: 200px;
}
/* Optional: Makes the sample page fill the window. */
#map-location-modal #description {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
}

#map-location-modal #infowindow-content .title {
  font-weight: bold;
}

#map-location-modal #infowindow-content {
  display: none;
}

#map-location-modal #map #infowindow-content {
  display: inline;
}

#map-location-modal .pac-card {
  margin: 10px 10px 0 0;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  background-color:transparent !important;
  font-family: Quicksand, sans-srif;
}

#map-location-modal #pac-container {
  padding-bottom: 0px;
  margin-right: 0px;
  z-index: 10000 !important;
  position: relative;
}
#map-location-modal span.search {
  right: 0;
  position: absolute;
  top: 14px;
  font-size: 13px;
  padding-right: 16px;
    color: #6d6d6d;
}
#map-location-modal .pac-controls {
  display: inline-block;
  padding: 5px 11px;
}


#map-location-modal #pac-input {
  background-color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 0 40px 0 16px;
  text-overflow: ellipsis;
  width: 260px;
  border-radius: 50px;
  height: 40px;
  border:none !important;
  box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.3) !important;
}
#map-location-modal #pac-input:focus {
  outline: none;
  box-shadow: none;
}
#map-location-modal #pac-input:focus {
  border-color: #4d90fe;
}
#map-location-modal .close,.gallery-modal .close {
  position: absolute;
  right: -12px;
  top: -9px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #232228;
  border-radius: 50%;
  color: #fff;
  z-index: 99;
  font-size: 25px;
  transition: all .3s ease-in-out;
}
#map-location-modal .close:hover {
  background-color: #fff;
  color: #232228;
  transition: all .3s ease-in-out;
  opacity: 1;
  box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.4);
}
#map-location-modal ::placeholder {
  font-size: 14px;
  font-weight: 400;
}

#map-location-modal .modal-body,#map-location-modal .modal-header {
  float: left;
  width: 100%;
}

.image-horizontal {
  display: flex;
  float: left;
  margin-right: 10px;
  position: relative;
}
.full-width {
  float: left;
  width: 100%;
}
.btn-location {
  margin-top: 10px;
  margin-bottom: 0;
}
.cross {
  position: absolute;
  top: 0;
  right: 27px;
  font-size: 20px;
  color: #eaa61f;
  cursor: pointer;
  visibility: hidden;
}

input.map-info[type="text"]:hover span.cross {
  visibility: visible !important;
}
@media screen and (max-width: 800px){
#map-location-modal .modal-dialog.modal-dialog-centered.modal-lg {
  width:92%
}
   }
@media screen and (max-width: 742px){
  #map-location-modal input.desgn-input {
    top: 20% !important;
    left: 0px !important;
    width: 342px !important;
  }

}
@media screen and (max-width: 612px){
  #map-location-modal .pac-card{
    top: 52px !important;
    left: 11px !important;
    right: inherit !important;
    width: 300px !important;
  }
  #map-location-modal input.desgn-input {
    width: 100% !important;
  }
} 
@media screen and (max-width: 400px){
  #map-location-modal .pac-card{
    width: 195px !important;
  }
  #map-location-modal #title {
    font-size: 20px !important;
  }
  .edit-profile-image-wrap {
    width:80px;
    height:80px;
  }
}

.img-cancel {
  position: absolute;
  right: -7px;
  top: -8px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background: rgb(79, 78, 83);
  font-size: 16px;
  visibility: visible;
  transition: all .3s ease-in-out;
  cursor: pointer;
  border-radius: 50%;
}

.last-inline {
  display: inline-block;
  width: 100px;
}


/*image-slider-css-starts-from-here*/
/*add this .gallery-modal .close on line number 3065*/
  .review-info .review-text {
    width: 100%;
  }
  .review-info .review-text p {
    text-align: justify;
    padding-right: 30px;
  }
  .review-image {
    width: 30%;
    height: 150px;
    float: right;
    position: relative;
    margin-left: 10px;
  }
  .review-info .review-text img {
    max-width: 100%;
    max-height: 100%;
  }
  .review-info .review-image-hover {
    top: 0;
    background-color:rgba(234,166,31,0.6);
    position: absolute;
    width: 0px;
    height: 150px;
    float: left;
    text-align: center;
    color: #fff;
    overflow:hidden;
    transition: all .3s ease-in;
  }
  .review-info .review-image:hover  .review-image-hover {
    width: 100%;
    transition: all .3s ease-in;        
  }
  .review-info .review-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .review-info p.image-text{
      color: white;
      font-size: 16px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      white-space: nowrap;
  }
  .review-info span.quantity {
    font-weight: 600;
  }
  .gallery-modal .modal-header,.gallery-modal .modal-footer  {
    background: #545453;
    color: #fff;
    border-radius: 0;
  }
  .gallery-modal .close {
    background-color: #fff;
    color: #545454;
    box-shadow: 0 0 10px rgba(0,0,0,0.54);
  }
   .gallery-modal .close:hover {
    background-color: #545453;
    color: #fff;
    opacity: 1;
   }
  .gallery-modal .img-inner-style {
    position: relative;
  }
  .gallery-modal .img-inner-style img {
    width: 100%;
    object-fit: contain;
    max-height: 400px;
    min-height: 400px;
  }
  .gallery-modal .modal-body {
    padding: 0;
  }
  .download-overlay {
    position: absolute;
    background-color: rgba(0,0,0,0.25);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    visibility: hidden;
  }
  .download-overlay i{
    font-size: 50px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    cursor: pointer;
  }
  .gallery-modal .img-inner-style:hover .download-overlay {
    visibility: visible;
    transition: all .2s ease-in;
  }
  .gallery-modal .slick-prev.slick-arrow,.gallery-modal .slick-next.slick-arrow {
    z-index: 999;
    background-color:rgb(234, 166, 31,0.8);
    width: 50px;
    height: 50px;
    border-radius:50%;
    opacity: 0.6;
  }
  .gallery-modal .slick-prev.slick-arrow:hover,.gallery-modal .slick-next.slick-arrow:hover {
    opacity: 1;
  }
  .gallery-modal .slick-next.slick-arrow {
    right: 15px;
  }
  .gallery-modal .slick-prev.slick-arrow {
    left: 15px;
  }
  .gallery-modal .slick-prev.slick-arrow:before,.gallery-modal .slick-next.slick-arrow:before {
    color: #fff;
    line-height: inherit;
  }
  .gallery-modal .slick-slide > div:first-child {
    background-color: #fff;
    max-height: 439px;
  }
  .image-title {
    display: block;
    background-image:linear-gradient(45deg, #39363e,#232228);
    color: #fff;
    border:1px solid rgb(53, 54, 55);
    padding: 10px 20px;
    z-index: 1;
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
  }
  .image-title h4 {
    margin: 0;
    font-size: 16px;
    float: left;
    width: 88%;
  }
  .image-title .approve-cover {
    margin: 0;
    float: left;
    width: 12%;
    text-align: right;
  }
  .approve-cover label {
    margin-bottom: 0;
  }
  table.footable.table.table-stripped.toggle-arrow-tiny.view-issues.ig-table.big-header-table.action-table.dataTable.no-footer thead tr th:nth-child(2) {
    min-width:80px !important;
  }

  .approve-cover .r-toggle-switch.t-switch-ab.t-switch-ab2 .t-switch-off,
  .approve-cover .r-toggle-switch.t-switch-ab.t-switch-ab2 .t-switch-on,
  .r-toggle-switch.t-switch-ab.t-switch-ab2 {
    width: 100px;
  }
  .approve-cover .r-toggle-switch.t-switch-ab.t-switch-ab2 input:checked ~ .t-handle {
      left: 80px;
  }
  /*for icons*/
  body.mini-navbar .navbar-default.aw-navbar .nav li a img,
    body.mini-navbar .navbar-default.aw-navbar .nav li a i {
    display: inline-block;
    color: #fff;
    width: 16px;
    height: 16px;
    font-size: 16px;
    max-width: 19px;
    margin-right: 6px;
    vertical-align: middle;
  }
  .navbar-default .nav > li.active .nav-second-level li a i.fa img.ns-icon,
   .navbar-default .nav > li.active .nav-second-level li a:hover i.fa img.as-icon,
   navbar-default .nav > li.active .nav-second-level li.active a i.fa img.as-icon{
    display: block;
  }
  .navbar-default .nav > li.active .nav-second-level li a i.fa img.as-icon,
  .navbar-default .nav > li.active .nav-second-level li a:hover i.fa img.ns-icon,
  navbar-default .nav > li.active .nav-second-level li.active a i.fa img.ns-icon {
    display: none;
  }
  .nav.nav-second-level li a i,.nav.nav-second-level li a img {
    min-width: 0;
    margin-right: 10px;
    width: inherit !important;
    height: auto !important;
  }
   .navbar-default.aw-navbar .nav li a img {
    display: none;
  }
  body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level {
    min-width: 193px;
  }
  /*ends here*/
  @media screen and (max-width: 991px) {
    .image-title h4 {
      width: 84%;
    }
  }
  @media screen and (max-width: 580px) {
    .image-title h4 {
      width: 80%;
      font-size: 12px;
    }
     .gallery-modal .close {
      right: -7px;
    }
  }
    @media screen and (max-width: 460px) {
      .image-title {
        display: block;
      }
      .image-title h4 {
        width: 100%;
      }
      .image-title .approve-cover {
        width: 100%;
        text-align: left;
        margin-top: 10px;
      }
    .approve-cover .r-toggle-switch.t-switch-ab.t-switch-ab2 .t-switch-off,
    .approve-cover .r-toggle-switch.t-switch-ab.t-switch-ab2 .t-switch-on,
    .r-toggle-switch.t-switch-ab.t-switch-ab2 {
      width: 97px;
      font-size: 12px;
    }
  }
  @media screen and (max-width: 786px) {
    .review-text {
      display: flex;
      flex-direction: column;
    }
    .review-image {
        float: none;
        order: 2;
        margin-left: 0;
        width: 220px;
        height: 150px;
    }
    .review-info .review-text p {
      order: 1;
    }
    .gallery-modal .modal-content {
      margin-top: 30px;
    }
  }
/*ends here*/
/* Azlan css for dropdown in traveler advice */
.message textarea.edited {
  width:100%;
  padding:10px;
  border:none;
  background:#f7f7f7;
  border-radius:5px;
  font-size: 15px;
  line-height: 16px;
  color:#000;
  box-shadow: 0px 0px 4px rgba(101, 101, 101, 0.2);
  min-height: 100px;
  margin-top: 25px;
}
.traveler-options {
  position:absolute;
  top: 8px;
  right: -25px;
}
.traveler-options button {
  padding:0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 8px rgba(179, 179, 179, 0.4);
}
.traveler-options button i {
  font-size: 15px;
  color: #777;
  transform: rotate(0deg);
  transition:all .3s ease-in-out;
}
.traveler-options .dropdown.open button i {
  transform: rotate(90deg);
  transition:all .3s ease-in-out;
}
.traveler-options button.btn:focus,.traveler-options button:active,.traveler-options button:hover {
  border:none;
  background-color:#fff;
  outline:none;
  box-shadow: 0px 0px 8px rgba(179, 179, 179, 0.4);
}
.message textarea:focus {
  outline:none;
  border:none;
}
.traveler-options .dropdown-menu {
    width: 98px;
    height: auto;
    min-height: unset;
    max-height: unset;
    line-height: normal;
    right: 0;
    left: inherit;
    margin-top: 10px;
    min-width: unset;
}
.traveler-options .dropdown-menu ul {
  margin-bottom:0;
}
.traveler-options .dropdown-menu ul li a {
  font-size:14px;
  color:#555;
  width:100%;
  display: block;
  font-weight:500;
  padding:10px;
}
.traveler-options .dropdown-menu ul li a:hover {
  color:#000;
}
.traveler-options .dropdown-menu ul li:hover {
  background-color: #f7f7f7;
}
.traveler-options .dropdown-menu ul span {
  margin-right:8px;
  color:#555;
  font-size: 14px;
  min-width: 14px;
}
@media screen and (max-width:800px) {
  .traveler-options {
    right: -30px;
  }
}
@media screen and (max-width:567px) {
  .traveler-options {
    right: -1px;
    top: 21px;
  }
  .traveler-options .dropdown-menu {
  margin-top: 7px;
  margin-right: 10px;
  }
}
/* Ends here */
/* Azlan css for question_detail in admin */
.image-detail-cover {
  width: 392px;
  height:auto;
  height: 210px;
  overflow: hidden;
  margin-bottom: 10px;
  cursor: pointer;
  position:relative;
}
.image-detail-cover img {
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:4px;
}
.image-detail-cover .image-overlay {
  position:absolute;
  width: 0;
  height:100%;
  background:rgba(0,0,0,0.4);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  border-radius:4px;
  overflow: hidden;
  transition:all .3s ease-in-out;
}
.image-detail-cover:hover .image-overlay {
  width:100%;
  transition:all .3s ease-in-out;
}
.image-detail-cover .image-overlay span {
  color:#fff;
  font-size:28px;
}
.image-detail-cover .image-overlay span.total-number,
.image-detail-cover.multiple .image-overlay span.fa {
  display:none;
}
.image-detail-cover.multiple .image-overlay span.total-number {
  display:block;
}
.message .image-detail-cover {
  margin-top:10px;
  margin-bottom:0;
}
.message-content .comment-wrapper {
  width:81%;
  position:relative;
}
.message-content .comment-wrapper {
  width:81%;
  float: left;
}
.message-content .btn-upload-images {
  position:absolute;
  right: 11px;
  top: 23px;
}
.message-content .btn-upload-images a {
  margin-bottom:0;
  width: auto;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 22px;
}
.message-content .btn-upload-images a span {
  color:#adadad;
  transform:rotate(90deg);
  margin: 0;
  transition:all .2s ease-in-out;
}
.message-content .btn-upload-images.open a span {
  transform:rotate(0deg);
  transition:all .2s ease-in-out;
}
.message-content .btn-upload-images.open a:active {
  box-shadow:none;
}
.message .message-content textarea.chat-field {
    padding-right: 34px;
    width: 100%;
}
.message-content .btn-upload-images.dropdown .dropdown-menu {
  right: 0;
  left: unset;
  top: -89px;
  right: -10px;
}
.message-content  .upload-images-cover {
  width:81%;
}
.message-content  .upload-images-cover .edit-profile-image-wrap {
  margin: 10px 10px 0 0;
}
@media screen and (max-width:575px) {
  .image-detail-cover {
    width:100%;
    max-width:100%;
    height: auto;
    max-height:200px;
    overflow-y:hidden;
  }
  .image-detail-cover .image-overlay {
    width:100%;
  }
}
@media screen and (max-width:568px) {
  .message-content {
    display:flex;
    flex-wrap:wrap;
  }
  .message-content .comment-wrapper,
   .message-content .upload-images-cover {
    width:100%;
    order:1;
  }
  .message-content .upload-images-cover {
    order:2;
  }
  .message-content .chat-sub-btn {
    order:3;
    margin-left: auto;
  }
}
@media screen and (max-width:365px) {
  .message-content .btn-upload-images.dropdown .dropdown-menu {
    width: 185px;
    right: -9px;
  }
}
/* Ends here */