@charset "utf-8";

/****** Select2 Scroll Bars ******/
.select2-results::-webkit-scrollbar {
  width: 16px;
  background-clip: padding-box;
}
.select2-results::-webkit-scrollbar-track {
  background-color: #042434;
  height: 8px;
  background-clip: padding-box;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-results::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #0F2464;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-results::-webkit-scrollbar-button {
  display: none;
}

/* Bakcground Pattern Options - CSS Document */

.bg-repeating_blocks {
	background-color: #487346;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 200 200'%3E%3Cg %3E%3Cpolygon fill='%234c8e43' points='100 57.1 64 93.1 71.5 100.6 100 72.1'/%3E%3Cpolygon fill='%236aac5f' points='100 57.1 100 72.1 128.6 100.6 136.1 93.1'/%3E%3Cpolygon fill='%234c8e43' points='100 163.2 100 178.2 170.7 107.5 170.8 92.4'/%3E%3Cpolygon fill='%236aac5f' points='100 163.2 29.2 92.5 29.2 107.5 100 178.2'/%3E%3Cpath fill='%2389CC7C' d='M100 21.8L29.2 92.5l70.7 70.7l70.7-70.7L100 21.8z M100 127.9L64.6 92.5L100 57.1l35.4 35.4L100 127.9z'/%3E%3Cpolygon fill='%23768c3a' points='0 157.1 0 172.1 28.6 200.6 36.1 193.1'/%3E%3Cpolygon fill='%2396ac58' points='70.7 200 70.8 192.4 63.2 200'/%3E%3Cpolygon fill='%23B6CC76' points='27.8 200 63.2 200 70.7 192.5 0 121.8 0 157.2 35.3 192.5'/%3E%3Cpolygon fill='%2396ac58' points='200 157.1 164 193.1 171.5 200.6 200 172.1'/%3E%3Cpolygon fill='%23768c3a' points='136.7 200 129.2 192.5 129.2 200'/%3E%3Cpolygon fill='%23B6CC76' points='172.1 200 164.6 192.5 200 157.1 200 157.2 200 121.8 200 121.8 129.2 192.5 136.7 200'/%3E%3Cpolygon fill='%23768c3a' points='129.2 0 129.2 7.5 200 78.2 200 63.2 136.7 0'/%3E%3Cpolygon fill='%23B6CC76' points='200 27.8 200 27.9 172.1 0 136.7 0 200 63.2 200 63.2'/%3E%3Cpolygon fill='%2396ac58' points='63.2 0 0 63.2 0 78.2 70.7 7.5 70.7 0'/%3E%3Cpolygon fill='%23B6CC76' points='0 63.2 63.2 0 27.8 0 0 27.8'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: round;
    background-position: center;
    background-size: auto;
}

.bg-circles {
  background:
    radial-gradient(100% 100% at 100% 100%, #000 46%, #6B5344 47% 53%, #000 54%) 70px 70px,
    radial-gradient(100% 100% at 100% 100%, #000 46%, #6B5344 47% 53%, #000 54%) 70px 70px,
    radial-gradient(100% 100%,#000 22%, #6B5344 23% 29%, #000 30% 34%, #6B5344 35% 41%, #000 42%);
  background-color: #F8ECC9;
  background-size: 60px 60px;
	background-repeat: round;
    background-position: center;
}
/*
.bg-chocolate_weave {
	background: linear-gradient(45deg, #dca 12%, transparent 0, transparent 88%, #dca 0),   
				linear-gradient(135deg, transparent 37%, #a85 0, #a85 63%, transparent 0),  
				linear-gradient(45deg, transparent 37%, #dca 0, #dca 63%, transparent 0) #753;    
	background-size:cover;
	background-position: center;
	background-repeat: repeat;
}
.bg-cross_dots {
	background: radial-gradient(black 3px, transparent 4px),
				radial-gradient(black 3px, transparent 4px),    
				linear-gradient(#fff 4px, transparent 0),    
				linear-gradient(45deg, transparent 74px, transparent 75px, #a4a4a4 75px, #a4a4a4 76px, transparent 77px, transparent 109px),    
				linear-gradient(-45deg, transparent 75px, transparent 76px, #a4a4a4 76px, #a4a4a4 77px, transparent 78px, transparent 109px), #fff;    
	background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px!important;    
	background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
	background-repeat: repeat;
}
*/
.bg-honeycomb {
	background:  radial-gradient(circle farthest-side at 0% 50%,#fb1 23.5%,rgba(240,166,17,0) 0)21px 30px,
		radial-gradient(circle farthest-side at 0% 50%,#B71 24%,rgba(240,166,17,0) 0)19px 30px,
		linear-gradient(#fb1 14%,rgba(240,166,17,0) 0, rgba(240,166,17,0) 85%,#fb1 0)0 0,
		linear-gradient(150deg,#fb1 24%,#B71 0,#B71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#B71 0,#B71 76%,#fb1 0)0 0,
		linear-gradient(30deg,#fb1 24%,#B71 0,#B71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#B71 0,#B71 76%,#fb1 0)0 0,
		linear-gradient(90deg,#B71 2%,#fb1 0,#fb1 98%,#B71 0%)0 0 #fb1;
	background-size: 40px 60px!important;
	background-repeat: repeat;
}

.bg-bluecomb {
	background:  radial-gradient(circle farthest-side at 0% 50%,#0089dd  23.5%,rgba(240,166,17,0) 0)21px 30px,
		radial-gradient(circle farthest-side at 0% 50%,#0565cf 24%,rgba(240,166,17,0) 0)19px 30px,
		linear-gradient(#0089dd  14%,rgba(240,166,17,0) 0, rgba(240,166,17,0) 85%,#0089dd  0)0 0,
		linear-gradient(150deg,#0089dd  24%,#0565cf 0,#0565cf 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#0565cf 0,#0565cf 76%,#0089dd  0)0 0,
		linear-gradient(30deg,#0089dd  24%,#0565cf 0,#0565cf 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#0565cf 0,#0565cf 76%,#0089dd  0)0 0,
		linear-gradient(90deg,#0565cf 2%,#0089dd  0,#0089dd  98%,#0565cf 0%)0 0 #0089dd ;
	background-size: 40px 60px!important;
	background-repeat: repeat;
}

.bg-cicada {
	background-color: #026873;
	background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%),
		linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%),
		linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%),
		linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 50%);
	background-size: 13px, 29px, 37px, 53px!important;
	background-repeat: repeat;
}
.bg-seigaiha {
	background-color:midnightblue;
	background-image:
		radial-gradient(circle at 100% 150%, midnightblue 24%, white 24%, white 28%, midnightblue 28%, midnightblue 36%, white 36%, white 40%, transparent 40%, transparent),
		radial-gradient(circle at 0 150%, midnightblue 24%, white 24%, white 28%, midnightblue 28%, midnightblue 36%, white 36%, white 40%, transparent 40%, transparent),
		radial-gradient(circle at 50% 100%, white 10%, midnightblue 10%, midnightblue 23%, white 23%, white 30%, midnightblue 30%, midnightblue 43%, white 43%, white 50%, midnightblue 50%, midnightblue 63%, white 63%, white 71%, transparent 71%, transparent),
		radial-gradient(circle at 100% 50%, white 5%, midnightblue 5%, midnightblue 15%, white 15%, white 20%, midnightblue 20%, midnightblue 29%, white 29%, white 34%, midnightblue 34%, midnightblue 44%, white 44%, white 49%, transparent 49%, transparent),
		radial-gradient(circle at 0 50%, white 5%, midnightblue 5%, midnightblue 15%, white 15%, white 20%, midnightblue 20%, midnightblue 29%, white 29%, white 34%, midnightblue 34%, midnightblue 44%, white 44%, white 49%, transparent 49%, transparent);
	background-size: 100px 50px!important;
	background-repeat: repeat;
}
.bg-stars {
	background:
		linear-gradient(324deg, #232927 4%,   transparent 4%) -70px 43px,
		linear-gradient( 36deg, #232927 4%,   transparent 4%) 30px 43px,
		linear-gradient( 72deg, #e3d7bf 8.5%, transparent 8.5%) 30px 43px,
		linear-gradient(288deg, #e3d7bf 8.5%, transparent 8.5%) -70px 43px,
		linear-gradient(216deg, #e3d7bf 7.5%, transparent 7.5%) -70px 23px,
		linear-gradient(144deg, #e3d7bf 7.5%, transparent 7.5%) 30px 23px,
		linear-gradient(324deg, #232927 4%,   transparent 4%) -20px 93px,
		linear-gradient( 36deg, #232927 4%,   transparent 4%) 80px 93px,
		linear-gradient( 72deg, #e3d7bf 8.5%, transparent 8.5%) 80px 93px,
		linear-gradient(288deg, #e3d7bf 8.5%, transparent 8.5%) -20px 93px,
		linear-gradient(216deg, #e3d7bf 7.5%, transparent 7.5%) -20px 73px,
		linear-gradient(144deg, #e3d7bf 7.5%, transparent 7.5%) 80px 73px;
	background-color: #232927;
	background-size: 100px 100px!important;
	background-repeat: repeat;
	
}

.bg-carbon_fibre {
	background:
		radial-gradient(black 15%, transparent 16%) 0 0,
		radial-gradient(black 15%, transparent 16%) 8px 8px,
		radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
		radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
	background-color:#282828;
	background-size:16px 16px!important;
	background-repeat: repeat;
	
}
.bg-marakesh {
	background-color:white;
	background-image:
		radial-gradient(midnightblue 9px, transparent 10px),
		repeating-radial-gradient(midnightblue 0, midnightblue 4px, transparent 5px, transparent 20px, midnightblue 21px, midnightblue 25px, transparent 26px, transparent 50px);
	background-size: 30px 30px, 90px 90px!important;
	background-position: 0 0;
	background-repeat: round;
}

.bg-weaves{ 
	background:
		linear-gradient(135deg, #708090 21px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px),
		linear-gradient(225deg, #708090 21px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px)0 64px;
	background-color:#708090;
	background-size: 64px 128px!important;
	background-repeat: repeat;

}

/* Colorings Options - CSS Document */
.refresh-black {
	background: #505558;
	border-color: #333;
}

.refresh-blue {
	background-color: rgba(0,101,207,0.7)!important;
	padding: 10px !important;
    font-weight: 600;
    color: #fff;
	border-bottom: 2px solid #fff;
	white-space: normal;
	line-height: 0.85;
    width: 20%;
	z-index: 10000;
}

.refresh-green {
	background: #0E993C;
	border-color: #0B792F;
}

.refresh-purple {
	background: #9464e2;
	border-color: #7639da;
}

.refresh-red {
	background: #ee4f3d;
	border-color: #e42914;
}

.bkg-none {
	background-color: transparent;
	background: transparent!important;
	background-image: none;
}


.bkg-turquoise-light {
	background: #00bd9c;
	border-color: #00bd9c;
}

.bkg-hover-turquoise-light:hover {
	background: #00a186;
	border-color: #00a186;
}

.bkg-green {
	background: #1bb05d;
	border-color: #1ecd6d;
}

.bkg-hover-green:hover {
	background: #179851;
	border-color: #1bb05d;
}

.bkg-green-light {
	background: #1ecd6d;
	border-color: #1ecd6d;
}

.bkg-hover-green-light:hover {
	background: #1bb05d;
	border-color: #1bb05d;
}

.bkg-blue {
	background: #227fbb;
	border-color: #2c96dd;
}

.bkg-hover-blue:hover {
	background: #1d6ea3;
	border-color: #1d6ea3;
}

.bkg-blue-light {
	background: #2c96dd;
	border-color: #227fbb;
}

.bkg-hover-blue-light:hover {
	background: #227fbb;
	border-color: #227fbb;
}

.bkg-navy {
	background: #2c3e51;
	border-color: #1d6ea3;
}

.bkg-hover-navy:hover {
	background: #1f2d3b;
	border-color: #1f2d3b;
}

.bkg-navy-light {
	background: #33495f;
	border-color: #2c96dd;
}

.bkg-hover-navy-light:hover {
	background: # 	;
	border-color: #2c3e51;
}

.bkg-purple {
	background: #8f3faf;
	border-color: #8f3faf;
}

.bkg-hover-purple:hover {
	background: #7b3697;
	border-color: #7b3697;
}

.bkg-purple-light {
	background: #b078c6;
	border-color: #b078c6;
}

.bkg-hover-purple-light:hover {
	background: #8f3faf;
	border-color: #8f3faf;
}

.bkg-yellow {
	background: #ffbe12;
	border-color: #ffbe12;
}

.bkg-hover-yellow:hover {
	background: #e2a50b;
	border-color: #e2a50b;
}

.bkg-yellow-light {
	background: #E8E017;
	border-color: #E8E017;

}

.bkg-hover-yellow-light:hover {
	background: #FCF553;
	border-color: #FCF553;
}

.bkg-orange {
	background: #e87f04;
	border-color: #e87f04;
}

.bkg-hover-orange:hover {
	background: #df6f0b;
	border-color: #df6f0b;
}

.bkg-orange-light {
	background: #f59d00;
	border-color: #f59d00;
}

.bkg-hover-orange-light:hover {
	background: #e87f04;
	border-color: #e87f04;
}

.bkg-red {
	background: #AA0000;
	border-color: #c23824;
}

.bkg-hover-red:hover {
	background: #a9311f;
	border-color: #a9311f;
}

.bkg-red-light {
	background: #ea4b35;
	border-color: #ea4b35;
}

.bkg-hover-red-light:hover {
	background: #c23824;
	border-color: #c23824;
}

.bkg-black,.bkg-hover-black:hover {
	background: #000;
}

.bkg-hover-white:hover,.bkg-white {
	background: #fff;
	border-color: #fff;
}

.bkg-grey {
	background-color: #777;
	border-color: #777;
}

.bkg-hover-grey:hover {
	background-color: #555;
	border-color: #555;
}

.bkg-grey-light {
	background-color: #999;
	border-color: #999;
}

.bkg-hover-grey-light:hover {
	background-color: #888;
	border-color: #888;
}

.bkg-grey-ultralight {
	background-color: #f4f4f4;
	border-color: #f4f4f4;
}

.bkg-hover-grey-ultralight:hover {
	background-color: #f1f1f1;
	border-color: #f1f1f1;
}

.bkg-charcoal {
	background-color: #333;
	border-color: #333;
}

.bkg-hover-charcoal:hover {
	background-color: #222;
	border-color: #222;
}

.bkg-charcoal-light {
	background-color: #555;
	border-color: #555;
}

.bkg-hover-charcoal-light:hover {
	background-color: #444;
	border-color: #444;
}

.bkg-black,.bkg-hover-black:hover {
	background-color: #000;
	border-color: #000;
}

.bkg-base {
	background: #eee;
	border-color: #777;
/*border-color: #eee;*/
}

.bkg-hover-base:hover {
	background: #777;
	border-color: #d0d0d0;
/*	border-color: #eee;*/
}
.color-theme-1	{
	color: #0065cf;
}	
.color-theme-2 {
	color: #0089dd;
}
.bkg-color-theme-1	{
	background-color: #0065cf;
	border-color: #0065cf;
	color: #f4f2fa;
}	
.bkg-color-theme-2 {
	background-color: #0089dd;
	border-color: #0089dd;
	color: #f4f2fa;
}
.color-orange {
	color: #e87f04;
}

.color-hover-orange:hover {
	color: #df6f0b;
}

.color-orange-light {
	color: #f59d00;
}

.color-hover-orange-light:hover {
	color: #e87f04;
}

.color-green {
	color: #179851;
}

.color-hover-green:hover {
	color: #1ecd6d;
}

.color-green-light {
	color: #1ecd6d;
}

.color-hover-green-light:hover {
	color: #1bb05d;
}

.color-navy {
    color: #2c3e51
}

.color-hover-navy:hover {
    color: #1f2d3b
}

.color-navy-light {
    color: #33495f
}

.color-hover-navy-light:hover {
    color: #2c3e51
}
.color-red {
    color: #c23824
}

.color-hover-red:hover {
    color: #a9311f
}

.color-red-light {
    color: #ea4b35
}

.color-hover-red-light:hover {
    color: #c23824
}

.color-hover-white:hover,.color-white {
    color: #fff
}

.color-grey {
    color: #666
}

.color-hover-grey:hover {
    color: #555
}

.color-grey-light {
    color: #999
}

.color-hover-grey-light:hover {
    color: #888
}

.color-grey-ultralight {
    color: #f4f4f4
}

.color-hover-grey-ultralight:hover {
    color: #f1f1f1
}

.color-charcoal {
    color: #333
}

.color-hover-charcoal:hover {
    color: #222
}

.color-charcoal-light {
    color: #555
}

.color-hover-charcoal-light:hover {
    color: #444
}

.color-black,.color-hover-black:hover {
    color: #000
}

.color-maroon {
	color: #800000;
}
.color-darkcyan {
	color: #008b8b;
}
.color-darkmagenta {
	color: #8B008B
}
.color-navy-alt {
	color: #000080;
}
.color-slategrey {
	color: #2F4F4F;
}