/* color */
.color-white{color: #ffffff;}
.color-system-green{color: #41ae8f;}
.color-grey{ color: #909193}
.lightgreen{color: rgb(62, 176, 151);}
.link-color{color: #5384da}
/* padding */
.p-0{padding: 0;}
.pd_1{padding: 1px;}
.pd_10{padding: 10px;}
.pd_5{padding: 5px;}
.pd_8{padding: 8px;}
.pd_15{padding: 15px !important;}
.pd_20{padding: 20px;}
.pd_25{padding: 25px;}
.pd_3{padding: 3px;}
.pd_left5{padding-left: 5px;}
.pd_left6{padding-left: 6px;}
.pd_left10{padding-left: 10px;}
.pd_left15{padding-left: 15px;}
.pd_left20{padding-left: 20px;}
.pd_left25{padding-left: 25px;}
.pd_left30{padding-left: 30px;}
.pd_left35{padding-left: 35px;}
.pd_left40{padding-left: 40px;}
.pd_left45{padding-left: 45px;}
.pd_left50{padding-left: 50px;}
.pd_left55{padding-left: 55px;}
.pd_left60{padding-left: 60px;}
.pd_left65{padding-left: 65px;}
.pd_left70{padding-left: 70px;}
.pd_left75{padding-left: 75px;}
.pd_left80{padding-left: 80px;}
.pd_left85{padding-left: 85px;}
.pd_left90{padding-left: 90px;}
.pd_left95{padding-left: 95px;}
.pd_left100{padding-left: 100px;}
.pd_right15{padding-right: 15px;}
.pd_right10{padding-right: 10px;}
.pd_right5{padding-right: 5px;}
.pd_right5per{padding-right: 5%;}
.pd_top0{padding-top: 0;}
.pd_top5{padding-top: 5px;}
.pd_top10{padding-top: 10px;}
.pd_top12{padding-top: 12px;}
.pd_top15{padding-top: 15px;}
.pd_top20{padding-top:20px;}
.pd_top40{padding-top: 40px;}
.pd_top50{padding-top: 50px;}
.py_4{padding: 4px 0;}
.py_6{padding: 6px 0;}
.py_15{padding: 15px 0;}
.py_10{padding: 10px 0;}
.px_15{padding: 0 15px;}
.px_10{padding: 0 10px;}
.px_5{padding: 0 5px;}
.pd_accbtn{padding: 4px 9px;}
.pd_bottom5{padding-bottom: 5px;}
.pd_bottom10{padding-bottom: 10px;}
.pd_bottom20{padding-bottom: 20px;}
.pd_bottom15{padding-bottom: 15px;}
.sett_file_pd{padding: 0px 110px 0 20px;}
.pd_3_10{padding: 3px 10px;}
.pd_5_10{padding: 5px 10px;}

/* margin */
.mg-0{margin: 0;}
.mg_left50{margin-left: 50px;}
.mg_left25{margin-left: 25px;}
.mg-left15{margin-left: 15px;}
.mg_left20{margin-left: 20px;}
.mg_left10{margin-left:10px}
.mg_left4{margin-left: 4px !important;}
.mg_left5{margin-left: 5px;}
.mg_right5{margin-right: 5px;}
.mg_right7{margin-right: 7px;}
.mg_right10{margin-right:10px}
.mg_right15{margin-right: 15px;}
.mg_right20{margin-right: 20px;}
.mg_top40{margin-top: 40px;}
.mg_top35{margin-top: 35px;}
.mg_top15{margin-top: 15px;}
.mg_top18{margin-top: 18px;}
.mg_top20{margin-top: 20px;}
.mg_top25{margin-top: 25px;}
.mg_top16{margin-top: 16px;}
.mg_top12{margin-top: 12px;}
.mg_top10{margin-top: 10px;}
.mg_top8{margin-top: 8px;}
.mg_top5{margin-top: 5px;}
.mg_top3{margin-top: 3px;}
.mg_top0{margin-top: 0;}
.mg-5{margin: 5px;}
.mg-10{margin: 10px;}
.mg_minustop2{margin-top: -2px;}
.mg_minustop4{margin-top: -4px;}
.mg_minustop5{margin-top: -5px;}
.mg_minustop20{margin-top: -20px;}
.mg_minus20{margin: -20px;}
.mg_minustop25{margin-top: -25px;}
.mg_minus15{margin: -15px;}
.mg_bottom20{margin-bottom: 20px;}
.mg_bottom10{margin-bottom: 10px;}
.mg_bottom50{margin-bottom: 50px;}
.mg_bottom5{margin-bottom: 5px;}
.mg_bottom35{margin-bottom: 35px;}
.mY_15{margin: 15px 0;}
.mY_10{margin: 10px 0;}
.mx_10{margin: 0 10px;}
.mg_10{margin: 10px;}
.mg_15_25{margin: 15px 25px;}
.mg_5_10{margin: 5px 10px;}
.mg_5_3{margin: 5px 3px;}
.mg_left_10{margin-left: 10%;}
.mg_0auto{margin: 0 auto !important;}
.mg_20auto{margin: 20px auto;}
.my_5{margin: 5px 0;}
.my_7{margin: 7px 0;}
.mg_auto{margin:auto;}


/* display */
.d_block{display: block;}
.d_inlineblock{display: inline-block!important;}
.d_inline{display: inline;}
.d_flex{display: flex;}
.d_none{display: none!important;}

/* position */
.position_relative{position: relative;}
.position_absolute{position: absolute;}

/* fontwieght */

.font_normal{font-weight: normal;}
.font_bold{font-weight: bold;}

/* width */
.width_auto{width: auto;}
.width_100{width: 100% !important;}
.width-90{width: 90%;}
.width-95{width: 95%;}
.width-50{width: 50%!important;}
.width-60{width: 60%;}
.width-80{width: 80%;}
.width-75{width: 75%;}
.width-70{width: 70%;}
.width-40{width: 40%;}
.width-45{width: 45%;}
.width-35{width: 35%;}
.width-32{width: 32%;}
.width-31{width: 31%;}
.width-30{width: 30%;}
.width-28{width: 28%;}
.width-25{width: 25%;}
.width-20{width: 20%;}
.width-18{width: 18%;}
.width-16{width: 16%;}
.width-15{width: 15%;}
.width-13{width: 13% !important}
.width-12{width: 12%;}
.width-10{width: 10%;}
.width-8{width: 8%;}
.width-5{width: 5%;}
.width-3{width: 3%!important}
.width-1-5{width: 1.5%;}
.w_900{width: 900px;}
.w_950{width: 950px;}
.w_1000{width: 1000px;}
.w_850{width: 850px;}
.w_800{width: 800px;}
.w_750{width: 750px;}
.w_700{width: 700px;}
.w_650{width: 650px;}
.w_600{width: 600px;}
.w_550{width: 550px;}
.w_500{width: 500px;}
.w_450{width: 450px;}
.w_400{width: 400px;}
.w_350{width: 350px;}
.w_300{width: 300px;}
.w_250{width: 250px;}
.w_200{width: 200px;}
.w_120{width: 120px;}
.w_280{width: 280px;}
.w_200{width: 200px;}
.w_150{width: 150px;}
.w_140{width: 140px;}
.w_135{width: 135px;}
.w_130{width: 130px;}
.w_100{width: 100px;}
.w_80{width: 80px !important;}
.w_50{width: 50px;}
.w_40{width: 40px;}
.w_60{width: 60px;}
.w_75{width: 75px;}
.w_70{width: 70px;}
.w_30{width: 30px;}
.w_25{width: 25px;}
.w_23{width: 23px;}
.w_20{width: 20px;}
.w_16{width: 15px;}
.w_15{width: 15px;}
.width-1half{width: 1.5%;}
.maxwidth_200{max-width: 200px;}
.maxwidth_500{max-width: 500px;}
.mx_width150{max-width: 150px;}
.min_width100{min-width: 100px;}

.lg-width250{
    width: 250px;
}

/* height */
.height_auto{height: auto;}
.height_50{height: 50px;}
.height_70{height: 70px;}
.h_30{height: 30px;}
.h_32{height: 32px;}
.h_25{height: 25px;}
.height_700{height: 700px;}
.h_1000{height: 1000px;}
.h_500{height: 500px;}
.h_150{height: 150px;}
.h_350{height: 350px;}
.h_295{height: 295px;}
.h_230{height: 230px;}
.h_180{height: 180px;}
.h_1{height: 1px;}
.minheight_700{min-height: 700px;}
.minheight_650{min-height: 650px;}
.minheight_500{min-height: 500px;}
.minheight_400{min-height: 400px;}
.minheight_360{min-height: 360px;}
.minheight_300{min-height: 300px;}
.minheight_280{min-height: 280px;}
.minheight_100{min-height: 100px;}
.min_height50{min-height: 50px;}
.maxheight_110{max-height: 110px;}
.mx_height100{max-height: 100%;}
.mx_height300{max-height: 300px;}
.mx_height600{max-height: 600px;}
.mx_height900{max-height: 900px;}
.mx_height550{max-height: 550px;}
.mx_height150{max-height: 150px;}
.h_100vh{height: 100vh;}
.h_90vh{height: 90vh;}
.h_80vh{height: 80vh;}
.h_70vh{height: 70vh;}
.h_60vh{height: 60vh;}

/* text transform */

.txt_capitalize{text-transform: capitalize;}
.txt_uppercase{text-transform: uppercase;}
.txt_lowercase{text-transform: lowercase;}


/* text-align */
.txt-align-left{text-align: left;}
.txt-align-right{text-align: right;}
.txt-align-center{text-align: center;}
.txt-align-justify{text-align: justify;}
.float_left{float: left;}
.float_right{float: right;}
.float_none{float: none;}

.overflow_visible{overflow: visible;}
.overflow_hidden{overflow: hidden;}
.overflow_auto{overflow: auto;}
.overflow_scroll{overflow: scroll;}
.overflowx_auto{overflow-x: auto;}
.overflowx_hideen{overflow-x: hidden;}
.visibility_hidden{visibility: hidden;}

.txt_overflow_ellipsis{text-overflow: ellipsis;}

.txt_underline{text-decoration: underline;}

.zindex{z-index: 1000;}
.zindex9{z-index: 9;}
.zindexminus1{z-index: -1;}

.opacity_02{opacity: 0.2;}

/* font size */
.font52{font-size: 52px;}
.font30{font-size: 30px;}
.font25{font-size: 25px;}
.font24{font-size: 24px;}
.font20{font-size:20px;}
.font18{font-size: 18px;}
.font17{font-size: 17px;}
.font16{font-size: 16px;}
.font15{font-size: 15px;}
.font14{font-size: 14px;}
.font13{font-size: 13px;}
.font12{font-size: 12px !important;}
.font11{font-size: 11px;}
.font10{font-size: 10px;}
.font9{font-size: 9px;}
.font8{font-size: 8px;}
.font_large{font-size: large;}

.lineheight21{line-height: 21px;}
.lineheight18{line-height: 18px;}
.lineheight15{line-height: 15px;}
.lineheight16{line-height: 16px;}
.lineheight30{line-height: 30px;}
.lineheight34{line-height: 34px;}
.lineheight38{line-height: 38px;}
.lineheight5{line-height: 5px;}
.lineheight0{line-height: 0;}

.fontweight_normal{font-weight: normal;}
.fontweight_500{font-weight: 500;}
.fontweight_300{font-weight: 300;}

.bordernone{border: none;}
.bgImage_none{background-image: none;}
.clearboth{clear: both;}
.wordbreak{word-break: break-all;}
.f_spacebetween{justify-content: space-between;}
.white-nowrap{white-space: nowrap;}
.cursor_default{cursor: default;}
.cursor_pointer{cursor: pointer;}
.vert_align_bottom{vertical-align: bottom;}
.vert_align_top{vertical-align: top;}

.bd-right-ccc{border-right: 2px solid #ccc;}
.bd-ccc{border: 1px solid #ccc;}
.bd-000{border: 1px solid #000;}
.bd-bbb{border: 1px solid #bbb;}
.bd-grey{border: 1px solid grey;}
.bd-3grey{border: 3px solid grey;}
.bd-bottom-solid{border-bottom: 1px solid;}
.bd-bottom-2lightgrey{border-bottom: 2px solid lightgrey;}
.bd-bottom-ccc{border-bottom:1px solid #CCC;}
.bd_top-gray{border-top: 1px solid grey;}
.bd_top-bottom_ccc{border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
.bd-left-ccc{border-left: 1px solid #ccc;}
.bd-bottom-eee{border-bottom: 1px solid #eee;}
.bd-bottom-aaa{border-bottom: 1px solid #aaa;}
.bd_dotted_black{border: 1px dotted black;}
.bd_none{border: none;}

.bg_color_white{ background-color: #ffffff; }

.topminus3{top: -3;}
.topminus5{top: -5;}
.left_10{left: 10px;}
.top_40per{top: 40%;}
.opacity_02{opacity: 0.2;}
.bottomZero{ bottom:0px}
.border_radius5{border-radius: 5px;}
.border_radius15{border-radius: 15px;}

.word-wrap-anywhere{
    word-wrap: anywhere;
}
.file-choose .d_inlineblock{display: inline-block;}
.select-upload-type #fileSelectHosted{width: 100%;text-overflow: ellipsis;}
.hostedpage-modal .select-upload-type{overflow: hidden;width: 100%;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    background-color: #ddf0eb!important;
}

.menu-heading a{
    font-weight: bolder !important;
    pointer-events: none;
    border-bottom: 1px solid #ccc;
}

.copy-data-custom{
    color:#ffffff;
    cursor: pointer;
}

.copy-data-custom:hover{
    color:#46ac96;
    cursor: pointer;
}

.editor-htmls table, .editor-htmls th, .editor-htmls td {
    width: 90%;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}

.user-state-list{
    width:90%;
    display: inline-flex;
    margin-right: 7px;
}

.bg_color_light_red{
    background-color: #ebccd1!important;
}