/** ************************************************ ** 
 *  bootstrap-wn.css; 
 *      2020-02-10
 ** ************************************************ **/


a:hover,
a:active { outline: 0; }

/** TEXT COLOR **/
.text-color-green { color: #418641 !important; }
.text-color-orange { color: gold; }
.text-color-gold { color: #f7a600; }
.text-color-red { color:  #a22620 !important; }
.text-color-orange { color:  orange !important; }
.text-color-blue { color: #007CD4 !important; }
.text-color-gray { color: #757575 !important; }
.text-color-darkgray { color: #282828 !important;}
.text-color-lightgray, .text-color-lightgray p { color: #818181 !important; }
.text-color-black { color: black !important; }
.text-color-white, .text-color-white p { color: white !important; }
.text-color-turquoise { color: #7baca8 !important; }


/** Style size **/
.text-size-sm { font-size: 12px; line-height: 16px; }
.text-size-md { font-size: 14px; line-height: 18px; }
.text-size-lg { font-size: 18px; line-height: 22px; }
.text-size-xl { font-size: 20px; line-height: 26px; }
.text-size-xxl { font-size: 24px; line-height: 30px; }

.line-height-sm { line-height: 12px; }
.line-height-md { line-height: 14px; }
.line-height-lg { line-height: 18px; }
.line-height-xl { line-height: 20px; }
.line-height-xxl { line-height: 24px; }

.text-underline { text-decoration: underline; }

/** BACKGROUND **/
.background-color-green { background-color: #418641; color: white; }
.background-color-green a,
.background-color-green a:hover { color: white; }

.background-color-black { background-color: black; color: white; }
.background-color-black a,
.background-black a:hover { color: white; }

.background-color-gold { background-color: #FFD528; color: white; }
.background-color-gold a,
.background-color-gold a:hover { color: white; }

.background-color-turquoise { background-color: #7baca8 !important; color: white; }
.background-color-turquoise a,
.background-color-turquoise a:hover { color: white; }

.background-color-pink { background-color: #e62074; color: white; }
.background-color-pink a,
.background-color-pink a:hover { color: white; }

.background-color-white { background-color: white !important; }
.background-color-orange { background-color: orange !important; }
.background-color-blue { background-color: #007CD4  !important; }
.background-color-red { background-color: #a22620 !important; color: white;}
.background-color-red:hover { background-color: #a22620 !important; }

.background-color-darkgray { background-color: #292929 !important; color: #818181;}

.background-color-gray { background-color: #4a4f55 !important; color: black;}
.background-color-gray a,
.background-color-gray a:hover,
a.background-color-gray,
a:hover.background-color-gray { color: black; }

.background-color-lightgray,
.background-color-lightgray:hover { background-color: #f5f5f5 !important; color: black; } 
.background-color-lightgray a,
.background-color-lightgray a:hover,
a.background-color-lightgray,
a:hover.background-color-lightgray { color: black; }

.background-color-transparent { background-color: transparent; }

/** OPACITY **/
.o-0 { opacity: 0; }
.o-25 { opacity: .25; }
.o-50 { opacity: .50; }
.o-75 { opacity: .75; }
.o-1 { opacity: 1; }

/** OVERFLOW **/
.overflow-hidden { overflow: hidden; }
.overflow-visible { overflow: visible; }

/** BORDER **/
.border-1 { border-width: 1px !important; }
.border-2 { border-width: 2px !important; }
.border-3 { border-width: 3px !important; }
.border-4 { border-width: 4px !important; }

.border-radius-0 { border-radius: 0; }
.border-radius-5 { border-radius: 5px; }

/** BORDER Color **/
.border-black { border-color: black!important }
.border-darkgray { border-color: #282828!important }
.border-darkgray.is-hover { border-color: #e62074!important }
.border-white { border-color: white!important }

/** .borer-top .border-bottom .border-left .border-right **/
.border-x { border-left: 1px solid black !important; border-right: 1px solid black !important; }
.border-y { border-top: 1px solid black !important; border-bottom: 1px solid black !important; }

/** PADDING **/
.p-5px { padding: 5px !important; }
.p-7 { padding: 7px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-25 { padding: 25px !important; }
.p-30 { padding: 30px !important; }
.p-40 { padding: 40px !important; }
.p-50 { padding: 50px !important; }
.p-60 { padding: 60px !important; }
.p-80 { padding: 80px !important; }
.p-85 { padding: 85px !important; }
.p-100 { padding: 100px; }

.pt-5px { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-25 { padding-top: 25px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-85 { padding-top: 85px !important; }
.pt-100 { padding-top: 100px; }

.pr-5px { padding-right: 5px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-25 { padding-right: 25px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-60 { padding-right: 60px !important; }
.pr-80 { padding-right: 80px !important; }
.pr-85 { padding-right: 85px !important; }
.pr-100 { padding-right: 100px !important; }

.pb-5px { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-25 { padding-bottom: 25px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-85 { padding-bottom: 85px !important; }
.pb-100 { padding-bottom: 100px !important; }

.pl-5px { padding-left: 5px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-25 { padding-left: 25px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-50 { padding-left: 50px !important; }
.pl-60 { padding-left: 60px !important; }
.pl-80 { padding-left: 80px !important; }
.pl-85 { padding-left: 85px !important; }
.pl-100 { padding-left: 100px !important; }


/** MARGIN **/
.m-5px { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 25px !important; }
.m-30 { margin: 30px !important; }
.m-40 { margin: 40px !important; }
.m-50 { margin: 50px !important; }
.m-60 { margin: 60px !important; }
.m-80 { margin: 80px !important; }
.m-85 { margin: 85px !important; }
.m-100 { margin: 100px !important; }

.mt-5px { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-85 { margin-top: 85px !important; }
.mt-100 { margin-top: 100px !important; }

.mr-5px { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-25 { margin-right: 25px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-60 { margin-right: 60px !important; }
.mr-80 { margin-right: 80px !important; }
.mr-85 { margin-right: 85px !important; }
.mr-100 { margin-right: 100px !important; }

.mb-5px { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-85 { margin-bottom: 85px !important; }
.mb-100 { margin-bottom: 100px !important; }

.ml-5px { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-25 { margin-left: 25px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-60 { margin-left: 60px !important; }
.ml-80 { margin-left: 80px !important; }
.ml-85 { margin-left: 85px !important; }
.ml-100 { margin-left: 100px !important; }

/** Width; **/
.w-5 { width: 5%!important; }
.w-10 { width: 10%!important; }
.w-15 { width: 15%!important; }
.w-20 { width: 20%!important; }
.w-30 { width: 30%!important; }
.w-35 { width: 35%!important; }
.w-40 { width: 40%!important; }
.w-45 { width: 45%!important; }

/** Cursor **/
.c-pointer { cursor: pointer; }
.c-wait { cursor: wait; }
.c-help { cursor: help; }

.d-initial { display: initial !important; }

/** ************************************************ ** 
 *  list simple
 ** ************************************************ **/
.list-simple ul { list-style: none; padding-left: 15px;  }
.list-simple ul li { margin-bottom: 4px; }


/** ************************************************ ** 
 *  square
 ** ************************************************ **/
.square {
    border: 5px solid red;
    text-align: center;
    width: 50vw;
    height: 50vw;
}
      
/** ************************************************ ** 
 *  Ajax / tools 
 ** ************************************************ **/
.over-loader { 
    position: absolute; z-index: 200; 
}
.over-loader-bg { 
    position: absolute; z-index: 1; width: 100%; height: 100%; background: #E2E2E2;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.50;
}
.over-loader-ico { 
    position: absolute; z-index: 2; width: 100%; height: 100%;
    /* background: url('../images/ajax/ico_loading.gif') center 200px no-repeat; */
    background: url('../images/ajax/loading_1.gif') center 200px no-repeat;
}


/** ************************************************ ** 
 *  MODAL 
 ** ************************************************ **/
 .table-hover tbody.onclick tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.075);
    cursor: pointer;
}


/** .collapsing */
.no-transition {
    transition: none !important;
}