body{position: relative; }

.cr_list_ul{padding: 0px; margin: 0px;}
.cr_list_ul li{list-style: none; padding:10px 0px; margin: 0px; border-bottom: 1px solid #fff;}


.layerpopup_bg{position:fixed; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5)}
.layerpopup_container{position:fixed; top:10%; left:50%; margin-left: -400px; width:800px; height: 80%; background:#fff;}
.layerpopup_content{position: relative; width:100%; height:100%; overflow-y: auto; overflow-x:hidden;}
.layerpopup_close_btn{position: absolute; top: -25px; right: -25px; color: #555555; display: inline-block; font-size: 40px; padding: 0px; margin: 0px; line-height: 40px; width: 40px; height: 40px; overflow: hidden;}

.list_thumbnail{width: 30px; border-radius: 50%; margin-right: 10px;}

/* snackbar [Begin] */
.snackbar{
  display: none; /* Hidden by default. Visible on click */
  min-width: 350px; /* Set a default minimum width */
  margin-left: -175px; /* Divide value of min-width by 2 */
  background-color: #1e88e5; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 3px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 9999; /* Add a z-index if needed */
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.snackbar.show {
  display: block; /* Show the snackbar */
}
.snackbar_bot{left: 50%; bottom: -50px;}
.snackbar_bot.show {
  bottom: 30px;
  -webkit-animation: snackbar_bot_fadein 0.5s, snackbar_bot_fadeout 0.5s 2.5s;
  animation: snackbar_bot_fadein 0.5s, snackbar_bot_fadeout 0.5s 2.5s;
}
.snackbar_top{left: 50%; top: -50px;}
.snackbar_top.show {
  top: 30px;
  -webkit-animation: snackbar_top_fadein 0.5s, snackbar_top_fadeout 0.5s 2.5s;
  animation: snackbar_top_fadein 0.5s, snackbar_top_fadeout 0.5s 2.5s;
}
.snackbar_color_default{background-color: #1e88e5 !important; color: #fff !important;}
.snackbar_color_danger{background-color: #c62828 !important; color: #fff !important;}


/* Animations to fade the snackbar in and out */
@-webkit-keyframes snackbar_bot_fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes snackbar_bot_fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes snackbar_bot_fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes snackbar_bot_fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@-webkit-keyframes snackbar_top_fadein {
  from {top: 0; opacity: 0;} 
  to {top: 30px; opacity: 1;}
}

@keyframes snackbar_top_fadein {
  from {top: 0; opacity: 0;}
  to {top: 30px; opacity: 1;}
}

@-webkit-keyframes snackbar_top_fadeout {
  from {top: 30px; opacity: 1;} 
  to {top: 0; opacity: 0;}
}

@keyframes snackbar_top_fadeout {
  from {top: 30px; opacity: 1;}
  to {top: 0; opacity: 0;}
}
/* snackbar [End] */

/* ----- tag editor [Begin] ----- */
/* overwrite default CSS for tiny, dark tags */
.tag-editor { background: #fafafa !important; font-size: 12px !important; }
.tag-editor .tag-editor-tag, .tag-editor .tag-editor-delete {
    color: #fff !important; background: #555 !important;
}
.tag-editor .tag-editor-tag{border-radius: 2px 0px 0px 2px !important;}
.tag-editor .tag-editor-delete{border-radius: 0px 2px 2px 0px !important;}

.tag-editor .tag-editor-spacer { width: 7px !important; }
/* .tag-editor .tag-editor-delete { display: none; } */
/* ----- tag editor [End] ----- */

/****** cursor [Begin] ******/
.cursor_pointer{cursor: pointer;}
.cursor_none{cursor: none;}
/****** cursor [End] ******/

/****** padding [Begin] ******/
.pa5{padding: 5px;}
.pa10{padding: 10px;}
.pa15{padding: 15px;}
.pa20{padding: 20px;}
.pa25{padding: 25px;}
.pa30{padding: 30px;}
.pa35{padding: 35px;}
.pa40{padding: 40px;}
.pa45{padding: 45px;}
.pa50{padding: 50px;}
.pa55{padding: 55px;}
.pa60{padding: 60px;}

.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt55{padding-top: 55px;}
.pt60{padding-top: 60px;}

.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 50px;}
.pr55{padding-right: 55px;}
.pr60{padding-right: 60px;}

.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}
.pb55{padding-bottom: 55px;}
.pb60{padding-bottom: 60px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pl55{padding-left: 55px;}
.pl60{padding-left: 60px;}
/****** padding [End] ******/

/****** margin [Begin] ******/
.ma5{margin: 5px;}
.ma10{margin: 10px;}
.ma15{margin: 15px;}
.ma20{margin: 20px;}
.ma25{margin: 25px;}
.ma30{margin: 30px;}
.ma35{margin: 35px;}
.ma40{margin: 40px;}
.ma45{margin: 45px;}
.ma50{margin: 50px;}
.ma55{margin: 55px;}
.ma60{margin: 60px;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}
.mr55{margin-right: 55px;}
.mr60{margin-right: 60px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml55{margin-left: 55px;}
.ml60{margin-left: 60px;}
/****** margin [End] ******/

/****** display [Begin] ******/
.d_block{display: block;}
.d_none{display: none;}
.d_inline_block{display: inline-block;}
/****** display [End] ******/


/****** height [Begin] ******/
.m_height_10{min-height: 10px;}
.m_height_50{min-height: 50px;}
.m_height_100{min-height: 100px;}
.m_height_150{min-height: 150px;}
.m_height_200{min-height: 200px;}

/****** height [End] ******/