@charset "utf-8";
/*
 * Copyright (c) 2018. Alendo Solutions KLG, 5444 Künten, http://www.alendo.ch
 */
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('http://fonts.googleapis.com/css?family=Roboto');


/* Style.css */
/* body */
#layout {width: 100%;min-height: 100vh;position: relative;height: auto;
    background: #e7e7e7}
#app {width: 100%; min-height: 100%}

#admin-container {display: flex}
.container {height:100%; background:#FFFFFF; display:table; content: ''; clear:both; margin:0; padding:0;border-radius: 4px}

/* Not Found */
#id-404 {width: 30%;position: relative;left: 35%;top: 50px;text-align: center;height: 200px}
#id-404 span {font-size: 25px;font-weight: 800;color: #444;}
#id-404 p {font-size: 15px;color: #333;text-align: center;position: relative;margin: 20px 0;}
#id-404 p a {text-decoration: none;color: #333;font-weight: 700}

/* Genral Stuff */
#login-alert {position: fixed;bottom: 85px;width: 100%;}
.tbl { display:block; content:''; clear:both; width:100%; }
.wdgt-header .fa, .wdgt-header .icon { margin-right:8px; position:relative;left:-1px; }
.wdgt { width:100%;  margin-top:15px; margin-bottom:15px; }
.wdgt-header { padding:8px 10px; background:#EFEFEF; border:1px solid #CCCCCC; color:#666666; font-size:15px; }
.wdgt-body {font-size:14px;color:#555555;padding:10px;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}
.wdgt.blue { border-color:#A1B8CC; } .wdgt.blue > .wdgt-header { border-color:#A1B8CC; background:#DCEAF5; }
.wdgt.circle { border-radius:5px; }
.wdgt.circle > .wdgt-header {webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;border-top-right-radius: 5px;
    webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-left-radius: 5px;}
.wdgt.circle > .wdgt-body {webkit-border-bottom-right-radius: 3px;-moz-border-radius-bottomright: 3px;border-bottom-right-radius: 3px;
    webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-left-radius: 3px;}

.wdgt-body .login-div {padding: 0}

.table tbody {word-break: break-word;}
.table tbody td i {margin-right: 10px;}


/*Buttons*/
.btn {display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;
    cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;
    font-size: 14px;line-height: 1.42857143;border-radius: 4px;-webkit-user-select: none;
    -moz-user-select: none;-ms-user-select: none;user-select: none;}
.btn:active,
.btn.active {
    background-image: none;
}

.btn-default {color: #333333;background-color: #f4f4f4;border-color: #cccccc;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {color: #333333;background-color: #ededed;border-color: #adadad;}

.btn-primary {color: #ffffff;background-color: #7BAEDA;border-color: #357ebd;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {color: #ffffff;background-color: #6F9FC8;border-color: #285e8e;}

.btn-warning {color: #ffffff;background-color: #F4C583;border-color: #eea236;}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {color: #ffffff;background-color: #F2BA68;border-color: #d58512;}

.btn-danger {color: #ffffff;background-color: #E48784;border-color: #d43f3a;}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {color: #ffffff;background-color: #DF6F6C;border-color: #ac2925;}

.btn-success {color: #ffffff;background-color: #8DCD8D;border-color: #4cae4c;}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {color: #ffffff;background-color: #7EBF7E;border-color: #398439;}

.btn-info {color: #ffffff;background-color: #8CD3E8;border-color: #46b8da;}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {color: #ffffff;background-color: #74CAE3;border-color: #269abc;}

.btn-soft {color: #ffffff;background-color: #ACACCF;border-color: #73738E;}
.btn-soft:hover,
.btn-soft:focus,
.btn-soft:active,
.btn-soft.active {color: #ffffff;background-color: #9A9AB5;border-color: #73738E;}

.btn-dark {color: #ffffff;background-color: #A0A0A0;border-color: #666666;}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active {color: #ffffff;background-color: #949494;border-color: #666666;}

.btn { padding: 5px 9px;border: 3px solid transparent;border-radius: 0px;}


.btn-info-dark {background-color: #17a2b8!important;border-color: #17a2b8!important;color: #FFF !important;}
.btn-info-dark:hover {background-color: #19b5ce}
.bg-info-dark {background-color: #17a2b8!important;}

.btn-danger-x {color: rgb(222, 46, 55) !important;background-color: rgb(255, 255, 255)!important;border-color: rgb(222, 46, 55)!important}
.btn-danger-x:hover {background-color: rgb(222, 46, 55)!important;color: rgb(255, 245, 245)!important;}
.bg-danger-x {background-color: rgb(222, 46, 55) !important;}

.btn-warning-x {background: #f6b444;border-color: #f6b444;color: #FFF}
.btn-warning-x:hover {border-color: #f4a013;background: #f4a013;color: #FFF}



.icon {display: inline-block;}


.table-status-colors td {position: relative;}
.table-status-colors > tbody > tr {transition: background-color 0.3s;border-bottom-color: #ddd;}
.table-status-colors > tbody > tr > td:first-child::before, .table-status-colors > tbody > tr > td:last-child::after {
    content: " ";position: absolute;top: 0;bottom: 0;display: inline-block;width: 10px;background-image: #999;}
.table-status-colors thead th:first-child, .table-status-colors > tbody > tr > td:first-child {padding-left: 20px;}
.table-status-colors > tbody > tr > td:first-child::before {left: 0;}
.table-status-colors > tbody > tr > td:last-child::after {right: 0;width: 5px;}
.table-status-colors .status-label {display: inline-block;margin: -5px 0 -3px;padding: 5px 7px 6px;background-color: #999;
    border-radius: 2px;color: #fff;font-size: 0.6875rem;text-decoration: none;white-space: nowrap;}
.table-status-colors .status-label a {font-weight: normal;color: #fff;text-decoration: none;}
.table-status-colors tr.row-spacer td {font-size: 0.875rem;text-transform: uppercase;color: #888;
    border-bottom: 1px solid #ddd;padding: 12px 0 0;}
.table-status-colors tr.row-spacer td:first-child::before, .table-status-colors tr.row-spacer td:last-child::after {display: none;}
.table-status-colors .status-black > td {background-color: rgba(51, 51, 51, 0.1);}
.table-status-colors .status-black > td:first-child::before, .table-status-colors .status-black > td:last-child::after {background-color: #333;}
.table-status-colors .status-black > td a {color: #333;}
.table-status-colors .status-black:hover > td {background-color: rgba(51, 51, 51, 0.15);}
.table-status-colors .status-black .status-label {background-color: #333;}
.table-status-colors .status-black .status-label > a {color: #fff;}
.table-status-colors .status-white > td {background-color: rgba(238, 238, 238, 0.1);}
.table-status-colors .status-white > td:first-child::before, .table-status-colors .status-white > td:last-child::after {background-color: #eee;}
.table-status-colors .status-white > td a {color: #eee;}
.table-status-colors .status-white:hover > td {background-color: rgba(238, 238, 238, 0.15);}
.table-status-colors .status-white .status-label {background-color: #eee;}
.table-status-colors .status-white .status-label > a {color: #fff;}
.table-status-colors .status-grey > td {background-color: rgba(136, 136, 136, 0.1);}
.table-status-colors .status-grey > td:first-child::before, .table-status-colors .status-grey > td:last-child::after {background-color: #888;}
.table-status-colors .status-grey > td a {color: #888;}
.table-status-colors .status-grey:hover > td {background-color: rgba(136, 136, 136, 0.15);}
.table-status-colors .status-grey .status-label {background-color: #888;}
.table-status-colors .status-grey .status-label > a {color: #fff;}
.table-status-colors .status-purple > td {background-color: rgba(137, 120, 151, 0.1);}
.table-status-colors .status-purple > td:first-child::before, .table-status-colors .status-purple > td:last-child::after {background-color: #897897;}
.table-status-colors .status-purple > td a {color: #897897;}
.table-status-colors .status-purple:hover > td {background-color: rgba(137, 120, 151, 0.15);}
.table-status-colors .status-purple .status-label {background-color: #897897;}
.table-status-colors .status-purple .status-label > a {color: #fff;}
.table-status-colors .status-blue > td {background-color: rgba(50, 135, 204, 0.1);}
.table-status-colors .status-blue > td:first-child::before,
.table-status-colors .status-blue > td:last-child::after {background-color: #3287cc;}
.table-status-colors .status-blue > td a {color: #3287cc;}
.table-status-colors .status-blue:hover > td {background-color: rgba(50, 135, 204, 0.15);}
.table-status-colors .status-blue .status-label {background-color: #3287cc;}
.table-status-colors .status-blue .status-label > a {color: #fff;}
.table-status-colors .status-green > td {background-color: rgba(88, 145, 65, 0.1);}
.table-status-colors .status-green > td:first-child::before, .table-status-colors .status-green > td:last-child::after {background-color: #589141;}
.table-status-colors .status-green > td a {color: #589141;}
.table-status-colors .status-green:hover > td {background-color: rgba(88, 145, 65, 0.15);}
.table-status-colors .status-green .status-label {background-color: #589141;}
.table-status-colors .status-green .status-label > a {color: #fff;}
.table-status-colors .status-pink > td {background-color: rgba(204, 137, 166, 0.1);}
.table-status-colors .status-pink > td:first-child::before, .table-status-colors .status-pink > td:last-child::after {background-color: #cc89a6;}
.table-status-colors .status-pink > td a {color: #cc89a6;}
.table-status-colors .status-pink:hover > td {background-color: rgba(204, 137, 166, 0.15);}
.table-status-colors .status-pink .status-label {background-color: #cc89a6;}
.table-status-colors .status-pink .status-label > a {color: #fff;}
.table-status-colors .status-red > td {background-color: rgba(164, 64, 57, 0.1);}
.table-status-colors .status-red > td:first-child::before, .table-status-colors .status-red > td:last-child::after {background-color: #a44039;}
.table-status-colors .status-red > td a {color: #a44039;}
.table-status-colors .status-red:hover > td {background-color: rgba(164, 64, 57, 0.15);}
.table-status-colors .status-red .status-label {background-color: #a44039;}
.table-status-colors .status-red .status-label > a {color: #fff;}
.table-status-colors .status-orange > td {background-color: rgba(226, 126, 56, 0.1);}
.table-status-colors .status-orange > td:first-child::before, .table-status-colors .status-orange > td:last-child::after {background-color: #e27e38;}
.table-status-colors .status-orange > td a {color: #e27e38;}
.table-status-colors .status-orange:hover > td {background-color: rgba(226, 126, 56, 0.15);}
.table-status-colors .status-orange .status-label {background-color: #e27e38;}
.table-status-colors .status-orange .status-label > a {color: #fff;}
.table-status-colors .status-yellow > td {background-color: rgba(246, 180, 68, 0.1);}
.table-status-colors .status-yellow > td:first-child::before, .table-status-colors .status-yellow > td:last-child::after {background-color: #f6b444;}
.table-status-colors .status-yellow > td a {color: #f6b444;}
.table-status-colors .status-yellow:hover > td {background-color: rgba(246, 180, 68, 0.15);}
.table-status-colors .status-yellow .status-label {background-color: #f6b444;}
.table-status-colors .status-yellow .status-label > a {color: #fff;}
.table-status-colors .status-light-grey > td {background-color: rgba(184, 184, 184, 0.1);}
.table-status-colors .status-light-grey > td:first-child::before, .table-status-colors .status-light-grey > td:last-child::after {background-color: #b8b8b8;}
.table-status-colors .status-light-grey > td a {color: #b8b8b8;}
.table-status-colors .status-light-grey:hover > td {background-color: rgba(184, 184, 184, 0.15);}
.table-status-colors .status-light-grey .status-label {background-color: #b8b8b8;}
.table-status-colors .status-light-grey .status-label > a {color: #fff;}
.table-status-colors .status-light-purple > td {background-color: rgba(184, 176, 191, 0.1);}
.table-status-colors .status-light-purple > td:first-child::before, .table-status-colors .status-light-purple > td:last-child::after {background-color: #b8b0bf;}
.table-status-colors .status-light-purple > td a {color: #b8b0bf;}
.table-status-colors .status-light-purple:hover > td {background-color: rgba(184, 176, 191, 0.15);}
.table-status-colors .status-light-purple .status-label {background-color: #b8b0bf;}
.table-status-colors .status-light-purple .status-label > a {color: #fff;}
.table-status-colors .status-light-blue > td {background-color: rgba(141, 182, 215, 0.1);}
.table-status-colors .status-light-blue > td:first-child::before, .table-status-colors .status-light-blue > td:last-child::after {background-color: #8db6d7;}
.table-status-colors .status-light-blue > td a {color: #8db6d7;}
.table-status-colors .status-light-blue:hover > td {background-color: rgba(141, 182, 215, 0.15);}
.table-status-colors .status-light-blue .status-label {background-color: #8db6d7;}
.table-status-colors .status-light-blue .status-label > a {color: #fff;}
.table-status-colors .status-light-green > td {background-color: rgba(157, 184, 146, 0.1);}
.table-status-colors .status-light-green > td:first-child::before, .table-status-colors .status-light-green > td:last-child::after {background-color: #9db892;}
.table-status-colors .status-light-green > td a {color: #9db892;}
.table-status-colors .status-light-green:hover > td {background-color: rgba(157, 184, 146, 0.15);}
.table-status-colors .status-light-green .status-label {background-color: #9db892;}
.table-status-colors .status-light-green .status-label > a {color: #fff;}
.table-status-colors .status-light-pink > td {background-color: rgba(220, 188, 202, 0.1);}
.table-status-colors .status-light-pink > td:first-child::before, .table-status-colors .status-light-pink > td:last-child::after {background-color: #dcbcca;}
.table-status-colors .status-light-pink > td a {color: #dcbcca;}
.table-status-colors .status-light-pink:hover > td {background-color: rgba(220, 188, 202, 0.15);}
.table-status-colors .status-light-pink .status-label {background-color: #dcbcca;}
.table-status-colors .status-light-pink .status-label > a {color: #fff;}
.table-status-colors .status-light-red > td {background-color: rgba(194, 146, 143, 0.1);}
.table-status-colors .status-light-red > td:first-child::before, .table-status-colors .status-light-red > td:last-child::after {background-color: #c2928f;}
.table-status-colors .status-light-red > td a {color: #c2928f;}
.table-status-colors .status-light-red:hover > td {background-color: rgba(194, 146, 143, 0.15);}
.table-status-colors .status-light-red .status-label {background-color: #c2928f;}
.table-status-colors .status-light-red .status-label > a {color: #fff;}
.table-status-colors .status-light-orange > td {background-color: rgba(227, 179, 146, 0.1);}
.table-status-colors .status-light-orange > td:first-child::before, .table-status-colors .status-light-orange > td:last-child::after {background-color: #e3b392;}
.table-status-colors .status-light-orange > td a {color: #e3b392;}
.table-status-colors .status-light-orange:hover > td {background-color: rgba(227, 179, 146, 0.15);}
.table-status-colors .status-light-orange .status-label {background-color: #e3b392;}
.table-status-colors .status-light-orange .status-label > a {color: #fff;}
.table-status-colors .status-light-yellow > td {background-color: rgba(239, 207, 153, 0.1);}
.table-status-colors .status-light-yellow > td:first-child::before, .table-status-colors .status-light-yellow > td:last-child::after {background-color: #efcf99;}
.table-status-colors .status-light-yellow > td a {color: #efcf99;}
.table-status-colors .status-light-yellow:hover > td {background-color: rgba(239, 207, 153, 0.15);}
.table-status-colors .status-light-yellow .status-label {background-color: #efcf99;}
.table-status-colors .status-light-yellow .status-label > a {color: #fff;}
.table-status-colors .status-dark-grey > td {background-color: rgba(75, 75, 75, 0.1);}
.table-status-colors .status-dark-grey > td:first-child::before, .table-status-colors .status-dark-grey > td:last-child::after {background-color: #4b4b4b;}
.table-status-colors .status-dark-grey > td a {color: #4b4b4b;}
.table-status-colors .status-dark-grey:hover > td {background-color: rgba(75, 75, 75, 0.15);}
.table-status-colors .status-dark-grey .status-label {background-color: #4b4b4b;}
.table-status-colors .status-dark-grey .status-label > a {color: #fff;}
.table-status-colors .status-dark-purple > td {background-color: rgba(76, 62, 87, 0.1);}
.table-status-colors .status-dark-purple > td:first-child::before, .table-status-colors .status-dark-purple > td:last-child::after {background-color: #4c3e57;}
.table-status-colors .status-dark-purple > td a {color: #4c3e57;}
.table-status-colors .status-dark-purple:hover > td {background-color: rgba(76, 62, 87, 0.15);}
.table-status-colors .status-dark-purple .status-label {background-color: #4c3e57;}
.table-status-colors .status-dark-purple .status-label > a {color: #fff;}
.table-status-colors .status-dark-blue > td {background-color: rgba(6, 76, 133, 0.1);}
.table-status-colors .status-dark-blue > td:first-child::before, .table-status-colors .status-dark-blue > td:last-child::after {background-color: #064c85;}
.table-status-colors .status-dark-blue > td a {color: #064c85;}
.table-status-colors .status-dark-blue:hover > td {background-color: rgba(6, 76, 133, 0.15);}
.table-status-colors .status-dark-blue .status-label {background-color: #064c85;}
.table-status-colors .status-dark-blue .status-label > a {color: #fff;}
.table-status-colors .status-dark-green > td {background-color: rgba(44, 91, 25, 0.1);}
.table-status-colors .status-dark-green > td:first-child::before, .table-status-colors .status-dark-green > td:last-child::after {background-color: #2c5b19;}
.table-status-colors .status-dark-green > td a {color: #2c5b19;}
.table-status-colors .status-dark-green:hover > td {background-color: rgba(44, 91, 25, 0.15);}
.table-status-colors .status-dark-green .status-label {background-color: #2c5b19;}
.table-status-colors .status-dark-green .status-label > a {color: #fff;}
.table-status-colors .status-dark-pink > td {background-color: rgba(121, 66, 90, 0.1);}
.table-status-colors .status-dark-pink > td:first-child::before, .table-status-colors .status-dark-pink > td:last-child::after {background-color: #79425a;}
.table-status-colors .status-dark-pink > td a {color: #79425a;}
.table-status-colors .status-dark-pink:hover > td {background-color: rgba(121, 66, 90, 0.15);}
.table-status-colors .status-dark-pink .status-label {background-color: #79425a;}
.table-status-colors .status-dark-pink .status-label > a {color: #fff;}
.table-status-colors .status-dark-red > td {background-color: rgba(105, 22, 17, 0.1);}
.table-status-colors .status-dark-red > td:first-child::before, .table-status-colors .status-dark-red > td:last-child::after {background-color: #691611;}
.table-status-colors .status-dark-red > td a {color: #691611;}
.table-status-colors .status-dark-red:hover > td {background-color: rgba(105, 22, 17, 0.15);}
.table-status-colors .status-dark-red .status-label {background-color: #691611;}
.table-status-colors .status-dark-red .status-label > a {color: #fff;}
.table-status-colors .status-dark-orange > td {background-color: rgba(148, 65, 7, 0.1);}
.table-status-colors .status-dark-orange > td:first-child::before, .table-status-colors .status-dark-orange > td:last-child::after {background-color: #944107;}
.table-status-colors .status-dark-orange > td a {color: #944107;}
.table-status-colors .status-dark-orange:hover > td {background-color: rgba(148, 65, 7, 0.15);}
.table-status-colors .status-dark-orange .status-label {background-color: #944107;}
.table-status-colors .status-dark-orange .status-label > a {color: #fff;}
.table-status-colors .status-dark-yellow > td {background-color: rgba(160, 105, 13, 0.1);}
.table-status-colors .status-dark-yellow > td:first-child::before, .table-status-colors .status-dark-yellow > td:last-child::after {background-color: #a0690d;}
.table-status-colors .status-dark-yellow > td a {color: #a0690d;}
.table-status-colors .status-dark-yellow:hover > td {background-color: rgba(160, 105, 13, 0.15);}
.table-status-colors .status-dark-yellow .status-label {background-color: #a0690d;}
.table-status-colors .status-dark-yellow .status-label > a {color: #fff;}
.table-status-colors tr:hover .status-label a {color: #fff;}
.table-status-colors tr.status-white:hover .status-label a {color: #666;}
.table-status-colors .status-white.status-archived > td:first-child::before, .table-status-colors .status-white.status-archived > td:last-child::after {background-color: #fff;}
.table-status-colors .status-white td a, .table-status-colors .status-white .status-label a {color: #666;}
.table-status-colors button.status-button.status-button-green {background: #589141;color: #fff;}
.table-status-colors button.status-button.status-button-green i {color: #fff;}
.table-status-colors button.status-button.status-button-green:hover {background: #6eb253;}
.table-status-colors button.status-button.status-button-green:active {background: #63a349;}
.table-status-colors button.status-button.status-button-yellow {background: #f6b444;color: #fff;}
.table-status-colors button.status-button.status-button-yellow i {color: #fff;}
.table-status-colors button.status-button.status-button-yellow:hover {background: #f8c875;}
.table-status-colors button.status-button.status-button-yellow:active {background: #f7be5c;}



.modal-content {border-top-left-radius: .4rem;border-top-right-radius: .4rem}
.modal-header {padding: 15px;border-bottom: 1px solid #e9ecef;border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);}
.modal-header .modal-title {font-size: 1.2rem;color: #FFF;}
.modal-body {position: relative;padding: 15px;}
.modal-footer {margin-top: 2rem;padding: 15px;text-align: right;border-top: 1px solid #e5e5e5}

.swal-button {padding: 7px 20px}
.swal-button--confirm {color: rgb(222, 46, 55); background-color: rgb(255, 255, 255);border: solid 1px rgb(222, 46, 55)}
.swal-button--confirm:hover {background-color: rgb(222, 46, 55) !important;color: rgb(255, 245, 245) !important;}

/* Overlay */
.overlay {position: fixed;display: none;width: 100%;height: 100%;overflow: scroll;
    top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.59);z-index: 999;cursor: pointer;
    /*visibility: hidden;opacity: 0;transition: visibility 0s linear 0.33s, opacity 0.33s linear*/ }

.edit-overlay #head {position: relative;border-bottom: solid 1px #ccc;padding: 15px 0;margin-bottom: 20px}
.edit-overlay #head span {font-size: 18px;font-weight: 600;text-align: center;color: #616161;
    margin-left: 5%}
.edit-overlay .login-div {width: 45%; padding-top: 25px}

.tab {width: 30%;overflow: hidden;min-height: 300px}
.tabcontent form {display: flex;padding: 10px 2%;}
.tabcontent form input {display: block;width: 75%;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;
    color: #495057;background-color: #fff;border: 1px solid #ced4da;
    border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

/* messages overlay */
#message .message-body {width: 32%;background: #fff;border-radius: 10px;overflow: hidden;padding: 30px 40px;
    margin: auto;position: relative;margin-top: 100px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);}
#message .message-body #message-text {padding-right: 20px;}
#message .message-body #message-text span {display: block;padding: 2px 0}

.margin-top50 {margin-top: 50px !important;}

/* Switch Buttons */
.switch {width: 100%;position: relative;}
.switch-field {font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;padding: 20px 0;overflow: hidden;display: inline-flex;}
.switch-field input {position: absolute !important;clip: rect(0, 0, 0, 0);height: 1px;width: 1px;
    border: 0;overflow: hidden;}
.switch-field label {float: left;}
.switch-field label {display: inline-block;width: 60px;background-color: #e4e4e4;color: rgba(0, 0, 0, 0.6);
    font-size: 14px;font-weight: normal;text-align: center;text-shadow: none;padding: 6px 14px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition:    all 0.1s ease-in-out;
    -ms-transition:     all 0.1s ease-in-out;
    -o-transition:      all 0.1s ease-in-out;
    transition:         all 0.1s ease-in-out;}
.switch-field label:hover {cursor: pointer;}
.switch-field input:checked + label {border: solid 2px #63889B;color: #63889B;font-weight: bold;padding: 5px 14px;}
.switch-field label:first-of-type {border-radius: 4px 0 0 4px;}
.switch-field label:last-of-type {border-radius: 0 4px 4px 0;}


/* login/register */
.form-label {display: inline-block;margin-bottom: 5px;font-weight: 700;color: #555555}

.login-div {width: 32%;background: #fff;overflow: hidden;padding: 40px 55px 33px 55px;
    margin: auto;position: relative;}
.login-div .title {display: block;font-size: 30px;color: #333333;line-height: 1.2;text-align: center;}
.login-div form {width: 100%;}
.login-div form .input,
.login-div form .gender-div {width: 100%;position: relative;}
.login-div form .input {margin-bottom: 1rem}
.login-div form .input input {
    font-family: Poppins-Regular, sans-serif;
    font-size: 1rem;color: #555555;line-height: 1.5;display: block;width: 100%;background: transparent;background-clip: padding-box;
    padding: 0 5px;border: none;border-bottom: 2px solid #adadad;padding: .375rem .75rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;}
.login-div form .input input:focus {outline: none}
.login-div form .input label, .form-group label {color: #555;display: block;font-weight: 600;}
.login-div form .input textarea {width: 100%;padding: 8px;color: rgb(73, 80, 87);border: 1px solid rgb(206, 212, 218);
    border-radius: 4px;z-index: auto;position: relative;line-height: 24px;font-size: 16px;resize: none;}
.login-div form .gender-div .gender {display: inline-block;position: relative;}
.login-div form .gender-div .female {margin-left: 20%}
.login-div form .gender label {font-family: Poppins-Regular, sans-serif;font-size: 16px;color: #555555}
.login-div form .status select {font-family: Poppins-Regular, sans-serif;font-size: 16px;color: #555555;
    padding: 8px;border-radius: 4px;width: 100%;background-color: #FFF;order: 2px solid #adadad;}
.login-div form .input input:focus-within {border-bottom: solid 2px #a209e2}

.login-div form .submit {display: -webkit-box;display: -webkit-flex;display: -moz-box;
    display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: center;padding-top: 13px;}
.login-div form .submit .container {width: 100%;display: block;position: relative;z-index: 1;
    border-radius: 4px;overflow: hidden;margin: 0 auto;}

.login-div form .submit .container div {position: absolute;z-index: -1;width: 300%;height: 100%;background: #a64bf4;
    background: -webkit-linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);background: -o-linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
    background: -moz-linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);background: linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
    top: 0;left: -100%;
    -webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.login-div form .submit .container button {font-family: Poppins-Medium;font-size: 15px;color: #fff;
    line-height: 1.2;text-transform: uppercase;position: relative;
    display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;
    justify-content: center;align-items: center;padding: 0 40%;height: 50px;background: none;border: none}

.login-div form .submit .container div:hover {left: 0;}
.login-div .footer {padding-top: 40px}
.login-div .register-footer {padding-top: 0}
.login-div .footer span {font-family: Poppins-Regular;font-size: 13px;color: #666666;line-height: 1.5;}
.login-div .footer span .register {font-family: Poppins-Regular;font-size: 13px;color: #333333;line-height: 1.5;}
.login-div #forgot-password {position: absolute;margin-top: 10px;}
.add_user-div {width: 65% !important;padding-top: 0px !important;margin: 0 !important;}


/* admin portal */
/* Left Panel*/
#panel {width: 20%;position: fixed;bottom: 0;left: 0;padding: 0;height: 100%;z-index: 1;}
#leftPanel {width: 100%;height: 100%;position: relative;background: linear-gradient(to right, #222d32 , #3b454a);
    z-index: 1;min-height: 100vh;transition: width 0.3s ease;overflow-y: scroll;overflow-x: hidden;}
#leftPanel #userSection {text-align: left;padding: 0 15px;}
#leftPanel #userSection span {font-size: 16px; color: #FFF; font-weight: bold; margin: 50px;}
#leftPanel #userSection img {height: 60px;display: inline-block;border-radius:  50px;border: 2px solid #fff;}
#leftPanel #sep {padding: 10px 0 10px 20px;background-color: rgba(255, 255, 255, 0.1);margin: 0 0 25px;}
#leftPanel #sep span {font-size: 13px;font-family: 'Poppins', sans-serif;font-weight: 500;color:  #fff;}

#leftPanel #siteManager ul {list-style: none;padding: 0}
#leftPanel #siteManager ul li {}
#leftPanel #siteManager ul li.menu-item .menu-link {text-decoration: none; color: #FFF;
    font-size: 14px;padding: 8px;outline: 0;overflow: hidden;display: block}
#leftPanel #siteManager ul li.menu-item .menu-link:hover{background-color: rgba(255, 255, 255, 0.1);border-right: solid 4px #1ABB9C;}
#leftPanel #siteManager i {color: #FFF; padding: 7px 10px;line-height: 6px}
#leftPanel #siteManager hr {width: 70%;margin: 0 8%;border-width: 0.5px;}
#leftPanel #siteManager .section-title {border-bottom: 1px solid #4e4e52;color: #9496a1;clear: both;
    display: block;font-family: 'Open Sans';font-size: 12px;font-weight: 700;line-height: 30px;
    text-transform: uppercase;margin: 0 8%;width: 90%}
#leftPanel #userSection h6 {color: #fff;font-family: 'Poppins', sans-serif;display:  inline-block;
    vertical-align:  top;margin: 16px 0 0;}
#leftPanel #userSection h6 strong {font-weight:  600;font-size: 16px;}
#leftPanel #sep i {font-size: 17px;margin-right: 7px;color: #1ABB9C;}

#right-panel {position: relative;padding-left: 20%;width: 100%; max-width: 100%;overflow: hidden;}
#right-panel .right-panel-wrapper {min-height: calc(100vh - 3.5rem);overflow-x: scroll;}
#right-panel .right-panel-wrapper .page-inner {padding: 1.5rem 0;width: max-content;min-width: 100%;}
#static-page {width: 80%;}

#dashboard {position: relative;padding-left: 20%}
#dashboard .item {background: linear-gradient(to bottom right, #20a8d8, #20a8d8b0);width: 22%;border-radius: 6px;
    margin: 10px 1.3%;display: inline-block;vertical-align: top;position: relative;font-family: 'Montserrat', sans-serif;
    box-shadow: 0 0 16px #00000045;}
#dashboard .item .head {display: flex;vertical-align: top;overflow: hidden;
    border-top-left-radius: 6px; border-top-right-radius: 6px;min-height: 83px;
    background-color: #337ab7;border-color: #337ab7;padding: 20px 15px;border-bottom: 1px solid transparent;}

#dashboard .item a {text-decoration: none}
#dashboard .item .footer {padding: 10px 15px;background-color: #f5f5f5;border-top: 1px solid #ddd;
    border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;display: flex;}
#dashboard .item .footer a {color: #FFF;font-size: 20px;padding: 5px 0;text-decoration: none;}
#dashboard .item .head span {color: #FFF;font-size: 32px;font-weight: 800;position: absolute;right: 5%;}
#dashboard .item .break {border-bottom: 1px dotted #fff;left: 0;right: 110px;
    top: 0;z-index:  -1;}
#dashboard .item .head i {color: #fff;font-size: 45px;}
#dashboard .item .footer i {position: absolute;right: 0;margin: 4px 7%;}
.dropdown-btn {cursor: pointer;color: #c7c7c7;font-family: 'Poppins', sans-serif;font-size: 14px;font-weight: 500;
    margin-left: 8%;padding: 15px 0 10px 0;display: flex;}
.dropdown-btn:hover {color: #FFFFFF;}
.dropdown-container {display: none;margin: 0 0 0 10%}

#manageUsers {width: 96%;padding: 30px 30px;min-height: 30vh;box-shadow: 0 0 16px #00000026;border-radius: 3px;
    left: 2%;position: relative;margin-top: 50px;background: #f1f2f7;overflow-x: scroll;overflow-y: scroll;}

#right-panel .header h2 {font-size: 24px;font-weight: 200;color: #8CD3E8;
    margin-bottom: 10px;font-family: 'Montserrat', sans-serif;text-transform:  uppercase;position: relative;
    border-left: 3px solid #8CD3E8;padding: 5px 15px;display: inline-block}
#right-panel .header .btn {margin-top: -12px;margin-left: 5rem;display: inline}



#right-panel .dataTables_filter {float: right}


.modal-width-50 {width: 50% !important;}

#manageUsers .container-table {width: 100%;align-items: center;justify-content: center;flex-wrap: wrap;}
#manageUsers .container-table table {border-collapse: collapse;background: #FFFFFF;width: 100%;position: relative;table-layout: fixed}
#manageUsers .container-table table .tr td, .tr table th {padding-left: 8px;}
#manageUsers .container-table table .tr td {overflow: hidden;}
#manageUsers .container-table table thead .tr {height: 60px;background: #36304a;}
#manageUsers .container-table table thead .tr th:first-child {border-top-left-radius: 10px}
#manageUsers .container-table table thead .tr th:last-child {border-top-right-radius: 10px}
#manageUsers .container-table table tbody .tr {height: 50px;}
#manageUsers .container-table table tbody .tr:last-child {border: 0;}
#manageUsers .container-table .table-head th {font-size: 18px;color: #fff;line-height: 1.2;font-weight: unset;}
#manageUsers .container-table tbody .tr:nth-child(even) {background-color: #f5f5f5;}
#manageUsers .container-table tbody .tr {font-size: 15px;color: #808080;line-height: 1.2;font-weight: unset;}
#manageUsers .container-table tbody .tr:hover {color: #555555;background-color: #f5f5f5;cursor: pointer;}
#manageUsers .container-table .column1 {width: 50px;}
#manageUsers .container-table .column2 {width: 100px;}
#manageUsers .container-table .column3 {width: 150px;}
#manageUsers .container-table .column4 {width: 120px;}
#manageUsers .container-table .link {color: #007bff;text-decoration: none;background-color: transparent;}
#manageUsers .container-table .link:hover {color: #0056b3;text-decoration: underline;}

.login-div #close {font-size: 30px;position: absolute;top: 10px;right: 10px;color: #6f6f6f;}
.login-div #close:hover {font-size: 31px}
.delete-user {margin-top: 50px}
.delete-user .notice {color: #444;}

/* Admin - Manage bids, Manage Comments*/
#post-info {width: 100% !important; margin: 0 0 15px 0 !important;padding: 15px 30px 0 30px !important;}
#post-info #user-bids ul, #post-info #user-comments ul {list-style-type: none}
#post-info #user-bids ul li, #post-info #user-comments ul li
{border-bottom: 1px solid #ddd;padding: 15px 0 20px 44px;position: relative;display: flex}
#post-info #user-comments ul li {display: block !important;padding-bottom: 8px}
#post-info #user-bids ul li:last-child {border-bottom: none}
#post-info #user-comments ul li:last-child {border-bottom: none}
#post-info #user-bids ul li .left img, #post-info #user-comments ul li .left img
{width: 40px;height: 40px;margin-right: 15px;overflow: hidden;float: left;border-radius: 50%;}
#post-info #user-comments ul li .left img {width: 35px !important; height: 35px !important;}
#post-info #user-bids ul li .time-date {color: #999;font-size: 12px;display: block;font-weight: 600}
#post-info #user-comments ul li time {color: #b2b2b2;padding-left: 8px;font-weight: 700;font-size: 14px}
#post-info #user-bids ul li .right {margin-left: 12%;display: inline-grid;}
#post-info #user-bids ul li .right span {font-weight: 600;color: #555555}
#post-info #user-comments ul li .comment {width: 65%;position: relative;margin-left: 6%;
    font-size: 14px;line-height: 22px;padding: 8px 0;word-break: break-word;color: #555;}
#post-info #user-comments ul li .reply {border-top: solid 1px #ccc;padding: 15px 0 2px 0;margin-left: 6%;width: 90%;}

#post-info #user-bids ul li .buttons {display: inline-flex;margin: 0 50px;position: absolute; right: 0}
#post-info #user-comments ul li .buttons {display: inline-flex;margin: 15px 50px;position: absolute;right: 0;top: 0;}
#post-info #user-bids ul li .buttons .switch-field, #post-info #user-comments ul li .buttons .switch-field
{margin: -17px 15px}
#post-info #user-comments ul li .buttons-reply {display: inline-flex;float: right;margin-top: -75px}
#post-info #user-comments ul li .buttons-reply .switch-field {margin: -17px 15px}


.elements {display: block;}
.elements .element {width: 100%;height: 50px;position: relative;display: flex;word-wrap: break-word;
    border: 1px solid rgba(0,0,0,.125);border-radius: 4px;
    padding: 5px 10px;background-color: rgba(0,0,0,.03);margin-bottom: 20px}
.elements .element:hover {box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);border-color: rgba(0,0,0,.25);}
.elements .element .left {color: #878787;font-weight: 700;margin: 7px 10px}
.elements .element .left span:hover {color: #3a3a3a;cursor: pointer}
.elements .element .right {position: absolute;right: 1%;}


.advertisement-div {width: 55%;top: 25px;}
#advertisements-elements :first-child,
#advertisements-elements :last-child {border-radius: 4px}
#advertisement {cursor: default}
#advertisement .title {text-align: left;font-size: 26px}
#advertisement .sub_title {font-size: 20px;text-align: left}
#advertisement .element {width: 100%;position: relative;color: #444;font-size: 16px;
    border: 1px solid rgba(0,0,0,.125);padding: .75rem 1.25rem;margin-bottom: -1px;}
#advertisement .element span {font-weight: 500;font-size: 14px}
#advertisement #title_i {float: right;margin: -22px 21px 0 0;}
#advertisement .element i {float: right;margin-top: 4px;cursor: pointer}
#advertisement .element input,
#advertisement #title-input {display: inline-block;width: 70%;padding: 6px 10px;position: relative;
    margin: 0 0 0 4%;border: solid 1px #ced4da;border-radius: 4px;font-size: 1rem;line-height: 1.5;color: #495057;}
#advertisement #title-input {margin: 0 0 20px 0;top: -30px;}
#advertisement #edit-btn {position: absolute;right: 8%;top: 37px;}
#advertisement .element #description-input {width: 85%;min-height: 108px;position: absolute;left: 3%;top: 45px;
    padding: 5px;line-height: 24px;font-size: 16px;transition: none 0s ease 0s;background: transparent !important;
    color: rgb(73, 80, 87);border: 1px solid rgb(206, 212, 218);border-radius: 4px;}

/* static pages */
#page-content-form .form-group {width: 100% !important;}
#page-content-form .textarea-div {width: 100%; margin: 0 2%}

/* help-overlay-content */
#help-overlay-content {width: 100%;}
/*#help-overlay-content form textarea {display: block;width: 100%;resize: none;padding: 10px .75rem;height: 100px;*/
/*    font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;border: 1px solid #ced4da;border-radius: .25rem;*/
/*    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}*/

/* email-templates */
#static-page .card-body .template-body {border: solid 1px #CCC;padding: 12px;color: #555}

/* contact_support_emails */
.support_emails #accordion {margin-bottom: 20px;}
.support_emails #accordion .panel-default {background-color: #fff;border: 1px solid #ddd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);margin-bottom: 25px;border-radius: 4px;}
.support_emails #accordion .panel-default .panel-heading {padding: 10px 15px;border-top-left-radius: 3px;border-top-right-radius: 3px;
    color: #333;background-color: #f1f1f1;}
.support_emails #accordion .panel-default .panel-heading .delete-email {float: right;color: #F5F5F5}
.support_emails #accordion .panel-default .panel-heading:hover {background: #A9BFC8;}
.support_emails #accordion .panel-default .panel-heading span {color: #666666}
.support_emails #accordion .panel-default .panel-heading .panel-title {margin-top: 0;margin-bottom: 0;font-size: 14px;color: inherit;
    font-weight: 600;font-family: 'Roboto', sans-serif;padding: 5px 0 10px 0;line-height: 28px;color: #555555}
.support_emails #accordion .panel-default .panel-heading .panel-title a {color: inherit;text-decoration: none;}
.support_emails #accordion .panel-default .panel-heading .panel-title a:hover {color: #007bff;transition: 0.3s all ease;}
.support_emails #accordion .panel-collapse .panel-body {font-size: 16px;font-family: 'Open Sans', sans-serif;line-height: 26px;
    color: #5c5c5c;padding: 15px;border-top: 1px solid #ddd;display: grid}










/* Homepage */
#body-content {margin-top: 40px;position: relative;padding-bottom: 100px;}

/* Header */
header {width: 100%;height: 75px}
header #header {width: 100%;height: 75px;position: fixed;z-index: 99;top: 0;
    background: rgba(0, 0, 0, 0.85);}
header #header ul {list-style-type: none;display: inline-flex}
header #header ul a {color: #D0D0D0;font-size: 15px;font-family: serif;text-decoration: none;}
header #header ul a li {height: 100%;padding: 26px 10px;font-family: 'Raleway', sans-serif;}
header #header ul a li:hover {color: #FF0000}
header #header ul a .active {background: rgba(0, 0, 0, 0.35);}
header #header ul a li .count {border-radius: 50%;color: #fff;font-size: 11px;line-height: 15px;top: -7px;
    padding: 2px 5px;position: relative;background-color: #FF0000}
header #header #left {width: 60%;}
header #header #right {display: inline-flex;float: right;}
header #header #right #help-overlay-icon {font-size: 41px;color: #FFF;margin: 6px 25px;cursor: pointer}
header #header #right #user-image {}
header #header #right #user-image::after {color: #FFFFFF}
header #header #right #user-image img {width: 45px;height: 45px;border-radius: 50%;cursor: pointer}
header #header #right .dropdown {margin: 13px 25px;}
header #header #right #dropdown-menu {border: none;padding: 5px 10px;z-index: 999;
    min-width: 150px;transform: translate3d(-35%, 50px, 0) !important;}
header #header #right #dropdown-menu ul {display: contents;}
header #header #right #dropdown-menu ul li {padding: 7px}
header #header #right #dropdown-menu ul li:hover {background: #c7c7c7;}
header #header #right #dropdown-menu ul li a {color: #444444;}
header #header #right #login-register {position: relative;}
header #header #right #choose-language {font-family: Poppins-Regular, sans-serif;font-size: 16px;
    color: #555555;padding: 8px;border-radius: 4px;height: 36px;margin-top: 20px;}

/* Footer */
footer {width: 100%;background: #000000;padding: 20px 35px 10px 35px;bottom: 0;position: absolute;}
footer #footer {width: 100%;border-top: 1px solid #333;padding-top: 20px;padding-bottom: 10px;text-align: left;display: inline-flex;}
footer #footer span {cursor: pointer;}
footer #footer span:hover {color: #c8c8c8;}
footer #footer ul {list-style-type: none;position:relative;right: -7%}
footer #footer ul li {display:inline-block;padding: 0 10px;}
footer #footer ul li a {text-decoration: none}

#footer-login-alert .modal {padding-right: 0px;background-color: rgba(4, 4, 4, 0.8);}
#footer-login-alert .modal-dialog {top: 20%;width: 100%;position: relative;}
#footer-login-alert .modal-content {border: none;top: 40%;}
#footer-login-alert .modal-body {background-color: #1ABB9C;color: white;border-radius: 4px;}
#footer-login-alert button {position: absolute;z-index: 1;right: 0;font-size: 30px;margin: 2px 10px;}

.modal-full-height {position: absolute !important;display: -webkit-box !important;display: -webkit-flex !important;
    display: -ms-flexbox !important;display: flex !important;margin: 0 !important;min-width: 28%;width: auto !important;
    height: auto !important;min-height: 100% !important;top: 0 !important;right: 0 !important;}
.footer-help-overlay-modal .modal-content {border-radius: 0.4rem}
.footer-help-overlay-modal .modal-header {background-color: #ff3547;}
.footer-help-overlay-modal .modal-header .heading {margin: 0;padding: .3rem;font-size: 1.15rem;color: #fff;font-weight: 700}
.footer-help-overlay-modal .modal-header .heading button {opacity: 1;padding: 1rem;margin: -1rem -1rem -1rem auto;background-color: transparent;}
.footer-help-overlay-modal .dismiss-btn {color: #FFF !important;background-color: #ff3547;
    padding: .84rem 2.14rem;font-size: .81rem;
    margin: .375rem;border-radius: .125rem;text-transform: uppercase;white-space: normal;}
.footer-help-overlay-modal .modal-footer {justify-content: space-around}


#searches {position: relative;margin-bottom: 40px;}
#searches .search-item {width: 100%;height: 154px;vertical-align: middle;border-radius: 6px;background: #f6f6f4;
    border: 1px solid #ebebeb;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);overflow: hidden;
    transition: box-shadow 0.5s ease;margin: 15px 0;display: inline-flex}
#searches .search-item:hover {box-shadow: 0 3px 10px 3px #cccccc;cursor: pointer;}
#searches .search-item .search-image {width: 25%;height: 100%;position: relative;display: inline-block;
    vertical-align: middle;text-align: center;overflow: hidden;background-color: #eee;}
#searches .search-item .search-image img {display: inline-block;height: 100%;width: auto;position: absolute;left: 50%;top: 50%;
    transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);-moz-transform: translateY(-50%) translateX(-50%);
    border-top-left-radius: 6px;border-bottom-left-radius: 6px}
#searches .search-item .search_item_fav {position: absolute;top: 0px;right: 0px;left: auto;margin: 8px;}
#searches .search-item .search_item_fav .search_item_fav_text {float: left;padding: 10px;background-color: #FFFFFF;
    padding-right: 40px;margin-right: -34px;margin-top: -2px;border-radius: 50px;height: 35px;
    opacity: 0;text-align: left;white-space: nowrap;font-size: 12px;visibility: visible;}
.icon.observe2 {width: 29px;height: 28px;background-position: 0 0;background-image: url(../images/2f2842fc853008a0472e7400c95389d3ca.png);}
.search_item_fav .icon.observe2.selected {background-position: 0 -28px;}
.search_item_fav:hover .search_item_fav_text {opacity: 1 !important;}
.search_item_fav:hover .icon.observe2 {background-position: 0 -28px !important;}

#searches .search-item .right {display:inline-block;width: 75%;padding: 10px;
    position: relative;margin: 10px 0 0 15px}
#searches .search-item .search-title {width: 60%;}
#searches .search-item .search-title a {font-size: 20px;display: inline-block;line-height: 1.1em;overflow: hidden;
    text-overflow: ellipsis;color: #0098d0;text-decoration: none;}
#searches .search-item .search-category {overflow: hidden;text-overflow: ellipsis;width: 60%;margin-top: 2px}
#searches .search-item .search-category span {font-size: 13px;color: #333}
#searches .search-item .search-time_location {position: absolute;vertical-align: middle;padding: 15px 0;font-weight: bold;color: #444}
#searches .search-item .search-price {font-size: 30px;text-align: right;top: 0;position: absolute;
    right: 0;color: #232323;padding: 0 15px;}
#searches .search-item .search-bids {text-align: right;position: absolute;right: 0;top: 60px;margin-right: 17px;font-weight: 800;color: #444;}
#searches .search-item .search-bids .count {border-radius: 50%;color: #fff;font-size: 11px;padding: 2px 5px;background-color: #FF0000;margin: 0 0 2px 2px;}

#searches .search-item .fav {font-size: 32px;margin-top: 25px;text-align: right;position: absolute;right: 0;color: #e0e0e0;padding: 0 15px;}
#searches .search-item .fav:hover {font-size: 34px;color: #b9b9b9}


/**/
#view-advertisement .advertisement-div .title {color: #1daaa3;font-family: 'Poppins', sans-serif;font-size: 26px;
    font-weight: 600;line-height: 23px;text-transform: uppercase;float: left}
#view-advertisement .advertisement-div #advertisements-elements {margin-top: 25px}
#view-advertisement .advertisement-div #advertisements-elements #advertisement-image img {float: right;width: 45%}
#view-advertisement .advertisement-div #advertisements-elements .element {padding: 5px 2px;font-weight: 600}
#view-advertisement .advertisement-div #advertisements-elements .element #user_image {width: 50px;height: 50px;overflow: visible;border-radius: 50%;}
#view-advertisement .advertisement-div #advertisements-elements .element #user_link {font-size: 14px;font-weight: 700;color: #0e0e0f;padding-left: 15px;}
#view-advertisement .advertisement-div #advertisements-elements .element #category,
#view-advertisement .advertisement-div #advertisements-elements .element #sub-category {color: #0e0e0f}
#view-advertisement .advertisement-div #advertisements-elements .element span {color: #1daaa3}
/**/

b, strong {font-weight: 700;}
.border-right {border-right: .0714285714rem solid #f1f1f1;}
.column, .columns {width: 100%;float: left;padding-left: .5357142857rem;padding-right: .5357142857rem;}
.price .currency-text {color: #006fcc;margin-left: 8px;}
.price #top_price {font-size: 1rem}
.currency-text {font-size: 1rem;}
.no-bullet {margin-left: 0;list-style: none;}
#view-search-modal h5 {margin-top: .2rem;}
#view-search-modal h3 {font-weight: 700;font-size: 1rem;}

#view-search-modal .reveal-body {}
#view-search-modal .reveal-body .price span {color: #006fcc;font-weight: 700;}
#view-search-modal .search-details {font-weight: 700; color: #0e0e0f}
#view-search-modal .search-details span {font-weight: 400;position: relative;display: inline-block;color: #006fcc;}
#view-search-modal .reveal-body #user_image {width: 50px;height: 50px;overflow: visible;border-radius: 4px;}
#view-search-modal .reveal-body #user_link {font-size: 14px;font-weight: 700;color: #0e0e0f;padding-left: 15px;}
#view-search-modal .img-container {width: 100%;position: relative;overflow: hidden;}
#view-search-modal .img-container img {margin: 0 auto;vertical-align: middle;height: 100%;width: 100%;object-fit: fill;}



/* advertisement */
#view-post {position: relative;border-radius: 4px;background: #ffffff;border-top: 3px solid #3C8DBE;width: 65%;
    margin: 40px 0 0 17%;box-shadow: 0 1px 1px rgba(0,0,0,0.1);min-height: 250px;padding: 15px 30px;}
#view-post #top {width: 100%;display: inline-block;padding: 10px}
#view-post #title-preview {display: inline-block;}
#view-post #title-preview #title-preview-span {font-size: 24px;color: #3C8DBE;font-weight: bold;display: block;}
#view-post #title-preview #sub-title-preview-span {font-size: 20px;color: #3C8DBE;display: block;}
#view-post #title-preview .user-profile img {width: 50px;height: 50px;overflow: visible;border-radius: 50%;}
#view-post #title-preview .user-profile a {font-size: 14px;font-weight: 700;color: #333333;padding-left: 15px;}
#view-post #title-preview #category_preview {font-size: 15px;font-weight: 600;padding: 16px 5px;color: #555555;display: inline-block;}
#view-post #title-preview #category_preview-icon {color: #555555}
#view-post #right {display: inline-block;float: right}
#view-post #right #info {width: 100%}
#view-post #right #info span {display: block;}
#view-post #right #info #price-preview {font-size: 36px;font-weight: bold;color: #555555;display: block;
    text-align: center;}
#view-post #right #info #price-preview #price {display: inline-block;}
#view-post #right #info #duration {width: 100%;text-align: center;margin-top: 16px;font-size: 20px;overflow: hidden;
    color: #555555;}
#view-post #right #info #add-bid-btn {padding: 10px 0; margin-top: 12px}
#view-post #right #info #add-bid-btn span {background-color: #fff;font-weight: 500;color: #777;border: solid 1px #ccc;
    padding: 10px 30px;cursor: pointer;border-radius: 4px;}
#view-post #right #info #add-bid span:hover {background: #f1f1f1}
#view-post #images-cont {width: 100%;height: 335px;border: solid 1px #ccc;border-radius: 5px;margin: 10px 0}
/*#view-post #images-cont #images {width: 100%;padding: 5px;position: relative}*/
/*#view-post #images-cont #images img:first-child {width: 100%;height: 320px;}*/
/*#view-post #images-cont #images #thumbnails {position: absolute;z-index: 100;bottom: -3px;border-top: solid 1px #a2a2a2;*/
/*border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;width: 100%;padding: 5px;background: transparent;left: 0;}*/
/*#view-post #images-cont #images #thumbnails img {width: 130px;height: 86px;cursor: pointer;border-radius: 3px}*/
#myCarousel .carousel-indicators > li {width: initial;height: initial;text-indent: initial;}
#myCarousel .carousel-indicators > li.active img {opacity: 0.7;}
#view-post #description-preview {width: 97%;padding: 8px;word-wrap: break-word;font-size: 13px;
    min-height: 150px;color: #616161;margin-top: 15px;border-bottom: solid 1px #d2c4c4;}

.section {position:relative;background: #FFF;width: 65%;margin-left: 17%;box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    margin-top: 20px;border: 1px solid #ddd;border-radius: 3px;border-bottom: none}
.section #header {background: #f7f7f7;border-bottom: 1px solid #ddd;padding: 18px 0 10px 20px}
.section #header h4 {font-size: 18px;font-weight: 700;color: #0e0e0f;text-align: left;}
#about-user {padding-bottom: 5px}
.section #user-info {display: flex;}
.section #user-info .user-image {margin: 5px 0 0 15px}
.section #user-info .user-image img {width: 95px;height: 95px;border-radius: 50%;}
.section #user-info .right {padding-left: 15px;top: 10px;position: relative;}
.section #user-info .right a {font-size: 20px;font-weight: 700;color: #0e0e0f;text-align: center;}
.section #user-info .right #rating {padding: 7px 0;display: flex}
.section #user-info .right #rating .checked {color: orange;}
.section #user-info .right #rating .rating-text {display: inline-block;color: #999;vertical-align: text-bottom;padding-left: 10px;}
.section #user-info .right #contact {padding: 10px 0}
.section #user-info .right #contact span {background-color: #fff;font-weight: 500;color: #777;border: solid 1px #ccc;
    padding: 10px 30px;cursor: pointer}
.section #user-other-info {padding: 18px 0 0;border: 0;border-top: 1px solid #ddd;margin-top: 24px;
    margin-bottom: 24px;border-bottom: 1px solid #ddd;width: 96%;margin-left: 2%;}
.section #user-other-info ul {border-top: none;
    display: flex;font-size: 14px;text-align: left;list-style-type: none}
.section #user-other-info ul li:first-child {padding-left: 0}
.section #user-other-info ul li {padding: 0 10%;border-right: solid 1px #ccc}
.section #user-other-info ul li:last-child {border-right: none}
.section #user-other-info ul li span {display: block;}
.section #user-other-info ul li strong {float: none;padding-top: 4px;color: #555;display: inline}
.section #user-other-info ul li .last-child {padding-left: 15px}

.section #user-bids ul, .section #user-comments ul {list-style-type: none;padding-inline-start: 0;}
.section #user-bids ul li, .section #user-comments ul li
{border-bottom: 1px solid #ddd;padding: 15px 0 20px 44px;position: relative;display: flex}
.section #user-comments ul li {display: block !important;padding-bottom: 8px}
.section #user-bids ul li .left {width: 85%}
.section #user-comments ul li .left {width: 100%}
.section #user-bids ul li .left img, .section #user-comments ul li .left img
{width: 40px;height: 40px;margin-right: 15px;overflow: hidden;float: left;border-radius: 50%;}
.section #user-comments ul li .left img {width: 35px !important; height: 35px !important;}
.section #user-bids ul li .time-date {color: #999;font-size: 12px;display: block;font-weight: 600}
.section #user-comments ul li time {color: #b2b2b2;padding-left: 8px;font-weight: 700;font-size: 14px}
.section #user-bids ul li .right span {font-weight: 600;}
.section #user-comments ul li .comment {width: 90%;position: relative;margin-left: 6%;
    font-size: 14px;line-height: 22px;padding: 8px 0;word-break: break-word;color: #555;}
.section #user-comments ul li .reply {border-top: solid 1px #ccc;padding: 15px 0 2px 0;margin-left: 6%;width: 90%;}
.section #user-comments ul li .comment-reply {color: #00698c !important;  display: block;font-size: 14px;
    cursor: pointer;font-weight: 600;margin-left: 6%;}

.section ul .show-more {padding: 10px 0 !important;background: #f7f7f7;width: 100%;cursor: pointer;text-align: center}
.section ul .show-more span {text-align: center;width: 100%;color: #007bff;font-weight: 600;}
.section ul .add-comment {padding: 0 !important;}
.section ul .add-comment form input {width: 100%;height: 55px;padding: 8px 20px;border: solid 1px #ccc;}
.section ul .login-alert {padding: 27px 0 !important;}

#body-content #static-page {margin: 0 auto}
#static-page .titles {margin-bottom: 40px;position: relative;border-bottom: solid 1px #e1e1e1}
#static-page .titles::before {background: #1e1e1e;bottom: 0;content: "";display: block;
    height: 1px;left: 0;margin: 0 0 -1px;position: absolute;width: 40px;}
#static-page .titles h1 {padding: 0;margin-top: 15px;font-size: 24px;line-height: 1.3;}
#static-page .lead {margin-bottom: 20px;font-size: 16px;font-weight: 300;line-height: 1.4}

#post-info {background-color: #fff;border: 1px #ccc solid;border-radius: 0 5px 5px 5px;
    width: 70%;margin: 40px 0 20px 15%;box-shadow: 0 1px 1px rgba(0,0,0,0.1);min-height: 250px;padding: 15px 30px;}
#post-info #top {position: relative;padding: 20px;min-height: 74px;border-bottom: 1px #ddd solid;padding-bottom: 35px}
#post-info #top h1 {font-size: 26px;line-height: 26px;overflow: hidden;position: relative;font-weight: 700;
    font-family: helvetica neue,Helvetica,Arial,sans-serif;}
#post-info #top h1 a {font-size: 12px; font-weight: 400; color: #555555}
#post-info #top ul {list-style-type: none;padding: 0}
#post-info #top ul li {float: left;font-size: 12px;line-height: 14px;font-weight: 400;color: #999;
    border-right: 1px #ccc solid;margin-right: 8px;padding: 0 8px 2px 0;}
#post-info #top ul li:last-child {border-right: 0;padding-right: 0;margin-right: 0;}
#post-info #top span {float: right;font-size: 40px;line-height: 45px;color: #555;font-weight: 400;
    margin: 0 0 0 20px;text-align: right;}
#post-info #bottom {position: relative;padding: 20px;}

#post-info #bottom .bid {border-bottom: 1px #ddd solid;min-height: 50px;zoom: 1;position: relative;
    text-align: left;padding: 25px 0 10px 62px;}
#post-info #bottom .bid .user {width: 50px;height: 50px;margin-right: 12px;
    overflow: hidden;float: left;border-radius: 50%;margin-left: -62px;margin-top: -22px;}
#post-info #bottom .bid .user img {width: 50px;height: 50px;display: block;}
#post-info #bottom .bid h4 {color: #0e0e0f;font-weight: 700;margin-top: -2px;padding-bottom: 3px;
    font-size: 14px;line-height: 18px;word-wrap: break-word;}
#post-info #bottom .bid h4 time {color: #b2b2b2;padding-left: 8px;}
#post-info #bottom .bid .bid-price {float: right;font-size: 30px;line-height: 13px;color: #555;font-weight: 400;}
#post-info #bottom .bid .body {padding-top: 5px;font-size: 14px;line-height: 18px;color: #555}
#post-info #bottom .bid .comment-reply {color: #00698c !important;  display: block;font-size: 14px;
    cursor: pointer;font-weight: 600;}
#post-info #bottom .bid .reply {border-top: solid 1px #ccc;padding: 25px 0 5px 0}
#post-info #bottom .bid .reply .user {margin-left: 0 !important;}
#post-info #bottom .bid .reply .body {margin-left: 64px}
.hidden {display: none !important;}
#post-info #top .user-profile {position: relative;  margin-top: 40px;}
#post-info #top .user-profile img {width: 50px;height: 50px;overflow: visible;border-radius: 50%;}
#post-info #top .user-profile a {font-size: 14px;font-weight: 700;color: #333333;padding-left: 15px;}

/* Create Search */
#create-search {position: relative;border-radius: 4px;background: #ffffff;border-top: 3px solid #3C8DBE;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);min-height: 250px;margin-bottom: 30px;padding: 5px 10px;}
#create-search #create-search-form .tab {width: 100%;height: 100%}
#create-search #create-search-form .tab h2 {border-bottom: 3px solid #d2d6de;color: #444;padding: 15px 10px;
    position: relative;font-size: 18px;line-height: 1;}
#create-search #create-search-form .tab .spacer {background: #ccc;height: 2px;width: 80%;margin: 10px 10%;}

#create-search #create-search-form .step {height: 15px;width: 15px;margin: 0 2px;
    background-color: #bbbbbb;border: none;  border-radius: 50%;display: inline-block;opacity: 0.5;}
#create-search #create-search-form .step.active {opacity: 1;}
#create-search #create-search-form .step.finish {background-color: #4CAF50;}

#create-search #category #categories-locations #select_location {margin: 15px 0 30px 0;}
#create-search #category #categories-locations #select_location span {color: #616161;padding: 0 10px;}
#create-search #create-search-form #category #select_location #map-location {width: 100%;height: 200px;background: #FFF;margin: 20px 0 0 0%}
#create-search #create-search-form #category #select_location #map-location #mapcontainer {z-index: 1}
#create-search #create-search-form #category #select_location button {padding: 6px 17px;font-size: 12px;font-weight: bold;cursor: pointer;width: 25%;
    border: 1px solid #3C8DBE;color: #3C8DBE;border-radius: 4px;text-align: center;margin: 0 10px;position: relative;top: 15px;}

#create-search #category #categories-locations #select-category {margin: 20px}

#create-search #description #description-div, #create-search #description #price-div {border: solid 1px #ccc;border-radius: 4px;}
#create-search #description .description-title, #create-search #description .price-title {color: #444;font-size: 18px;background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);padding: 10px;}
#create-search #description .description-body, #create-search #description .price-body {padding: 15px}
#create-search #description #price-div {margin-top: 20px}

#create-search #images #images-cont {position: relative;margin-top: 20px}
#create-search #images #images-cont #images-cont-title {width: 70%;margin: 20px 10px}
#create-search #images #images-cont #images-cont-title span {display: block;color: #5c5c5c; font-size: 18px}
#create-search #images #images-cont #images-cont-title span strong {color: #444444;}

#create-search #images .image-div-container {display: inline-block;width: 100%}
#create-search #images .image_div {border-radius: 4px;padding: 6px 10px;color: #444;font-size: 1em;
    transition: all .4s;cursor: pointer;border: 1px solid #3C8DBE;}
#create-search #images .image_div i {color: #3C8DBE}
#create-search .uploaded-image-container {display: inline-block; margin: 4px}
.uploadButton, .upload-image-input {display: none !important;}
#create-search .files { position:relative}
/*#create-search .files::after {pointer-events: none;position: absolute;top: 0;left: 0;right: 0;content: "";*/
/*    display: block;margin: 0 auto;background-size: 100%;*/
/*    background: url(https://image.flaticon.com/icons/png/128/109/109612.png) no-repeat;*/
/*    width: 100%;height: 100%;}*/
/*#create-search .files::before {position: absolute;bottom: 10px;left: 0;  pointer-events: none;*/
/*    width: 100%;right: 0;height: 57px;content: " or drag it here. ";display: block;margin: 0 auto;*/
/*    color: #FFF;font-weight: 600;text-transform: capitalize;text-align: center;}*/

.files::before {position: absolute;bottom: 10px;left: 0;pointer-events: none;width: 100%;right: 0;
    height: 57px;content: " or drag it here. ";display: block;margin: 0 auto;color: #2ea591;
    font-weight: 600;text-transform: capitalize;text-align: center;}
.files:after {pointer-events: none;position: absolute;top: 32px;left: 0;width: 32px;right: 0;
    height: 32px;content: "";background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
    display: block;margin: 0 auto;background-size: 100%;background-repeat: no-repeat;}
#create-search .search-images-holder-overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;
    opacity: .1;background: #5a5a5a;}
#create-search .images-preview-container {
    background-color: #ffffff;border: 1px solid #cccccc;height: auto;min-height: 80px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    margin-left: -1px;display: inline-block;padding: 0}

#create-search .uploaded_image {max-width: 100%;height: 150px;border: solid 1px #CCC;border-radius: 5px;cursor: pointer;transition: 0.3s;}
#create-search .uploaded_image:hover {opacity: 0.7;}
#create-search .uploaded-image-remove-btn {font-size: 18px;vertical-align: top;margin: -18px -20px;cursor: pointer;position: absolute}
#create-search #holder.hover { border: 2px dashed #0c0 !important; }
#create-search #holder {border: 2px dashed #ccc}


#create-search #finalize #finalize-post {margin-bottom: 40px;}
#create-search #finalize .top .fees {padding: 10px;background: #efefef;border-radius: 4px;}
#create-search #finalize .top .fees::after {display: inline-block;width: 0;height: 0;position: absolute;
    vertical-align: .255em;content: "";margin-top: 10px;color: #efefef;border-top: 1em solid;
    border-right: 1em solid transparent;border-left: 1em solid transparent;border-bottom: 0;}
#create-search #finalize .top .fees h3 {font-size: 22px;color: #444;}
#create-search #finalize .top .fees span {display: block; color: #555555}

/*#create-search #finalize #left {width: 60%;display: inline-block;padding-left: 10px}*/
/*#create-search #finalize #right {width: 38%;display: inline-block;position: absolute;}*/
#create-search #finalize #title-preview {height: 75px;padding: 15px 0 0 0;display: inline-block;}
#create-search #finalize #title-preview #title-preview-span {font-size: 24px;color: #444;font-weight: bold;display: block;}
#create-search #finalize #title-preview #sub-title-preview-span {font-size: 22px;color: #555;font-weight: bold;display: block;}
#create-search #finalize #title-preview #category_preview {display: block;font-size: 15px;padding: 12px 0;color: #161616;}
#create-search #finalize #title-preview #category_preview-icon {color: #555555}
#create-search #finalize #other-images {border: solid 1px #ccc;padding: 5px 0px 4px 5px;border-radius: 4px;
    min-height: 90px;margin: 15px 0}
#create-search #finalize #other-images img {width: 30%;margin-right: 4px;cursor: pointer;
    border-radius: 3px}
#create-search #finalize #description-preview {word-wrap: break-word;font-size: 13px;max-width: 100%;
    min-height: 150px;color: #616161;margin-top: 15px;border-bottom: solid 1px #616161;}

#create-search #finalize #info {margin-top: 15px;width: 100%}
#create-search #finalize #info span {display: block;}
#create-search #finalize #info #price-preview {font-size: 30px;font-weight: bold;color: #444;display: block;
    text-align: center;}
#create-search #finalize #info #price-preview #price {display: inline-block;}
#create-search #finalize #info #phone {padding: 12px 50px;font-weight: 700;font-size: 18px;width: 120px;cursor: pointer;
    border: 1px solid #3C8DBE;color: #fcfcf8;border-radius: 4px;background: #3C8DBE;margin: 38px 0 0 19%;}
#create-search #finalize #info #duration-preview {width: 100%;text-align: center;margin-top: 16px;font-size: 20px;overflow: hidden;
    color: #444444;}

#create-search .buttons {margin-top: 35px;}

/* My Searches */
.my-searches-ads .ad .right {width: 77%}
.my-searches-ads .ad .right .manage-ad-price {margin-top: 3px !important;right: 45% !important}
.my-searches-ads .ad .right #mid {position: relative;width: 35%;top: -91px;border-left: 1px solid #3C8DBE;
    padding: 10px 20px;height: 136px;float: right;}
.my-searches-ads .ad .right #mid span {font-size: 24px;display: block;line-height: 1.1em;color: #444}
.my-searches-ads .ad .right #mid strong {font-size: 20px;color: #0098d0;position: relative;top: 10px;}
.my-searches-ads .ad .right #mid a {padding: 8px;font-weight: 700;font-size: 14px;cursor: pointer;border: 1px solid #3C8DBE;
    color: #fcfcf8;border-radius: 4px;background: #3C8DBE;text-decoration: none;text-align: center;
    position: relative;top: 26px;}
.my-searches-ads .ad .right #mid a:hover {background: #0098D0}

.my-searches-ads .ad {border-top-left-radius: 0}
.my-searches-ads .ad .ad_image img {border-top-left-radius: 0}

#post-options-buttons {position: relative;width: 60%;height: 45px;top: 15px;
    display: inline-block;border-top-right-radius: 10px;
    border-top: solid 1px #a2a2a2;border-left: solid 1px #a2a2a2;border-right: solid 1px #ccc;}
#post-options-buttons a {padding: 6px 17px;font-size: 12px;font-weight: bold;cursor: pointer;
    border: 1px solid #3C8DBE;color: #3C8DBE;border-radius: 4px;text-decoration: none;text-align: center;
    margin: 0 4%;position: relative;top: 9px;}
#post-options-buttons a:hover {border-color: #0098D0; color: #0098D0}
/*#post-options-buttons a {padding: 12px 15px;font-weight: 700;font-size: 16px;width: 120px;cursor: pointer;
    border: 1px solid #3C8DBE;color: #fcfcf8;border-radius: 4px;background: #3C8DBE;text-decoration: none;
    display: block;margin: 20% 0;text-align: center;font-family: monospace;}*/
/*----------------------------------------------------------------------------------------------------------------------*/


/* Search */
#search {width: 100%; display: inline-flex}
#search #left {width: 25%; border-right: solid 1px #a2a2a2;padding: 0 20px}
#search #left aside {background-color: transparent;width: 100%;text-align: left;margin-bottom: 30px}

#search #left .search-query .input-group input {text-transform: capitalize;font-family: 'Lato', sans-serif;
    font-size: 14px;font-style: italic;letter-spacing: 0.98px;padding: 10px 26px;height: 45px}
#search #left .search-query .btn-search {position: absolute; right: 0;top: 4px}
#search #left .search-query .btn-search i {font-size: 20px;padding-right: 5px;color: #dadada}

#search #left .dropright {width: 100%;}
#search #left .dropright span {width: 100%;text-align: left;padding: 10px 26px;background: #FFF;color: #6c757d;
    border-color: #ccc;font-family: 'Lato', sans-serif;font-style: italic;}
#search #left .dropright span::after {margin-left: 15px}
#search #left .dropright .dropdown-menu span {color: #6c757d; border-bottom: solid 1px #ccc;cursor: pointer}
#search #left .dropright .dropdown-menu span:last-child {border: none}
/*#search #left .search-categories .dropright .dropdown-menu span::after {display: inline-block;width: 0;height: 0;margin-left: 10px;content: "";*/
/*vertical-align: 0;border-top: .3em solid transparent;border-right: 0;border-bottom: .3em solid transparent;border-left: .3em solid;}*/
#search #left .dropright .dropdown-menu span:hover{padding-left: 35px;color: #1daaa3;transition: all 0.6s ease 0s;}
#search #left .search-price-range p label {color: #6c757d;}
#search #left .search-price-range p input {border:0; color:#1daaa3; font-weight:800;background: transparent}
#search #left #search-filter-btn {margin: 20px 0;padding: 7px 40px;}

#search .right-panel {width: 62%;position: relative;left: 5%;top: -15px;}
#search .ad_image {display: inline-flex !important;}
#search .right-panel .right {position: relative;top: -50px}
/*----------------------------------------------------------------------------------------------------------------------*/


/* user profile */
.profile {padding: 3%;margin-top: 3%;margin-bottom: 3%;border-radius: 0.5rem;background: #fff;}
.profile .profile-img {text-align: center;height: 190px}
.profile .profile-img img {width: 70%;height: 100%;border: solid 1px #ccc;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.profile .profile-img .file {position: relative;overflow: hidden;margin-top: -19%;width: 70%;border: none;border-radius: 0;font-size: 15px;background: #212529b8;cursor: pointer}
.profile .profile-img .file:hover {background: #212529cf}
.profile .profile-img .file input {position: absolute;opacity: 0;right: 0;top: 0;width: 100%;height: 40px;cursor: pointer;}
.profile .profile-head h5 {color: #333;}
.profile .profile-head h6 {color: #0062cc;}
/*.profile .profile-edit-btn {border-radius: 4px;width: 70%;padding: 5% 15%;font-weight: 600;color: #6c757d;*/
    /*cursor: pointer;background: #dadada}*/
/*.profile .profile-edit-btn:hover {background: #cacaca}*/
.profile #rating {padding: 7px 0;display: flex}
.profile #rating .checked {color: orange;}
.profile #rating .rating-text {display: inline-block;color: #999;vertical-align: text-bottom;padding-left: 10px;}
.profile .rating {display: inline-flex; margin-top: 3%}
.profile .proile-rating {color: #818182;margin-top: 2%;}
.profile .profile-head .nav-tabs {margin-bottom:5%;}
.profile .profile-head .nav-tabs .nav-link {font-weight:600;border: none;}
.profile .profile-head .nav-tabs .nav-link.active {border: none;border-bottom:2px solid #0062cc;}
.profile .profile-work {padding: 0 14%;margin-top: 10%;}
.profile .profile-work p {font-size: 12px;color: #818182;font-weight: 600;margin-top: 10%;text-transform: capitalize}
.profile .profile-work a {text-decoration: none;color: #495057;font-weight: 600;font-size: 14px;}
.profile .profile-work ul {list-style: none;}
.profile .profile-tab label {font-weight: 600;}
.profile .profile-tab p {font-weight: 600;color: #0062cc;}
.profile #profile a, .profile #home a {text-decoration: none;color: #495057;font-weight: 600;}
.profile #location span {font-size: 14px;font-weight: 700;color: #444;}
.profile #location .user-address {width: 75%}
.profile #location .user-address button {float: right}
.profile #location .user-address span {font-size: 14px;font-weight: 700;color: #444;}
.profile #location .user-address div {margin: 10px 0}
.profile #location .user-address div p {font-weight: 500;font-size: 14px;color: #555;margin: 0;}
.profile #location #select_location {margin: 15px 0 30px 0;}
.profile #location #select_location #map-location {width: 100%;height: 200px;background: #FFF;margin: 20px 0 0 0%}
.profile #location #select_location .location-btns {margin-top: 20px;}
/*.profile #location #select_location button {padding: 6px 17px;font-size: 12px;font-weight: bold;cursor: pointer;width: 25%;*/
    /*border: 1px solid #3C8DBE;color: #3C8DBE;border-radius: 4px;text-align: center;position: relative;top: 15px;}*/
/*----------------------------------------------------------------------------------------------------------------------*/


/* user settings */
.close-button {position: absolute;z-index: 1;right: 0;margin: 10px;top: 0;text-shadow: 0 1px 0 #fff;
    background-color: transparent;}
.close-button span {font-size: 25px!important;opacity: .5;font-weight: 700 !important;line-height: 1;
    color: #000 !important;}
#settings {border: solid 2px #ccc;border-radius: 6px;width: 60%;position: relative;left: 20%;margin-top: 30px;margin-bottom: 40px}
#settings #title {padding: 20px;text-align: center;border-bottom: solid 2px #ccc;font-size: 25px;
    color: #63889B;font-weight: bold;background: #fff;border-radius: 6px 6px 0 0;}
#settings #content {display: block;width: 100%}
#settings #content .items {float: left;border-radius: 0 !important;width: 50%;border-right: solid 2px #ccc;
    text-align: center;background: #fff;padding: 20px 10px;border-bottom: solid 2px #ccc;height: 240px}
#settings #content .items span {font-size: 20px;color: #3c3c3c;margin-bottom: 20px;font-weight: 800}
#settings #content .items p {font-size: 16px;color: #8e8e8e;}
#settings #content .email_item .switch-field {position: relative;  bottom: -24px;}
#settings #content .select_item {background: #fff;padding: 20px 35px;border-bottom: solid 2px #ccc;width: 100%;}
#settings #content .select_item span {color: #616161;font-weight: bold;display: block;}
#settings #content .select_item select {font-family: Poppins-Regular, sans-serif;font-size: 16px;color: #555555;
    padding: 8px;border-radius: 4px;width: 80%;}

#settings #content .input_item {width: 50%;border-right: solid 2px #ccc;border-bottom: solid 2px #ccc;
    background: #fff;padding: 20px 35px;float: left;height: 150px}
#settings #content .input_item span {color: #444444;display: block;font-weight: 800;}
#settings #content .input_item input {height: 44px;border: 1px solid #c7c7c7;padding: 2px 15px;line-height: 20px;
    font-size: 16px;color: #5c5c5c;border-radius: 5px;width: 90%;}
#settings #content .input_item select {font-family: Poppins-Regular, sans-serif;font-size: 16px;color: #555555;
    padding: 8px;border-radius: 4px;width: 80%;}

#settings .save-btn {background: transparent !important; border: none}
#settings #title .save {background: #63889B;padding: 3px 40px;border: none;
    border-radius: 5px;font-weight: 700;font-size: 16px;line-height: 40px;color: #FFF;cursor: pointer;}
#settings #footer {display: inline-flex;width: 100%}
#settings #footer .items {background: #F5F5F5;float: left;border-radius: 0 !important;
    border-right: solid 2px #ccc;text-align: center;padding: 30px;border-bottom: solid 2px #ccc;}
#settings #footer .items a {background: #efefeb;border: 1px solid #cfcfca;color: #91918e;padding: 12px 25px;
    border-radius: 5px;font-weight: 700;font-size: 16px;line-height: 40px;text-decoration: none;}
#settings #footer .item1 {width: 33%}
#settings #footer .item2 {width: 40%}
#settings #footer .item3 {width: 30%}

#deactivate_account,
.change {position: fixed;width: 100%;height: 100vh;background: rgba(0,0,0,0.8);left: 0;top: 0;}
#deactivate_account #sec-list,
.change #sec-list {background: #FFF;border-radius: 8px;padding: 5px;width: 50%;margin: 50px 25%;position: relative;border-bottom: solid 2px #ccc;padding-bottom: 12px;}
#deactivate_account #sec-list #head,
.change #sec-list #head,
.change #sec-list #error_div {position: relative;border-bottom: solid 1px #ccc;padding: 15px 0;margin-bottom: 20px}
#deactivate_account #sec-list #head span,
.change #sec-list #head span,
.change #sec-list #error_div span {font-size: 18px;font-weight: 600;text-align: center;color: #616161;
    margin-left: 5%}
.change #sec-list #error_div span {color: #e6351e !important;}
#deactivate_account #sec-list form div,
.change #sec-list form div {position: relative;width: 70%;left: 15%;margin-bottom: 25px}
#deactivate_account #sec-list form div label,
.change #sec-list form div label {display: block;color: #737373;font-size: 16px;margin: 30px 0 7px 0;
    font-weight: 800;}
#deactivate_account #sec-list form div input,
.change #sec-list form div input,
#deactivate_account #sec-list form div #submit,
.change #sec-list form div #submit,
.change #change-questions-form #submit
{display: block;height: 42px;border: 1px solid #e6e6e6;position: relative;width: 100%;padding: 2px 15px;
    margin-bottom: 0;line-height: 20px;font-size: 16px;color: #5c5c5c;border-radius: 5px;}
#deactivate_account #sec-list form div #submit,
.change #change-questions-form #submit,
.change #sec-list form div #submit {margin-top: 35px;width: 65%;background: #e6351e;
    border: 1px solid #871f12;color: #fff !important;cursor: pointer;font-weight: 800;}
.change #change-questions-form #submit {margin-left: 5%;  margin-bottom: 25px;}
#deactivate_account #sec-list form div #submit:hover {background: #e61a00}
.change #sec-list form div #submit:hover {background: #e61a00}
.change #change-questions-form #submit:hover {background: #e61a00}
.change #sec-list #head i,
#deactivate_account #sec-list #head i {font-size: 25px;color: #616161;position: absolute;right: 9%;top: 10px;
    cursor: pointer;}

.change .question-group {display: block; width: 90% !important;left: 0% !important;margin-left: 5%;}
.change .question-group span {font-size: 18px;font-weight: 600;color: #616161;display: block;padding: 10px 0}
.change .question-group select {font-family: Poppins-Regular, sans-serif;font-size: 16px;color: #555555;
    padding: 8px;border-radius: 4px;width: 90%;}
.change .question-group input {border: 1px solid #cccccc !important;width: 90% !important;}
/*----------------------------------------------------------------------------------------------------------------------*/

/* Help & Faq */
.content_info #accordion {margin-bottom: 20px;}
.content_info #accordion .panel-default {background-color: #fff;border: 1px solid #ddd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);margin-bottom: 25px;border-radius: 4px;}
.content_info #accordion .panel-default .panel-heading {padding: 10px 15px;border-top-left-radius: 3px;
    border-top-right-radius: 3px;color: #333;background-color: #f1f1f1;}
.content_info #accordion .panel-default .panel-heading .panel-title {margin-bottom: 0;font-size: 14px;
    color: inherit;font-weight: 500;}
.content_info #accordion .panel-default .panel-heading .panel-title:hover {color: #007bff;transition: 0.3s all ease;}
.content_info #accordion .panel-collapse .panel-body {font-size: 16px;font-family: 'Open Sans', sans-serif;line-height: 26px;
    color: #5c5c5c;padding: 15px;border-top: 1px solid #ddd;}
/*----------------------------------------------------------------------------------------------------------------------*/

/* Pay Search*/
.pay-search-section {width: 70%; margin: auto;padding: 15px;background: #FFF;margin-bottom: 25px;
    box-shadow: 0 10px 40px 0 rgba(62,57,107,.07), 0 2px 9px 0 rgba(62,57,107,.06);}
.pay-search-section .invoice {padding: 15px}
.pay-search-section .invoice .invoice-info {color: #404E67}
.invoice-table {border-bottom: 2px solid #E3EBF3;border-top: 1px solid #E3EBF3;color: #404E67;}
.invoice-table thead th {font-weight: 700}
.pay-search-section .invoice .total {color: #404E67;padding: 10px 0;border-bottom: solid 1px #E3EBF3;
    margin: 10px 0;width: 50%;}
.pay-search-section .invoice .total .total-span {float: right;font-weight: 800}
.pay-search-section .invoice .buttons {margin-top: 25px}
.pay-search-section .invoice .buttons input {background: #00B5B8;border: 0;padding: 10px 33px;}
/*----------------------------------------------------------------------------------------------------------------------*/

/* Contact & Support */
.contact-us {width: 70% !important; margin: auto;padding: 15px;background: #ffffff7a;margin-bottom: 25px;
    box-shadow: 0 10px 40px 0 rgba(62,57,107,.07), 0 2px 9px 0 rgba(62,57,107,.06);
    border-top-left-radius: 8px;border-top-right-radius: 8px}
.contact-us .contact-form {width: 85%;}
.contact-us .section-header {margin-bottom: 40px}
.contact-us .section-header h3 {color: #333;font-family: 'Poppins', sans-serif;font-weight: 600;font-size: 25px;
    margin-bottom: 0;padding-bottom: 0;text-transform: uppercase;position: relative;}
.contact-us #contact-form .form-group label {color: #222;font-family: 'Lato', sans-serif;font-size: 11px;
    font-style: italic;font-weight: 600;text-transform: uppercase;letter-spacing: 1.65px;}
.contact-us #contact-form .form-group input[type="submit"] {background-color: #1daaa3;border: 1px solid #1daaa3;
    color: #fff;font-family: 'Poppins', sans-serif;font-weight: 600;font-size: 12px;margin: 25px 15px 0;
    padding: 12px 30px;text-transform: uppercase;transition: all 1s ease 0s;}
.contact-us #contact-form .form-group input[type="submit"]:hover {background-color: transparent;border: 1px solid #1daaa3;color: #1daaa3;}
/*----------------------------------------------------------------------------------------------------------------------*/

/* deposit and balance */
#balance-deposit {width: 90%;margin: 0 auto;min-height: 800px;}
#balance-deposit .balance-deposit-header {padding-bottom: 20px;display: inline-block;}
#balance-deposit .balance-deposit-header h1 {font-size: 32px;font-weight: 300;line-height: 120%;}

#balance-deposit .balance-deposit-right {float: left; padding-bottom: 20px}
#balance-deposit .balance-deposit-right label {line-height: 31px;float: left;color: #777;
    font: 400 16px/36px "Helvetica Neue",Helvetica,Arial,sans-serif;}
#balance-deposit .balance-deposit-right button {font: 500 16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #777;border: 1px #ccc solid;padding: 10px 15px 10px 7px;cursor: pointer;position: relative;
    transition: color .2s,background-color .2s,box-shadow .2s,border .2s;border-radius: 3px;margin: 0 22px;}
#balance-deposit .balance-deposit-right button img {width: 80px;height: 26px;}

#balance-deposit .balance-deposit-top {background-color: #fff;padding: 25px 10px;margin-bottom: 30px;
    display: table;width: 100%;border: 1px #e5e5e5 solid;overflow: visible;box-sizing: border-box;}
#balance-deposit .balance-deposit-top span {display: table-cell;font-size: 27px;line-height: 27px;
    font-weight: 400;color: #303030;text-decoration: none;padding: 0 5px;text-align: center;
    vertical-align: top;border-left: 1px solid #ddd;}
#balance-deposit .balance-deposit-top span:first-child {border-left: none;}
#balance-deposit .balance-deposit-top span small {display: block;font-weight: 500;font-size: 14px;
    line-height: 18px;color: #999;text-align: center;padding: 0 0 15px;min-width: 125px;}

#balance-deposit .balance-deposit-body {}
#balance-deposit .balance-deposit-body table {width: 100%;}
#balance-deposit .balance-deposit-body table tr {background-color: #fff;border: 1px #e5e5e5 solid;}
#balance-deposit .balance-deposit-body table td {font-size: 12px;font-weight: 500;
    text-transform: uppercase;color: #999;line-height: 33px;padding-top: 0;padding-bottom: 0;}
#balance-deposit .balance-deposit-body table td:first-child {padding-left: 20px;}
#balance-deposit .balance-deposit-body table td:last-child {padding-right: 20px}
#balance-deposit .balance-deposit-body table .amount {text-align: right;}
#balance-deposit .balance-deposit-body table tbody td {padding: 15px 15px 15px 0;
    font-size: 14px;line-height: 20px;color: #555;vertical-align: middle;}
#balance-deposit .balance-deposit-body table tbody .date {padding-right: 15px;}
#balance-deposit .balance-deposit-body table tbody .amount {text-align: right}
#balance-deposit .balance-deposit-body table tbody .amount .amount-green {color: #1dbf73}
#balance-deposit .balance-deposit-body table tbody .amount .amount-red {color: #ff4d4d}


#deposit-overlay {position: fixed;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;
    overflow: scroll;background: rgba(232, 232, 232, 0.96);z-index: 100;
    display:none;
    /*visibility: hidden;opacity: 0;transition: visibility 0s linear 0.33s, opacity 0.33s linear;*/ }
#deposit-overlay .deposit-overlay-content {padding: 20px;font-size: 15px;background: #ffffff;position: relative;
    overflow: auto;width: 60%;margin: 50px auto;border-top-left-radius: 3px; border-top-right-radius: 3px;
    padding-top: 60px; text-align: center}
#deposit-overlay .deposit-overlay-content .deposit-header {text-align: center}
#deposit-overlay .deposit-overlay-content .deposit-header h2 {color: #666666;font-size: 25px;font-weight: 400;}
#deposit-overlay .deposit-overlay-content #deposit-amount {color: rgb(44, 46, 47);text-align: center;text-overflow: clip;
    cursor: pointer;letter-spacing: normal;line-height: 1.4;font-weight: 300;font-size: 42px;
    background: none;border-width: initial;border-style: none;border-color: initial;border-image: initial;
    padding: 0px;margin: 0px;outline: 0px;}
#deposit-overlay .deposit-overlay-content .deposit-currencies {text-align: center;color: rgb(0, 112, 186);font-size: 13px;position: relative;height: 32px;
    width: 24px;margin: 20px auto;}
#deposit-overlay .deposit-overlay-content .deposit-currencies select {position: absolute;font-weight: 500;
    padding-top: 4px;padding-right: 18px;padding-bottom: 4px;padding-left: 10px;color: rgb(0, 112, 186);
    background-color: transparent;top: 0px;left: -14px;z-index: 2;cursor: pointer;-webkit-appearance: none;outline: none;
    border-width: 1px;border-style: solid;border-color: rgb(0, 112, 186);border-image: initial;border-radius: 32px;}
#deposit-overlay .deposit-overlay-content .deposit-currencies i {left: 28px;position: absolute;top: 8px;}

#deposit-overlay .deposit-overlay-content .buttons #submit2 {min-width: 35%;padding: 0.75rem 1.5rem;margin-bottom: 1.5rem;
    border: 1px solid #0070ba;border-radius: 1.5rem;font-size: 0.9375rem;line-height: 1.6;
    font-weight: 500;text-align: center;text-decoration: none;cursor: pointer;color: #ffffff;
    background-color: #0070ba;transition: all 250ms ease;-webkit-font-smoothing: antialiased;}
#deposit-overlay .deposit-overlay-content .buttons #submit2:hover {background-color: #003087;border: 1px solid #003087;}
#deposit-overlay .deposit-overlay-content .cancel-deposit {color: #0070ba;font-weight: 500;cursor: pointer}
#deposit-overlay .deposit-overlay-content .cancel-deposit:hover {text-decoration: underline;}





.custom-checkbox .custom-control-label:before {border: solid 1px #afafaf;}
div.dataTables_wrapper div.dataTables_info {clear: both;float: left;padding-top: 0.755em;}
table {white-space: nowrap;}