body{ margin:0px; height: 100%; background-color: #eee;}
.container-fluid-max {
  max-width: 1800px;
  min-height: 60vh;
}
@media (min-width: 1360px){
  .container {
      max-width: 1360px;
  }
}
.navbar .nav-item.avatar .dropdown-toggle img {
    height: 40px;
}
.navbar .nav-item.avatar .dropdown-toggle {
    padding: 0;
}
.navbar .nav-item.avatar.active{background-color:transparent !important}
.navbar .nav-item.avatar .dropdown-toggle:after{display:none}

@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
  .navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
  .navbar .dropdown-menu.fade-up{ top:180%;  }
  .navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}


.navbar .dropdown-menu a {
    padding: 10px;
    font-size: 1rem;
    font-weight: 400;
}
.btn{
  margin: 0rem;
  padding: .5rem 1.5rem;
    font-size: 1rem;
}
.btn.btn-sm {
    padding: .2rem .8rem;
    font-size: .8rem;
}
.btn-white svg {
  font-size: 18px;
}
.btn-white{
  padding: 5px;
}
.btn-white:hover{
  background-color: #ddd;
}
.bg-dark-theme{
  background-color: #202f38;
}
.bg-white-theme{
  background-color: #fff;
}
.bg-bread-theme{
  background-color: #1c282f;
}
.bg-bread-white-theme{
  background-color: #fff;
}
.hr-small{
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.temppic{
  font-size: 12rem;
    background-color: coral;
    /* font-weight: 600; */
    padding: 50px;
}
.tempsbpic{
  font-size: 1rem;
    background-color: coral;
    font-weight: 600;
    padding: 5px;
    color: #000;
}
.cb{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #ddd;
  border: 1px solid #999;
  border-radius: 1px;
  transition: background 0.1s linear;
  cursor: pointer;
}
.cb_checked{
  background: url('../images/check.png') #fff;
}
.bgblkopa{
  background: url(../images/bgopacityblk.png);
  padding: 7px 10px;
  color: #fff;
}
.roundpen{
  padding: 5px;
  border-radius: 50%!important;
}
.roundpen:hover{
  background: #e9e9e9;
}
.nav-link:hover {
  background: #405763;
  color: #fff;
}
.nav-item:hover > .btn-group > .dropdown-menu {
  display: block;
}
.dropdown-item:hover{
  background-color: #283e4a !important;
  color: #fff !important;
}
.Zebra_DatePicker_Icon_Wrapper{width: 100% !important;}
.Zebra_DatePicker_Icon{top: 10px !important;right: 12px !important;}

.image_preview{
  padding: 10px;
  margin-right: 10px;
  border: 1px solid #ccc;
  text-align:center;
  float:left;
}
#imgthumbs img{
  width: 70px;
  padding: 5px;
}
#imgthumbs div{
  width: 70px;
  padding: 5px;
  float: left;
}
.close_btn{
  position:absolute;margin-left: -5px;margin-top: -10px;
}

table > thead > tr > th{
  font-size: 1.2rem;
    font-weight: 600;
}

.overflow{
    overflow: hidden;
    overflow-x: auto;
}

#footer{
  color: #eee;
  background: #2f3b47;
  padding-top: 20px;
  margin-top:50px;
}

.tmpfooter{
  background-image:url('../images/footerimg.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
}

table td {
    font-size: 1.1rem !important;
  font-weight: 400 !important;
}

.gw-gradient {
    background: linear-gradient(40deg, #fff, #42a899) !important;
}

.chip{display:inline-block;height:32px;padding:0 12px;margin-right:1rem;margin-bottom:1rem;font-size:13px;font-weight:500;line-height:32px;color:rgba(0,0,0,0.6);cursor:pointer;background-color:#eceff1;border-radius:16px;-webkit-transition:all .3s linear;transition:all .3s linear}.chip:hover{background-color:#e0e0e0;-webkit-transition:all .3s linear;transition:all .3s linear}.chip:focus{background-color:#bdbdbd;-webkit-transition:all .3s linear;transition:all .3s linear}.chip:active{-webkit-transition:all .3s linear;transition:all .3s linear}.chip img{float:left;width:32px;height:32px;margin:0 8px 0 -12px;border-radius:50%}.chip .close{float:right;padding-left:8px;font-size:16px;line-height:32px;cursor:pointer;-webkit-transition:all .1s linear;transition:all .1s linear}.chips{min-height:45px;padding-bottom:1rem;margin-bottom:30px;border:0;border-bottom:1px solid #ced4da;outline:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all .3s;transition:all .3s}.chips.focus{border-bottom:1px solid #4285f4;-webkit-box-shadow:0 1px 0 0 #4285f4;box-shadow:0 1px 0 0 #4285f4}.chips:hover{cursor:text}.chips .tag.selected{color:#fff;border-bottom:1px solid #4285f4}.chips .input{display:inline-block;width:120px !important;height:32px;padding:0 !important;margin-right:20px;font-size:13px;font-weight:500;line-height:32px;color:rgba(0,0,0,0.6);background:0;border:0;outline:0}.chips .input:focus{border:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important}.chips-autocomplete .chips{padding-bottom:unset}.chips-autocomplete .chip-span{position:relative;left:-15px}.chips-autocomplete .chip-ul{position:absolute;right:0;z-index:100;width:140px;max-height:210px;padding-left:0;overflow-y:auto;list-style-type:none;background:#fff;outline:0}.chips-autocomplete .chip-ul li{padding:12px 15px;font-size:.875rem;cursor:pointer}.chips-autocomplete .chip-ul li:hover{background:#eee}

.chip:active{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important}

.chip.chip-md {
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
  }

  .chip.chip-md img {
    height: 42px;
    width: 42px;
  }

  .chip.chip-md .close {
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
  }

  .chip.chip-lg {
    height: 52px;
    line-height: 52px;
    border-radius: 26px;
  }

  .chip.chip-lg .close {
    height: 52px;
    line-height: 52px;
    border-radius: 26px;
  }

  .chip.chip-lg img {
    height: 52px;
    width: 52px;
  }

  .chips-autocomplete .chips {
    padding-bottom: unset
  }

  .chips-autocomplete .chip-span {
    position: relative;
    left: -15px;
  }

  .chips-autocomplete .chip-ul {
    position: absolute;
    z-index: 100;
    right: 0;
    width: 140px;
    background: #fff;
    list-style-type: none;
    overflow-y: auto;
    max-height: 210px;
    padding-left: 0;
  }

  .chips-autocomplete .chip-ul li {
    padding: 12px 15px;
    cursor: pointer;
    font-size: .875rem;
  }

  .chips-autocomplete .chip-ul li:hover {
    background: #eee;
  }

  .loader {
  position: relative;
  margin: 0 auto;
  width: 50px;
}
.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

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

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}
@keyframes color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}

.showbox {
  height: 65px;
}




.files input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 90px 0px 25px 30%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
    min-height: 180px;
}
.files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 }
.files{ position:relative}
.files:after {  pointer-events: none;
    position: absolute;
    top: 25px;
    left: 0;
    width: 73px;
    right: 0;
    height: 50px;
    content: "";
    background-image: url(../images/cloud_upload.png);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}
.color input{ background-color:#f1f1f1;}
.files:before {
    position: absolute;
    bottom: 15px;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    content: " or drag it here. ";
    display: block;
    margin: 0 auto;
    color: #2ea591;
    text-transform: capitalize;
    text-align: center;
}


.btn-rounded {
    border-radius: 10em;
}

.btn-floating{position:relative;z-index:1;display:inline-block;padding:0;margin:10px;overflow:hidden;vertical-align:middle;cursor:pointer;border-radius:50%;-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:47px;height:47px}.btn-floating i{font-size:1.25rem;line-height:47px}.btn-floating i{display:inline-block;width:inherit;color:#fff;text-align:center}.btn-floating:hover{-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.btn-floating:before{border-radius:0}.btn-floating.btn-sm{width:36.15385px;height:36.15385px}.btn-floating.btn-sm i{font-size:.96154rem;line-height:36.15385px}.btn-floating.btn-lg{width:61.1px;height:61.1px}.btn-floating.btn-lg i{font-size:1.625rem;line-height:61.1px}.fixed-action-btn{position:fixed;right:35px;bottom:35px;z-index:998;margin-bottom:0;overflow:hidden;height:110px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:15px 15px 15px 15px;padding-bottom:15px;padding-left:15px;padding-right:15px;-webkit-transition:height 400ms;transition:height 400ms}.fixed-action-btn ul{position:absolute;right:0;bottom:64px;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:0;padding:0;margin:0 0 15px;text-align:center;-webkit-transition:400ms all;transition:400ms all;opacity:0;margin-bottom:0}.fixed-action-btn ul li{z-index:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:auto;margin-bottom:15px;margin-left:auto}.fixed-action-btn ul a.btn-floating{opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transform:scale(0.4) translate(0);transform:scale(0.4) translate(0)}.fixed-action-btn ul a.btn-floating.shown{opacity:1;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}.fixed-action-btn.active ul{height:300px;margin-bottom:40px;opacity:1}.fixed-action-btn.active{height:500px}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-rounded{border-radius:10em}.counter{position:relative;top:-23px;left:auto;z-index:2;padding:1px 7px;margin-left:-23px;font-size:11px;color:#fff;background-color:#fe1212;border-radius:10em;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}.counter.counter-lg{top:-27px}


/*################################ FOOTER MENU STYLES ###########################*/
#footer {
  color: #333;
  background-color: #cacaca;
}
#footer a {color: #666;transition: 200ms;}
#footer a:hover {color: #999;}
#footer a:focus {color: #444;}

#footer_menu a {display:block;color: #333;transition: 300ms;}
#footer_menu a:hover {color: #000; text-decoration: none;}
#footer_menu a:focus {color: #666;}

.list-inline {margin: 0px auto;}
.list-inline li {float:left;margin-right: 10px;}

.nlbox{
  background-color: transparent;
  border: 1px solid #17a2b8;
  color: #FFBF00;
  padding: 10px;
  width: 100%;
}
::-input-placeholder {
   color: #aaa;
   font-style:italic;
}
:-moz-placeholder { /* Firefox 18- */
   color: #aaa;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #aaa;
}
:-ms-input-placeholder {  
   color: #aaa;
}
.footer_menu {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}
.footer_menu_item {
    float: left;
    margin: 0;
    width: unset !important;
}
.footer_menu_link {
    font-weight: 700;
    padding: 0.4rem 1.2rem;
    border: none;
    display: inline-block;
    text-decoration: none;
}
.footer_menu_term{
  padding: 0.4rem 1.2rem;
    border: none;
}
.social{
  color: #6e6e6e;
}
/*################################ FOOTER BLACK STYLES ###########################*/
#blkbg {
  padding: 30px 15px;
}
#blkbg a {color: #333;transition: 300ms;}
#blkbg a:hover {color: #000;}
#blkbg a:focus {color: #666;}
/*################################ FOOTER COPYRIGHT STYLES ###########################*/
#cpybg {
  padding: 30px 15px;
  color: #333;
  background-color: #b9b9b9;
}
#cpybg a {color: #333;transition: 300ms;}
#cpybg a:hover {color: #000; text-decoration: none;}
#cpybg a:focus {color: #666;}

/* =============================PROFILE============================= */
div#edit_products_box{}
div#edit_products_box > a {
  display: none;
  position:absolute; 
  top:5px;
  z-index:4000;
  right: 10px;
}
div#edit_products_box > form{
  display:none;
  position:absolute; 
  z-index:3000;
  width:90%;
  height:100px;
}

div#edit_products_box:hover a {
    display: block;
}

div#edit_description_box > a {
  display: none;
  position:absolute; 
  top:5px;
  right:10px;
  z-index:4000;
}
div#edit_description_box > form{
  display:none;
  position:absolute; 
  z-index:3000;
  width:90%;
  height:auto;
  top: 20px;
  left: 40px;
}
div#edit_description_box:hover a {
    display: block;
}

img.friendpics{width:48px; height:48px; margin: 3px;}
div#display_name{font-size:22px; font-weight:bold; margin-top:10px;}
div#blockBtn{float:right;}
#uflag{height:20px; width:30px;}
div.status_boxes{padding:10px; line-height:1.5em;background:#f8f8f8;}
div.status_boxes > div{padding:8px; border-bottom:#666 1px dotted;}
div.status_boxes > div > b{font-size:14px;}
div.status_boxes > button{padding:5px; font-size:12px;}
div.reply_boxes{margin-left:40px;}
div.reply_boxes > div > b{font-size:14px;}
#account_menu {display:none;}
#maccount_menu {display:none;}

#pmui {display:none;}
#status {display:none;}
#mstatus {display:none;}
/* ===========================NOTIFICATIONS========================= */
div#notesBox{float:left; width:506px; border:1px dotted #E60D2D; margin-right:20px; padding:10px;}
div#friendReqBox{float:left; width:430px; border:#7DBA00 1px dotted; padding:10px;}
div.friendrequests{height:74px; border-bottom:#CCC 1px solid; margin-bottom:8px;}
img.user_pic{float:left; width:60px; height:60px; margin-right:8px;}
div.user_info{float:left; font-size:14px;}

/* Flash class and keyframe animation */
.flashit{
  -webkit-animation: flash linear .5s infinite;
  animation: flash linear .5s infinite;
}
@-webkit-keyframes flash {
  0% { opacity: 1; } 
  50% { opacity: .1; } 
  100% { opacity: 1; }
}
@keyframes flash {
  0% { opacity: 1; } 
  50% { opacity: .1; } 
  100% { opacity: 1; }
}
/* ================================PM=============================== */
div.pm_wrap {
  border: 1px solid #ccc;
  margin-bottom: 5px;
  width: 100%;
}
div.pm_headerUnread {
  background-color: #fff;
  padding: 10px 20px 10px 20px;
}
div.pm_header {
  padding: 10px 20px 10px 20px;
}
div.pm_post {
  margin: 20px 20px;
}
div.pm_reply {
  margin: 5px 20px;
  padding: 10px 20px;
  background: #f4f4f4;
}
.subject {
  font-size: 16px;
  font-weight: bold;  
}
.from {
  font-size: 11px;
  color: #999999;
}

hr.style1{
  border-top: 1px solid #8c8b8b;
}


hr.style2 {
  border-top: 3px double #8c8b8b;
}

hr.style3 {
  border-top: 1px dashed #8c8b8b;
}

hr.style4 {
  border-top: 1px dotted #8c8b8b;
}

hr.style5 {
  background-color: #fff;
  border-top: 2px dashed #8c8b8b;
}


hr.style6 {
  background-color: #fff;
  border-top: 2px dotted #8c8b8b;
}

hr.style7 {
  border-top: 1px solid #8c8b8b;
  border-bottom: 1px solid #fff;
}


hr.style8 {
  border-top: 1px solid #8c8b8b;
  border-bottom: 1px solid #fff;
}
hr.style8:after {
  content: '';
  display: block;
  margin-top: 2px;
  border-top: 1px solid #8c8b8b;
  border-bottom: 1px solid #fff;
}

hr.style9 {
  border-top: 1px dashed #8c8b8b;
  border-bottom: 1px dashed #fff;
}

hr.style10 {
  border-top: 1px dotted #8c8b8b;
  border-bottom: 1px dotted #fff;
}


hr.style11 {
  height: 6px;
  background: url(images/hr-11.png) repeat-x 0 0;
    border: 0;
}


hr.style12 {
  height: 6px;
  background: url(images/hr-12.png) repeat-x 0 0;
    border: 0;
}

hr.style13 {
  height: 10px;
  border: 0;
  box-shadow: 0 10px 10px -10px #8c8b8b inset;
  margin-top: 0px;
  margin-bottom: 0px;
}


hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}


hr.style15 {
  border-top: 4px double #8c8b8b;
  text-align: center;
}
hr.style15:after {
  content: '\002665';
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 10px;
  background: #f0f0f0;
  color: #8c8b8b;
  font-size: 18px;
}

hr.style16 { 
  border-top: 1px dashed #8c8b8b; 
} 
hr.style16:after { 
  content: '\002702'; 
  display: inline-block; 
  position: relative; 
  top: -12px; 
  left: 40px; 
  padding: 0 3px; 
  background: #f0f0f0; 
  color: #8c8b8b; 
  font-size: 18px; 
}


hr.style17 {
  border-top: 1px solid #8c8b8b;
  text-align: center;
}
hr.style17:after {
  content: '§';
  display: inline-block;
  position: relative;
  top: -14px;
  padding: 0 10px;
  background: #f0f0f0;
  color: #8c8b8b;
  font-size: 18px;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  transform: rotate(60deg);
}


hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}