@import url(../fonts/roboto.css);
@import url(plugins/jquery.alerts.css);
@import url(plugins/uniform.tp.css);
@import url(plugins/jquery.ui.css);
@import url(plugins/jquery.ui.autocomplete.css);
@import url(plugins/fullcalendar.css);
@import url(plugins/colorbox.css);
@import url(plugins/colorpicker.css);
@import url(plugins/jquery.jgrowl.css);
@import url(plugins/jquery.tagsinput.css);
@import url(plugins/ui.spinner.css);
@import url(plugins/jquery.chosen.css);
@import url(../tooltip/tooltip_css.css);
/*imported fonts*/
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* ai button */

        :root {
            --top_header_bg: #6200ea; /* Neon Purple */
        }

        .aibtnsec {
            position: absolute;
            right: 10px;
            height: 32px;
            top: 9px;
            cursor: pointer;
            color: #fff;
        }

        .cotutorbtn {
            position: relative;
            z-index: 2;
            overflow: hidden;
            vertical-align: middle;
            display: inline-block;
            border: none;
            text-align: center;
            background-color: var(--top_header_bg);
            color: #fff;
            font-size: 17px;
            font-weight: 600;
            line-height: 1;
            padding: 20px 44px;
            min-width: 170px;
            font-family: 'Poppins', sans-serif;
            border-radius: 30px;
            box-shadow: var(--top_header_bg) 0px 3px 8px -2px;
            transition: all 1s cubic-bezier(0.05, 0.83, 0.43, 0.96);
        }

        @keyframes blink-sparkle {
            0%, 100% { opacity: 1; }
            50% { opacity: 0; }
        }

        @keyframes neon-glow {
            0% {
                box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff;
            }
            50% {
                box-shadow:  0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff;
            }
            100% {
                box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff;
            }
        }


        .cotutorbtn {
            animation: neon-glow 1.5s infinite alternate;
        }

        .cotutorbtn:hover.star-btn::before {
            top: 14%;
            left: 11%;
            transform: scale(0.9);
        }

        .cotutorbtn:hover.star-btn::after {
            top: 15%;
            left: 62%;
            transform: scale(1.3);
        }

.cotutorbtn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-align: center;
    background-color: var(--top_header_bg);
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    padding: 20px 44px;
    min-width: 170px;
    font-family: 'Poppins';
    border-radius: 30px;
    box-shadow: var(--top_header_bg) 0px 3px 8px -2px;
    -webkit-transition: all 1s cubic-bezier(0.05, 0.83, 0.43, 0.96);
    transition: all 1s cubic-bezier(0.05, 0.83, 0.43, 0.96);
}

.cotutorbtn.star-btn:before {
    content: "";
    position: absolute;
    top: 10%;
    left: 10%;
    height: 100%;
    width: 100%;
    background-color: none;
    z-index: 1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -ms-transform-origin: bottom center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA1OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZl83NjBfMikiPgo8cGF0aCBkPSJNOSAyTDEwLjg5MDYgNy4xMDkzNkwxNiA5TDEwLjg5MDYgMTAuODkwNkw5IDE2TDcuMTA5MzYgMTAuODkwNkwyIDlMNy4xMDkzNiA3LjEwOTM2TDkgMloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPHBhdGggZD0iTTkgMkwxMC44OTA2IDcuMTA5MzZMMTYgOUwxMC44OTA2IDEwLjg5MDZMOSAxNkw3LjEwOTM2IDEwLjg5MDZMMiA5TDcuMTA5MzYgNy4xMDkzNkw5IDJaIiBmaWxsPSJ3aGl0ZSIvPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMV9mXzc2MF8yKSI+CjxwYXRoIGQ9Ik01MS41IDM3TDUyLjcxNTQgNDAuMjg0Nkw1NiA0MS41TDUyLjcxNTQgNDIuNzE1NEw1MS41IDQ2TDUwLjI4NDYgNDIuNzE1NEw0NyA0MS41TDUwLjI4NDYgNDAuMjg0Nkw1MS41IDM3WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8cGF0aCBkPSJNNTEuNSAzN0w1Mi43MTU0IDQwLjI4NDZMNTYgNDEuNUw1Mi43MTU0IDQyLjcxNTRMNTEuNSA0Nkw1MC4yODQ2IDQyLjcxNTRMNDcgNDEuNUw1MC4yODQ2IDQwLjI4NDZMNTEuNSAzN1oiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfNzYwXzIiIHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfNzYwXzIiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjFfZl83NjBfMiIgeD0iNDUiIHk9IjM1IiB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzc2MF8yIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    -webkit-transition: all 1s cubic-bezier(0.05, 0.83, 0.43, 0.96);
    transition: all 1s cubic-bezier(0.05, 0.83, 0.43, 0.96);
	animation: blink-sparkle 1.5s infinite;
}

.cotutorbtn.star-btn:after {
    content: "";
    position: absolute;
    top: 15%;
    left: 62%;
    height: 100%;
    width: 100%;
    background-color: transparent;
    z-index: 1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -ms-transform-origin: bottom center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCA1MyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZl83NjBfMykiPgo8cGF0aCBkPSJNNC41IDJMNS4xNzUyMyAzLjgyNDc3TDcgNC41TDUuMTc1MjMgNS4xNzUyM0w0LjUgN0wzLjgyNDc3IDUuMTc1MjNMMiA0LjVMMy44MjQ3NyAzLjgyNDc3TDQuNSAyWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8cGF0aCBkPSJNNC41IDJMNS4xNzUyMyAzLjgyNDc3TDcgNC41TDUuMTc1MjMgNS4xNzUyM0w0LjUgN0wzLjgyNDc3IDUuMTc1MjNMMiA0LjVMMy44MjQ3NyAzLjgyNDc3TDQuNSAyWiIgZmlsbD0id2hpdGUiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfZl83NjBfMykiPgo8cGF0aCBkPSJNNDcuNSAxNEw0OC40NDUzIDE2LjU1NDdMNTEgMTcuNUw0OC40NDUzIDE4LjQ0NTNMNDcuNSAyMUw0Ni41NTQ3IDE4LjQ0NTNMNDQgMTcuNUw0Ni41NTQ3IDE2LjU1NDdMNDcuNSAxNFoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPHBhdGggZD0iTTQ3LjUgMTRMNDguNDQ1MyAxNi41NTQ3TDUxIDE3LjVMNDguNDQ1MyAxOC40NDUzTDQ3LjUgMjFMNDYuNTU0NyAxOC40NDUzTDQ0IDE3LjVMNDYuNTU0NyAxNi41NTQ3TDQ3LjUgMTRaIiBmaWxsPSJ3aGl0ZSIvPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mXzc2MF8zIiB4PSIwIiB5PSIwIiB3aWR0aD0iOSIgaGVpZ2h0PSI5IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl83NjBfMyIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMV9mXzc2MF8zIiB4PSI0MiIgeT0iMTIiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfNzYwXzMiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    -webkit-transition: all 1s cubic-bezier(0.05, 0.83, 0.43, 0.96);
    transition: all 1s cubic-bezier(0.05, 0.83, 0.43, 0.96);
	animation: blink-sparkle 1.5s infinite;
}
.cotutorbtn:hover, .cotutorbtn.active {
    color: #fff;
    box-shadow: none;
}
.cotutorbtn:hover.star-btn::before,.cotutorbtn.active.star-btn::before {
    top: 14%;
    left: 11%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

.cotutorbtn:hover.star-btn::after,.cotutorbtn.active.star-btn::after {
    top: 15%;
    left: 62%;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.tutorbtn {
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 15px 30px;
	background: linear-gradient(90deg, 
			   #5bfcc4, #f593e4, #71a4f0);
	outline: none;
	border: none;
	border-radius: 12px;
	color: #fff;
	font-size: 18px;
	box-shadow: inset 0px 0px 5px #ffffffa9, 
				inset 0px 35px 30px #000,
				0px 5px 10px #000000cc;
	text-shadow: 1px 1px 1px #000;
	cursor: pointer;
	transition: 0.3s;
  }
  
  .tutorbtn:active {
	box-shadow: inset 0px 0px 5px #ffffffa9,
				inset 0px 35px 30px #000;
	margin-top: 3px;
  }
  
  .tutorbtn::before {
	position: absolute;
	content: "";
	inset: 0;
	background: conic-gradient(
	  #00000000 80deg,
	  #40baf7,
	  #f34ad7,
	  #5bfcc4,
	  #00000000 280deg
	);
	z-index: -1;
	border-radius: 12px;
	filter: blur(0);
	transition: 0.3s;
  }
  
  .tutorbtn:hover:before {
	filter: blur(15px);
  }
  
  .tutorbtn:active:before {
	filter: blur(5px);
	transform: translateY(1px);
  }
  
/* ai button */
.custlistsec, .custlistsec a {
    color: #000;
}

.prflul li {
    padding: 10px;
    color: #000;
    border-bottom: 1px solid #ddd;
	font-weight: normal;
	font-family: poppins;
	font-size: 13px;
	list-style: none;
}
.prflul li a{
    color: #000;
	font-weight: normal;
	font-family: poppins;
}
.prflul li i{
	margin-right: 5px;
}
.custprfl {
    display: flex;
    align-items: start;
    width: 100%;
    font-size: 14px;
    gap: 10px;
    color: #000;
    font-weight: normal;
}
.custprflsnd {
    display: block;
   text-align: center;
    width: 100%;
    font-size: 14px;
    gap: 10px;
    color: #000;
    font-weight: normal;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.custprflsnd img{
	height: 70px;
	width: 70px;
	border-radius: 50%;
	margin-bottom: 5px;
	object-fit: cover;
	}
.custprfl img{
height: 50px;
width: 50px;
border-radius: 50%;
object-fit: cover;
}
.custnametxt{
	font-size: 13px;
	font-family:poppins;
	font-weight: bold;	
	text-transform: capitalize;
}
.custmailtxt{
	font-size: 12px;
	font-family:poppins;
	font-weight: normal;	
}
.custprfl{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
	margin-bottom: 10px;
}

.ai-btn {
    position: relative !important;
    background-color: var(--top_header_bg) ;
    border: 2px solid #ffffff !important;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 30px !important;
    cursor: pointer !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap;
    gap: 10px;
    justify-content: start !important;
    font-weight: bold;
    width: auto !important;
    height: auto !important;
    bottom: unset !important;
    right: unset !important;
}
.ai-btn img{
	height: 45px;
}
.ai-btn .sparkle {
    background: transparent;
	overflow: visible !important;
    fill: #fff;
	inline-size: 2em;
    translate: -25% -5%;
	margin-left: 10px;
}
/* :root {
	--transition: 0.25s;
	--spark: 1.8s;
  } */
.ai-btn .sparkle path{
	/* color: hsl(0 0% calc((0 * 70%) + var(--base))); */
	stroke: #fff;
	fill: #fff;
	/* transform-box: fill-box;
  transform-origin: center;
  animation: bounce 1.5s infinite ease-in-out alternate; 
  animation-delay: calc(var(--delay) * 0.6s);   */

}
@keyframes bounce {
	35%,
	65% {
	  scale: var(--scale);
	}
  }
  .sparkle path:nth-of-type(1) {
	--scale: 0.5;
	--delay: 0.1;
	--base: 40%;
  }
  
  .sparkle path:nth-of-type(2) {
	--scale: 1.5;
	--delay: 0.2;
	--base: 20%;
  }
  
  .sparkle path:nth-of-type(3) {
	--scale: 2.5;
	--delay: 0.35;
	--base: 30%;
  }
.ai-btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.1);
	transform: skewX(-45deg);
	animation: shine 2s infinite;
}

@keyframes shine {
	from {
		left: -100%;
	}
	to {
		left: 100%;
	}
}

.ai-btn:hover {
	background-color: #000; /* Darker Green */
	transform: translateY(-3px);
}
/*  */
/* auto complete css */
.autocmplt{
	position: absolute;
	z-index: 1000;
	border: 1px solid rgb(221, 221, 221);
	background-color: white;
	width: 100%;
	height: 250px;
	overflow-y: scroll;
}
/* width */
.autocmplt::-webkit-scrollbar {
	width: 5px;
  }
  
  /* Track */
  .autocmplt::-webkit-scrollbar-track {
	background: #f1f1f1;
  }
  
  /* Handle */
  .autocmplt::-webkit-scrollbar-thumb {
	background: #888;
  }
/* studentlist new cards design by sonal */

.newstucard {
	position: relative;
	min-width: 300px;
}
.newstucard .card-borders {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 30px;
}
.newstucard .card-borders .border-top {
	position: absolute;
	top: 0;
	width: 100%;
	height: 2px;
	background: var(--top_header_bg);
	transform: translateX(-100%);
	animation: slide-in-horizontal 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
.newstucard .card-borders .border-right {
	position: absolute;
	right: 0;
	width: 2px;
	height: 100%;
	background: var(--top_header_bg);
	transform: translateY(100%);
	animation: slide-in-vertical 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
.newstucard .card-borders .border-bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: var(--top_header_bg);
	transform: translateX(100%);
	animation: slide-in-horizontal-reverse 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
.newstucard .card-borders .border-left {
	position: absolute;
	top: 0;
	width: 2px;
	height: 100%;
	background: var(--top_header_bg);
	transform: translateY(-100%);
	animation: slide-in-vertical-reverse 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
.newstucard .card-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 40px 15px 40px 15px;
	background: var(--top_header_bg);
	box-shadow: 0 0px 0.6px rgba(0, 0, 0, 0.028), 0 0px 1.3px rgba(0, 0, 0, 0.04), 0 0px 2.5px rgba(0, 0, 0, 0.05), 0 0px 4.5px rgba(0, 0, 0, 0.06), 0 0px 8.4px rgba(0, 0, 0, 0.072), 0 0px 20px rgba(0, 0, 0, 0.1);
	opacity: 0;
	border-radius: 30px;
	transform: scale(0.6);
	border-bottom: 10px solid #f7e01d;
	animation: bump-in 0.5s 0.8s forwards;
	height: 100%;
}
.newstucard .card-content .avatar {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    opacity: 0;
    transform: scale(0.6);
    border: 3px solid var(--top_header_bg);
    border-right-color: #f7e01d;
    border-bottom-color: #f7e01d;
    border-top-color: #f7e01d;
    border-radius: 50%;
    padding: 10px;
    animation: bump-in 0.5s 1s forwards;
}
.newstucard .card-content .username {
	position: relative;
	font-size: 25px;
	margin: 0;
	color: transparent;
	line-height: 40px;
	animation: fill-text-white 1.2s 2s forwards;
}

.newstucard .card-content .username::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: black;
	background: #f7e01d;
	transform: scaleX(0);
	transform-origin: left;
	border-radius: 20px;
	animation: slide-in-out 1.2s 1.2s cubic-bezier(0.75, 0, 0, 1) forwards;
}
.newstutxt {
    display: flex;
    color: #ffffff;
}
.lblnewstu {
    width: 120px;
    text-align: start;
}
.newstuspan {
    margin-left: 10px;
}
.newstucard .card-content .designation {
    position: relative;
    line-height: 33px;
    font-size: 17px;
    margin: 0;
    color: #000 !important;
    font-weight: bold;
    background: #f7e01d;
    padding: 0 10px 0 10px;
    border-radius: 30px;
    margin: 6px 0 6px 0;
    animation: fill-text-white 1.2s 2s forwards;
    width: 100%;
}
.newstucard .card-content .designation::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: black;
	background: #f7e01d;
	border-radius: 20px;
	transform: scaleX(0);
	transform-origin: left;
	animation: slide-in-out 1.2s 1.2s cubic-bezier(0.75, 0, 0, 1) backwards;
}
.newstucard .card-content .bio {
    position: relative;
    line-height: 20px;
    padding-left: 20px;
    font-size: 14px;
    margin: 0;
    color: transparent;
    animation: fill-text-white 1.2s 2s forwards;
    margin: 6px 0 7px 0;
    padding-right: 20px;
}
.newstucard .card-content .bio::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: black;
	background: #f7e01d;
	border-radius: 20px;
	transform: scaleX(0);
	transform-origin: left;
	animation: slide-in-out 1.2s 1.2s cubic-bezier(0.75, 0, 0, 1) forwards;
}
.newstucard .card-content .social-icons {
	display: flex;
	margin-top: 15px;
}
.newstucard .card-content .social-icons .social-icon {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.5em;
	height: 2.5em;
	margin: 0 15px;
	border-radius: 50%;
	text-decoration: none;
}
.newstucard .card-content .social-icons .social-icon:nth-child(1)::before {
	animation-delay: 2.1s;
}
.newstucard .card-content .social-icons .social-icon:nth-child(1)::after {
	animation-delay: 2.2s;
}
.newstucard .card-content .social-icons .social-icon:nth-child(1) i {
	animation-delay: 2.3s;
}
.newstucard .card-content .social-icons .social-icon:nth-child(2)::before {
	animation-delay: 2.2s;
}
.newstucard .card-content .social-icons .social-icon:nth-child(2)::after {
	animation-delay: 2.3s;
}
.newstucard .card-content .social-icons .social-icon:nth-child(2) i {
	animation-delay: 2.4s;
}
.newstucard .card-content .social-icons .social-icon:nth-child(3)::before {
	animation-delay: 2.3s;
}
.newstucard .card-content .social-icons .social-icon:nth-child(3)::after {
	animation-delay: 2.4s;
}
.newstucard .card-content .social-icons .social-icon:nth-child(3) i {
	animation-delay: 2.5s;
}
.newstucard .card-content .social-icons .social-icon::before, .newstucard .card-content .social-icons .social-icon::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	transform: scale(0);
}
.newstucard .card-content .social-icons .social-icon::before {
	background: #f7f1e3;
	animation: scale-in 0.5s cubic-bezier(0.75, 0, 0, 1) forwards;
}
.newstucard .card-content .social-icons .social-icon::after {
	background: #fff;
	animation: scale-in 0.5s cubic-bezier(0.75, 0, 0, 1) forwards;
}
.newstucard .card-content .social-icons .social-icon i {
	z-index: 1;
	transform: scale(0);
	animation: scale-in 0.5s cubic-bezier(0.75, 0, 0, 1) forwards;
	color: #6b62b7;
	font-size: 20px;
	font-weight: 600;
}

@keyframes bump-in {
  50% {
    transform: scale(1.05);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes slide-in-horizontal {
  50% {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes slide-in-horizontal-reverse {
  50% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes slide-in-vertical {
  50% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
@keyframes slide-in-vertical-reverse {
  50% {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes slide-in-out {
  50% {
    transform: scaleX(1);
    transform-origin: left;
  }
  50.1% {
    transform-origin: right;
  }
  100% {
    transform: scaleX(0);
    transform-origin: right;
  }
}
@keyframes fill-text-white {
  to {
    color: white;
  }
}
@keyframes scale-in {
  to {
    transform: scale(1);
  }
}
@media(max-width:767px){
	.newstucard {
		width: 100%;
	}
}

/* 2nd design */


.id-card-container {
    display: flex;
    gap: 20px;
	justify-content: center;
}

.id-card {
    width: 250px;
    height: 100%;
    background-color: var(--top_header_bg);
    border-radius: 15px;
    color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.logonewsec {
    font-size: 24px;
    font-weight: bold;
}

.brand-name {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}

.profile-pic, .qr-code {
    width: 100px;
    height: 100px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.pic-placeholder, .qr-placeholder {
    width: 80px;
    height: 80px;
    background-color: #ddd;
    border-radius: 50%;
}

.infonewsec {
    text-align: center;
    font-size: 14px;
    line-height: 1.8;
    padding-left: 25px;
    padding-right: 25px;
}

.info-back {
    font-size: 14px;
    text-align: center;
}

.qr-code {
    width: 80px;
    height: 80px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.qr-placeholder {
    width: 70px;
    height: 70px;
    background-color: #ddd;
}
.leafsec {
    background: var(--sub_header_bg);
    width: 100%;
    padding: 20px 0px;
    border-top-right-radius: 42%;
    border-bottom-left-radius: 42%;
    box-shadow: -6px 8px #193318;
    margin-top: -20px;
}
.newclstxt {
    display: flex;
    justify-content: start;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #f0e88b5e;
}
.wdthtxt{
    width: 65px;
    text-align: start;
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #222020;
  -moz-box-shadow: 0 15px 10px #222020;
  box-shadow: 0 15px 10px #222020;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

@media(max-width:767px){
	.id-card {
		width: 100%;
	}
	.leafsec {
		border-top-right-radius: 35%;
		border-bottom-left-radius: 35%;
	}
}
/* studentlist new cards design by sonal */

.iscopy_args{
	cursor: pointer;font-size: 20px;margin-left: 10px;position: relative;z-index: 9999;background: red;width: 30px;height: 30px;border-radius: 50%;color: #fff;display: flex;align-items: center;justify-content: center;
}

/* hr dashboard graph tabs design by sonal 27-7-24*/
.graphtab button.active {
    width: 50px;
    height: 30px;
	background: linear-gradient(to bottom, var(--default_btn_bg_one) 0%, var(--default_btn_bg_two) 100%) !important;
    border: 1px solid #fff;
    border-radius: 6em;
}
.graphtab2 button.active1 {
    width: 50px;
    height: 30px;
	background: linear-gradient(to bottom, var(--default_btn_bg_one) 0%, var(--default_btn_bg_two) 100%) !important;
    border: 1px solid #fff;
    border-radius: 6em;
}
  /* Style the tab content */
  .graph_tabcontent {
    display: none;
    /* padding: 15px 12px; */
    border-top: none;
    padding-bottom: 12px;
}
.graph_tabcontent1 {
    display: none;
    /* padding: 15px 12px; */
    border-top: none;
    padding-bottom: 12px;
}
.graphtab {
    overflow: hidden;
    /* margin-bottom: 30px; */
    display: inline-block;
    padding: 2px;
    background: radial-gradient(#9f9f9f, #6f6c6c);
    border: 2px solid #707070;
    border-radius: 50em;
}
.graphtab2{
    overflow: hidden;
    /* margin-bottom: 30px; */
    display: inline-block;
    padding: 2px;
    background: radial-gradient(#9f9f9f, #6f6c6c);
    border: 2px solid #707070;
    border-radius: 50em;
}
.graphtab button {
    border: none;
    outline: none !important;
    cursor: pointer !important;
    transition: 0.3s;
    font-size: 17px !important;
    color: #FFFFFF;
    background: transparent;
}
.graphtab2 button {
    border: none;
    outline: none !important;
    cursor: pointer !important;
    transition: 0.3s;
    font-size: 17px !important;
    color: #FFFFFF;
    background: transparent;
}
.graphtab button img{
	height: 25px;
}
.graphtab2 button img{
	height: 25px;
}
/* hr dashboard graph tabs design by sonal */

/* Priyank 24-11-2023 Start */
.ans_boxnn {
    border: 1.5px solid #000;
    width: 100%;
    min-height: 40px;
    margin-top: 10px;
    border-radius: 10px;
    padding: 6px 12px;
}

.ans_boxnn.falsecolor {
    border: 1.5px solid #ff0000ab;
}
.ans_boxnn.truecolor {
    border: 1.5px solid #009933;
}

/* Priyank 24-11-2023 End */

/* Priyank 18-01-2024 menu_modal start */


.card-sidebar ul  {

    list-style: none !important;
    padding: 0 0 1rem 0;
    margin: 0 !important;
    border-bottom: 1px solid #f4f4f4;

}

.card-sidebar h4.card-sidebar-h4 {
    color: #000;
    padding-bottom: 0;
    margin: 10px 0 2px 0px;
    font-size: 14px;
	font-family: var(--body_font_family);
}


.card-sidebar ul li {

    padding-left: unset !important;
    list-style: none  !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border-bottom: 1px solid #ddd !important;
    position: relative !important;

}



.card-sidebar ul li a {
	  border-right: unset !important;
    color: #252525 !important;
    padding:8px 5px !important;
    font-size: 12px !important;
    font-weight: 500;
    line-height: normal;
    font-family: arial !important;
    background-color: unset !important;

}
.card-sidebar .card-sidebar-h4 i {
	    position: unset !important;
}

.card-sidebar ul li a i{
	position: unset  !important;
}

.menu_modal-close{
	padding: 10px;display: flex;justify-content: space-between;height: 45px;    background: #68a13b;
    color: #fff;

}



@media (min-width: 1024px) {
    .card-sidebar {
        display: inline-block;
        width:310px;
    }
        .card-columns-sidebar {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        column-gap: 3rem;
    }
}

@media (max-width: 1023px) {
    .card-sidebar {
        display: inline-block;
        width:225px;
    }
        .card-columns-sidebar {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        column-gap: 3rem;
    }
}
@media (max-width: 768px) {
    .card-sidebar {
        display:block;
        width:100%;
    }
        .card-columns-sidebar {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        column-gap: 3rem;
    }


	.card-sidebar ul li {
		padding:10px 0 !important;
	}

	.card-sidebar ul li a {
		font-size: 15px !important;
	}



}

.side-navbar-width{
   /*  max-width: calc(98.3vw - 200px); */
    padding-left: 1.5rem;
    padding-right: 2.5rem;
}

.scroll-area {
    max-height: calc(100vh - 130px);
    overflow-y: auto;
    overflow-x: hidden;
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}



.mega-dropdown-content:before {
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #f8f9fa;
    position: absolute;
    top: 10px;
    left: -12px;
    z-index: 10;
}

.mega-dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
	/* top:10px; */
    left: 0;
    width: 100%;
    background-color: #f8f9fa;
    box-shadow: -5px -5px 35px 10px rgba(0, 0, 0, 0.2);
    /* padding: 10px; */
    z-index: 9999;
}

.mega-dropdown-content-data {

    height: inherit;
	padding: 10px;
    overflow-y: auto;
}

.card-sidebar-ul [class^="icon-"] {
    display: none;
}

@media (max-width: 767px){
	div.mce-fullscreen {
		position: fixed;
		top: 120px;
		left: 0;
	}
	.fa-th.dropdown-toggle-menu {
		display: none!important;
	}

	.vernav2.iconmenu i.fa.fa-search{
		    margin-right: 0px !important;
	}
}



.mega-dropdown-content-app:before {
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #f8f9fa;
    position: absolute;
    top: -17px;
    left: 15px;
    z-index: 10;
    transform: rotate(90deg);
}

.mega-dropdown-content-app {
    display: none;
    position: absolute;
	padding: 10px;
	border-radius: 10px;
    top: 60px;
    left: 1vw;
    /* width: 100%; */
    background-color: #f8f9fa;
    box-shadow: -5px -5px 35px 10px rgba(0, 0, 0, 0.2);
    max-width: 98vw;
    max-height: max-content;
    min-height: 98vh;
	z-index: 99999; 
    /* z-index: 9999999999; */
}
.mega-dropdown-content-data-app {
	padding: 0px;
    overflow-y: auto;
    max-height: 96vh;
    min-height: 96vh;
}
.mega-dropdown-content-app .menu-items-list .row{
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
	margin: 0;
}

.mega-dropdown-content-app .menu-items-list .col-12{
	width:100%
}

/* Priyank 18-01-2024 menu_modal End */

.vernav2.iconmenu i.fa.fa-th {
    position: absolute;
    z-index: 11;
    right: 0!important;
    left: unset!important;
    top: 0;
    vertical-align: middle;

    font-size: 18px;
    padding: 10px;

    background: linear-gradient(to bottom,var(--sidebar_search_bg_one) 0%,var(--sidebar_search_bg_two) 100%) !important;
    color: var(--sidebar_search_color) !important;

    cursor: pointer;
}

/* footercss */
.dnone{
	display:none;
}
.gridcls{
	display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media(max-width:767px){
	.dnone{
	display:block;
}
}
@media(max-width:768px){
	.dnone{
	display:block;
}
}
/* footercss */

/* tabs new design by sonal*/



      /* Style the tab */
      .newtabstu .tab {
      overflow: hidden;
      }
      /* Style the buttons inside the tab */
     .newtabstu .tab button {
      background-color: inherit;
      float: left;
      border: none;
      outline: none;
      cursor: pointer;
      padding: 14px 14px;
      font-size: 14px;
      margin-right: 5px;
      color: var(--tab_color);
      border: 1px solid var(--tab_border);
      background: linear-gradient(to bottom, var(--tab_bg_one) 0%, var(--tab_bg_two) 100%);
      font-weight: bold;
      margin-bottom:5px;
      }
      /* Change background color of buttons on hover */
      .newtabstu .tab button:hover {
      background: #bbb;
      border-color: #aaa;
      }
      /* Create an active/current tablink class */
      .newtabstu .tab button.active {
      background: #bbb;
      border-color: #aaa;
      background: #fff;
      color: var(--tab_active_color) !important;
      border-bottom: 0px;
      }
      /* Style the tab content */
      .newtabstu .tabcontent {
      display: none;
      border-top: 1px solid #ccc;
      margin-top: 10px;
	  padding:20px;
      }
      .newtabstu .disabled {
      cursor: no-drop !important;
      background: #bbb !important;
      border-color: #aaa !important;
      }
	  /* tabs new design */
	  .red{
		font-size: 14px !important;
	  }
	  .sturecordspn{
		color: var(--sub_header_bg);
		font-size: 16px;
		font-family: poppins;
		font-weight: bold;
		text-transform: capitalize;
	  }
	  .stusrecorddiv{
		font-size: 16px;
		color: #000;
		font-weight: bold;
		font-family: poppins;
		line-height: 1.8;
		text-transform: capitalize;
	  }
	  .stuspantxt {
		color: var(--table_color_text);
		font-size: 13px;
		font-family: poppins;
		font-weight: bold;
	}
	.stutxttrd {
		font-size: 13px !important;
		color: #000 !important;
		font-weight: bold !important;
		font-family: poppins !important;
		line-height: 1.8 !important;
	}
.crsrpnt
{
	cursor: pointer;
}
.mrgntopsrch{
    margin-top: 32px !important;
}

.panel-heading.row
{
    display: flex;
    vertical-align: middle;
    align-items: center;
	margin-bottom: 0px;
}

.panel-heading .colheadclslft
{
    padding-left: 2px !important;
}
.colheadclsrght
{
    padding-right: 2px !important;
}

.panel-title
{
	margin-bottom:0px;
}
.txtcntrflex
{
	display :flex;
	justify-content:center;
	/* flex-wrap: wrap; */
}
.txtcntr
{
	text-align:center !important;
}
.txtstrt
{
	text-align: start !important;
}
.txtend
{
	text-align: start  !important;
}
.flex_wrap{
	white-space: nowrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mobbtn
{
	display:none;
}
.mobblock
{
	display:none !important;
}
.ipadnoneview
	{
		display:block;

	}.ipadblockview
	{
		display:none;
	}
	.flexboxcls
	{
		display:flex;
		justify-content:end;
		align-items:center;
	}
.form-select
{
	box-shadow: unset;
	height: 35px;
}
.form-select {
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 12px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
.imgprfl
{
	height: 100px;
    width: 100px;
    border: 1px solid #000;
}

/* Start for button center  */
.cntr_btn{
	display: flex;
 justify-content: center;
 flex-direction: column;
 width: fit-content !important;
 }

 /* END for button center  */

 .btn-info {
    color: var(--default_btn_color);
  background:linear-gradient(to bottom,var(--default_btn_bg_one) 0%,var(--default_btn_bg_two) 100%) !important;
      border: 1px solid var(--default_btn_bg_border) !important;
}

#popup_ok {
    border: 1px solid var(--default_btn_bg_border) !important;
    background: linear-gradient(to bottom,var(--default_btn_bg_one) 0%,var(--default_btn_bg_two) 100%) !important;
    font-weight: 700;
	color: var(--default_btn_color);
}
.prflcrd
{
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(255 255 255) 49%, var(--stu_card_bg) 100%);
}
/* .hoverchange:hover span {
	display: none;
  } */
  .hoverchange
  {
	background: var(--stu_name_text_bg);
    font-size: 16px;
    border-radius: 30px;
    color: var(--stu_name_text_color) !important;
  }
  .hoverchange span
  {
	color:#fff !important;
  }
  .labeltxt{
	font-family: poppins !important;
    /* font-weight: bold !important; */
  }
.filtercol{
    display: flex;
    justify-content: center;
    align-items: end;
}

/* form input[type="date"]
{
	padding: 0.375rem 0.75rem !important;
    border: 1px solid #ced4da;
    border-radius: 2px !important;
    background-color: #fff !important;
    box-shadow: inset 1px 1px 2px #ddd !important;
} */
/* student list new page css by sonal */
.srnosec
{
	margin-right: 10px;
    background: #5c5343;
    min-width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
}
.housecolor
{
	height: 15px;
	width: 15px;
	background-color: blue;
}
.panel-title {
    color: var(--panel_title) !important;
    font-size: 22px;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
}

.imgprfl
{
	width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #000;
	margin-bottom: 10px;
	padding: 2px;
}
.prflsec
{
	text-align: center;
    margin-top: 10px;
}
.stulistcrd{
	background: #fff;
    border: 1px solid var(--sub_header_bg);
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 20px;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.stutxt {
    font-size: 13px;
    color: #000;
    font-weight: bold;
    font-family: poppins;
    line-height: 1.8;
	text-transform: capitalize;
}
.stuspan
{

    color: var(--table_color_text);
	font-size: 13px;
    font-family: poppins;
    font-weight: bold;
    text-transform: capitalize;
}
.stuspan a
{
	color: var(--table_color_text);
}
.stutblcrd {
    /* border: 1px solid #2e8cff; */
    margin-top: 10px;
	margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 40%);

}

.address_stutxt{
 word-break: break-word;
    max-width: 200px;
}


.stutblcrd.stumaxwith {
    min-width: 180px;
}

.stutblcrd .stutxt
{
	font-size: 16px;
}
/* .stutblcrd .stuspan
{
	color:#328eff ;
} */
.btmbg
{
	background: linear-gradient(0deg, rgb(238 245 233) 0%, rgb(255 255 255) 20%, rgb(255 255 255) 100%);
    padding-bottom: 15px;
}
.headtxtstu
{
	color: #726650;
    margin: 10px 0px;
    font-size: 18px;
    font-weight: bold;
	font-family: poppins;
}
.flex-wrap-wrap{
   flex-wrap: wrap;

    min-width: 100px;
}
.actionsec
{
	background: #5c5343;
    font-size: 16px;
    color: #ffff;
    padding: 5px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}
.actionsec:hover{
	color:#fff;
}
.stuclps {
    color: var(--top_header_bg);
    margin-top: 10px;
    cursor: pointer;
    font-family: poppins;
    margin-bottom: 10px;
}
.widget-profile .profile-info-widget {
    display: block;
    text-align: center;
	font-family: poppins;
}
.pat-widget-profile .pro-widget-content {
    padding: 0 0 20px;
}
.pro-widget-content {
    border-bottom: 1px solid #f0f0f0;
    padding: 20px;
    text-align: center;
	font-family: poppins;
}
.widget-profile {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    border: 1px solid var(--sub_header_bg);
    margin-bottom: 1.875rem;
    background-color: #fff;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.widget-profile .profile-info-widget .booking-pro-img {
    display: inline-block;
    margin: 0 0 15px;
    width: auto;
    padding: 5px;
    background-color: #726650;
    /* border-radius: 50%; */
}
.widget-profile.pat-widget-profile .profile-info-widget .booking-pro-img img {
    /* border-radius: 50%; */
    height: 100px;
    width: 100px;
}
.customer-info {
    margin-top: 15px;
}
.customer-info ul {
    padding: 0;
    list-style: none;
    font-size: .875rem;
    margin: 0;
	font-family: poppins;
}
.customer-info ul li {
    position: relative;
    font-size: .875rem;
    font-weight: 600;
    color: #272b41;
	font-family: poppins;
    text-transform: capitalize;
}
.customer-info ul li span {
    color: #757575;
    float: right;
    font-weight: 400;
	font-family: poppins;
}
.profile-det-info h3 {
    font-size: 17px;
    font-family: poppins;
    font-weight: bold;
    color: var(--top_header_bg);
}
.pwdtxt
{
	font-size: 14px;
    font-family: poppins;
    font-weight: bold;
    color: var(--top_header_bg);
}
.pwdspan
{
	font-size: 14px;
    font-family: poppins;
    font-weight: bold;
    color: #000;
}
.customer-details h5 {
    color: #757575;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-family: poppins;
}
.clicksec
{
	margin-bottom: 10px;
    color: #000;
    font-weight: bold;
    font-family: 'Poppins';
    align-items: center;
    background: #F1F8E8;
    padding: 5px;
	cursor: pointer;
}





/* student list new page css by sonal */


/* root colors for header and footer by sonal */
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
	background: 0 0;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

body {

	font-size: var(--body_font_size);
	font-family: var(--body_font_family) !important;
	/* font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; */
	color: #666;
	line-height: 21px;
	font-family: poppins;
}

button,
input,
select,
textarea {
	font-size: 12px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	outline: 0;
	margin: 0
}

a {
	text-decoration: none;
	color: #666;
	outline: 0
}

button {
	outline: 0
}

a img {
	border: 0
}

h1,
h2,
h3,
h4,
h5,
span.h3 {
	font-family: var(--body_font_family);
	font-weight: 400;
	text-transform: uppercase
}

small {
	font-size: 11px
}

h1 {
	font-size: 32px
}

h2 {
	font-size: 28px
}

h3 {
	font-size: 24px
}

h4 {
	font-size: 18px
}

h5 {
	font-size: 14px
}

span.h3 {
	font-size: 24px;
	display: block
}

div  ::-webkit-scrollbar  {
	width: 7px !important;
    height: 5px !important;
    background:#dddddd !important;
}

select  ::-webkit-scrollbar  {
	width: 7px !important;
    height: 3px !important;
    background: var(--tab_bg_two) !important;
}


::-webkit-scrollbar {
	width: 10px;
 	height: 3px;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
}

::-webkit-scrollbar-thumb {
	background: var(--table_scroll_color);

}
.v_title {
    position: relative;
    background-color: var(--lang_btn_bg_one) !important;
    width: 40px;
    min-height: 180px;
    white-space: nowrap;
	background: linear-gradient(to bottom,var(--lang_btn_bg_one) 0%,var(--lang_btn_bg_two) 100%);
    overflow: hidden;
}
.v_title h4 {
    position: absolute;
    top: 50%;
    left: 50%;
    letter-spacing: 1px;
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    color: #fff !important;
}
body.withvernav {
	background: #fff url(../images/line.ccc.png) repeat-y 230px 0
}

body.withvernav {
	overflow-x: hidden;
	background-color: #fff !important;
}

body.withmenucoll {
	background-position: 55px 0
}

body.withmenucoll2 {
	background-position: 35px 0
}

.loginbox .logo h1,
.loginbox .username input {
	font-family: var(--body_font_family)
}

.actlist,
.headermenu,
.msglist,
.notitab,
.userdata ul {
	list-style: none
}

.actionBar,
.bx-wrapper,
.chatsearch,
.header,
.headermenu,
.headerwidget .earnings,
.loginbox .password,
.loginbox .username,
.menucoll2>span>ul>li>a,
.menucoll>ul>li>a,
.msgbutton,
.notibar,
.notitab,
.pagination,
.stdform div.par,
.stepContainer,
.toplist li a,
.widgetbox .widgettoggle {
	overflow: hidden
}

.one_half {
	width: 48.5%
}

.one_third {
	width: 55%;   /* 09-08-21  sujeet */
}

.two_third {
	width: 65.83%
}

.one_fourth {
	width: 22.5%
}

.three_fourth {
	width: 74.5%
}

.one_fifth {
	width: 17.3%
}

.two_fifth {
	width: 38.1%
}

.three_fifth {
	width: 58.9%
}

.four_fifth {
	width: 67.7%
}

.one_sixth {
	width: 13.83%
}

.five_sixth {
	width: 83.17%
}

.five_sixth,
.four_fifth,
.one_fifth,
.one_fourth,
.one_half,
.one_sixth,
.one_third,
.three_fifth,
.three_fourth,
.two_fifth,
.two_third {
	position: relative;
	margin-right: 3%;
	float: left
}

.last,
.last1 {
	margin-right: 0!important;
	clear: right
}

.last1 {
	float: right
}


/* sonal css start */

.vernav2.iconmenu i.fa.fa-search {
    background: linear-gradient(to bottom,var(--sidebar_search_bg_one) 0%,var(--sidebar_search_bg_two) 100%) !important;
    color: var(--sidebar_search_color) !important;
}

/* sonal css end  */

.loginboxinner {
	position: absolute;
	top: 15%;
	/*width: 330px;*/
	border: 7px solid #fff;
}

.loginbox,
.loginbox .username {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px
}

.loginbox {
	width: 350px;
	background: #fff;
	margin: 0 auto;
	border-radius: 2px;
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .3);
	box-shadow: 0 0 2px rgba(0, 0, 0, .3)
}

.loginbox *{ box-sizing: border-box; }

.loginboxinner {
	padding: 20px;
	background: url(../images/patternbg.png) #32415a;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px
}

.loginbox .logo {
	text-align: center;
	text-transform: capitalize
}

.loginbox .logo h1 {
	font-size: 32px;
	color: #fff;
	border-bottom: 1px solid #56647d;
	line-height: normal;
	margin-bottom: 5px;
	text-transform: capitalize
}

.loginbox .logo h1 span {
	color: #fb9337
}

.loginbox .logo p {
	font-weight: 700;
	color: #eee;
	font-style: italic
}

.loginbox form {
	display: block;
	margin-top: 20px
}

.loginbox .username {
	background: url(../images/icons/username.png) 13px center no-repeat #eee;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	margin: 20px 0
}

.loginbox .usernameinner {
	margin-left: 45px;
	border-left: 1px solid #ddd;
	background: #fff;
	padding-right: 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.loginbox .username input {
	padding: 15px 10px;
	border: 0;
	font-size: 14px;
	width: 100%;
	box-shadow: none;
	color: #666;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0
}

.loginbox .password {
	background: url(../images/icons/password.png) 13px center no-repeat #eee;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	margin: 20px 0
}

.loginbox .passwordinner {
	margin-left: 45px;
	border-left: 1px solid #ddd;
	background: #fff
}

.loginbox .password input,
.loginbox button {
	border: 0;
	font-size: 14px;
	font-family: var(--body_font_family)
}

.loginbox .password input {
	padding: 15px 10px;
	width: 330px;
	box-shadow: none;
	color: #666
}

.loginbox button {
	background: url(../images/btngrad.png) top left repeat-x #f0801d;
	padding: 15px 0;
	text-align: center;
	font-weight: 400;
	width: 100%;
	text-transform: uppercase;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4)
}

.loginbox .loginmsg,
.loginf {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px
}

.loginbox button:hover {
	background-color: #f0721e
}

.loginbox .keep {
	margin-top: 20px;
	font-weight: 700;
	color: #ccc;
	font-size: 11px
}

.loginbox .loginmsg {
	background: #fffccc;
	color: #333;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
	font-size: 11px;
	border-radius: 2px
}

.loginf {
	padding: 10px;
	background: #2e3e59;
	border-radius: 2px;
	-moz-box-shadow: inset 0 1px 1px #23324b;
	-webkit-box-shadow: inset 0 1px 1px #23324b;
	box-shadow: inset 0 1px 1px #23324b;
	border-bottom: 1px solid #475875
}

.loginpage .nopassword,
.loginpage .nousername,
.loginpage .nousername1,
.loginpage .nousername2 {
	display: none
}

.loginpage .nopassword {
	color: #fff
}

.loginpage .nopassword .thumb {
	padding: 5px;
	background: #fff;
	display: inline-block;
	vertical-align: top;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.msglist li img,
.search .submitbutton,
.userinfo img,
.widgetbox .listthumb img {
	vertical-align: middle
}

.loginpage .nopassword .userlogged {
	display: inline-block;
	margin-left: 10px;
	font-weight: 700
}

.loginpage .nopassword .userlogged h4 {
	font-size: 14px;
	font-family: var(--body_font_family)
}

.loginpage .nopassword .userlogged a {
	color: #f0801d;
	font-style: italic
}

.loginpage .nopassword .userlogged a:hover {
	text-decoration: underline
}
.expbtn {
    width: auto;
    margin: 0;
    font-weight: 700;
    color: var(--default_btn_color) !important;
    background: linear-gradient(to bottom,var(--default_btn_bg_one) 0%,var(--default_btn_bg_two) 100%) !important;
    border: 1px solid var(--default_btn_border) !important;
    padding: 7px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-transform: capitalize;
}
.btn_success {
	background: linear-gradient(to bottom,var(--submit_btn_bg_one) 0%,var(--submit_btn_bg_two) 100%) !important;
    border: none;
    color: var(--submit_btn_color) !important;
    border-color:var(--submit_btn_border)  !important;
}
.button123,
.contactlist li a:hover,
.msgmore a:hover,
.pagination li a:hover,
.recent_list li a.subject:hover,
.stdbtn:hover,
.userlistwidget .more:hover,
.verwizard .verticalmenu a:hover,
.widgetcontent ul.linklist li a:hover,
.wizard .hormenu li a:hover,
.wizard .tabbedmenu li a:hover,
a.btn:hover {
	text-decoration: none
}

.loginpage .notibar {
	border: 0
}

.topheader {
    padding: 8px 10px;
    position: relative;
	background:var(--top_header_bg);
}

.topheader .left h1.logo {
	font-family: var(--body_font_family);
	font-weight: 400;
	text-transform: uppercase;
	color: #fb9337;
	float: left;
	font-size: 30px;
	margin: 10px 0
}

.msgdetails .name,
.notification a.count,
.notitab li a,
.topheader .left .slogan,
.userdata ul li,
.userinfo span {
	text-transform: capitalize
}

.search,
.topheader .left .slogan {
	margin: 2px 10px;
	float: left
}

.topheader .left h1.logo a {
    color: #fff;
    font-weight: bold;
}

.topheader .left h1.logo span {
	color: #fff
}

.topheader .left .slogan {
	font-family: var(--body_font_family);
	padding: 8px 10px;
	border-left: 1px solid #606d84;
	color: #6a778d;
	font-style: italic
}

.search input[type=text] {
	border: 0;
	padding: 10px 8px 11px;
	background: #32415a;
	float: left;
	color: #4a5b78;
	-moz-border-radius: 2px 0 0 2px;
	margin: 0;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	border-bottom: 1px solid #445775;
	width: 200px;
	font-style: italic;
	-moz-box-shadow: inset 1px 1px 2px #2b384e;
	-webkit-box-shadow: inset 1px 1px 2px #2b384e;
	box-shadow: inset 1px 1px 2px #2b384e
}

.search input[type=text]:focus {
	font-style: normal;
	color: #6a778d
}

.search .submitbutton {
	float: left;
	border: 0;
	border-bottom: 1px solid #445775;
	-moz-border-radius: 0 0 2px;
	-webkit-border-radius: 0 0 2px 0;
	cursor: pointer;
	border-radius: 0 0 2px;
	background: url(../images/default/searchbutton.png) no-repeat;
	width: 38px;
	height: 37px
}

.topheader .right
{
	position: absolute;
	top: 10px;
	right: 10px
}
span.slogan {
    font-family: var(--body_font_family);
    color: #fff;
    font-size: 16px !important;
    float: right;
    margin-bottom: 5px;
    /* font-weight: bold; */
}

.notification {
	float: left;
	position: relative
}

.noticontent,
.userinfodrop {
	position: absolute;
	top: 48px;
	z-index: 200
}
.btn-info {
    color: #fff;
    background: #17a2b8;
    border-color: #17a2b8;
}
.btn-warning {
    color: #000;
    background: #ffc107;
    border-color: #ffc107;
}
.notification a.count {
	background: url(../images/default/notibg.png) top left repeat-x #cc170e;
	margin-right: 10px;
	font-size: 14px;
	font-family: var(--body_font_family);
	padding: 8px 13px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 1px solid #445775;
	-moz-box-shadow: inset 0 0 5px #400603;
	-webkit-box-shadow: inset 0 0 5px #400603;
	box-shadow: inset 0 0 5px #400603;
	color: #fff;
	cursor: pointer;
	display: inline-block
}

.msgbutton a,
.noticontent {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px
}

.notification a.count:hover {
	background: #d7180e
}

.noticontent {
	width: 350px;
	right: 10px;
	border-radius: 2px;
	background: #fff;
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.hornav li a,
.notitab li a {
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0
}

.notitab {
	border-bottom: 1px solid #fb9337;
	padding: 5px 5px 0;
	margin-bottom: 1px
}

.notitab li {
	display: inline-block;
	width: 50%;
	float: left
}

.vernav,
.vernav2 {
	width: 230px;
	left: 0
}

.notitab li a {
	display: block;
	padding: 10px 20px;
	font-weight: 700;
	text-align: center;
	border-radius: 2px 2px 0 0
}

.notitab li a:hover {
	color: #fb9337
}

.notitab li.current a {
	background: #fb9337;
	color: #fff
}

.msglist li {
	border-bottom: 1px solid #eee;
	line-height: 16px
}

.msglist li:first-child {
	padding-top: 0
}

.msglist li a {
	padding: 5px;
	display: block
}

.msglist li a:hover {
	background: #f7f7f7
}

.msglist li .thumb {
	border: 1px solid #fff;
	display: inline-block;
	float: left;
	margin-right: 10px
}

.msglist li .thumb:hover {
	border: 1px solid #fb9337
}

.msgdetails {
	line-height: 18px
}

.msgdetails span {
	display: block
}

.msgdetails .name {
	font-weight: 700;
	color: #485b79
}

.msgdetails .msg {
	font-size: 11px
}

.msgdetails .time {
	font-size: 10px;
	color: #999
}

.msgbutton {
	text-align: right;
	padding: 10px
}

.msgbutton a {
	padding: 5px 10px;
	background: #eee;
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	border-radius: 2px
}

.msgbutton a:hover {
	background: #fb9337;
	color: #fff
}

.msgbutton a:first-child {
	float: left
}

.actlist li {
	display: block;
	padding: 8px 10px;
	border-bottom: 1px solid #eee;
	line-height: 16px
}

.actlist li a {
	color: #485b79;
	font-weight: 700
}

.actlist li a:hover {
	color: #fb9337
}

.actlist li span {
	display: block;
	font-size: 10px;
	color: #999
}

.userinfo {
    padding: 3px 18px 3px 6px;
    background: url(../images/default/userinfoarrow.png) right center no-repeat #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 1px 1px 2px #2b384e;
    float: left;
    border: 2px solid #ffffff;
    /* -webkit-box-shadow: inset 1px 1px 2px #ffffff; */
    /* box-shadow: inset 1px 1px 2px #ffffff; */
    cursor: pointer;
}

.userinfo:hover {
	background-color: #2d3b53
}

.userinfo img {
	border: 1px solid #b9c1ce
}

.userdata ul li a,
.userinfodrop {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px
}

.userinfo span {
    color: #000;
    display: inline-block;
    padding: 0 5px;
    font-family: var(--body_font_family);
}

.userinfodrop {
	padding: 10px;
	min-width: 300px;
	right: 0;
	display: none;
	border-radius: 2px;
	background: #fff;
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.userinfodrop .avatar {
	float: left
}

.userdata {
	margin-left: 105px
}

.userdata h4 {
	color: #2d3c54;
	display: inline-block
}

.userdata .email {
	color: #999;
	font-size: 11px;
	display: inline-block
}

.userdata ul {
	margin-top: 10px
}

.userdata ul li {
	display: block;
	margin-bottom: 1px
}

.editornav li a,
.headermenu li a,
.hornav li a,
.menucoll ul ul span,
.menucoll2 span ul ul span,
.vernav ul li a,
.vernav2 ul li a {
	text-transform: uppercase
}

.userdata ul li:last-child {
	margin-bottom: 0
}

.userdata ul li a {
	display: block;
	padding: 5px;
	background: #f7f7f7;
	border-radius: 2px
}

.userdata ul li a:hover {
	background: var(--sub_header_bg);
	color: #fff
}

.header {
    min-height: 77px;
    border-top: 2px solid var(--top_header_bg);
    border-bottom: 3px solid var(--top_header_bg);
    -moz-box-shadow: inset 0 1px 0 #000;
    -webkit-box-shadow: inset 0 1px 0 #000;
    box-shadow: inset 0 1px 0 var(--top_header_bg);
    position: relative;
    background: var(--top_header_bg);
}


.headermenu {
    /* border-right: 1px solid var(--btncolor1); */
    display: inline-block;
}

.headermenu li {
    float: left;
    display: inline-block;
    border-left: 1px solid var(--top_header_bg);
    border-right: 1px solid var(--top_header_bg);
}

.headermenu li:first-child {
	border-left: 0
}

.headermenu li a {
	display: block;
	font-family: var(--body_font_family);
	color: var(--sub_header_text);
	padding: 17px 10px;
	min-width: 80px;
	text-align: center;
}

.headermenu li a span {
	opacity: .5
}

.headermenu li a span.icon {
	height: 30px;
	display: block;
	margin-bottom: 10px
}

.headermenu li a span.icon-flatscreen {
	background: url(../images/icons/flatscreen.white.png) center center no-repeat
}

.userinfo2 img {
	vertical-align: middle
}

.userinfo2 span {
	text-transform: capitalize
}

.userinfo2 {
    padding: 6px 6px 6px 6px;
    background: url(none) right center no-repeat #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 1px 1px 2px #ffffff;
    float: left;
    border: 2px solid #ffffff;
    /* border-bottom: 1px solid #ffffff; */
    /* -webkit-box-shadow: inset 1px 1px 2px #ffffff; */
    /* box-shadow: inset 1px 1px 2px #ffffff; */
    cursor: pointer;
}
.userinfo:hover {
	background-color: #fff
}

.userinfo img {
	border: 1px solid #b9c1ce
}

.userdata ul li a,
.userinfodrop {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px
}

.userinfo2 span {
    letter-spacing: .5px;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    display: inline-block;
    padding: 0 5px;
    font-family: var(--body_font_family);
}

.headermenu li a span.icon-pencil {
	background: url(../images/icons/newspaper.png) center center no-repeat
}

.headermenu li a span.icon-speech {
	background: url(../images/icons/speech.white.png) center center no-repeat
}

.headermenu li a span.icon-message {
	background: url(../images/icons/configure.png) center center no-repeat
}

.headermenu li a span.icon-messages {
	background: url(../images/icons/message.white.png) center center no-repeat
}

.headermenu li a span.icon-chart {
	background: url(../images/icons/prof3.png) center center no-repeat
}

.headermenu li a span.icon-logout {
	background: url(../images/icons/logout.png) center center no-repeat
}

.headermenu li a span.icon-ticket {
	background: url(../images/icons/icon-ticket.png) center center no-repeat
}

.panel-body .container .alert {
    margin-left: -15px;
    margin-right: -15px;
}

.langbtn {
    padding: 10px 20px;
    /* background-color: var(--btncolor1) !important; */
    color:var(--lang_btn_color)  !important;
    font-size: 16px;
    font-family: RobotoBoldCondensed,Arial,Helvetica,sans-serif;
    border: 2px solid var(--lang_btn_border) !important;
	background: linear-gradient(to bottom,var(--lang_btn_bg_one) 0%,var(--lang_btn_bg_two) 100%);
}


.headermenu li a:hover {
    background:  var(--sub_header_hover);
    -moz-box-shadow: inset 0 1px 0 #4f627e;
    -webkit-box-shadow: inset 0 1px 0 #495e0e;
    box-shadow: inset 0 1px 0 var(--top_header_bg);
    color: var(--sub_header_hover_color);
    font-weight: bold;
}

.headermenu li.current {
    border-left: 0;
    border-right: 1px solid var(--lang_btn_bg_one);
}
/* .headermenu li.current a {
	background: url(../images/default1/arrow-active.png) center bottom no-repeat;
	-moz-box-shadow: inset 0 1px 0 #495e0e;
	-webkit-box-shadow: inset 0 1px 0 #495e0e;
	box-shadow: inset 0 1px 0 #495e0e
} */

.headermenu li.current a {
    background: var(--sub_header_active);
    -moz-box-shadow: inset 0 1px 0 var(--top_header_bg);
    -webkit-box-shadow: inset 0 1px 0 var(--top_header_bg);
    box-shadow: inset 0 1px 0 var(--top_header_bg);
    color: var(--sub_header_active_color);
    font-weight: 600;
}
.headermenu li.current a i {
    opacity: 1;
	color: var(--sub_header_active_color);
    font-weight: 600;
}
.headermenu a i {
    display: block;
    font-size: 28px;
    height: 40px;
    opacity: 1;
}
.headermenu li.current a span {
	opacity: 1
}

.filemgr_menu li a.preview_disabled,
.filemgr_menu li a.trash_disabled {
	opacity: .5
}

.headerwidget {
	position: absolute;
	top: 10px;
	right: 10px
}

.headerwidget .earnings {
    background: transparent;
    padding: 8px 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    min-width: 200px;
    max-height: 80px;
    /* -moz-box-shadow: inset 1px 1px 2px #29374e; */
    /* -webkit-box-shadow: inset 1px 1px 2px #29374e; */
    /* box-shadow: inset 1px 1px 2px #ffffff; */
    /* border-bottom: 1px solid #ffffff; */
}

.headerwidget .earnings h4 {
	font-weight: 400;
	text-transform: uppercase;
	color: #eee;
	font-size: 11px;
	font-family: var(--body_font_family);
	margin-bottom: 0
}

.headerwidget .earnings h2 {
	color: #f6e4a5;
	font-size: 32px;
	font-weight: 400;
	font-family: var(--body_font_family);
	margin-bottom: 8px
}

.editornav li a,
.hornav li a,
.pageheader .pagetitle,
.vernav ul li a,
.vernav2 ul li a {
	font-family: var(--body_font_family);
}
.addbtn
{
	color: var(--add_btn_color) !important;
	background: linear-gradient(to bottom,var(--add_btn_bg_one) 0%,var(--add_btn_bg_two) 100%) !important;
    border-color: var(--add_btn_border) !important;
}
.addbtn:focus
{
	box-shadow: unset !important;
	border-color: var(--add_btn_border) !important;
}
.resetbtn
{
	color: var(--reset_btn_color) !important;
	background: linear-gradient(to bottom,var(--reset_btn_bg_one) 0%,var(--reset_btn_bg_two) 100%) !important;
    border-color: var(--reset_btn_border) !important;
}
.resetbtn:focus
{
	box-shadow: unset !important;
	border-color: var(--reset_btn_border) !important;
}
.defaultbtn
{
	color: var(--default_btn_color) !important;
	background: linear-gradient(to bottom,var(--default_btn_bg_one) 0%,var(--default_btn_bg_two) 100%) !important;
    border-color: var(--default_btn_border) !important;
}
.defaultbtn:focus
{
	box-shadow: unset !important;
	border-color: var(--default_btn_border) !important;
}
.submitbtn
{
	color: var(--submit_btn_color) !important;
	background: linear-gradient(to bottom,var(--submit_btn_bg_one) 0%,var(--submit_btn_bg_two) 100%) !important;
    border-color: var(--submit_btn_border) !important;
}
.submitbtn:focus
{
	box-shadow: unset !important;
	border-color: var(--submit_btn_border) !important;
}



.submitbtn_pay
{
	color: var(--pay_btn_color) !important;
	background: linear-gradient(to bottom,var(--pay_btn_bg_one) 0%,var(--pay_btn_bg_two) 100%) !important;
    border-color: var(--pay_btn_border) !important;
}
.submitbtn_pay:focus
{
	box-shadow: unset !important;
	border-color: var(--pay_btn_border) !important;
}


.updatebtn
{
	color: var(--submit_btn_color) !important;
	background: linear-gradient(to bottom,var(--submit_btn_bg_one) 0%,var(--submit_btn_bg_two) 100%) !important;
    border-color: var(--submit_btn_border) !important;
}
.updatebtn:focus
{
	box-shadow: unset !important;
	border-color: var(--submit_btn_border) !important;
}
.btnsearch
{
	color: var(--search_btn_color) !important;
	background: linear-gradient(to bottom,var(--search_btn_bg_one) 0%,var(--search_btn_bg_two) 100%) !important;
    border-color: var(--search_btn_border) !important;
}
.btnsearch:focus
{
	box-shadow: unset !important;
	border-color: var(--search_btn_bg_one) !important;
}

.btncancel
{
	color: var(--cancel_btn_color)!important;
	background: linear-gradient(to bottom,var(--cancel_btn_bg_one) 0%,var(--cancel_btn_bg_two) 100%) !important;
	border-color: var(--cancel_btn_border) !important;
}
.btncancel:focus
{
	box-shadow: unset !important;
	border-color:  var(--cancel_btn_border) !important;
}
.btn-warning {
    color: var(--warning_btn_color) !important;
    background: linear-gradient(180deg, var(--warning_btn_bg_one) 0%, var(--warning_btn_bg_two) 100%) !important;
    border-color: var(--warning_btn_border) !important;
}
.btn-warning:focus
{
	box-shadow: unset !important;
	border-color: var(--warning_btn_bg_one) !important;
}
.brdcrum
{
	padding:10px;
	padding-top:15px;
}
.brdcrum ol{
	margin-bottom: 0px;
}
.brdcrum .breadcrumb-item a{
	color: var(--breadcrumb_inactive);
    font-weight: bold;
}
.brdcrum .breadcrumb-item.active
{
	font-weight: bold;
    color: var(--breadcrumb_active);
}
.pageheader {
	padding-top: 20px;
	background: url(../images/default/noise.white.png);
	position: relative;
	display: inline-block;
 	width: 100%;
}

.pageheader .pagetitle {
    margin: 0 10px;
    color: var(--panel_title);
    font-weight: 400;
    font-size: 28px;
}

.pageheader .pagedesc {
	color: #666;
	margin: 0 10px
}

.editornav,
.hornav {
	margin-top: 15px;
	height: auto;
	list-style: none
}

.notab {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	display: inline-block;width: 100%;
}

.hornav {
	border-bottom: 1px solid #ccc;
	padding: 0 10px
}

.hornav li {
	display: inline-block;
	float: left;
	margin-right: 5px
}

.hornav li a {
    display: block;
    padding: 10px 20px;
    background: #e8f4e7;
  color:var(--tab_color);
    font-size: 14px;
    border-radius: 2px 2px 0 0;
    border: 1px solid var(--tab_border);
    border-bottom: 0;
	background: linear-gradient(to bottom,var(--tab_bg_one) 0%,var(--tab_bg_two) 100%);
}

.hornav li a:hover {
	background: var(--tab_active_color);
	border-color: var(--tab_border);
}

.hornav li.current a {
    background: #fff;
    color: var(--tab_active_color);
}

.hornav li.current a:hover {
	border-color: #ccc
}

.editornav {
	border-bottom: 1px solid #ccc;
	padding: 0 20px
}

.editornav li {
	display: inline-block
}

.editornav li a {
	display: block;
	padding: 10px 20px;
	background: #ccc;
	color: #fff;
	font-size: 14px;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	border: 1px solid #ccc;
	border-bottom: 0;
	cursor: pointer
}

.editornav li a:hover {
	background: #bbb;
	border-color: #aaa
}

.editornav li.current a {
	background: #fff;
	color: #fb9337
}

.editornav li.current a:hover {
	border-color: #ccc
}

.vernav {
	position: absolute;
	top: 160px
}

.vernav ul {
	list-style: none;
	margin: 10px
}

.vernav ul li {
	display: block;
	margin-bottom: 1px;
	position: relative
}

.vernav ul li a {
	display: block;
	padding: 12px 10px;
	background: #f7f7f7;
	color: #32415a;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.vernav ul li a:hover {
	background-color: #32415a;
	color: #eee
}

.vernav ul li.current a {
	background-color: #32415a;
	color: #fb9337
}

.vernav ul ul {
	margin: 0 0 0 10px;
	display: none
}

.vernav ul ul li a {
	color: #999;
	background: url(../images/line.dashed.png) -25px center no-repeat #fff;
	border-left: 1px dashed #ccc;
	padding-left: 10px
}

.vernav ul ul li a:hover {
	background-color: #fff;
	color: #666
}

.vernav ul li.current ul {
	display: block
}

.vernav ul li.current ul li a {
	background-color: #fff;
	color: #999
}

.vernav ul li.current ul li a:hover {
	color: #666
}

.vernav ul li.current ul li.current a {
	color: #fb9337;
	background-color: #fff
}

.vernav2 {
	position: absolute;
	/* top: 158px; */
}

.vernav2 ul {
	list-style: none;
	margin: 0
}

.vernav2 ul li {
	display: block;
	border-bottom: 1px solid #ddd;
	position: relative
}

.vernav2 ul ul li,
.vernav2 ul ul li:last-child {
	border-bottom: 0
}

.vernav2 ul li a {
    display: block;
    padding: 10px 10px;
    background: #fff;
    color: var(--sidebar_text);
}
.vernav2 a {
    font-size: var(--sidebar_font_size) !important;
    text-decoration: none;
}
.vernav2 ul li a:hover {
    background-color: var(--sidebar_hover_li);
    color: var(--sidebar_hover_text);
}
.vernav2 ul li.current a {
    background-color: var(--sidebar_active);
    color: var(--sidebar_active_text);
    border-right: 3px solid var(--sidebar_active_border);
}

.vernav2 ul ul {
	margin: 0;
	padding-left: 10px;
	border-top: 1px solid #eee;
	display: none
}

.vernav2 ul ul li a {
	color: #999;
	background: url(../images/line.dashed.png) -25px center no-repeat #fff;
	border-left: 1px dashed #ccc;
	padding-left: 10px
}

.vernav2 ul ul li a:hover {

    background-color: var(--sidebar_hover_li);
    color: var(--sidebar_hover_text);
}

.vernav2 ul li.current ul {
	display: block
}

.vernav2 ul li.current ul li a {
	background-color: #fff;
	color: #999
}

.vernav2 ul li.current ul li a:hover {
	color: #666
}

.vernav2 ul li.current ul li.current a {
    background-color: #fff;
    color: var(--sidebar_active_a);
}

.contenttitle,
.menucoll2 span ul li.current ul span {
	color: #fb9337
}

.vernav ul li span.arrow, .vernav2 span ul li span.arrow {
    position: absolute;
    top: 18px;
    right: 10px;
    background: url(../images/default1/menuarrow.png) no-repeat;
    width: 16px;
    height: 5px;
    background-size: 10PX;
}

.vernav ul li.current span.arrow,
.vernav2 span ul li.current span.arrow {
	background-position: 0 -5px
}

.iconmenu ul li a {
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: 10px 12px
}

.iconmenu ul ul {
	padding-left: 25px
}

.iconmenu ul li a.editor {
	background-position: 8px 10px
}

.iconmenu ul li a.gallery {
	background-position: 8px -61px
}

.iconmenu ul li a.elements {
	background-position: 8px -133px
}

.iconmenu ul li a.widgets {
	background-position: 8px -205px
}

.iconmenu ul li a.calendar {
	background-position: 8px -278px
}

.iconmenu ul li a.support {
	background-position: 8px -349px
}

.iconmenu ul li a.typo {
	background-position: 8px -421px
}

.iconmenu ul li a.tables {
	background-position: 8px -493px
}

.iconmenu ul li a.error {
	background-position: 8px -565px
}

.iconmenu ul li a.addons {
	background-position: 1px -9px
}

.iconmenu ul li a.inbox {
	background-position: 8px -708px
}

.iconmenu ul li a.drafts {
	background-position: 8px -780px
}

.iconmenu ul li a.sent {
	background-position: 8px -853px
}

.iconmenu ul li a.trash {
	background-position: 8px -923px
}

.iconmenu ul li.current a.editor {
	background-position: 8px -24px
}

.iconmenu ul li.current a.gallery {
	background-position: 8px -97px
}

.iconmenu ul li.current a.elements {
	background-position: 8px -169px
}

.iconmenu ul li.current a.widgets {
	background-position: 8px -240px
}

.iconmenu ul li.current a.calendar {
	background-position: 8px -314px
}

.iconmenu ul li.current a.support {
	background-position: 8px -385px
}

.iconmenu ul li.current a.typo {
	background-position: 8px -457px
}

.iconmenu ul li.current a.tables {
	background-position: 8px -530px
}

.iconmenu ul li.current a.error {
	background-position: 8px -601px
}

.iconmenu ul li ul li a:hover {
	background-image: url(none)!important
}

.iconmenu ul li.current a.addons {
	background-position: 1px -11px
}

.iconmenu ul li.current a.inbox {
	background-position: 8px -744px
}

.iconmenu ul li.current a.drafts {
	background-position: 8px -816px
}

.iconmenu ul li.current a.sent {
	background-position: 8px -889px
}

.iconmenu ul li.current a.trash {
	background-position: 8px -959px
}

.menucoll {
	width: 55px
}

.menucoll ul li {
	height: 36px;
	position: relative;
	margin-bottom: 0
}

.menucoll ul li span.arrow {
	display: none
}

.menucoll>ul>li {
	margin-bottom: 1px
}

.menucoll>ul>li>a {
	width: 0;
	height: 36px;
	padding: 0 0 0 35px
}

.menucoll>ul>li.hover>a {
	background-color: #32415a
}

.menucoll ul ul {
	position: absolute;
	z-index: 200;
	top: 0;
	left: 24px;
	padding: 0;
	width: 200px;
	background: 0;
	border: 1px solid #ccc;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
	box-shadow: 2px 1px 3px rgba(0, 0, 0, .1)
}

.menucoll ul ul li {
	display: block;
	border-bottom: 1px solid #eee;
	height: auto
}

.menucoll ul ul li a {
	background-image: none;
	border-left: 0;
	height: auto;
	padding: 11px 10px 10px
}

.menucoll ul ul span {
	background: #f7f7f7;
	font-weight: 700;
	display: block;
	padding: 9px 10px 10px;
	font-family: var(--body_font_family)
}

.menucoll ul li.current ul,
.menucoll2 span ul li span.arrow {
	display: none
}

.menucoll ul li.current ul span {
	background-color: #32415a;
	color: #fb9337
}

.menucoll2 {
	width: 35px
}

.menucoll2 span ul li {
	height: 36px;
	position: relative
}

.menucoll2>span>ul>li>a {
	width: 0;
	height: 36px;
	padding: 0 0 0 35px;
	margin-left: 0
}

.menucoll2>span>ul>li.hover>a {
	background-color: #f0f0f0;
	color: #32415a
}

.menucoll2>span>ul>li.current>a {
	background-color: #f0f0f0
}

.menucoll2 span ul ul {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 35px;
	padding: 0;
	width: 230px;
	background: 0;
	background-color: #fff;
	border: 1px solid #ccc;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
	box-shadow: 2px 1px 3px rgba(0, 0, 0, .1)
}

.centercontent,
.filemgr,
.shortcuts li,
.subcontent {
	position: relative
}

.menucoll2 span ul ul li {
	display: block;
	border-bottom: 1px solid #eee;
	height: auto
}

.menucoll2 span ul ul li a {
	background-image: none;
	border-left: 0;
	height: auto;
	padding: 8px 10px 7px
}

.menucoll2 span ul ul span {
	background: #f7f7f7;
	font-weight: 700;
	display: block;
	padding: 9px 10px 10px;
	font-family: var(--body_font_family)
}

.menucoll2 span ul li.current ul {
	display: none
}

.togglemenu {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	display: block;
	height: 21px;
	cursor: pointer;
	background: url(../images/menucollapsed.png) center 0 no-repeat;
	margin: 10px
}

.togglemenu_collapsed {
	background-position: center -21px;
	margin: 10px 5px;
	border-width: 0
}

.vernav .togglemenu {
	margin: 10px
}

.vernav .togglemenu_collapsed {
	width: 35px;
	margin: 10px auto;
	border-width: 1px
}

.centercontent {
	margin-left: 231px;
	font-family: var(--content_font_family);
}

.centercontent .pagetitle {
	margin: 0 20px 10px
}

.centercontent .pagedesc {
	margin: 0 20px
}

.centercontent .hornav {
	padding: 0 10px
}

.centercontent .hornav:after{
	content: "";
	display: table;
	clear: both;
}

.withmenucoll .centercontent {
	margin-left: 56px
}

.withmenucoll2 .centercontent {
	margin-left: 36px
}

.contentwrapper {
	padding: 20px
}

.contentwrapper p {
	margin: 20px 0
}

.withrightpanel {
	margin-right: 260px
}

.contenttitle {
	background: var(--top_header_bg);
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize
}

.contenttitle h4 {
	padding: 12px 10px;
	font-size: 14px
}

.contenttitle2,
.contenttitle21 {
	margin: 20px 0;
	padding-right: 20px
}

.contenttitle2 {
	border-bottom: 2px solid var(--sub_header_bg);
	padding-bottom: 5px;
	display: inline-block;
	text-transform: capitalize
}

.contenttitle2 h3 {
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase
}

.contenttitle21 {
	text-transform: capitalize
}

.shortcuts li a span,
.toplist li .title {
	text-transform: uppercase;
	display: block;
	font-family: var(--body_font_family);
}

.shortcuts {
	list-style: none
}

.shortcuts li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 100px;
	height: 100px;
	background: #eee;
	padding: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset 1px 1px 2px #ccc;
	-webkit-box-shadow: inset 1px 1px 2px #ccc;
	box-shadow: inset 1px 1px 2px #ccc
}

.shortcuts li a {
	width: 98px;
	height: 98px;
	display: block;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center 10px;
	border: 1px solid #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.shortcuts li a:hover {
	border-color: #fb9337
}

.shortcuts li a span {
	text-align: center;
	padding-top: 70px
}

.shortcuts li a.settings {
	background-image: url(../images/icons/64/settings.png)
}

.shortcuts li a.users {
	background-image: url(../images/icons/64/users.png)
}

.shortcuts li a.gallery {
	background-image: url(../images/icons/64/images.png)
}

.shortcuts li a.events {
	background-image: url(../images/icons/64/events.png)
}

.shortcuts li a.analytics {
	background-image: url(../images/icons/64/analytics.png)
}

.toplist {
	list-style: none
}

.toplist li {
	display: block;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	overflow: hidden;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	line-height: 21.5px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.filemgr_head,
.overviewhead {
	background: #fcfcfc;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff
}

.toplist li a {
	display: block
}

.toplist li a:hover {
	color: #68768d
}

.toplist li .left {
	display: block;
	padding: 10px
}

.toplist li .right {
	background: #fcfcfc;
	display: block;
	border-left: 1px solid #ddd;
	padding: 20px 10px;
	text-align: center
}

.toplist li .title {
	font-size: 14px;
	color: #32415a
}

.toplist li .desc {
	color: #fb9337;
	font-weight: 700;
	font-size: 11px
}

.overviewhead {
	padding: 10px;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	min-height: 32px;
	border-radius: 2px;
	box-shadow: inset 0 1px 0 #fff
}

.overviewselect {
	float: right;
	margin-top: 1px
}

.overviewhead input {
	border: 1px solid #ccc;
	padding: 8px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.overviewtable tr td,
.overviewtable tr th {
	text-align: right!important
}

.overviewtable tbody tr td {
	font-size: 24px;
	color: #111;
	font-family: var(--body_font_family);
}

.filemgr {
	min-height: 400px
}

.entry_wrap,
.slide_wrap {
	min-height: 60px
}

.filemgr .filemgr_right {
	position: absolute;
	width: 250px;
	top: 62px;
	right: 0
}

.filemgr .filemgr_rightinner {
	margin: 20px 0;
	padding: 0 20px;
	border-left: 1px dashed #ddd
}

.filemgr_head {
	padding: 15px 20px;
	border-bottom: 1px solid #ddd;
	box-shadow: inset 0 1px 0 #fff
}

.filemgr_menu {
	list-style: none;
	position: relative
}

.filemgr_menu li {
	display: inline-block;
	float: left
}

.filemgr_category ul li.right,
.filemgr_menu li.right,
.widgetbox .widgetoptions .right {
	float: right
}

.filemgr_menu li a {
	padding: 4px 10px 5px;
	border: 1px solid #ccc;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	font-weight: 700;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff
}

.filemgr_menu li a:hover {
	background-color: #eee;
	border-color: #bbb;
	cursor: pointer
}

.filemgr_menu li a.next,
.filemgr_menu li a.prev {
	display: block;
	padding: 15px;
	border: 1px solid #ccc;
	cursor: pointer;
	background-color: #fff
}

.filemgr_menu li a.next:hover,
.filemgr_menu li a.prev:hover {
	background-color: #eee;
	border-color: #bbb
}

.filemgr_menu li a.prev {
	border-right: 0;
	background: url(../images/arrow.png) 10px 8px no-repeat #fff;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}

.filemgr_menu li a.prev_disabled {
	background-position: 10px -46px;
	cursor: default
}

.filemgr_menu li a.prev_disabled:hover {
	border-color: #ccc;
	background-color: #fff
}

.filemgr_menu li a.next {
	background: url(../images/arrow.png) -39px 8px no-repeat #fff;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0
}

.filemgr_menu li a.next_disabled {
	background-position: -39px -46px;
	cursor: default
}

.filemgr_menu li a.next_disabled:hover {
	border-color: #ccc;
	background-color: #fff
}

.filemgr_menu li a.selectall {
	background-image: url(../images/selectall.png);
	background-position: 7px 7px;
	background-repeat: no-repeat;
	padding-left: 27px
}

.filemgr_menu li a.newfolder,
.filemgr_menu li a.preview {
	background-position: 7px 8px;
	background-repeat: no-repeat
}

.filemgr_menu li a.preview {
	background-image: url(../images/preview.png);
	padding-left: 30px
}

.filemgr_menu li a.preview_disabled:hover {
	background-color: #fff;
	cursor: default
}

.filemgr_menu li a.newfolder {
	padding: 15px;
	background-image: url(../images/addfolder.png)
}

.filemgr_menu li a.trash {
	padding: 15px;
	background-image: url(../images/trash.png);
	background-position: 7px 7px;
	background-repeat: no-repeat
}

.filemgr_menu li a.trash_disabled:hover {
	background-color: #fff;
	cursor: default
}

.filemgr_menu form input.filekeyword {
	padding: 7px 7px 8px;
	width: 200px;
	background: #fff;
	color: #999;
	font-style: italic
}

.filemgr_menu form input.filekeyword:focus {
	color: #666;
	font-style: normal
}

.filemgr_content {
	padding: 20px;
	margin-right: 250px
}

.filemgr_category {
	padding: 10px 0;
	margin: 0 270px 0 20px;
	border-bottom: 1px dashed #ddd
}

.filemgr_category ul {
	list-style: none
}

.filemgr_category ul li {
	display: inline-block;
	margin-right: 5px
}

.filemgr_category ul li a {
	display: block;
	padding: 5px 10px;
	font-weight: 700;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.filemgr_category ul li a:hover {
	background: #fcfcfc;
	-moz-box-shadow: inset 1px 1px 1px #ddd;
	-webkit-box-shadow: inset 1px 1px 1px #ddd;
	box-shadow: inset 1px 1px 1px #ddd
}

.filemgr_category ul li.current a {
	background: #eee;
	-moz-box-shadow: inset 1px 1px 1px #ccc;
	-webkit-box-shadow: inset 1px 1px 1px #ccc;
	box-shadow: inset 1px 1px 1px #ccc
}

.filemgr_category ul li .pagenuminfo {
	display: inline-block;
	margin-top: 5px
}

.filemgr_menu li a.newfilebutton {
	display: block;
	padding: 4px 10px 5px;
	text-align: center;
	border: 1px solid #f0882c;
	background: #fb9337;
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	-moz-box-shadow: inset 0 1px 0 rgba(250, 250, 250, .3);
	-webkit-box-shadow: inset 0 1px 0 rgba(250, 250, 250, .3);
	box-shadow: inset 0 1px 0 rgba(250, 250, 250, .3)
}

.widgetbox .widgetoptions,
.widgetbox .widgetoptions a:hover {
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff
}

.filemgr_menu li a.newfilebutton:hover {
	background: #485b79;
	border: 1px solid #3f526f
}

.menuright {
	list-style: none
}

.menuright li {
	display: block;
	margin-bottom: 1px
}

.menuright li a {
	display: block;
	padding: 8px 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-weight: 700
}

.menuright li a:hover {
	background: #eee
}

.menuright li.current a {
	background: #999;
	color: #fff
}

.listfile {
	list-style: none
}

.listfile li {
	display: inline-block;
	margin: 5px 10px 5px 0
}

.listfile li a {
	display: block;
	border: 1px solid #eee;
	padding: 10px
}

.listfile li a:hover {
	cursor: pointer;
	border-color: #ddd
}

.listfile li a span.filename {
	display: block;
	margin-top: 5px;
	font-size: 11px;
	text-align: center
}

.widgetbox .title h3,
.widgetbox .title h4 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400
}

.listfile li.selected a {
	border-color: #fb9337;
	background: #fff4eb
}

.rightpanel {
	width: 250px;
	position: absolute;
	top: 85px;
	right: 10px
}

.widgetbox {
	margin-top: 20px
}

.widgetbox:first-child .title {
	margin-top: 0
}

.widgetbox .title {
	padding: 0 20px 5px 0;
	display: inline-block;
	border-bottom: 2px solid #fb9337;
	margin: 20px 0
}

.widgetbox .title h3 {
	font-family: var(--body_font_family);
}

.widgetbox .widgetcontent {
	line-height: 21px
}

.widgetcontent ul.linklist {
	list-style: none;
	text-transform: capitalize
}

.fc-header-title,
.msgmore a,
.userlistwidget .more {
	text-transform: uppercase
}

.widgetcontent ul.linklist li {
	border-bottom: 1px dotted #ddd;
	padding: 1px 0
}

.widgetcontent ul.linklist li a {
	display: block;
	padding: 2px 5px;
	color: #666
}

.widgetcontent ul.linklist li a:hover {
	background: #f7f7f7
}

.widgetbox .titlehover h2 span {
	background: url(../images/icons/arrow.png) right no-repeat #333
}

.widgetbox .widgettoggle {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.widgetbox .listthumb {
	list-style: none;
	margin: 0
}

.widgetbox .listthumb li {
	padding: 0;
	margin: 8px 0
}

.widgetbox .thumb {
	list-style: none;
	margin: 0
}

.widgetbox .thumb li {
	display: inline-block;
	padding: 0;
	margin-right: 5px
}

.widgetbox .widgetoptions {
	padding: 10px;
	border: 1px solid #ddd;
	border-bottom: 0;
	background: #f7f7f7;
	position: relative;
	box-shadow: inset 0 1px 0 #fff
}

.widgetbox .widgetoptions a {
	padding: 5px 15px;
	display: inline-block;
	border: 1px solid #ccc;
	background: #fff;
	font-weight: 700;
	font-size: 11px;
	color: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
	line-height: 21px
}

.widgetbox .widgetoptions a:hover {
	border: 1px solid #bbb;
	background-color: #f7f7f7;
	box-shadow: inset 0 1px 0 #fff
}

.recent_list li,
.userlistwidget {
	border: 1px solid #ddd
}

.contentwrapper .widgetbox {
	margin-bottom: 20px;
	margin-top: 0
}

.userlistwidget ul {
	list-style: none
}

.userlistwidget ul li {
	font-size: 11px;
	line-height: 18px;
	border-bottom: 1px dashed #ddd;
	padding: 10px
}

.userlistwidget ul li:last-child {
	border-bottom: 0
}

.userlistwidget ul li .avatar {
	float: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #eee
}

.userlistwidget ul li a {
	font-weight: 700
}

.userlistwidget .more {
	display: block;
	text-align: center;
	background: #eee;
	color: #069;
	padding: 5px 0;
	font-size: 10px;
	font-weight: 700;
	border-top: 1px solid #ddd
}

.userlistwidget .more:hover {
	background: #e7e7e7
}

.recent_list {
	list-style: none;
	font-size: 11px;
	line-height: 16px
}

.recent_list li {
	display: block;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border-top: 0
}

.recent_list li:first-child {
	border-top: 1px solid #ddd
}

.recent_list li.message {
	background-image: url(../images/icons/mail.png)
}

.recent_list li.user {
	background-image: url(../images/icons/users.png)
}

.recent_list li.call {
	background-image: url(../images/icons/call.png)
}

.recent_list li.calendar {
	background-image: url(../images/icons/calendar.png)
}

.recent_list li.settings {
	background-image: url(../images/icons/settings.png)
}

.recent_list li.new {
	background-color: #fff
}

.recent_list li .msg {
	margin-left: 35px;
	background: #f7f7f7;
	padding: 8px 10px;
	border-left: 1px solid #ddd
}

.recent_list li.new .msg {
	background: #fff
}

.recent_list li a.subject {
	margin: 2px 0;
	color: #333;
	font-weight: 700;
	display: block
}

.recent_list li a.subject:hover {
	color: #666
}

.msgmore a {
	display: block;
	text-align: center;
	color: #069;
	background: #eee;
	border: 1px solid #ddd;
	padding: 5px 0;
	margin-top: 5px;
	font-size: 10px;
	font-weight: 700
}

.msgmore a:hover {
	background: #bbb;
	color: #333
}

.bx-wrapper {
	border: 1px solid #ddd;
	width: auto!important;
	line-height: 21px
}

.bx-next,
.bx-prev {
	position: absolute;
	top: 0;
	width: 30px;
	height: 100%;
	vertical-align: middle
}

.slide_wrap {
	padding: 20px 50px
}

.bx-prev {
	left: 0;
	background: url(../images/prev.png) center center no-repeat #eee;
	border-right: 1px solid #ddd
}

.bx-next {
	right: 0;
	background: url(../images/next.png) center center no-repeat #eee;
	border-left: 1px solid #ddd
}

.bx-next:hover,
.bx-prev:hover {
	background-color: #e2e2e2
}

.slide_img {
	float: left
}

.slide_content {
	margin-left: 20px
}

.slide_content h4 {
	font-size: 18px;
	font-weight: 400;
	font-family: var(--body_font_family)
}

.slide_content h4 a {
	color: #fb9337
}

.slide_content h4 a:hover {
	color: #485b79
}

.slide_content p {
	margin: 10px 0
}

#external-events p {
	font-size: 11px
}

.external-event {
	background: var(--sub_header_bg);
	color: #fff;
	padding: 8px 10px;
	margin-bottom: 5px;
	font-weight: 700;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: move
}

.fc-header-left span.fc-state-active {
	background: #eee;
	color: #fb9337;
	border: 1px solid #ccc
}

.fc-header-title {
	font-family:var(--body_font_family);
	padding: 5px 10px;
	border-bottom: 2px solid #fb9337
}

.counter,
.entry_content h4,
.wizard .hormenu li a span.h2,
.wizard .tabbedmenu li a span.h2 {
	font-family: var(--body_font_family)
}

.fc-button-next:hover,
.fc-button-prev:hover,
.fc-button-today:hover {
	color: #fb9337;
	background: #eee;
	border-color: #ccc
}

.fc-header-title h2 {
	font-size: 18px
}

input.hasDatepicker {
	background-image: url(../images/icons/calendar.png)!important;
	background-repeat: no-repeat!important;
	background-position: 5px 7px!important;
	padding-left: 27px!important;
	width: 80px!important
}

.stdtable {
	width: 100%
}

.stdtable .con0 {
	background: #fff
}

.stdtable .con1 {
	background: #fcfcfc
}

.stdtable td,
.stdtable th {
	line-height: 21px;
	vertical-align: middle;
	color: #333
}

.stdtableabsu1 .stdtable td,
.stdtableabsu1 .stdtable th {
	line-height: 19px;
	vertical-align: middle;
	color: #333
}

.stdtable thead td,
.stdtable thead th {
	padding: 5px;
	border: 1px solid #e1e1e1;
	border-left: 0;
	text-align: left;
	text-transform: capitalize
}

.stdtableabsu1 .stdtable thead td,
.stdtableabsu1 .stdtable thead th {
	padding: 7px 10px;
	border: 1px solid #000;
	border-left: 0;
	text-align: left;
	text-transform: capitalize
}

.stdtable tfoot td,
.stdtable tfoot th {
	padding: 7px 10px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: left;
	text-transform: capitalize
}

.stdtable .actions,
.stdtable thead td.center {
	text-align: center
}

.stdtable tfoot td:first-child,
.stdtable tfoot th:first-child,
.stdtable thead td:first-child,
.stdtable thead th:first-child {
	border-left: 1px solid #e1e1e1
}

.stdtable tfoot td:first-child,
.stdtable tfoot th:first-child,
.stdtableabsu1 .stdtable thead td:first-child,
.stdtableabsu1 .stdtable thead th:first-child {
	border-left: 1px solid #000
}

.stdtable tfoot td.head0,
.stdtable tfoot th.head0,
.stdtable thead td.head0,
.stdtable thead th.head0 {
	background-color: #fcfcfc
}

.stdtable tfoot td.head1,
.stdtable tfoot th.head1,
.stdtable thead td.head1,
.stdtable thead th.head1 {
	background-color: #f7f7f7
}

.stdtable thead td.sorting,
.stdtable thead th.sorting {
	background-image: url(../images/sort_both.png);
	background-repeat: no-repeat;
	background-position: right center
}

.stdtable thead td.sorting_asc,
.stdtable thead th.sorting_asc {
	background-image: url(../images/sort_asc.png);
	background-repeat: no-repeat;
	background-position: right 9px
}

.stdtable thead td.sorting_desc,
.stdtable thead th.sorting_desc {
	background-image: url(../images/sort_desc.png);
	background-repeat: no-repeat;
	background-position: right 9px
}

.stdtable thead th.nosort {
	background-image: none!important
}

.stdtable thead td {
	font-weight: 700
}

.stdtable thead td.center div {
	text-align: center;
	width: 30px
}

.stdtable tbody tr td {
	padding: 1px 10px;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	color: #666;
	text-transform: unset;
}

.stdtableabsu1 .stdtable tbody tr td {
	padding: 1px 10px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #666;
	text-transform: unset;
}

.stdtable tbody tr:last-child td {
	border-bottom: 1px solid #e1e1e1
}

.stdtableabsu1 .stdtable tbody tr:last-child td {
	border-bottom: 1px solid #000
}

.stdtable tbody tr td:first-child {
	border-left: 1px solid #e1e1e1
}

.stdtableabsu1 .stdtable tbody tr td:first-child {
	border-left: 1px solid #000
}

.stdtable tbody tr td:last-child {
	border-right: 1px solid #e1e1e1
}

.stdtableabsu1 .stdtable tbody tr td:last-child {
	border-right: 1px solid #000
}

.stdtable tbody tr.togglerow td {
	background: #fff;
	padding: 15px
}

.stdtable tbody tr.togglerow:hover td {
	background: #fff
}

.stdtable tbody tr.hiderow {
	display: none
}

.dataTables_paginate span,
.stdtable .actions a {
	display: inline-block
}

.stdtable .actions a {
	margin-left: 5px;
	border-left: 1px solid #ccc;
	padding-left: 5px
}

.stdtable .actions a:first-child {
	border-left: 0;
	margin-left: 0
}

.stdtable .actions a:hover {
	color: #fb9337
}

.stdtable a.title {
	font-weight: 700;
	color: #32415a
}

.stdtable a.title:hover {
	color: #fb9337
}

.dataTables_wrapper {
    position: relative;
}

.dataTables_wrapper select,
.tableoptions button,
.tableoptions select {
	color: #666;
	font-size: 11px;
	outline: 0
}
.radius3:hover{

background:  var(--sub_header_bg);
    color:var(--color2);
    border: 1px solid var(--sub_header_bg);

}

 .radius3{
	color: #fff !important;
    background: linear-gradient(to bottom,#69a23b 0%,#325e14 100%) !important;
    border-color: #88c440 !important;
	/* padding: 7px 12px!important; */
}

.tableoptions {
	background: #fcfcfc;
	border: 1px solid #ddd;
	border-bottom: 0;
	padding: 8px;
	-moz-border-radius: 0 1px 0 #fff;
	-webkit-border-radius: 0 1px 0 #fff;
	border-radius: 0 1px 0 #fff
}

.tableoptions button {
    background: linear-gradient(to bottom,var(--default_btn_bg_one) 0%,var(--default_btn_bg_two) 100%);
    padding: 7px 10px;
    border: 1px solid var(--default_btn_border);
    margin: 5;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-transform: capitalize;
    color: var(--default_btn_color);
	border: 1px solid var(--default_btn_border);
}

.tableoptions button:hover {
	background: linear-gradient(to bottom,var(--default_btn_bg_one) 0%,var(--default_btn_bg_two) 100%);
	cursor: pointer;
}

.tableoptions select {
	background: #fff;
	border: 1px solid #ccc;
	margin: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-transform: capitalize
}

.dataTables_length {
	background: #fcfcfc;
	border: 1px solid #ddd;
	border-bottom: 0;
	padding: 8px
}

.dataTables_paginate {
	background: #fcfcfc;
	border: 1px solid #ddd;
	border-top: 0;
	padding: 8px;
	text-align: right;
	line-height: 16px
}

.dataTables_length,
.dataTables_paginate {
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff
}

.dataTables_wrapper select {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #bbb;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 0 5px;
	font-size:16px;
}

.dataTables_wrapper input[type=text]{
	border: 1px solid #ddd;
	padding: 7px 5px 8px;
	width: 200px;
	background: #fff
}

.dataTables_filter {
	position: absolute;
	top: 7px;
	right: 8px
}

.dataTables_info {
	position: absolute;
	bottom: 13px;
	left: 8px
}

.dataTables_paginate .paginate_button {
	border: 1px solid #ccc;
	padding: 5px 7px;
	margin-left: 5px;
	font-weight: 700;
	background: #fcfcfc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 11px;
	-moz-box-shadow: 1px 1px 2px #ddd;
	-webkit-box-shadow: 1px 1px 2px #ddd;
	box-shadow: 1px 1px 2px #ddd
}

.dataTables_paginate .paginate_active {
	border: 1px solid var(--table_pagination_bg_one);
     background: linear-gradient(to bottom,var(--table_pagination_bg_one) 0%,var(--table_pagination_bg_two) 100%);
	color:var(--table_header_color);
	padding: 5px 7px;
	margin-left: 5px;
	font-weight: 700;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 11px
}

form input[type=password],
form input[type=email],
form input[type=number],
form input[type=text] {
	padding: 8px 5px;
	width: 85%;
	vertical-align: middle
}

.dataTables_paginate .paginate_button:hover {
	background: #ddd;
	border: 1px solid #ccc;
	cursor: pointer;
	color: #333
}

form input[type=text],
form input[type=number],
form input[type=email] {
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fcfcfc;
	-moz-box-shadow: inset 0 1px 3px #ddd;
	-webkit-box-shadow: inset 0 1px 3px #ddd;
	box-shadow: inset 0 1px 3px #ddd;
	color: #666
}

form input[type=password] {
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fcfcfc;
	-moz-box-shadow: inset 0 1px 3px #ddd;
	-webkit-box-shadow: inset 0 1px 3px #ddd;
	box-shadow: inset 0 1px 3px #ddd;
	color: #666
}

form input:focus,
form password:focus {
	background: #fff;
	-moz-box-shadow: inset 1px 1px 2px #eee;
	-webkit-box-shadow: inset 1px 1px 2px #eee;
	box-shadow: inset 1px 1px 2px #eee
}

form textarea {
	padding: 6px 5px;
	border: 1px solid #ccc;
	width: 85%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset 0 1px 3px #ddd;
	-webkit-box-shadow: inset 0 1px 3px #ddd;
	box-shadow: inset 0 1px 3px #ddd;
	background: #fcfcfc;
	color: #666
}

.stdform input[type=checkbox],
form input[type=radio] {
	width: auto;
	margin: 0;
	vertical-align: middle
}

form input[type=submit] {
    width: auto;
    margin: 0;
    font-weight: 700;
    background:  linear-gradient(to bottom,var(--add_btn_bg_one) 0%,var(--add_btn_bg_two) 100%);
    color:var(--add_btn_color);
    border: 1px solid var(--add_btn_border);
    padding: 7px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-transform: capitalize
}

/* form input[type=submit]:hover {
	background: #485b79;
	border: 1px solid #3f526f
}
 */
 .ms-options-wrap > button:focus, .ms-options-wrap > button {
    background: #fff !important;
}
form input[type=reset] {
	width: auto;
	margin: 0 0 0 5px;
	font-weight: 700;
	color:var(--reset_btn_color);
	border: 1px solid var(--reset_btn_border);
	background:linear-gradient(to bottom,var(--reset_btn_bg_one) 0%,var(--reset_btn_bg_two) 100%);
	padding: 7px 10px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

form input[type=reset]:hover {
	border: 1px solid var(--reset_btn_border);
	background:linear-gradient(to bottom,var(--reset_btn_bg_one) 0%,var(--reset_btn_bg_two) 100%);
	cursor: pointer;
	color:var(--reset_btn_color);
}

.select_hour,
form select {
	padding: 5px 2px;
	background: #fcfcfc;
	color: #666;
	text-transform: capitalize
}

form select {
	border: 1px solid #ccc;
	min-width: 40%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset 1px 1px 2px #ddd;
	-webkit-box-shadow: inset 1px 1px 2px #ddd;
	box-shadow: inset 1px 1px 2px #ddd
}

.select_hour {
	border: 1px solid #ccc;
	min-width: 10%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset 1px 1px 2px #ddd;
	-webkit-box-shadow: inset 1px 1px 2px #ddd;
	box-shadow: inset 1px 1px 2px #ddd
}

form select:focus,
form textarea:focus {
	background-color: #fff;
	-moz-box-shadow: inset 1px 1px 2px #eee;
	-webkit-box-shadow: inset 1px 1px 2px #eee;
	box-shadow: inset 1px 1px 2px #eee
}

form button {
	border: 1px solid var(--default_btn_border);
	background: linear-gradient(to bottom,var(--default_btn_bg_one) 0%,var(--default_btn_bg_two) 100%);
	color: var(--default_btn_color) !important;
	cursor: pointer;
	padding: 7px 10px;
	font-weight: 700;
	text-transform: capitalize;

}
.btnorange {
    color: var(--default_btn_color) !important;
    background: linear-gradient(to bottom,var(--default_btn_bg_one) 0%,var(--default_btn_bg_two) 100%) !important;
    border-color:var(--default_btn_border) !important;
}
.close_btn{
	position: relative;
    /* top: -3%; */
    right: -177px;
    border: 5px solid #fff;
    border-radius: 50%;

}

form button.submit:hover {
	background: #485b79;
	border: 1px solid #3f526f;
	color: #fff
}

form input.error,
form select.error,
form textarea.error {
	border: 1px solid red
}

form button:active {
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .3);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .3)
}

form input.smallinput,
form textarea.smallinput {
	width: 40%
}

form input.mediuminput,
form textarea.mediuminput {
	width: 60%
}

form input.longinput,
form textarea.longinput {
	width: 40%
}

form label.error {
	float: none;
	color: red;
	font-size: 11px;
	display: block;
	text-align: left;
	font-weight: 700
}

.stdform div.par,
.stdform p {
	margin: 20px 0
}

.stdform div.field,
.stdform span.field {
	margin-left: 220px;
	display: block;
	position: relative;

}

.stdform .formwrapper {
	display: block;
	padding-top: 5px;
	margin-left: 220px;
	line-height: 25px
}

.stdform label {
	float: left;
	width: 200px;
	text-align: right;
	padding: 5px 20px 0 0;

}

.stdform button.cancel {
	background: #eee;
	color: #666;
	border: 1px solid #ddd
}

.stdform button.cancel:hover {
	background: #ddd;
	border: 1px solid #ccc
}

.stdform button.cancel:active {
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .7);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .7);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .7)
}

.stepContainer .content h4{
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff
}

.stdform small.desc {
	font-size: 11px;
	color: #999;
	font-style: italic;
	display: block;
	margin: 5px 0 0 220px
}

.stdform .stdformbutton {
	margin-left: 220px
}

.stdform2 div.par,
.stdform2 p {
	border: 1px solid #ddd;
	background: #fcfcfc;
	margin: 0;
	border-top: 0;
	clear: both
}

.stdform2 div.terms {
	border: 0;
	background: 0
}

.stdform2 div.par:first-child,
.stdform2 p:first-child {
	border-top: 1px solid #ddd
}

.stdform2 label {
	display: inline-block;
	padding: 20px;
	vertical-align: top;
	text-align: left;
	font-weight: 700
}

.stdform2 label.error {
	margin-left: 0;
	padding: 0
}

.stdform2 label small {
	font-size: 11px;
	color: #999;
	display: block;
	font-weight: 400;
	line-height: 16px
}

.stdform2 div.field,
.stdform2 span.field {
	margin-left: 220px;
	display: block;
	background: #fff;
	padding: 20px;
	border-left: 1px solid #ddd
}

.stdform2 .stdformbutton {
	margin-left: 0;
	padding: 20px;
	background: #fff
}

.stdform2 input[type=checkbox],
.stdform2 input[type=radio] {
	margin: 10px
}

.dualselect {
	margin-left: 220px;
	display: block
}

.dualselect select {
	height: 200px;
	width: 40%
}

.dualselect .ds_arrow {
	display: inline-block;
	vertical-align: top;
	padding-top: 60px;
	margin: 0 10px
}

.dualselect .ds_arrow .ds_next,
.dualselect .ds_arrow .ds_prev {
	display: block;
	padding: 5px 10px 7px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: 700;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: url(../images/titlebg.png) top left repeat-x #eee
}

.dualselect .ds_arrow .ds_next:hover,
.dualselect .ds_arrow .ds_prev:hover {
	background: #fb9337;
	color: #fff;
	border-color: #f0882c;
	cursor: pointer
}

.counter {
	display: block;
	margin: 5px 0;
	font-size: 14px
}

.warning {
	color: #b00
}

.exceeded {
	color: red
}

.wizard .hormenu {
	list-style: none
}

.wizard .hormenu li {
	float: left;
	width: 33%;
	padding: 10px 0
}

.wizard .hormenu li a {
	display: block
}

.wizard .hormenu li a span.h2 {
	font-size: 16px;
	color: #999;
	text-align: center;
	display: block;
	margin-bottom: 5px
}

.wizard .hormenu li a span.dot {
	display: block;
	height: 20px;
	margin-top: 5px;
	text-align: center;
	background: url(../images/stepline.png) center left repeat-x
}

.wizard .hormenu li span.label {
	display: block;
	text-align: center;
	font-weight: 700;
	color: #999;
	margin-top: 10px
}

.wizard .hormenu li a span.dot span {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/steps.png) 0 -40px no-repeat
}

.wizard .hormenu li:first-child a span.dot {
	margin-left: 47%;
	text-align: left
}

.wizard .hormenu li:last-child a span.dot {
	margin-right: 47%;
	text-align: right
}

.wizard .hormenu li a.done span.label {
	color: #666
}

.wizard .hormenu li a.done span.h2 {
	color: #fb9337
}

.wizard .hormenu li a.done span.dot span {
	background-position: 0 -20px
}

.wizard .hormenu li:first-child a.done span.dot span {
	background-position: 0 0
}

.wizard .hormenu li a.selected span.dot span {
	background-position: 0 -120px
}

.wizard .hormenu li:first-child a.selected span.dot span {
	background-position: 0 -100px
}

.wizard .hormenu li a.selected span.label {
	color: #666
}

.wizard .hormenu li a.selected span.h2 {
	color: #fb9337
}

.wizard .tabbedmenu {
	list-style: none;
	background: #f7f7f7;
	padding: 10px 10px 0;
	border: 1px solid #ddd
}

.wizard .tabbedmenu li {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	bottom: -1px
}

.wizard .tabbedmenu li a {
	display: block;
	padding: 10px 20px;
	color: #999;
	border: 1px solid #ddd;
	background: #eee;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.wizard .tabbedmenu li a span {
	font-weight: 700
}

.wizard .tabbedmenu li a span.h2 {
	color: #999;
	display: block;
	font-size: 24px;
	font-weight: 400
}

.wizard .tabbedmenu li a.done,
.wizard .tabbedmenu li a.selected {
	background: #fff;
	color: #333;
	border-bottom: 1px solid #fff
}

.wizard .tabbedmenu li a.done span,
.wizard .tabbedmenu li a.done span.h2,
.wizard .tabbedmenu li a.selected span,
.wizard .tabbedmenu li a.selected span.h2 {
	color: #fb9337
}

.stepContainer {
	width: auto!important;
	height: auto!important;
	border: 1px solid #ddd;
	border-bottom: 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	padding: 0
}

.stepContainer .content h4 {
	padding: 20px;
	border-bottom: 1px solid #ddd;
	background: #f9f9f9;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	box-shadow: inset 0 1px 0 #fff
}

.stepContainer p {
	margin: 20px 0
}

.stepContainer .par p {
	margin: 10px;
	line-height: 21px
}

.stepContainer .par p:last-child {
	border-bottom: 0
}

.actionBar {
	padding: 20px;
	position: relative;
	clear: both;
	background: #fcfcfc;
	border: 1px solid #ddd;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px
}

.actionBar .loader {
	float: left;
	display: none
}

.actionBar a {
	float: right;
	display: inline-block;
	padding: 7px 15px;
	background: #fb9337;
	color: #fff;
	margin-left: 5px;
	font-weight: 700;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	line-height: 21px;
	border: 1px solid #f0882c
}

.actionBar a:hover {
	text-decoration: none;
	background: #485b79;
	color: #fff;
	border: 1px solid #3f526f
}

.actionBar a:active {
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .3);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .3)
}

.actionBar a.buttonDisabled {
	background: #eee;
	border: 1px solid #ccc;
	color: #999
}

.actionBar a.buttonDisabled:hover {
	background: #eee;
	color: #999;
	cursor: default
}

.actionBar a.buttonDisabled:active {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.actionBar .msgBox {
	margin: 40px 0 10px;
	position: relative
}

.actionBar .msgBox .content {
	padding: 7px 10px;
	background: #fffccc;
	color: #333;
	border: 1px solid #feea7a
}

.actionBar .msgBox .close {
	padding: 0 2px 2px;
	background: 0;
	line-height: 10px;
	text-transform: lowercase;
	font-size: 10px;
	position: absolute;
	top: 5px;
	right: 7px;
	color: #333;
	text-shadow: none;
	font-weight: 700;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px
}

.button123,
.class_span,
.invoicetable,
.quickform label,
.stdbtn,
.table tr td:first-child,
a.download-icon {
	text-transform: capitalize
}

.actionBar .msgBox .close:hover {
	background: #333;
	color: #eee
}

.verwizard .verticalmenu {
	list-style: none;
	float: left;
	width: 250px
}

.verwizard .verticalmenu li {
	margin-bottom: 2px
}

.verwizard .verticalmenu a {
	display: block;
	padding: 10px;
	color: #999
}

.verwizard .verticalmenu a.selected {
	background: #fb9337;
	color: #fff
}

.verwizard .verticalmenu a.done {
	background: #999;
	color: #fff
}

.verwizard .verticalmenu a span {
	font-weight: 700
}

.verwizard .stepContainer {
	margin-left: 270px
}

.verwizard .actionBar {
	margin: 0 0 0 270px
}

.quickform p {
	margin: 10px 0
}

.quickform input {
	width: 60%;
	color: #666
}

.quickform input.xsmall {
	width: 20px
}

.quickform input.small {
	width: 50px
}

.quickform label {
	width: 100px;
	float: left
}

.quickform .quickformbutton button {
	margin-top: 10px;
	text-align: right;
	padding: 7px 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #eee;
	border: 1px solid #ccc;
	cursor: pointer;
	font-weight: 700;
	color: #666
}

.quickform .quickformbutton button:hover {
	background: #ddd;
	color: #333
}

.quickform .quickformbutton button:active {
	-moz-box-shadow: inset 1px 1px 3px #888;
	-webkit-box-shadow: inset 1px 1px 3px #888;
	box-shadow: inset 1px 1px 3px #888
}

.quickform .quickformbutton button.update {
	background: #fb9337;
	color: #fff;
	border: 1px solid #f0882c
}

.quickform .quickformbutton button.update:hover {
	background: #485b79;
	border: 1px solid #3f526f
}

.quickform .quickformbutton button.update:active {
	-moz-box-shadow: inset 1px 1px 3px #1a2434;
	-webkit-box-shadow: inset 1px 1px 3px #1a2434;
	box-shadow: inset 1px 1px 3px #1a2434
}

.quickform .monthselect {
	width: 80px;
	display: inline-block;
	vertical-align: middle
}

.quickform .loading {
	margin: 0 10px;
	font-style: italic;
	color: #999;
	font-size: 11px;
	display: none
}

.quickform .loading img {
	vertical-align: middle;
	margin-right: 5px
}

.quickform2 {
	margin: 10px
}

.quickform2 p {
	margin: 10px 0
}

.quickform2 label {
	display: block;
	margin-bottom: 5px;
	color: #333;
	width: 100px
}

.quickform2 input {
	width: 300px!important
}

.quickform2 input.smallinput {
	width: 60px!important
}

.quickform2 .action {
	margin-left: 120px
}

.progress {
	margin: 5px 0
}

.progress .bar {
	background: #eee;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 1px;
	border: 1px solid #bbb;
	-moz-box-shadow: inset 2px 2px 3px #fff;
	-webkit-box-shadow: inset 2px 2px 3px #fff;
	box-shadow: inset 2px 2px 3px #fff
}

.progress .bar .value {
	height: 5px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	background-image: url(../images/progress.png)
}

.progress .bar2 {
	background: #eee;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 1px;
	border: 1px solid #bbb;
	-moz-box-shadow: inset 2px 2px 3px #fff;
	-webkit-box-shadow: inset 2px 2px 3px #fff;
	box-shadow: inset 2px 2px 5px #ccc
}

.progress .bar2 .value {
	padding: 2px 0;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	background-image: url(../images/progress.png);
	background-position: 0 0;
	font-size: 11px;
	font-weight: 700
}

.progress .bluebar {
	background-color: #06f;
	-moz-box-shadow: inset 1px 1px 2px #9af;
	-webkit-box-shadow: inset 1px 1px 2px #9af;
	box-shadow: inset 1px 1px 2px #9af
}

.progress .orangebar {
	background-color: #f90
}

.progress .redbar {
	background-color: #c00
}

.progress150 {
	width: 150px
}

.pagination {
	list-style: none;
	float: right
}

.pagination li {
	display: inline-block;
	float: left;
	margin-right: 5px
}

.pagination li.first,
.pagination li.last,
.pagination li.next,
.pagination li.previous {
	font-size: 18px
}

.pagination li a {
	display: block;
	font-weight: 700;
	border: 1px solid #ccc;
	padding: 5px 10px;
	color: #333;
	line-height: 21px;
	vertical-align: top;
	background: #f7f7f7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

#chatmessageinner p img,
#chatmessageinner p.reply img,
.colorselector,
.contactlist li a img,
.imagelist li span a,
.sortlist>li span.moveicon,
.status_thumb {
	vertical-align: middle
}

.pagination li a:hover {
	cursor: pointer;
	background: #eee
}

.pagination li a.current {
	background: #fb9337;
	color: #fff;
	border: 1px solid #f0882c
}

.pagination li.first a:active,
.pagination li.last a:active,
.pagination li.next a:active,
.pagination li.previous a:active {
	background: #333;
	color: #fff
}

.pagination li a.disable {
	color: #ccc
}

.pagination li a.disable:hover {
	background: #f7f7f7;
	cursor: default
}

.pagination li a.disable:active {
	background: #f7f7f7;
	border: 1px solid #ccc;
	color: #ccc
}

.pagination2 li a {
	padding: 4px 12px 6px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}

.slimScrollDiv {
	border: 1px solid #ddd
}

.entrylist li {
	display: block;
	padding: 20px;
	border-bottom: 1px solid #ddd
}

.entrylist li.even {
	background: #fcfcfc
}

.entry_img {
	float: left
}

.entry_content {
	margin-left: 120px
}

.entry_content h4 {
	font-size: 18px;
	font-weight: 400
}

.anchorbutton,
.contactlist li span.msgcount,
.contactlist li.new a,
.stdbtn,
a.btn {
	font-weight: 700
}

.entry_content h4 a {
	color: #fb9337
}

.entry_content h4 a:hover {
	color: #485b79
}

.entry_content p {
	margin: 10px 0
}

.entry_content p:last-child {
	margin-bottom: 0
}

.breadcrumbs {
	display: block;
	list-style: none;
	border: 1px solid #ccc;
	background: url(../images/titlebg.png) top left repeat-x;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.breadcrumbs li {
	display: inline-block;
	background: url(../images/separator.png) right center no-repeat;
	margin-right: 5px;
	font-size: 11px
}

.breadcrumbs li:last-child {
	background: 0;
	color: #333
}

.breadcrumbs li a {
	display: block;
	padding: 5px 20px 5px 5px
}

.breadcrumbs li:first-child a {
	padding-left: 10px
}

.breadcrumbs2 {
	background: 0
}

.colorselector {
	display: inline-block;
	height: 28px;
	width: 28x;
	position: relative;
	margin-left: 5px
}

.colorselector span {
	display: block;
	height: 28px;
	width: 28px;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	background: url(../../images/colorpicker/select2.png) -4px -4px no-repeat #000
}

.notibar {
	height: 51px;
	position: relative;
	margin-bottom: 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	line-height: 21px;
	-moz-box-shadow: inset 0 1px 0 rgba(250, 250, 250, .8);
	-webkit-box-shadow: inset 0 1px 0 rgba(250, 250, 250, .8);
	box-shadow: inset 0 1px 0 rgba(250, 250, 250, .8)
}

.notibar p {
	margin: 15px 10px 0 55px;
	font-size: 13px;
	color: #333
}

.notibar a.close {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 5px;
	right: 5px;
	background-image: url(../images/close.png);
	background-repeat: no-repeat
}

.notibar a.close:hover {
	cursor: pointer
}

.msgalert a.close {
	background-position: -14px 0
}

.msgalert a.close:hover {
	background-position: -14px -14px
}

.msginfo a.close {
	background-position: -42px 0
}

.msginfo a.close:hover {
	background-position: -42px -14px
}

.msgsuccess a.close {
	background-position: -28px 0
}

.msgsuccess a.close:hover {
	background-position: -28px -14px
}

.msgerror a.close {
	background-position: 0 0
}

.msgerror a.close:hover {
	background-position: 0 -14px
}

.announcement a.close {
	background-position: -56px 0
}

.announcement a.close:hover {
	background-position: -56px -14px
}

.msgalert {
	border: 1px solid #eac572;
	background: url(../images/notifications.png) 0 -52px no-repeat #ffe9ad
}

.msginfo {
	border: 1px solid #99c4ea;
	background: url(../images/notifications.png) 0 -156px no-repeat #d1e4f3
}

.msgsuccess {
	border: 1px solid #c1d779;
	padding-bottom: 10px;
	background: url(../images/notifications.png) 0 -104px no-repeat #effeb9
}

.msgerror {
	border: 1px solid #e18b7c;
	background: url(../images/notifications.png) no-repeat #fad5cf
}

.announcement {
	border: 1px solid #fbe187;
	background: url(../images/icons/blogperfume/Advertisment/advertisment-32.png) 10px 10px no-repeat #ffffdf;
	color: #95673f;
	height: auto
}

.announcement h3 {
	margin: 15px 10px 10px 55px
}

.announcement p {
	margin: 15px 10px 15px 55px
}

.contactlist {
	list-style: none;
	line-height: 21px
}

.contactlist li {
	border: 1px solid #eee;
	border-top: 0;
	position: relative;
	padding: 1px
}

.contactlist li span.msgcount {
	position: absolute;
	top: 12px;
	right: 10px;
	font-size: 10px;
	padding: 3px 5px;
	line-height: 10px;
	color: #fff;
	background: #fb9337;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}

.contactlist li a {
	padding: 8px 5px;
	display: block;
	color: #666
}

.contactlist li.online a {
	background: url(../images/online.png) right 16px no-repeat
}

.contactlist li a:hover {
	background-color: #fcfcfc
}

.contactlist li a img {
	display: inline-block;
	margin-right: 10px
}

.chatsearch {
	padding: 5px;
	background: #eee;
	border: 1px solid #ddd
}

.chatsearch input {
	float: left;
	border: 1px solid #ddd;
	padding: 7px 5px 7px 35px;
	width: 196px;
	background: url(../images/search.png) left center no-repeat #fff;
	color: #ccc
}

.chatsearch input:focus {
	color: #333
}

.chatcontent {
	height: 500px;
	position: relative;
	padding: 0;
	line-height: 21px
}

.chatcontent .messagebox {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #f7f7f7;
	border: 1px solid #ddd;
	padding: 10px 0
}

.chatcontent .inputbox {
	display: block;
	margin-right: 90px;
	padding-right: 47px
}

.chatcontent .messagebox input {
	border: 1px solid #ccc;
	padding: 8px 5px 8px 30px;
	display: inline-block;
	margin-left: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: url(../images/chat.png) 8px 8px no-repeat #fff;
	width: 100%
}

.chatcontent .messagebox input:focus {
	-moz-box-shadow: 0 0 5px #eee;
	-webkit-box-shadow: 0 0 5px #eee;
	box-shadow: 0 0 5px #eee
}

.chatcontent .messagebox button {
	border: 1px solid #f0882c;
	padding: 7px 0;
	text-align: center;
	font-weight: 700;
	background: #fb9337;
	color: #fff;
	float: right;
	display: inline-block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	width: 70px;
	margin-right: 10px
}

.chatcontent .messagebox button:hover {
	background: #485b79;
	border: 1px solid #3f526f;
	cursor: pointer
}

.chatmessage {
	height: 425px;
	border: 1px solid #ddd;
	background: #fdfdfd;
	overflow: auto;
	position: relative
}

a.btn3,
a.btn4 {
	width: 34px;
	height: 32px
}

#chatmessageinner p img {
	display: inline-block;
	float: left
}

#chatmessageinner p {
	padding: 10px
}

#chatmessageinner .msgblock {
	background: #fff;
	margin-left: 40px;
	padding: 10px;
	border: 1px solid #ddd;
	display: block;
	-moz-box-shadow: 1px 1px 0 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 1px 1px 0 1px rgba(0, 0, 0, .05);
	box-shadow: 1px 1px 0 1px rgba(0, 0, 0, .05)
}

#chatmessageinner .time {
	font-size: 11px;
	color: #999;
	font-style: italic
}

#chatmessageinner .msg {
	margin-top: 10px;
	display: block
}

.anchorbutton,
.buttonlist li,
a.btn {
	display: inline-block
}

#chatmessageinner p.reply img {
	display: inline-block;
	float: right
}

#chatmessageinner p.reply .msgblock {
	margin: 0 40px 0 0
}

.anchorbutton {
	padding: 8px 10px;
	border: 1px solid #ddd;
	background: #f7f7f7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.buttonlist {
	list-style: none
}

.buttonlist li {
	margin-bottom: 15px;
	margin-right: 10px
}

a.btn {
     display: inline-block !important;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

a.btn:hover {
	color: #333;
	border: 1px solid #bbb
}

a.btn span {
	padding: 5px 10px;
	margin-left: 25px;
	display: block;
	background: #f7f7f7;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff
}

a.btn2 {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}

a.btn2 span {
	-moz-border-radius: 0 50px 50px 0;
	-webkit-border-radius: 0 50px 50px 0;
	border-radius: 0 50px 50px 0;
	padding-right: 15px
}

a.btn4 {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}

a.btn_search {
	background-position: -10px -12px
}

a.btn_trash {
	background-position: -47px -12px
}

a.btn_flag {
	background-position: -82px -12px
}

a.btn_home {
	background-position: -119px -12px
}

a.btn_link {
	background-position: -154px -12px
}

a.btn_book {
	background-position: -190px -12px
}

a.btn_mail {
	background-position: -10px -47px
}

a.btn_help {
	background-position: -47px -47px
}

a.btn_rss {
	background-position: -82px -47px
}

a.btn_archive {
	background-position: -119px -47px
}

a.btn_info {
	background-position: -154px -47px
}

a.btn_bell {
	background-position: -190px -47px
}

a.btn_world {
	background-position: -10px -83px
}

a.btn_bulb {
	background-position: -47px -83px
}

a.btn_cloud {
	background-position: -82px -83px
}

a.btn_clip {
	background-position: -119px -83px
}

a.btn_folder {
	background-position: -154px -83px
}

a.btn_lock {
	background-position: -190px -83px
}

a.btn_tag {
	background-position: -10px -119px
}

a.btn_key {
	background-position: -82px -119px
}

a.btn_stop {
	background-position: -119px -119px
}

a.btn_airplane {
	background-position: -154px -119px
}

a.btn_info2 {
	background-position: -190px -119px
}

a.btn_alarm {
	background-position: -10px -155px
}

a.btn_clock {
	background-position: -47px -155px
}

a.btn_calendar {
	background-position: -82px -155px
}

a.btn_basket {
	background-position: -119px -155px
}

a.btn_dollartag {
	background-position: -154px -155px
}

a.btn_cart {
	background-position: -190px -155px
}

a.btn_cart2 {
	background-position: -10px -191px
}

a.btn_user {
	background-position: -47px -191px
}

a.btn_users {
	background-position: -82px -191px
}

a.btn_male {
	background-position: -119px -191px
}

a.btn_female {
	background-position: -154px -191px
}

a.btn_refresh {
	background-position: -190px -191px
}

a.btn_chart {
	background-position: -10px -227px
}

a.btn_pie {
	background-position: -47px -227px
}

a.btn_address {
	background-position: -82px -227px
}

a.btn_zip {
	background-position: -119px -227px
}

a.btn_document {
	background-position: -154px -227px
}

a.btn_pdf {
	background-position: -190px -227px
}

a.btn_marker {
	background-position: -10px -262px
}

a.btn_sign {
	background-position: -47px -262px
}

a.btn_note {
	background-position: -82px -262px
}

a.btn_cut {
	background-position: -119px -262px
}

a.btn_pencil {
	background-position: -154px -262px
}

a.btn_paint {
	background-position: -190px -262px
}

a.btn_battery {
	background-position: -10px -299px
}

a.btn_battery2 {
	background-position: -47px -299px
}

a.btn_chat {
	background-position: -82px -299px
}

a.btn_chat2 {
	background-position: -119px -299px
}

a.btn_message {
	background-position: -154px -299px
}

a.btn_message2 {
	background-position: -190px -299px
}

a.btn_phone {
	background-position: -10px -335px
}

a.btn_call {
	background-position: -47px -335px
}

a.btn_inbox {
	background-position: -82px -335px
}

a.btn_inboxo {
	background-position: -119px -335px
}

a.btn_inboxi {
	background-position: -154px -335px
}

a.btn_bluetooth {
	background-position: -190px -335px
}

a.btn_wifi {
	background-position: -10px -370px
}

a.btn_settings {
	background-position: -47px -370px
}

a.btn_settings2 {
	background-position: -82px -370px
}

a.btn_settings3 {
	background-position: -119px -370px
}

a.btn_hd {
	background-position: -154px -370px
}

a.btn_hd2 {
	background-position: -190px -370px
}

a.btn_image {
	background-position: -10px -408px
}

a.btn_image2 {
	background-position: -47px -408px
}

a.btn_sound {
	background-position: -82px -408px
}

a.btn_media {
	background-position: -119px -408px
}

a.btn_mic {
	background-position: -154px -408px
}

a.btn_print {
	background-position: -190px -408px
}

a.btn_laptop {
	background-position: -10px -443px
}

a.btn_mouse {
	background-position: -47px -443px
}

a.btn_camera {
	background-position: -82px -443px
}

a.btn_video {
	background-position: -119px -443px
}

a.btn_grid {
	background-position: -154px -443px
}

a.btn_grid2 {
	background-position: -190px -443px
}

a.btn_list {
	background-position: -10px -480px
}

a.btn_list2 {
	background-position: -47px -480px
}

a.btn_table {
	background-position: -82px -480px
}

.stdbtn {
    width: auto;
    margin: 0;
    font-weight: 700;
    padding: 7px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-transform: capitalize;
	background: linear-gradient(to bottom,var(--submit_btn_bg_one) 0%,var(--submit_btn_bg_two) 100%);
    border: 1px solid var(--submit_btn_color);
    color:var(--submit_btn_color);

		/*padding: 7px 10px;
	/* border: 1px solid #ccc; * /
	border: 1px solid #f0882c;
	background-size: cover;
	background-color: #fb9337;
	/* background: url(../images/buttons.png) top left repeat-x #eee; * /
	color: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	opacity: .8;
	position: relative;*/
}

.stdbtn:disabled,
.stdbtn:disabled:hover {
	opacity: .3
}

.stdbtn:hover {
	/* background: #485b79;
	border: 1px solid #3f526f;
	color: #fff */
}

.button123 {
	padding: 3px 10px 3px 20px;
	font: 700 1em/2em Arial, Helvetica;
	color: var(--color) !important;
}
.btn-primary {
    color: #fff;
    background: linear-gradient(to bottom,var(--default_btn_bg_one) 0%,var(--default_btn_bg_two) 100%) !important;
    border-color: var(--default_btn_border) !important;
}
.button_lightbluebtn {
	padding: 3px 10px 3px 10px;
	font: 700 1em/2em Arial, Helvetica;
	color: #FFFFFF;
	background:#12a38f;
	width: auto;
    margin: 0;
    font-weight: 700;
    border: 1px solid #12a38f;
   /* padding: 7px 10px;*/
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.button_orangebtn {
	padding: 3px 10px 3px 10px;
	font: 700 1em/2em Arial, Helvetica;
	color: #FFFFFF;
	background:#fb9337;
	width: auto;
    margin: 0;
    font-weight: 700;
    border: 1px solid #fb9337;
   /* padding: 7px 10px;*/
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.button_bluebtn {
	/*padding: 3px 10px 3px 20px;*/
	padding: 3px 10px 3px 10px;
	font: 700 1em/2em Arial, Helvetica;
	color: #FFFFFF;
	background:#0f7a9b;
	width: auto;
    margin: 0;
    font-weight: 700;
    border: 1px solid #0f7a9b;
   /* padding: 7px 10px;*/
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-transform: capitalize;
}


.button_greenbtn {
	/*padding: 3px 10px 3px 20px;*/
	padding: 3px 10px 3px 10px;
	font: 700 1em/2em Arial, Helvetica;
	color: #333;
	background:#00FF99;
	width: auto;
    margin: 0;
    font-weight: 700;
    border: 1px solid #00FF99;
    /*padding: 7px 10px;*/
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-transform: capitalize;
}

.button_redbtn {
	/*padding: 3px 10px 3px 20px;*/
	padding: 3px 10px 3px 10px;
	font: 700 1em/2em Arial, Helvetica;
	color:#FFFFFF;
	background:#FF0033;
	width: auto;
    margin: 0;
    font-weight: 700;
    border: 1px solid #FF0033;
    /*padding: 7px 10px;*/
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-transform: capitalize;
}

.commentcontent .top a:hover,
.orangeboldlink:hover,
.ps_sidebar .ps_authorinfo a:hover,
.recentshots h4 a:hover,
.updatecontent .top a:hover {
	text-decoration: underline
}

.button123:hover {
	/* background-color: #ddd; */
	background-image: linear-gradient(top, #fafafa, #ddd)
}

.button123:active {
	box-shadow: 0 0 4px 2px rgba(0, 0, 0, .3) inset;
	position: relative;
	top: 1px
}

.button123:focus {
	outline: 0;
	/* background: #fafafa */
}

.button123:before {
	/* background: #ccc;
	background: rgba(0, 0, 0, .1); */
	float: left;
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .5);
	border-radius: .15em 0 0 .15em;
	pointer-events: none
}

.add:before {
	content: "\271A"
}

.edit_it:before {
	content: "\270E"
}

.delete:before {
	content: "\2718"
}

.save:before {
	content: "\2714"
}

.email:before {
	content: "\2709"
}

.like:before {
	content: "\2764"
}

.star:before {
	content: "\2605"
}

.spark:before {
	content: "\2737"
}

.play:before {
	content: "\25B6"
}

a.download-icon {
	color: #333;
	font-family: Arial, Helvetica, sans-serif
}

.download-icon span {
	display: block;
	cursor: pointer;
	position: relative;
	width: 68px;
	height: 0;
	top: -2px;
	padding-left: 10px;
	opacity: .8;
	margin: auto;
	border: 0 solid #feb143;
	border-top: transparent
}

.download-icon span:after,
.download-icon span:before {
	content: '';
	display: block;
	position: absolute
}

a.download-icon:hover span:after,
a.download-icon:hover span:before {
	animation: bounce .5s infinite alternate;
	-webkit-animation: bounce .5s infinite alternate
}

a.download-icon:hover span:before {
	left: 30px;
	top: -9px;
	width: 10px;
	height: 10px;
	background: #feb143;
	opacity: 1
}

a.download-icon:hover span:after {
	left: 25px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #feb143
}

.class_span {


    background: linear-gradient(to bottom,var(--default_btn_bg_one) 0%,var(--default_btn_bg_two) 100%);
    padding: 5px 10px;
    border: 1px solid var(--default_btn_border);
    top: -2px;
    color:var(--default_btn_color);
    font-weight: 700;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;

    position: relative
}

@keyframes bounce {
	from {
		transform: translateY(-15px)
	}
	to {
		transform: translateY(-5px)
	}
}

@-webkit-keyframes bounce {
	from {
		-webkit-transform: translateY(-15px)
	}
	to {
		-webkit-transform: translateY(-8px)
	}
}

.btn_yellow {
	background-position: 0 -38px;
	border-color: #ebb205;
	color: #ae510d
}

.btn_blue {
	background-position: 0 -76px;
	border-color: #0282ce;
	color: #fff
}

.btn_black {
	background-position: 0 -114px;
	border-color: #222;
	color: #fff
}

/* .btn_lime {
	background-position: 0 -152px;
	border-color: #59bf04;
	color: #367501
} */
.btn_lime {
    background-position: 0 -152px;
    border-color: #59bf04;
    color: #000000;
    background: #59bf04;
}

.btn_orange {
    border-color: var(--submit_btn_color);
    color:var(--submit_btn_color);
}

.btn_red {
    background-position: 0 -228px;
    border-color: #a31314;
    color: #fff;
    background: #a31314;
}

.stdbtn:active {
	 background: var(--submit_btn_color);

}

.btn_yellow:active {
	background: #ffde06
}

.btn_blue:active {
	background: #0591e5
}

.btn_black:active {
	background: #333
}

.btn_lime:active {
	background: #6adc0b
}

.btn_orange:active {

    background:  var(--sub_header_bg);
    color:var(--color2);
    border: 1px solid var(--sub_header_bg);

}

.btn_red:active {
	background: #eb2f30
}

a.btn_black,
a.btn_blue,
a.btn_orange {
	background-image: url(../images/icons/sprites.white.png);
	color: #fff
}

a.btn_orange {
	background-color: #fb9337;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #f0882c;
	opacity: .9
}

a.btn_blue,
a.btn_orange span {
	-moz-box-shadow: none;
	-webkit-box-shadow: none
}

a.btn_orange span {
	background-color: #fb9337;
	border-left: 0;
	box-shadow: none
}

a.btn_orange:hover {
	opacity: 1;
	color: #fff;
	border-color: #f0882c
}

a.btn_blue {
	background-color: #0f91f5;
	box-shadow: none;
	border-color: #0976c9;
	opacity: .9
}

a.btn_black,
a.btn_blue span {
	-moz-box-shadow: none;
	-webkit-box-shadow: none
}

a.btn_blue span {
	background-color: #0f91f5;
	border-left: 0;
	box-shadow: none
}

a.btn_blue:hover {
	opacity: 1;
	color: #fff;
	border-color: #0976c9
}

a.btn_black {
	background-color: #333;
	box-shadow: none;
	border-color: #222;
	opacity: .9
}

a.btn_black span,
a.btn_yellow {
	-moz-box-shadow: none;
	-webkit-box-shadow: none
}

a.btn_black span {
	background-color: #333;
	border-left: 0;
	box-shadow: none
}

a.btn_black:hover {
	opacity: 1;
	color: #fff;
	border-color: #222
}

a.btn_yellow {
	background-color: #fee74d;
	color: #fff;
	box-shadow: none;
	border-color: #ebb205;
	opacity: .9
}

a.btn_yellow span {
	background-color: #fee74d;
	border-left: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.btn_yellow:hover {
	opacity: 1;
	color: #fff;
	border-color: #ebb205
}

blockquote {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(../images/quote.png) no-repeat;
	font-style: italic;
	line-height: 24px;
	padding-left: 30px;
	margin: 10px 0
}

blockquote.alignleft {
	width: 300px;
	float: left;
	margin: 10px 10px 5px 0
}

blockquote.alignright {
	width: 300px;
	float: right;
	margin: 10px 0 5px 10px;
	text-align: left
}

.statusbox {
	border: 1px solid #ddd;
	padding: 15px;
	overflow: hidden;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fcfcfc
}

.status_thumb {
	float: left;
	padding: 5px;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	-moz-box-shadow: 0 1px 0 #ddd;
	-webkit-box-shadow: 0 1px 0 #ddd;
	box-shadow: 0 1px 0 #ddd
}

.status_content textarea,
.updatethumb {
	border: 1px solid #ddd;
	background: #fff
}

.status_content {
	margin-left: 85px;
	padding-right: 20px
}

.status_content textarea {
	display: block;
	width: 100%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 10px;
	color: #666;
	min-height: 47px
}

.blogsummary h3 a:hover,
.profile_summary li a span,
.recentshots h4 a,
.updatecontent .top .user,
.userfollow .cn a:hover {
	color: #fb9337
}

.statusbox .photoupload {
	float: left;
	margin-left: 82px
}

.statusbox .submit {
	margin-top: 10px;
	text-align: right
}

.updatelist {
	list-style: none
}

.updatelist li {
	display: block;
	margin: 10px 0;
	padding: 10px 0;
	border-bottom: 1px solid #eee
}

.updatelist li:first-child {
	margin-top: 0;
	padding-top: 0
}

.updatecontent .photo,
.updatethumb {
	padding: 5px;
	-moz-box-shadow: 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee
}

.updatethumb {
	float: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0 1px 0 #eee
}

.updatecontent {
	margin-left: 75px;
	min-height: 70px
}

.blogsummary,
.recentblog {
	min-height: 200px
}

.updatecontent .top {
	font-size: 11px
}

.updatecontent .top .user {
	font-size: 12px;
	font-weight: 700
}

.updatecontent .text {
	margin: 10px 0;
	line-height: 21px
}

.updatecontent .photo {
	margin: 10px 0;
	display: inline-block;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0 1px 0 #eee
}

.blogthumb,
.comment_authorimg {
	-moz-box-shadow: 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee;
	float: left
}

.news_photopreview {
	padding: 10px
}

.news_photodetails {
	padding: 0 10px 10px
}

.commentlist {
	overflow: hidden;
	margin-bottom: 50px;
	line-height: 21px
}

.commentlist li {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px
}

.commentlist li:last-child {
	margin-bottom: 0
}

.comment_authorimg {
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	box-shadow: 0 1px 0 #eee
}

.photosharing_head,
.profile_summary {
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff
}

.commenttitle {
	margin: 10px 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	font-size: 14px
}

.commentcontent {
	margin-left: 45px
}

.commentcontent .top {
	font-size: 11px
}

.commentcontent .top .user {
	font-size: 12px;
	font-weight: 700;
	color: #fb9337
}

.commentcontent .text {
	margin: 10px 0 20px;
	line-height: 21px
}

.commentcontent .photo {
	margin: 10px 0;
	padding: 10px;
	display: inline-block;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.news_commentform {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.news_commentform form {
	display: block;
	padding: 10px;
	margin: 5px;
	background: #f7f7f7;
	border-top: 1px solid #ddd;
	overflow: hidden
}

.news_commentform form input {
	width: 100%
}

.profile_wrapper {
	width: 700px;
	padding-right: 20px;
	border-right: 1px solid #ddd
}

.profilepic {
	padding: 5px;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	float: left;
	display: block;
	margin-left: 20px
}

.profilepic img {
	width: 40px
}

.profiletitle {
	margin-left: 85px
}

.profiletitle .pagedesc,
.profiletitle .pagetitle {
	margin: 0
}

.followbtn {
	position: absolute;
	top: 0;
	right: 0
}

.profile_summary {
	list-style: none;
	border: 1px solid #ddd;
	overflow: hidden;
	display: inline-block;
	background: #f7f7f7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-shadow: inset 0 1px 0 #fff;
	line-height: 12px
}

.blogcontent,
.blogsummary,
.profile_about {
	line-height: 21px
}

.profile_summary li {
	display: inline-block;
	float: left
}

.profile_summary li a {
	display: block;
	font-weight: 700;
	padding: 10px 20px;
	border-left: 1px solid #ddd
}

.blogcontent h3,
.blogsummary h3 {
	font-weight: 400;
	font-family: var(--body_font_family)
}

.profile_summary li a:hover,
.profile_summary li.current a {
	background: #fff
}

.profile_summary li:first-child a {
	border-left: 0
}

blockquote.bq2 {
	background: url(../images/quote2.png) 10px 10px no-repeat #fcfcfc;
	padding: 10px 35px;
	font-size: 14px;
	position: relative;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 40px 0 20px
}

.edit_status {
	background: url(../images/icons/sprites.png) -162px -269px no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 5px;
	right: 5px;
	opacity: .8;
	display: none
}

.blogthumb,
.blogviewthumb {
	padding: 5px;
	background: #fff
}

.edit_status:hover {
	opacity: 1;
	cursor: pointer
}

.blogthumb:hover img,
.recentshots li a.th:hover img {
	opacity: .8
}

.profile_about p:first-child {
	margin-top: 0
}

.blogthumb {
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0 1px 0 #eee
}

.blogsummary {
	margin-left: 280px
}

.blogsummary h3 {
	margin-bottom: 5px
}

.blogviewthumb {
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee;
	box-shadow: 0 1px 0 #eee
}

.blogcontent {
	margin-left: 0
}

.blogcontent h3 {
	margin: 20px 0 5px
}

.addcomment {
	padding-right: 10px;
	margin-bottom: 20px
}

.addcomment textarea {
	width: 100%
}

.recentshots {
	list-style: none
}

.recentshots li {
	float: left;
	overflow: hidden;
	margin: 0 20px 20px 0
}

.recentshots li:last-child {
	margin-right: 0
}

.recentshots li a.th {
	border: 1px solid #ddd;
	display: block;
	padding: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.recentshots h4 {
	display: block;
	margin-top: 10px
}

.recentshots h4 a {
	font-family: var(--body_font_family);
	font-size: 14px
}

.followerlist {
	list-style: none
}

.followerlist li {
	display: block;
	margin-bottom: 20px
}

.userfollow {
	border: 1px solid #ddd;
	padding: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden
}

.userfollow .th {
	float: left
}

.userfollow .cn {
	margin-left: 40px
}

.userfollow .cn a {
	display: block
}

.userfollow .cn small {
	color: #999
}

.photosharing_head {
	padding: 15px 20px;
	background: #fcfcfc;
	border-bottom: 1px solid #ddd;
	box-shadow: inset 0 1px 0 #fff
}

.photosharing_menu {
	list-style: none;
	position: relative
}

.photosharing_menu li {
	display: inline-block;
	float: left
}

.photosharing_menu li a {
	padding: 4px 10px 5px;
	border: 1px solid #ccc;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	font-weight: 700;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff
}

.photosharing_menu li a:hover {
	background-color: #eee;
	border-color: #bbb;
	cursor: pointer
}

.photosharing_menu li a.next,
.photosharing_menu li a.prev {
	display: block;
	padding: 15px;
	border: 1px solid #ccc;
	cursor: pointer;
	background-color: #fff
}

.photosharing_menu li a.next:hover,
.photosharing_menu li a.prev:hover {
	background-color: #eee;
	border-color: #bbb
}

.photosharing_menu li a.prev {
	border-right: 0;
	background: url(../images/arrow.png) 10px 8px no-repeat #fff;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}

.photosharing_menu li a.prev_disabled {
	background-position: 10px -46px;
	cursor: default
}

.photosharing_menu li a.prev_disabled:hover {
	border-color: #ccc;
	background-color: #fff
}

.photosharing_menu li a.next {
	background: url(../images/arrow.png) -39px 8px no-repeat #fff;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0
}

.photosharing_menu li a.next_disabled {
	background-position: -39px -46px;
	cursor: default
}

.photosharing_menu li a.next_disabled:hover {
	border-color: #ccc;
	background-color: #fff
}

.photosharing_menu li a.viewsizes {
	background-image: url(../images/preview.png);
	background-position: 7px 8px;
	background-repeat: no-repeat;
	padding-left: 30px
}

.photosharing_menu li a.trash {
	padding: 15px;
	background-image: url(../images/trash.png);
	background-position: 7px 7px;
	background-repeat: no-repeat
}

.dropdown {
	position: relative
}

.dropdown ul {
	display: none
}

.dropdown .dropdown_label {
	padding-right: 30px
}

.dropdown span.arrow {
	position: absolute;
	top: 12px;
	right: 10px;
	background: url(../images/default/menuarrow.png) no-repeat;
	width: 11px;
	height: 5px;
	display: block
}

.dropdown ul {
	position: absolute;
	min-width: 150px;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 100;
	border: 1px solid #ddd;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .05)
}

.dropdown ul li {
	display: block;
	float: none
}

.dropdown ul li a {
	border: 0;
	border-bottom: 1px solid #ddd;
	background: 0;
	display: block
}

.dropdown ul li a:hover {
	background: #f9f9f9;
	border-color: #ddd;
	color: #fb9337
}

.photopreview,
.ps_sidebar .ps_author {
	background: #fff;
	-moz-box-shadow: 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee
}

.dropdown ul li:last-child a {
	border-bottom: 0
}

.photosharing_wrapper {
	width: 700px;
	padding: 20px;
	margin-right: 0
}

.photopreview {
	padding: 10px;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0 1px 0 #eee
}

.photosharing_wrapper h2 {
	font-family: var(--body_font_family)
}

.photosharing_wrapper .desc,
.photosharing_wrapper .desc p {
	margin: 15px 0
}

.photosharing_wrapper .desc p:first-class {
	margin-top: 0
}

.ps_sidebar {
	width: 250px;
	padding: 20px 0
}

.ps_sidebar .ps_author {
	float: left;
	padding: 3px;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0 1px 0 #eee;
	display: block
}

.ps_sidebar .ps_authorinfo {
	margin-left: 45px;
	line-height: 18px
}

.ps_sidebar .ps_authorinfo a {
	font-weight: 700;
	color: #fb9337
}

.ps_sidebar .viewinfo {
	margin: 20px 0;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 5px
}

.ps_sidebar .viewinfo span {
	padding-left: 22px;
	display: inline-block
}

.ps_sidebar .viewinfo .numviews {
	background: url(../images/icons/bar.png) left center no-repeat;
	margin-right: 20px
}

.ps_sidebar .viewinfo .numcomments {
	background: url(../images/icons/comment.png) left center no-repeat
}

.morephotolist {
	list-style: none
}

.morephotolist li {
	display: inline-block;
	float: left;
	margin: 0 10px 10px 0
}

.morephotolist li a {
	display: block;
	padding: 5px;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee;
	box-shadow: 0 1px 0 #eee
}

.prodhead,
.prodhead_menu li a {
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff
}

.morephotolist li a:hover {
	border-color: #999;
	opacity: .8
}

.sharing_commentform form {
	margin: 20px 0;
	display: block
}

.sharing_commentform form input {
	width: 100%
}

.prodwrapper {
	width: 800px;
	border-right: 1px solid #ccc;
	overflow: hidden
}

.prodhead {
	padding: 15px 20px;
	background: #fcfcfc;
	border-bottom: 1px solid #ddd;
	box-shadow: inset 0 1px 0 #fff
}

.prodhead_menu {
	list-style: none;
	position: relative
}

.prodhead_menu li {
	display: inline-block;
	float: left
}

.prodhead_menu li a {
	padding: 4px 10px 5px;
	border: 1px solid #ccc;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	font-weight: 700;
	box-shadow: inset 0 1px 0 #fff
}

.prodhead_menu li a:hover {
	background-color: #eee;
	border-color: #bbb;
	cursor: pointer
}

.prodhead_menu li a.next,
.prodhead_menu li a.prev {
	display: block;
	padding: 15px;
	border: 1px solid #ccc;
	cursor: pointer;
	background-color: #fff
}

.msghead_menu li,
.msgstar,
.prodlist li {
	display: inline-block
}

.prodhead_menu li a.next:hover,
.prodhead_menu li a.prev:hover {
	background-color: #eee;
	border-color: #bbb
}

.prodhead_menu li a.prev {
	border-right: 0;
	background: url(../images/arrow.png) 10px 8px no-repeat #fff;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}

.prodhead_menu li a.prev_disabled {
	background-position: 10px -46px;
	cursor: default
}

.prodhead_menu li a.prev_disabled:hover {
	border-color: #ccc;
	background-color: #fff
}

.prodhead_menu li a.next {
	background: url(../images/arrow.png) -39px 8px no-repeat #fff;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0
}

.prodhead_menu li a.next_disabled {
	background-position: -39px -46px;
	cursor: default
}

.prodhead_menu li a.next_disabled:hover {
	border-color: #ccc;
	background-color: #fff
}

.prodhead_menu li.right {
	float: right
}

.prodhead_menu li .pagenuminfo {
	margin-top: 5px;
	display: inline-block
}

.prodlist {
	list-style: none;
	margin: 20px
}

.prodlist li {
	position: relative;
	color: #eee;
	cursor: pointer;
	text-shadow: 1px 1px rgba(0, 0, 0, .3);
	margin-bottom: 3%
}

.prodlist li a {
	color: #fb9337
}

.prodlist li .thumb {
	padding: 5px;
	border: 1px solid #ddd
}

.prodlist li .thumb img {
	width: 225px
}

.prodlist li .content {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 225px;
	height: 163px;
	overflow: hidden
}

.prodlist li .contentinner {
	background: url(../images/bluetrans.png);
	padding: 5px 7px;
	margin-top: 132px;
	height: 163px
}

.prodlist li .title {
	color: #fff;
	font-family: var(--body_font_family);
	font-size: 13px
}

.prodlist li .title:hover {
	color: #fb9337
}

.prodlist li .price {
	color: #fff;
	font-weight: 700;
	float: right
}

.prodlist li .by {
	font-size: 11px;
	font-style: italic
}

.prodlist li .desc {
	font-size: 11px;
	margin: 5px 0;
	line-height: 16px
}

.mailinbox tbody tr td {
	background: #fafafa
}

.mailinbox tbody tr.unread td {
	background: #fff;
	font-weight: 700
}

.mailinbox tbody tr.selected td {
	background: #fcfee4
}

.mailinbox a.title {
	font-weight: 400
}

.mailinbox tbody tr.unread a.title {
	font-weight: 700
}

.mailinbox td.attachment,
.mailinbox td.star {
	text-align: center
}

.msgstar {
	width: 16px;
	height: 16px;
	background: url(../images/icons/unstar.png) no-repeat;
	cursor: pointer;
	opacity: .5
}

.msgstar:hover,
.starred {
	opacity: 1
}

.starred {
	background-image: url(../images/icons/star.png)
}

.msghead {
	padding-bottom: 20px
}

.msghead_menu {
	list-style: none;
	position: relative
}

.msghead_menu li {
	float: left
}

.floatright,
.msghead_menu li.right {
	float: right
}

.msghead_menu li a {
	padding: 4px 10px 5px;
	border: 1px solid #ccc;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	font-weight: 700;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff
}

.msghead_menu li a:hover {
	background-color: #eee;
	border-color: #bbb;
	cursor: pointer
}

.msghead_menu li a.next,
.msghead_menu li a.prev {
	display: block;
	padding: 15px;
	border: 1px solid #ccc;
	cursor: pointer;
	background-color: #fff
}

.msghead_menu li a.next:hover,
.msghead_menu li a.prev:hover {
	background-color: #eee;
	border-color: #bbb
}

.msghead_menu li a.prev {
	border-right: 0;
	background: url(../images/arrow.png) 10px 8px no-repeat #fff;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}

.msghead_menu li a.prev_disabled {
	background-position: 10px -46px;
	cursor: default
}

.msghead_menu li a.prev_disabled:hover {
	border-color: #ccc;
	background-color: #fff
}

.msghead_menu li a.next {
	background: url(../images/arrow.png) -39px 8px no-repeat #fff;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0
}

.msghead_menu li a.next_disabled {
	background-position: -39px -46px;
	cursor: default
}

.msghead_menu li a.next_disabled:hover {
	border-color: #ccc;
	background-color: #fff
}

.msghead_menu li a.reportspam {
	background-image: url(../images/icons/info.png);
	background-position: 7px 8px;
	background-repeat: no-repeat;
	padding-left: 30px
}

.msghead_menu li a.msgtrash,
.msghead_menu li a.msgtrash_sent {
	padding: 15px;
	background-image: url(../images/trash.png);
	background-position: 7px 7px;
	background-repeat: no-repeat
}

.msghead_menu .pageinfo {
	padding-right: 20px;
	display: block;
	margin-top: 5px
}

.msghead_menu .dropdown_label,
.msghead_menu .msgtrash,
.msghead_menu .reportspam {
	display: none
}

.errorwrapper {
	margin: 0 auto;
	border: 1px solid #ddd;
	padding: 20px;
	background: #fcfcfc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.errorwrapper h1 {
	font-size: 32px;
	margin-bottom: 20px
}

.errorwrapper h3 {
	font-size: 18px
}

.errorwrapper ul {
	list-style: none;
	line-height: 28px
}

.errorwrapper ul li {
	text-indent: 30px;
	background: url(../images/list.png) 0 4px no-repeat
}

.alignright {
	text-align: right
}

.aligncenter {
	text-align: center!important
}

.amountdue,
.imagelist li span,
.invoicetable thead th.right,
.invoicetable tr td.right {
	text-align: right
}

.radius2 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.nopadding {
	padding: 0
}

.padding10 {
	padding: 10px
}

.width100,
form input.width100 {
	width: 100px
}

.width50,
form input.width50 {
	width: 50px
}

.clearall {
	clear: both;
	display: block
}

.nomargin {
	margin: 0
}

.marginleft5 {
	margin-left: 5px
}

.marginleft10 {
	margin-left: 10px
}

.marginleft20 {
	margin-left: 20px
}

.margin20 {
	margin: 20px
}

.margin1020 {
	margin: 10px 20px
}

.marginbottom0 {
	margin-bottom: 0
}

.nomargintop {
	margin-top: 0
}

.lineheight21 {
	line-height: 21px
}

.noradiusright,
form input.noradiusright {
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}

.orangeboldlink {
	color: #fb9337;
	font-weight: 700
}

.orangeborderbottom5 {
	border-bottom: 5px solid #fb9337
}

.changetheme {
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 11px
}

.amountdue h1 span,
.photoEdit h3 {
	font-size: 18px
}

.changetheme a {
	display: inline-block;
	margin-top: 5px;
	width: 15px;
	height: 15px;
	cursor: pointer
}

.changetheme a.default {
	background: #fb9337
}

.changetheme a.blueline {
	background: #319cff
}

.changetheme a.greenline {
	background: #78ce07
}

.changetheme a.contrast {
	background: #ff4800
}

.changetheme a.custombg {
	background: #666
}

.gallerywrapper {
	padding: 20px
}

.imagelist {
	list-style: none
}

.imagelist li {
	float: left;
	padding: 5px;
	margin: 0 20px 20px 0;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.imagelist li:hover {
	border-color: #ccc
}

.imagelist li img {
	display: block;
	margin-bottom: 10px;
	width: 230px
}

.imagelist li span {
	display: block
}

.imagelist li span a.name {
	font-weight: 700;
	float: left;
	color: #999
}

.imagelist li span a.name:hover {
	color: #333;
	text-decoration: none
}

.imagelist li span a.delete,
.imagelist li span a.edit,
.imagelist li span a.view,
.td a.edit {
	display: inline-block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin-left: 5px;
	vertical-align: middle;
	opacity: .5
}

.imagelist li span a.delete:hover,
.imagelist li span a.edit:hover,
.imagelist li span a.view:hover {
	opacity: 1
}

.imagelist li span a.edit {
	background: url(../images/icons/editor.png)
}

.imagelist li span a.view {
	background: url(../images/icons/glass.png)
}

.imagelist li span a.delete {
	background: url(../images/icons/trash.png)
}

.photoEdit {
	width: 480px
}

.notifyMessage {
	padding: 7px 10px;
	font-weight: 700;
	margin: 10px 0;
	display: none
}

.notifySuccess {
	border: 1px solid #c1d779;
	background: #effeb9;
	display: block
}

.notifyError {
	border: 1px solid #e18b7c;
	background: #fad5cf;
	display: block
}

.sortlist {
	list-style: none
}

.sortlist>li {
	display: block;
	margin-bottom: 7px
}

.sortlist>li div.label {
	padding: 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	background: url(../images/titlebg.png) top left repeat-x #eee;
	position: relative
}

.sortlist>li span.moveicon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/icons/widgets.png) 0 center no-repeat;
	margin-right: 10px;
	opacity: .3
}

.sortlist>li span.moveicon:hover {
	opacity: .5;
	cursor: move
}

.sortlist>li span.arrowdrop {
	position: absolute;
	display: block;
	width: 20px;
	height: 30px;
	background: url(../images/sort_desc.png) center center no-repeat;
	top: 6px;
	right: 5px;
	opacity: .5;
	border-left: 1px solid #ccc
}

.sortlist>li span.arrowup {
	background-image: url(../images/sort_asc.png)
}

.sortlist>li span.arrowdrop:hover {
	opacity: .8;
	cursor: pointer
}

.sortlist>li div.details {
	border: 1px solid #ccc;
	border-top: 0;
	padding: 10px;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	background: #fcfcfc;
	display: none
}

.sortlist>li div.details p {
	margin: 10px 0
}

.sortlist>li div.details p:first-child {
	margin-top: 0
}

.sortlist>li div.details p:last-child {
	margin-bottom: 0
}

.invoicewrapper {
	position: relative
}

.invoicelogo {
	height: 100px;
	overflow: hidden
}

.invoicefor {
	margin-top: 22px
}

.amountdue,
.invoiceinfo,
.invoicetable {
	margin-top: 40px
}

.table {
	border-collapse: collapse;
	width: 100%
}

.table tr td {
	padding: 4px 10px;
	border: 1px solid #ddd
}

.table tr td:first-child {

	background: #fcfcfc
}

.invoicetable {
	width: 100%
}

.invoicetable tr td {
	vertical-align: top
}

#mid-tabs .row100dash,
#mid-tabs .row110dash,
#mid-tabs .row45dash,
#mid-tabs .row50dash,
#mid-tabs .row60dash,
#mid-tabs .row60dash60,
#mid-tabs .row63dash,
#mid-tabs .row65,
#mid-tabs .row70,
#mid-tabs .row70dash,
#mid-tabs .row75,
#mid-tabs .row75dash,
#mid-tabs .row80,
#mid-tabs .row80dash,
#mid-tabs .row90dash,
#mid-tabs .tabledetailstxt,
#mid-tabs .tablesecond,
.calander-desing,
.tablerowtitle {
	vertical-align: middle
}

.amountdue h3 span {
	font-size: 16px
}

.amountdue h4 span {
	font-size: 12px
}

.amountdue a {
	margin-top: 20px;
	display: inline-block;
	padding: 10px 40px;
	font-size: 14px;
	background: #fb9337;
	color: #fff;
	font-family: var(--body_font_family);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #e88125;
	-moz-box-shadow: inset 0 1px 0 rgba(250, 250, 250, .3);
	text-shadow: 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 0 1px 0 rgba(250, 250, 250, .3);
	box-shadow: inset 0 1px 0 rgba(250, 250, 250, .3)
}

.amountdue a:hover {
	opacity: .8
}

@media screen and (max-width:1600px) {
	.demo-quick ul li {
		width: 16.333%;
		padding: 15px 0
	}
}

@media screen and (max-width:1350px) {
	.demo-quick ul li {
		width: 20.333%!important;
		padding: 15px 0
	}
}

@media screen and (max-width:1130px) {
	.demo-quick ul li {
		width: 25.333%!important;
		padding: 15px 0
	}
}

@media screen and (max-width:950px) {
	.demo-quick ul li {
		width: 40.333%!important;
		padding: 15px 0
	}
}

@media screen and (max-width:1024px) {


	.filemgr_category,
	.filemgr_content,
	.withrightpanel {
		margin-right: 220px
	}
	.contactlist li a,
	.external-event,
	.mailinbox tr td,
	.mailinbox tr th,
	.menuright li.current a,
	.verwizard .verticalmenu a {
		font-size: 11px
	}
	.filemgr_menu form input.filekeyword {
		width: 100px
	}
	.filemgr .filemgr_right,
	.rightpanel {
		width: 200px
	}
	.listfile li {
		float: left
	}
	.filemgr_content {
		padding-right: 0
	}
	.withrightpanel {
		padding-right: 10px
	}
	.chatsearch input {
		width: 146px
	}
	.verwizard .verticalmenu {
		width: 200px
	}
	.verwizard .actionBar,
	.verwizard .stepContainer {
		margin-left: 220px
	}
	.widgetpage .one_half {
		float: none;
		margin-right: 0;
		width: auto
	}
	.dashboard_left,
	.dashboard_right {
		width: auto;
		float: none;
		margin-right: 0
	}
	.newsfeed {
		float: none;
		width: auto;
		margin-right: 0
	}
	.profile_wrapper {
		border-right: 0;
		padding-right: 0;
		width: auto
	}
	.blogviewthumb {
		display: inline-block
	}
	.morephotolist li a,
	.photopreview a,
	.prodlist li a {
		display: block;
		overflow: hidden
	}
	.prodwrapper {
		border-right: 0;
		width: auto
	}
	.prodlist li .content {
		width: auto;
		margin-right: 5px
	}
	.prodlist li a {
		width: auto
	}
	.photosharing_wrapper {
		width: 65.83%
	}
	.photopreview a {
		width: auto
	}
	.ps_sidebar {
		width: 28.5%
	}
	.morephotolist li {
		width: 95px;
		border: 1px solid #ddd
	}
	.morephotolist li a {
		border: 0;
		margin-right: 5px
	}
	.imagelist li img {
		width: 210px
	}
}

@media screen and (max-width:900px) {
	.menucoll ul ul span,
	.menucoll2 ul ul span {
		font-weight: 700;
		font-family: var(--body_font_family);
		text-transform: uppercase
	}
	body.withvernav {
		background-position: 200px 0
	}
	body.withmenucoll {
		background-position: 55px 0
	}
	body.withmenucoll2 {
		background-position: 35px 0
	}
	.vernav,
	.vernav2 {
		width: 200px
	}
	.centercontent {
		margin-left: 201px
	}
	.menucoll {
		width: 55px
	}
	.menucoll ul li {
		height: 36px;
		position: relative;
		margin-bottom: 0
	}
	.menucoll ul li span.arrow {
		display: none
	}
	.menucoll>ul>li {
		margin-bottom: 1px
	}
	.menucoll>ul>li>a {
		overflow: hidden;
		width: 0;
		height: 36px;
		padding: 0 0 0 35px
	}
	.menucoll>ul>li.hover>a {
		background-color: #32415a;
		background-image: url(../images/default/nav.png)
	}
	.menucoll>ul>li.current>a {
		background-image: url(../images/default/nav.png)
	}
	.menucoll ul ul {
		position: absolute;
		z-index: 200;
		top: 0;
		left: 24px;
		padding: 0;
		width: 200px;
		background: 0;
		border: 1px solid #ccc;
		-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
		-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
		box-shadow: 2px 1px 3px rgba(0, 0, 0, .1)
	}
	.menucoll ul ul li {
		display: block;
		border-bottom: 1px solid #eee;
		height: auto
	}
	.menucoll ul ul li a {
		background-image: none;
		border-left: 0;
		height: auto;
		padding: 11px 10px 10px
	}
	.menucoll ul ul span {
		background: #f7f7f7;
		display: block;
		padding: 9px 10px 10px
	}
	.menucoll ul li.current ul span {
		background-color: #32415a;
		color: #fb9337
	}
	.menucoll2 {
		width: 35px
	}
	.menucoll2 ul li {
		height: 36px;
		position: relative
	}
	.menucoll2 ul li span.arrow {
		display: none
	}
	.menucoll2>ul>li>a {
		overflow: hidden;
		width: 0;
		height: 36px;
		padding: 0 0 0 35px
	}
	.menucoll2>ul>li.hover>a {
		background-color: #f7f7f7;
		background-image: url(../images/default/nav.png)
	}
	.menucoll2>ul>li.current>a {
		background-image: url(../images/default/nav.png)
	}
	.menucoll2 ul ul {
		position: absolute;
		z-index: 100;
		top: 0;
		left: 35px;
		padding: 0;
		width: 200px;
		background: 0;
		border: 1px solid #ccc;
		-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
		-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
		box-shadow: 2px 1px 3px rgba(0, 0, 0, .1)
	}
	.menucoll2 ul ul li {
		display: block;
		border-bottom: 1px solid #eee;
		height: auto
	}
	.menucoll2 ul ul li a {
		background-image: none;
		border-left: 0;
		height: auto;
		padding: 11px 10px 10px
	}
	.menucoll2 ul ul span {
		background: #f7f7f7;
		display: block;
		padding: 9px 10px 10px
	}
	.menucoll2 ul li.current ul span {
		color: #fb9337
	}
	.togglemenu {
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		display: block;
		height: 21px;
		cursor: pointer;
		background: url(../images/menucollapsed.png) center 0 no-repeat;
		margin: 10px
	}
	.togglemenu_collapsed {
		background-position: center -21px;
		margin: 10px 5px;
		border-width: 0
	}
	.vernav .togglemenu {
		margin: 10px
	}
	.vernav .togglemenu_collapsed {
		width: 35px;
		margin: 10px auto;
		border-width: 1px
	}
	.shortcuts li {
		width: 85px
	}
	.shortcuts li a {
		width: auto
	}
	.filemgr .filemgr_right {
		width: 200px
	}
	.photosharing_wrapper,
	.ps_sidebar {
		width: auto;
		float: none
	}
	.filemgr_category,
	.filemgr_content {
		margin-right: 220px
	}
	.filemgr_category ul li a {
		font-size: 11px;
		padding: 2px 8px
	}
	.filemgr_category ul li .pagenuminfo {
		font-size: 11px;
		margin-top: 2px
	}
	.stdtable tr td,
	.stdtable tr th {
		font-size: 11px
	}
	.ps_sidebar {
		padding: 20px 0;
		margin: 20px!important;
		border-top: 1px solid #ddd
	}
	.imagelist li img {
		width: 285px
	}
	.elements .one_third {
		width: 48.5%
	}
	.invoicewrapper .one_half {
		float: none;
		width: auto;
		margin-right: 0
	}
	.invoicefor {
		margin-bottom: 20px
	}
	.invoiceinfo,
	.invoicetable {
		margin-top: 20px
	}
}

@media screen and (max-width:800px) {
	.content-mobile {
		display: none!important
	}
}

/* ipad pro */

@media (min-width:769px) and (max-width:1024px)
{


    .stutblcrd.stumaxwith {
        min-width: auto !important;
    }

    .panel-title
    {
        margin-bottom:5px;
    }
	.ipadnoneview
	{
		display:none !important;
	}
	.ipadblockview
	{
		display:block !important;
	}

}
/* ipad  */

@media screen and (max-width:768px) {
	div.mce-fullscreen {
		top: 120px !important;
		left: 0;
	}

    .stutblcrd.stumaxwith {
        min-width: auto !important;
    }


	.col-md-12.mrgntopsrch{
        margin-top: 10px !important;
    }

.panel-title
    {
        margin-bottom:5px;
    }

	.ipadnoneview
	{
		display:none !important;
	}
	.ipadblockview
	{
		display:block !important;
	}
	.overviewtable tbody tr td {
		font-size: 18px
	}
	.stdform label {
		float: none;
		text-align: left;
		display: block;
		width: auto!important;
		margin-bottom: 5px;

	}
	.dualselect,
	.stdform .formwrapper,
	.stdform .stdformbutton,
	.stdform div.field,
	.stdform small.desc,
	.stdform span.field {
		margin-left: 0
	}
	.stdform2 div.field,
	.stdform2 span.field {
		border-left: 0
	}
	.stdform2 label {
		padding: 5px 10px;
		border-bottom: 1px solid #ddd;
		margin-bottom: 0
	}
	.stdform2 .stdformbutton,
	.stdform2 div.field,
	.stdform2 span.field {
		padding: 10px
	}
	.stepContainer p {
		margin: 20px
	}
	.stepContainer .par p {
		margin: 0 20px 20px
	}
	.filemgr_head {
		margin: 0;
		position: relative
	}
	.filemgr_category,
	.filemgr_content {
		margin-right: 20px
	}
	.filemgr .filemgr_left {
		clear: both
	}
	.filemgr .filemgr_right {
		position: relative;
		width: auto
	}
	.filemgr .filemgr_rightinner {
		margin: 0;
		border-left: 0
	}
	.filemgr_menu li.newfilebtn {
		margin-top: -30px
	}
	.filemgr_menu li.filesearch {
		display: block;
		float: none;
		clear: left;
		padding-top: 20px;
		margin-left: 0
	}
	.filemgr_menu form input.filekeyword {
		width: 300px
	}
	.rightpanel {
		position: relative;
		margin: 20px;
		top: 0;
		right: 0;
		width: auto
	}
	.withrightpanel {
		margin-right: 20px;
		padding-right: 0
	}
	.chatsearch input {
		width: 100%
	}
	.chatsearch {
		padding-right: 47px
	}
	.dataTables_info {
		font-size: 11px
	}
	.followerlist li.one_third {
		margin-right: 0;
		width: auto;
		float: none
	}
	.blogviewthumb {
		overflow: hidden;
		width: auto;
		display: block
	}
	.blogviewthumb img {
		width: 100%
	}
	.profile_summary li a {
		padding: 10px
	}
	.imagelist li img {
		width: 215px
	}
}

@media screen and (max-width:640px) {
	.headerwidget .earnings,
	.topheader .left .slogan,
	.vernav br,
	.vernav2 br {
		display: none
	}
	.search input[type=text] {
		width: 120px
	}
	.vernav,
	.vernav2 {
		z-index: 100;
		border: 1px solid #ccc;
		border-top: 0;
		border-left: 0;
		background: #fff;
		width:230px;/*13-08-21 sujeet*/
	}
	.centercontent {
		/*margin-left: 0 03-08-21 sujeet*/
	}
	body.withvernav {
		background-position: -1px 0
	}
	body.withmenucoll {
		background-position: 55px 0
	}
	body.withmenucoll2 {
		background-position: 35px 0
	}
	.imagelist li img {
		width: 240px
	}
}

@media screen and (max-width:520px) {
	.search .searchicon {
		position: absolute;
		right: 195px;
		display: inline-block;
		width: 36px;
		height: 35px;
		background: url(../images/icons/sprites.white.png) -10px -10px no-repeat #2e3e58;
		border: 1px solid #233147;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		cursor: pointer;
		-moz-box-shadow: 0 1px 0 rgba(250, 250, 250, .1);
		-webkit-box-shadow: 0 1px 0 rgba(250, 250, 250, .1);
		box-shadow: 0 1px 0 rgba(250, 250, 250, .1)
	}
	.search .searchinner {
		padding: 10px;
		background: url(../images/default/topheaderbg.png) #485b79;
		overflow: hidden;
		margin-top: 10px;
		width: 100%;
		position: absolute;
		left: 0;
		top: -10px;
		z-index: 100;
		display: none
	}
	.search .searchinner input {
		width: 80%
	}
	.search .searchcancel {
		float: left;
		width: 30px;
		height: 36px;
		background: url(../images/default/searchcancel.png) center center no-repeat;
		cursor: pointer
	}
	.shortcuts li {
		width: 100px
	}
	.progress150 {
		width: auto
	}
	.overviewselect div.selector {
		width: 75px
	}
	.overviewhead input.hasDatepicker {
		width: 60px!important;
		font-size: 11px
	}
	#charts .one_half,
	.verwizard .verticalmenu {
		width: auto;
		float: none
	}
	.hornav li a {
		font-size: 12px;
		padding: 10px 20px
	}
	#charts .one_half {
		margin: 0
	}
	.wizard .tabbedmenu li a {
		padding: 10px
	}
	.wizard .tabbedmenu li a span.h2 {
		font-size: 14px
	}
	.wizard .tabbedmenu li a span {
		font-weight: 400;
		font-size: 11px
	}
	.verwizard .actionBar,
	.verwizard .stepContainer {
		margin-left: 0
	}
	.imagelist li img {
		width: 175px
	}
	.imagelist li span {
		text-align: left;
		display: block;
		margin-bottom: 5px
	}
	.imagelist li span a.name {
		display: block;
		float: none;
		margin-bottom: 5px
	}
	.elements .one_third {
		width: auto;
		float: none;
		margin-right: 0;
		margin-bottom: 20px
	}
}

@media screen and (max-width:480px) {
	.search .searchinner input {
		width: 78%
	}
	.noticontent {
		right: -133px
	}
	.shortcuts li {
		width: 85px
	}
	.wizard .tabbedmenu li a {
		padding: 10px 20px;
		font-size: 16px
	}
	.wizard .tabbedmenu li a span {
		display: none
	}
	.filemgr_menu form input.filekeyword {
		width: 220px
	}
	.filemgr_category,
	.filemgr_content {
		margin-bottom: 30px
	}
	.filemgr_category ul li.right {
		margin-top: 20px
	}
	.listfile li a span {
		display: block;
		overflow: hidden
	}
	#dyntable2 td:last-child,
	#dyntable2 th:last-child,
	#table2 td:last-child,
	#table2 td:nth-child(2),
	#table2 th:last-child,
	#table2 th:nth-child(2),
	.calTitle,
	.dataTables_info {
		display: none
	}
	.listfile li a span img {
		margin-left: -5px
	}
	.listfile li {
		width: 110px
	}
	.fc-header-title h2 {
		font-size: 15px
	}
	.stdtable tbody tr td {
		padding: 5px
	}
	.stdtable tbody tr td div {
		width: 30px
	}
	div.checker {
		margin: auto
	}

	.updatecontent .photo {
		width: 95%
	}
	.updatecontent .photo a {
		display: block;
		overflow: hidden;
		width: auto
	}
	.news_photopreview {
		overflow: hidden;
		width: 350px
	}
	.news_photopreview img {
		width: 350px
	}
	.profile_summary li {
		display: block;
		float: none
	}
	.profile_summary li a {
		border-left: 0;
		border-bottom: 1px solid #eee
	}
	.profile_summary li:last-child a {
		border-bottom: 0
	}
	.blogthumb {
		float: none;
		display: inline-block
	}
	.blogsummary {
		margin-left: 0;
		margin-top: 20px
	}
}

@media screen and (max-width:450px) {
	.overviewselect {
		float: none;
		margin-bottom: 10px
	}
	.overviewselect div.selector {
		width: 124px
	}
	.shortcuts li.one_half {
		width: 40%;
		margin-right: 3%
	}
	.shortcuts li.last {
		margin-right: 0
	}
	.overviewtable tbody tr td {
		font-size: 14px
	}
	.anchorbutton,
	.fc-button-agendaDay .fc-button-content,
	.fc-button-agendaWeek .fc-button-content,
	.fc-button-month .fc-button-content,
	.fc-button-today .fc-button-content {
		font-size: 11px
	}
	.blogtable td:last-child,
	.blogtable th:last-child,
	.overviewtable2 td:last-child,
	.overviewtable2 th:last-child {
		display: none
	}
	.hornav li.more {
		position: relative
	}
	.hornav li.more a {
		cursor: pointer
	}
	.hornav li.more ul {
		display: none;
		position: absolute;
		top: 41px;
		right: 0;
		min-width: 150px
	}
	.hornav li.more ul li {
		display: block;
		float: none;
		margin-right: 0
	}
	.hornav li.more ul li a {
		border-top: 1px solid #eee;
		background: #fff;
		color: #666
	}
	.hornav li.more ul li a:hover {
		border-top: 1px solid #eee;
		background: #fcfcfc
	}
	.hornav li.more ul li:first-child a {
		border-top: 0
	}
	.hornav li.more ul li:last-child a {
		border-bottom: 1px solid #ccc
	}
	.hornav li.more ul li.current a {
		color: #fb9337
	}
	form input.longinput,
	form textarea.longinput {
		width: 100%
	}
	.stdform div.field,
	.stdform span.field {
		display: block;
		padding-right: 10px
	}
	.stdform2 div.field,
	.stdform2 span.field {
		padding-right: 22px
	}
	.filemgr_menu li.marginleft20 {
		margin-left: 5px
	}
	.filemgr_menu li.filesearch {
		margin-left: 0
	}
	.anchorbutton {
		font-weight: 400;
		margin-bottom: 10px
	}
	.slide_content button {
		width: 100%;
		margin-bottom: 10px
	}
	.fc-header-title {
		display: none
	}
	.calTitle {
		display: block;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 20px;
		padding-bottom: 10px;
		border-bottom: 2px solid #fb9337
	}
	.dataTables_paginate,
	.dataTables_paginate .paginate_active,
	.dataTables_paginate .paginate_button {
		padding: 5px
	}
	.imagelist li img {
		width: 140px
	}
}

.cal_absent1,
.cal_awe1,
.cal_l1,
.cal_lwe1,
.cal_present1,
.calander-desing,
.quick_link_div_w {
	text-transform: capitalize
}

.td a img {
	padding-top: 15px
}

.actionicon {
	width: 20px;
	display: contents;
	margin: auto;
	padding: 5px 0
}

.actionicon img {
	padding: 5px 3px;
	width: 12px;
	background-color: #fff0;
	margin-top: 8px;
	border-radius: 2px
}

.actionicon img:after,
.actionicon img:before {
	content: "";
	z-index: -1;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	top: 0;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 100px/10px;
	border-radius: 100px/10px
}

.actionicon img:after {
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg)
}

.uploadxt {
	color: red;
	padding-top: 10px
}

@media screen and (max-width:425px) {
	.headermenu li a {
		padding: 17px 5px
	}
	.search .searchinner input {
		width: 76%
	}
	.trashbtn {
		margin-left: 0;
		margin-top: 10px
	}
	.filemgr_menu form input.filekeyword {
		width: 180px
	}
	.flatmode {
		display: none
	}
	.colorpicker {
		left: 40px!important
	}
	.slide_img {
		float: none
	}
	.slide_content {
		margin-left: 0;
		margin-top: 20px
	}
	#dyntable td:first-child,
	#dyntable td:nth-child(3),
	#dyntable th:first-child,
	#dyntable th:nth-child(3) {
		border-left: 1px solid #ddd
	}
	.imagelist li img {
		width: 270px
	}
}

@media screen and (max-width:400px) {
	.search .searchinner input {
		width: 75%
	}
	.loginpage {
		background: url(../images/patternbg.png) #32415a
	}
	.loginbox,
	.loginboxinner {
		background: 0
	}
	.loginbox {
		width: auto;
		margin: 10px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none
	}
	.overviewtable2 td:first-child,
	.overviewtable2 th:first-child {
		display: none
	}
	.overviewtable2 td:nth-child(2),
	.overviewtable2 th:nth-child(2) {
		border-left: 1px solid #ddd
	}
	.tableoptions select {
		width: 70px
	}
	.tableoptions button {
		padding: 7px 5px
	}
	.imagelist li img {
		width: 230px
	}
}
@media screen and (min-width:220px) and (max-width:550px) {
	.tableoptions select {width: 100%;}
 } /* 09-08-21 sujeet */
@media screen and (max-width:380px) {
	.mailinbox td:first-child,
	.mailinbox th:first-child,
	.overviewtable td:first-child,
	.overviewtable th:first-child {
		display: none
	}
	.mailinbox td:nth-child(2),
	.mailinbox th:nth-child(2),
	.overviewtable td:nth-child(2),
	.overviewtable th:nth-child(2) {
		border-left: 1px solid #ddd
	}
	.search .searchinner input {
		width: 74%
	}
	.topheader .left h1.logo {
		font-size: 22px
	}
	.headermenu li a {
		min-width: 75px;
		font-size: 11px
	}
	.newfoldbtn {
		margin: 10px 5px 0 0!important
	}
	.filemgr_menu form input.filekeyword {
		width: 150px
	}
	.colorpicker {
		left: 30px!important
	}
	.entry_img {
		float: none
	}
	.entry_content {
		margin-left: 0;
		margin-top: 20px
	}
	.errorwrapper button {
		width: 100%;
		padding: 10px
	}
}

@media screen and (max-width:350px) {
	.search .searchinner input {
		width: 70%
	}
	.topheader .left h1.logo {
		font-size: 18px
	}
	.userinfodrop {
		min-width: 280px
	}
	.headermenu li a {
		min-width: 65px
	}
	.overviewhead input.hasDatepicker {
		width: 38px!important
	}
	.overviewselect {
		padding-right: 8px
	}
	.overviewselect div.selector {
		width: 100%
	}
	.blogmenu li a {
		font-size: 11px!important;
		padding: 10px 5px
	}
	.tagsinput {
		width: auto
	}
	.viewfilebtn {
		margin: 10px 5px 0 0!important
	}
	.filemgr_menu li a.newfilebutton {
		font-size: 11px;
		padding: 4px 5px
	}
	.filemgr_menu form input.filekeyword {
		width: 130px
	}
	.filemgr_category ul li a {
		padding: 2px 3px;
		font-size: 10px
	}
	.fc-button-today {
		display: none
	}
	blockquote.alignleft,
	blockquote.alignright {
		width: auto
	}
	blockquote.bq2 {
		width: 170px
	}
	.photopreview a img {
		width: 300px
	}
}

.cal_present1 {
	background-color: #54d554;
	color: #fff
}

.cal_absent1 {
	background-color: #f17171;
	color: #fff
}

.cal_awe1,
.cal_l1 {
	background-color: #416f41;
	color: #fff
}

.cal_lwe1 {
	background-color: #fdb248;
	color: #fff
}

.scrollbar {
	background-color: #d3d3d3;
	overflow-y: scroll;
	float: left
}

.scrollbar::-webkit-scrollbar {
	width: 10px;
	background-color: #ccc
}

.scrollbar::-webkit-scrollbar-thumb {
	background-color: #fb9337;
	border-radius: 15px
}

.scrollbar::-webkit-scrollbar-thumb:hover {
	background-color: #32415a;
	border: 1px solid #333
}

.scrollbar::-webkit-scrollbar-thumb:active {
	background-color: #a6393d;
	border: 1px solid #333
}

.scrollbar::-webkit-scrollbar-track {
	border: 1px solid gray;
	border-radius: 15px;
	-webkit-box-shadow: 0 0 6px gray inset
}

#mid-tabs .border-right {
	border-right: 1px solid #9cb13a
}

.tablerowtitle {
	background-color: #cdcdcd;
	line-height: 30px;
	color: #000;
	font-size: 15px;
	text-align: center
}

#mid-tabs ul {
	list-style: none
}

#mid-tabs .tblrow65 {
	float: left;
	width: 65px;
	font-size: 14px
}

#mid-tabs .row120 {
	float: left;
	width: 120px;
	font-size: 14px
}

#mid-tabs .row130 {
	float: left;
	width: 130px;
	font-size: 14px
}

#mid-tabs .row112 {
	float: left;
	width: 112px;
	font-size: 14px
}

#mid-tabs .row110 {
	float: left;
	width: 110px;
	font-size: 14px
}

#mid-tabs .row100 {
	float: left;
	width: 100px;
	font-size: 14px
}

#mid-tabs .row125 {
	float: left;
	width: 125px;
	font-size: 14px
}

#mid-tabs .row155 {
	float: left;
	width: 155px;
	font-size: 14px
}

#mid-tabs .row240 {
	float: left;
	width: 242px;
	font-size: 14px
}

#mid-tabs .row230 {
	float: left;
	width: 230px;
	font-size: 14px
}

#mid-tabs .row180 {
	float: left;
	width: 180px;
	font-size: 14px
}

#mid-tabs #period .row180 {
	float: left;
	width: 13%;
	font-size: 14px
}

#mid-tabs .row170 {
	float: left;
	width: 170px;
	font-size: 14px
}

#mid-tabs .row190 {
	float: left;
	width: 190px;
	font-size: 14px
}

#mid-tabs .row90 {
	float: left;
	width: 90px;
	font-size: 14px
}

#mid-tabs .row82 {
	float: left;
	width: 82px;
	font-size: 14px
}

#mid-tabs .row85 {
	float: left;
	width: 85px;
	font-size: 14px
}

#mid-tabs .row55 {
	float: left;
	width: 55px;
	font-size: 14px
}

#mid-tabs .row40 {
	float: left;
	width: 43px;
	font-size: 14px
}

#mid-tabs .row95 {
	float: left;
	width: 95px;
	font-size: 14px
}

#mid-tabs .row80 {
	float: left;
	width: 80px;
	font-size: 14px;
	text-align: center
}

#mid-tabs .row70 {
	float: left;
	width: 70px;
	font-size: 14px;
	text-align: center
}

#mid-tabs .row75 {
	float: left;
	width: 75px;
	font-size: 14px;
	text-align: center
}

#mid-tabs .row65 {
	float: left;
	width: 63px;
	font-size: 14px;
	text-align: center
}

#mid-tabs .row45dash {
	float: left;
	width: 40px;
	text-align: center
}

#mid-tabs .row50dash {
	float: left;
	width: 50px;
	text-align: center
}

#mid-tabs .row60dash60 {
	float: left;
	width: 60px;
	text-align: center
}

#mid-tabs .row60dash {
	float: left;
	width: 64px;
	text-align: center
}

#mid-tabs .row65dash {
	float: left;
	width: 68px;
	text-align: center;
	vertical-align: middle
}

#mid-tabs .row80dash {
	float: left;
	width: 80px;
	text-align: center
}

#mid-tabs .row90dash {
	float: left;
	width: 90px;
	text-align: center
}

#mid-tabs .row100dash {
	float: left;
	width: 100px;
	text-align: center
}

#mid-tabs .row110dash {
	float: left;
	width: 110px;
	text-align: center
}

#mid-tabs .row63dash {
	float: left;
	width: 63px;
	text-align: center
}

#mid-tabs .row70dash {
	float: left;
	width: 70px;
	text-align: center
}

#mid-tabs .row75dash {
	float: left;
	width: 75px;
	text-align: center
}

#mid-tabs .row60 {
	float: left;
	width: 63px;
	font-size: 14px
}

#mid-tabs .row50 {
	float: left;
	width: 50px;
	font-size: 14px
}

#mid-tabs .row30 {
	float: left;
	width: 30px;
	font-size: 14px
}

#mid-tabs .tablesecond {
	background-color: #ffd59b;
	line-height: 75px;
	height: 75px;
	color: #ff9b2c;
	font-size: 14px;
	font-weight: 700;
	text-align: center
}

#mid-tabs .tabledetailstxt {
	background-color: #fff;
	color: #9cb13a;
	font-size: 14px;
	text-align: center
}

.quick_linkes {
	display: grid
}

.quick_linkes ul li {
	float: left;
	list-style: none;
	width: 23.333%;
	padding: 15px 0
}

.quick_linkes ul li a {
	color: #666;
	font-size: 11px;
	font-weight: 600
}

.quick_link_div_w
{
	border-radius: 10px 0 10px 1px;
	width: 60%;
	padding: 10px 5px;
	background-color: #fb9337;
	text-align: center;
	/*color: #000;*/
}

.quick_link_div_w:hover {
	box-shadow: 0 0 15px #101010
}

@media screen and (max-width:1319px) {
	#mid-tabs #period .row180 {
		float: left;
		width: 11%!important;
		font-size: 14px
	}
	.quick_linkes ul li a {
		font-size: 11px
	}
}

@media(min-width:1320px) {
	#mid-tabs #period .row180 {
		float: left;
		width: 12%;
		font-size: 14px
	}
}

@media(min-width:1420px) {
	#mid-tabs #period .row180 {
		float: left;
		width: 13%;
		font-size: 14px
	}
}

.stdtableabsu1 {
	top: 240px;
	position: absolute;
	width: 100%
}

.invoicetable {
	padding-right: 41px
}

.amountdue {
	padding-right: 40px
}

.stdtableabsu1 .one_half {
	position: relative;
	margin-right: 1%;
	float: left
}

.table123 {
	width: 97%
}

.center-title {
	text-align: center!important
}

.attendance-top table {
	width: 100%
}

.attendance-top table tr td {
	width: 50%;
	text-align: center
}

.attendance-top table tr td p {
	text-align: center;
	display: inline-block;
	font-weight: 600;
	float: left
}

.attendance-report table {
	background-color: #dcc7c7
}

.attendance-top table tr td label {
	float: left
}

.set-rigth-p {
	align-items: right;
	float: right;
	margin-top: -25px
}

.calander-desing {
	padding: 8px 5px;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fcfcfc;
	-moz-box-shadow: inset 0 1px 3px #ddd;
	-webkit-box-shadow: inset 0 1px 3px #ddd;
	box-shadow: inset 0 1px 3px #ddd;
	color: #666
}

.border-full-web {
	border: 1px solid #000;
	height: 1060px;
	display: block;
	position: relative
}

.demo-quick .quick_link_div_w p {
	margin: 0;
	color: #000;
	font-size: 16px
}

.demo-quick ul li {
	width: 13.333%;
	padding: 15px 0
}

.demo-quick .quick_link_div_w {
	border-radius: 10px;
	width: 70%;
	height: 130px;
	box-shadow: 4px 10px 11px #c1b4b4
}

.demo-quick .quick_link_div_w:hover {
	box-shadow: 0 0 50px #c1b4b4
}

.import-demo {
	text-align: right
}

.orange-background {
	background-color: #fba75e!important
}

@media only screen and (max-width:1180px) {
	div#table {
		overflow: auto
	}
	.headermenu li a {
		display: block;
		font-family: var(--body_font_family);
		color: #fff;
		padding: 17px 10px;
		min-width: 39px;
		text-align: center
	}
}

@media only screen and (max-width:1024px) {
	.headerwidget {
		right: 20px!important
	}
	.headermenu li a {
		padding: 17px 10px;
		min-width: 43px
	}
	.headerwidget .earnings {
		min-width: 100px;
		max-height: 80px
	}
}

@media only screen and (max-width :992px) {

	.quick_linkes ul li {
		width: 47%;
		padding: 15px 0
	}
	.quick_link_div_w {
		width: 90%
	}
	.hornav {
		list-style: none;
		margin-top: 0;
		border-bottom: 1px solid #ccc;
		padding: 0 10px;
		height: auto;
	}
}

@media only screen and (max-width :768px) {
	.dataTables_length {
		width: 100%!important;
		border: 1px solid #dddddd03!important
	}
	.headerwidget img {
		max-height: 20px!important;
		max-width: 20px!important;
		display: inline-block
	}
	.dataTables_filter {
		position: relative!important;
		top: 0!important;
		right: 0!important;
		width: 100%!important;
		border-left: 1px solid #dddddd03!important;
		padding-left: 10px!important;
		border-right: 1px solid #dddddd03!important;
		padding-right: 6px!important
	}
	#clock,
	.one_half,
	.quick_link_div_w {
		width: 100%
	}
	.contentwrapper,
	.dataTables_wrapper {
		overflow-x: scroll
	}
	.quick_linkes ul li {
		width: 100%;
		padding: 15px 0
	}
	.headermenu li a {
		min-width: 18px!important;
		font-size: 8px
	}
	#clock {
		padding: 10px 5px;/*03-08-21 sujeet*/
		position: relative
	}
	.btn_orange {
		margin-left: 0
	}
	button,
	input,
	select,
	textarea {
		margin-bottom: 10px;
		margin-top: 0!important
	}
	.class_span {
		top: 10px;
		margin-left: 10px
	}
	#clock .display {
		text-align: center;
		padding: 40px 0 47px;
		border-radius: 6px;
		position: relative;
		height: 56px
	}
	#clock:after {
		content: '';
		position: absolute;
		width: auto;
		height: 20px;
		border-radius: 100%;
		left: 50%;
		margin-left: -200px;
		bottom: 2px;
		z-index: -1
	}
	#clock .weekdays span {
		opacity: .2;
		padding: 0 5px
	}
	.stdtable tr th h1 {
		font-size: 32px;
		line-height: 33px
	}
	.stdtable tbody tr td {
		padding: 2px!important;
		text-align: center!important
	}
	.one_third,
	.ui-tabs-nav li {
		width: 100%
	}
	.centercontent .pagedesc {
		margin: 0 20px
	}
	.withmenucoll2 .centercontent .pagedesc {
		/*margin: 0*/
	}
	.tableoptions {
		text-align: center
	}
	.bitrhday-note,
	.userinfo span {
		display: none
	}
	.dataTables_filter {
		position: absolute;
		top: 7px;
		right: -16px;
		width: 50%
	}
	.dataTables_length {
		background: #fcfcfc;
		border: 1px solid #ddd;
		border-bottom: 0;
		padding: 8px;
		width: 43%
	}
	.dataTables_filter lable {
		width: 100%;
		float: left;
		display: block
	}

	.pictureFrameWidget table {
		margin-left: 0!important
	}
	.pagedesc {
		float: left!important;
		margin-left: 15px!important
	}

	.pageheader .pagedesc{ float: right !important; }
	.pageheader .pagedesc .button123{ /*margin: 0; 13-08-21*/}

	.pagedesc:nth-child(3) {
		float: none!important;
		margin-right: 15px!important
	}

	.tableoptions .pagedesc {
	    float: left!important;
	    margin-left: 0 !important;
	    margin-bottom: 10px !important;
	}
	.tableoptions .pagedesc:nth-child(3) {
	    float: left!important;
	    margin-right: 10px!important;
	}

	.contenttitle2 h4 {
		font-size: 16px
	}
	.pageheader .pagetitle {
		font-size: 18px
	}
	.stdtable tbody tr td div {
		width: 100%!important;
		text-align: center
	}
	.stdform fieldset label.two {
		float: left;
		width: auto;
		text-align: right;
		padding: 5px 20px 0 0;

	}
	.stdform span.field.two {
		margin-left: 0
	}
	.two_third p lable {
		width: auto!important
	}
	.stdform div.field {
		margin-left: 150px!important
	}
	#schls_name {
		width: 190px!important
	}
	#hardwrste input.smallinput,
	form textarea.smallinput {
		width: 100%;
		margin-left: 0
	}
	#cboxContent,
	#colorbox,
	#timezone,
	.photoEdit {
		width: 100%;/*13-08-21 sujeet*/
	}
	.button123 {
		float: right;
		margin-left: 20px;
		margin-right: 20px
	}
	.notab {
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px
	}
	#cboxWrapper {
		width: 99%!important
	}
	/* #wiz1step1 div,
	#wizard div {
		padding-left: 0!important
	} */
	.noticontent {
		right: 4px!important;
		width: 210px!important
	}
	.set-block-display {
		display: block
	}
	#add_fee .one_fourth {
		width: 21.5%!important
	}
	#add_fee .last {
		margin-right: -5%!important;
		clear: right
	}
	.topheader .left h1.logo a {
		color: #fb9337;
		font-size: 16px
	}
}

@media only screen and (max-width:853px) {
	.hornav li {
		display: inline-block;
		float: left;
		margin-right: 0
	}
	.hornav li a {
		padding: 10px 10px;
		font-size: 12px
	}
	.centercontent .hornav {
		padding: 0 0 0 5px
	}
	.headerwidget {
		position: absolute;
		top: 0;
		right: 0;
		width: 20%!important
	}
	button.lan
	{
		padding: 10px 10px !important;
		font-size: 12px !important;
	}
}

@media only screen and (max-width:768px) {
	.topheader .userinfo2{ display: none; }
}



@media only screen and (max-width:603px) {
	.actionicon img {
		padding: 4px 4px;
		width: 10px
	}
}

@media only screen and (max-width:598px) {
	.button123 {
		float: left!important;
		margin-left: 15px
	}
	.class_span {
		top: 0;
		margin-left: 15px;
		padding: 5px 6px
	}
}

@media only screen and (max-width:590px) {
	.topheader .left h1.logo a {
		color: #fb9337;
		font-size: 16px
	}
	.search,
	.topheader .left .slogan {
		margin: 2px 5px;
		float: left
	}
	.topheader .left .slogan {
		padding: 8px 4px;
		font-size: 10px
	}
}

@media only screen and (max-width:533px) {
	.class_span {
		top: 0;
		margin-left: 5px;
		padding: 5px 6px
	}
}

@media only screen and (max-width:480px) {
	.pageheader .hornav{ overflow-x: auto; height: auto; flex-wrap: nowrap !important; }
	.hornav li a {
		padding: 10px 7px;
		font-size: 12px; white-space: nowrap;
	}
	.headerwidget img {
		max-height: 20px!important;
		max-width: 20px!important;
		display: inline-block;
	}
	.loginboxinner {
		width: 88.5%;
	}
	.loginbox {
		width: 100%;
	}



}

@media only screen and (max-width:450px) {
	.hornav li a {
		/*padding: 10px 4px;
		font-size: 9px;
		line-height: 1.3
		03-08-21 sujeet*/
	}
	.headermenu {
		display: flex;
		overflow: auto
	}
	.headermenu li {
		display: flex;
	}
	.headermenu li a {
		padding: 17px 8px;
		min-width: 43px;
		line-height: 1.3;
	}
	.topheader .left h1.logo a {
		color: #fb9337;
		font-size: 14px;
	}

	.pageheader .pagedesc{ float: none !important; display: inline-block; }

}

@media only screen and (max-width:414px) {
	.topheader .left h1.logo a {
		color: #fb9337;
		font-size: 14px
	}
	.button123 {
		padding: 3px 5px;
		font-size: 12px
	}
	.button123:before {
	/* 	background: #ccc;
		background: rgba(0, 0, 0, .1); */
		float: left;
		width: 1em;
		text-align: center;
		font-size: 1.5em;
		margin: 0 4px 0 -4px;
		padding: 0 0;
		box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .5);
		border-radius: .15em 0 0 .15em;
		pointer-events: none
	}
	.loginbox {
		width: 100%;
	}
	.loginboxinner {
		width: 87%;
	}


}

@media screen and (max-width:400px) {
	.loginboxinner {
		width: 82%
	}
}

@media only screen and (max-width:384px) {
	.topheader .left h1.logo a {
		color: #fb9337;
		font-size: 12px
	}
	span.slogan {
		display: none!important
	}
	.loginboxinner {
		width: 80.5%
	}
}

@media only screen and (max-width:360px) {
	.button123 {
		float: left!important;
		margin-left: 6px
	}
	.loginboxinner {
		width: 79.5%
	}
}

@media only screen and (max-width:340px) {
	.pageheader .pagetitle {
		font-size: 16px
	}
	.centercontent .pagetitle {
		margin: 0 14px 6px
	}

	.tableoptions .pagedesc {
	    margin-right: 8px!important;
	}
	.tableoptions .pagedesc:nth-child(3) {
	    margin-right: 8px!important;
	}

	.tableoptions form .pagedesc{margin-right: 0 !important;}

	.tableoptions .pagedesc .class_span{ padding: 5px; }

}

@media only screen and (max-width:320px) {
	.loginboxinner {
		width: 77.5%;
		top: 5%
	}
	.topheader .left h1.logo a {
		color: #fb9337;
		font-size: 10px
	}
	.loginbox .keep {
		display: block;
		margin-top: 0
	}
	.hornav li a {
		/*padding: 10px 4px;
		font-size: 8px*/
	}
	.button123 {
		font-size: 10px
	}
	.headerwidget .earnings h4 {
		font-size: 9px
	}
}

@media only screen and (max-width:320px) {
	.loginboxinner {
		width: 76.5%;
		top: 5%
	}
}

@media only screen and (max-width:280px) {
	.headermenu li a {
		min-width: 14px!important;
		font-size: 7px
	}
	.hornav li a {
		padding: 10px 2px;
		font-size: 7px!important
	}
	.loginboxinner {
		width: 74.5%;
		top: 5%
	}
}

.modal.is-visible {
	background-color: rgba(0, 0, 0, .7)!important
}

.modal-dialog {
	width: 100%;
	border: 0!important
}

.modal-header {
	background: linear-gradient(to bottom,var(--modal_header_bg_one) 0%,var(--modal_header_bg_two) 100%) !important;
	color: var(--modal_header_color) !important;
}

.modal-header .close-modal {
	color:  var(--modal_header_color) !important;
}
.modal-header .btn-close{
	color:  var(--modal_header_color) !important;
}
.title_box {
	text-align: center;
	border-left: 5px solid var(--sub_header_bg);
	padding: 5px;
	background-color: #eee;
	border-radius: 5px;
	margin-bottom: 10px;
	position: relative
}

.title_box h4 {
	margin-bottom: 5px
}

.checkbox_btn,
.radio_btn {
	position: relative;
	display: inline-block;
	margin: 10px 0;
	min-width: 33%
}

.checkbox_btn label,
.radio_btn label {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer;
	margin-right: 10px
}

.checkbox_btn input[type=checkbox],
.radio_btn input[type=radio] {
	position: absolute;
	margin-top: 3px;
	margin-left: -20px
}

.btn_center {
	display: flex;
	justify-content: center;
	border-top: 1px solid #ddd;
	padding-top: 15px
}

.btn_center button {
	padding: 3px 10px
}

.devide_txt {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #fb9337;
	padding-left: 20px;
	padding-right: 5px;
	height: 30px;
	line-height: 30px
}

#div_print_type>span.field {
	margin-right: -20px
}

#modal1 .modal-dialog {
	overflow: unset;
	margin: 30px 0 50px
}

html .pagination>li.active a,
html.dark .pagination>li.active a {
	 background: linear-gradient(to bottom,var(--table_pagination_bg_one) 0%,var(--table_pagination_bg_two) 100%);
   color:var(--color);
}

html .pagination>li.active a:hover,
html.dark .pagination>li.active a:hover {
	background: var(--sub_header_bg);
   color:var(--color2);
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}

div>.pagination_div {
	background: #fcfcfc;
	border: 1px solid #ddd;
	padding: 10px 2px 40px 0
}

ul.headermenu * {
	box-sizing: border-box
}

.headermenu {
    display: flex;
    flex-wrap: wrap;
    min-height: 75px;
    background: var(--sub_header_bg);
}

.headermenu li a {
    line-height: 7px;
    height: 100%;
    padding: 15px 10px 12px;
}

/* .vernav2 {
    top: 177px;
} */

input[readOnly] {
	background-color: #f0f0f0!important
}

textarea[readOnly] {
	background-color: #f0f0f0!important
}

.topheader {
	height: auto!important;
	min-height: 40px;
	background-image: radial-gradient(currentColor 1px, transparent 1px) !important;
    background-size: calc(10 * 1px) calc(10 * 1px) !important;
    color: #0000002e !important;
}

.topheader .left {
	display: flex;
	align-items: center
}

.topheader .left h1.logo {
	margin: 0
}

.option_data_setup label {
	float: none;
	width: auto
}

.stdform .option_data_setup div.field,
.stdform .option_data_setup span.field {
	margin-left: 0;
	display: flex;
	flex-wrap: wrap
}

.option_data_setup .checkbox_btn {
	width: 33%
}

.option_data_setup .checkbox_btn label {
	position: relative;
	display: inline-block;
	text-align: left
}

.option_data_setup div.checker {
	margin-right: 5px;
	position: absolute!important;
	left: 0;
	top: 6px
}

.tableoptions.pg_report {
	display: flex;
	flex-wrap: wrap;
	margin: 30px auto;
	width: 90%;
	max-width: 1000px;
	border: 1px solid #ddd
}

.tableoptions.pg_report .frmSearch {
	flex: 1;
	padding-right: 20px;
	position: relative
}

.tableoptions.pg_report .frmSearch input.smallinput {
	width: 100%
}

.tableoptions.pg_report .frmSearch #list {
	width: calc(100% - 8px);
	z-index: 1
}

.tableoptions.pg_report .selector {
	/*max-width: 100px 03-08-21 sujeet*/
}

.tableoptions {
	border: 1px solid #ddd
}

.tableoptions:after {
	content: "";
	display: table;
	clear: both
}

.tableoptions button,
.tableoptions select {
	min-height: 32px;
	margin: 0 5px 5px 0;
	min-width: unset
}

.tableoptions form input[type=submit] {
	padding: 3px 10px;
	font: 700 1em/2em Arial, Helvetica
}

form .tableoptions button[type=submit] {
	width: auto;
	/*margin: 0; 03-08-21*/
	font-weight: 700;
	color:var(--submit_btn_color);
	 background:linear-gradient(to bottom,var(--submit_btn_bg_one) 0%,var(--submit_btn_bg_two) 100%);
	border: 1px solid var(--submit_btn_border);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-transform: capitalize;
	padding: 3px 10px;
	font: 700 1em/2em Arial, Helvetica;
 /*    background: linear-gradient(to bottom,var(--btncolor1) 0%,var(--btncolor2) 100%); */
}

/* form .tableoptions button[type=submit]:hover {

	background: #485b79;
	border: 1px solid #3f526f;
	color: #fff;
}
 */
.contentwrapper table.invoice-items p {
	margin: 0
}

.invoice-items thead td,
.invoice-items thead th {
	padding: 7px 10px;
	border: 1px solid #e1e1e1;
	border-left: 0;
	text-align: left;
	text-transform: capitalize
}

.invoice-items thead th:first-child {
	border-left: 1px solid #e1e1e1
}

.centercontent .tableoptions .pagedesc {
	margin-right: 0
}

.info_check {
	display: flex;
	flex-wrap: wrap
}

.stdtable tbody tr td {
	padding: 5px 10px
}

form input[type=number],
form input[type=password],
form input[type=email],
form input[type=text] {
	padding: 5px;
	line-height: 20px
}

form input.hasDatepicker {
	margin: 0 3px
}

.tabs ul#tab-links {
	background-color: #f1f7ff;
	border: 1px solid #97a4bb;
	border-right: 0;
	border-top: 0
}

.dataTables_wrapper .dataTables_length {
	box-sizing: border-box;
	min-height: 68px;
	display: flex
}

.dataTables_wrapper .dataTables_length>label {
	display: flex;
	align-items: center
}

.dataTables_wrapper .dataTables_length>label select {
	width: auto;
	min-width: unset
}

.dataTables_wrapper input[type=text],
.dataTables_wrapper select,
textarea {
	padding: 5px;
	line-height: 20px
}

.dataTables_wrapper .dataTables_filter {
	right: 15px;
	top: 20px;
}

.dataTables_wrapper .dataTables_filter>label {
	padding: 0
}

.dataTables_wrapper .stdtable {
	margin-top: 0
}

.date_month_switch {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-right: 8px
}

.date_month_switch .btn {
	background-color: #ddd;
	border-radius: 5px 0 0 5px;
	padding: 9px 12px;
	cursor: pointer;
	border: none;
	cursor: pointer;
	position: relative
}

.date_month_switch .btn:last-child {
	border-radius: 0 5px 5px 0
}

.date_month_switch .btn.active {
	background: linear-gradient(to bottom,var(--default_btn_bg_one) 0%,var(--default_btn_bg_two) 100%);
	color: var(--default_btn_color);
}

form input[type=number] {
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #fcfcfc;
	box-shadow: inset 0 1px 3px #ddd;
	color: #666
}

.white_box
{
	background-color: #fff;
	/*box-shadow: 0 3px 15px #d5d8ea;*/
	box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 42%);
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 5px;
	display: inline-block;
	width: 100%
}

.p_10 {
	padding: 10px;
	box-sizing: border-box
}

.white_box .stdtable tr th {
	background:linear-gradient(to bottom,var(--table_header_bg) 0%,var(--table_header_bg) 100%) !important;
	color: #fff!important
}

.light_bg {
	background-color: #f0f0f0
}

.tableoptions.d_flex {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start
}

.stu_fees_box div#basicform,
.stu_fees_box fieldset {
	overflow: unset;
	width: auto
}

.stu_fees_box table {
	table-layout: fixed
}

table.white_box {
	width: auto;
	border-spacing: 0;
	white-space: nowrap
}

table.white_box * {
	box-sizing: border-box
}

table.white_box .contenttitle {
	border-radius: 0;
	width: 30px!important;
	border-bottom: 1px solid #051a3e
}

table.white_box .contenttitle div.checker {
	margin: 0
}

table.white_box .external-event {
	border-radius: 0;
	border-bottom: 1px solid #c77022
}

table.white_box .chatsearch {
	background-color: #fff;
	border: 0;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd
}

div#basicform.subcontent {
	width: 100%
}

.table_responsive {
	width: 100%;
	overflow-x: auto;
	margin: 15px 0
}

input[type=range] {
	-webkit-appearance: none;
	margin: 20px 0;
	width: 100%
}

input[type=range]:focus {
	outline: 0
}

input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 4px;
	cursor: pointer;
	animate: .2s;
	background: #03a9f4;
	border-radius: 25px
}

input[type=range]::-webkit-slider-thumb {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 4px 0 #000;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -8px
}

input[type=range]:focus::-webkit-slider-runnable-track {
	background: #03a9f4
}

.range-wrap {
	position: relative
}

.range-value {
	position: absolute;
	top: -50%
}

.range-value span {
	width: 30px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: #03a9f4;
	color: #fff;
	font-size: 12px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	border-radius: 6px
}

.range-value span:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid #03a9f4;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	margin-top: -1px
}

.toggle_btn {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 999
}

.toggle_btn button {
	background-color: #fb9337;
	box-shadow: 0 5px 15px #999;
	border: 3px solid #fff;
	outline: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 1001
}

.toggle_btn button i {
	font-size: 30px;
	color: #fff
}

.toggle_btn .dropdown-menu {
	position: absolute;
	bottom: calc(-100% - 50px)!important;
	right: 5px;
	z-index: -1;
	display: block!important;
	float: left;
	min-width: 10rem;
	visibility: hidden!important;
	padding: 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	top: auto;
	background-clip: padding-box;
	border: 1px solid #ddd;
	border-radius: .25rem;
	left: auto;
	box-shadow: 0 5px 15px #999;
	transition: all 1s ease-in-out!important
}

.toggle_btn.open .dropdown-menu {
	display: block!important;
	margin-bottom: 20px;
	bottom: 100%!important;
	visibility: visible!important;
	transition: all .5s ease-in-out!important
}

.toggle_btn.open button {
	border-color: #fb9337;
	background-color: #fff
}

.toggle_btn.open button i {
	color: #333
}

.toggle_btn .dropdown-item {
	display: block;
	padding: 8px 10px!important;
	clear: both;
	font-weight: 400;
	color: #212529!important;
	text-align: inherit;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	width: auto
}

.toggle_btn .dropdown-item:not(:last-child) {
	border-bottom: 1px solid #ddd!important
}

.toggle_btn .dropdown-menu:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	position: absolute;
	right: 8px
}

.one.head_h {
	height: auto
}

#wrapper .container {
	position: relative;
	border: none!important;
	overflow: hidden;
	font-size: 11px;
	font-weight: 700;
	color: #333
}

#wrapper .container tr td,
#wrapper .container tr th {
	color: #333;
	font-size: 12px!important
}

#wrapper .container .one.bg-custom {
	position: absolute;
	width: 100%;
	top: 0
}

#wrapper .container .stdtableabsu1,
#wrapper .container .stdtableabsu2,
#wrapper .container .stdtableabsu3 {
	top: 0;
	position: relative;
	display: inline-block;
	padding-top: 130mm;
	width: 100%
}

#wrapper .container .stdtableabsu3 {
	padding-top: 70mm
}

#wrapper .container .mid_sec {
	padding: 15px 0 10px
}

#wrapper .container .std_prof_con {
	margin: auto auto 5px
}

#wrapper .container .stdtable1 {
	margin-bottom: 15px!important
}

#wrapper .container th b {
	line-height: 15px
}

#wrapper .container .one_half:nth-child(2n) {
	padding-right: 0!important;
	float: left!important;
	padding-left: 10px!important
}

#wrapper .container .one_half {
	width: 48%!important;
	margin: 0!important;
	padding-right: 10px!important;
	float: right!important;
	left: unset
}

#wrapper .container .one_half table {
	width: 100%!important;
	margin: 0!important;
	margin-bottom: 10px!important;
	padding-right: 10px!important
}

#wrapper .container .one_half thead th {
	font-size: 11px
}

#wrapper .container .std_prof_con>.std_prof_wrap {
	border: none
}

#wrapper .container .std_prof_wrap>div {
	display: flex;
	flex-wrap: wrap
}

#wrapper .container .std_prof,
#wrapper .container .std_prof_one {
	margin-bottom: 0;
	width: auto;
	margin: 0
}

#wrapper .container .std_prof {
	flex: 1;
	margin-right: 10px
}

#wrapper .container .std_prof_one {
	flex: 1
}

#wrapper .container .std_photo {
	width: auto;
	margin: 0 10px
}

#wrapper .container .std_photo .std_photo_img {
	margin-bottom: 0
}

#wrapper .container .std_photo .std_photo_img img {
	width: auto;
	max-height: 200px
}

#wrapper .container .stdtable tbody tr td h5 {
	white-space: nowrap
}

#wrapper .container .std_prof_wrap .stdtable {
	margin-bottom: 0
}

#wrapper .container .std_prof .stdtable tbody tr td:first-child {
	width: 5%!important
}

.stdtable td,
.stdtable th {
	line-height: 21px!important
}

.img_box {
	position: relative;
	display: inline-block
}

.img_box a {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fb9337;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}

.img_box i {
	color: #fff;
	font-size: 16px
}

.exam_que_img {
	width: 100px
}

.exam_ans_img {
	width: 60px
}

.tableoptions .select2-container,
.tableoptions .select2-container .select2-choice {
	height: auto!important
}

.white_box_table .act_box {
	display: flex;
	justify-content: flex-end;
	padding: 5px;
	margin: -10px -10px 0;
	background: linear-gradient(to bottom,var(--table_header_bg) 0%,var(--table_header_bg) 100%);
	border-radius: 10px 10px 0 0
}

.white_box_table .act_btn {
	background-color: #fb9337;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	border-radius: 5px;
	padding: 5px 5px 5px 5px
}

.true_btn {
	background-color: #1ab382!important;
	border-color: #1ab382!important
}

.multiple_btn {
	background-color: #f76e67!important;
	border-color: #f76e67!important
}

.single_btn {
	background-color: #58a6f7!important;
	border-color: #58a6f7!important
}

.white_box_table {
	background-color: #fff;
	box-shadow: 0 5px 10px #ccc;
	border-radius: 10px;
	margin: 10px 0
}

.white_box_table table {
	table-layout: fixed
}

.white_box_table pre {
	white-space: normal;
	overflow-x: auto
}

.white_box_table .q_box {
	background-color: #f2f4ff;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 5px 10px #ddd;
	padding: 10px;
	margin: 0 -10px
}

.white_box_table .q_box p,
.white_box_table .q_box p span {
	font-size: 16px!important;
	font-weight: 700;
	font-family: var(--body_font_family) !important;
	/* font-family: RobotoBoldCondensed, Arial, Helvetica, sans-serif!important; */
	margin: 0;

}

.white_box_table table {
	border-spacing: 10px
}

.white_box_table tr td {
	border-radius: 10px;
	border: 1px solid #e1e1e1
}

.white_box_table tr td.act_box,
.white_box_table tr.q_box td {
	border-radius: 0
}

.white_box_table .ans_table {
	position: relative;
	padding-left: 25px;
	display: inline-block;
	width: 100%;
	box-sizing: border-box
}

.white_box_table .ans_table .ans_icon {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 700
}

.white_box_table .ans_table pre p {
	margin: 0
}

.img_row {
	display: flex;
	overflow-x: auto
}

.img_row img {
	margin: 5px;
	border: 1px solid #ddd
}

.exam_box {
	background-color: #fff;
	box-shadow: 0 5px 10px #ccc;
	border-radius: 10px;
	margin: 10px 0;
	overflow: hidden
}

.exam_box .ans_box,
.exam_box .ans_box *,
.exam_box .q_box,
.exam_box .q_box * {
	box-sizing: border-box;
	font-size: 16px
}

.exam_box .q_box {
	background-color: #f2f4ff;
	border-radius: 10px;
	box-shadow: 0 5px 10px #ddd
}

.exam_box .q_box h5 {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 10px;
	margin: 0;
	font-size: 16px;
	align-items: flex-start
}

.exam_box .q_box h5 span {
	margin-right: 10px
}

.exam_box .q_box h5 pre {
	margin: 0;
	background: 0 0!important;
	flex: 1;
	white-space: normal
}

.exam_box .q_box h5 p {
	margin: 0;
	flex: 1;
	font-family: var(--body_font_family);
	color: #666
}

.exam_box .act_btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ccc;
	background-color: #41526e;
	color: #fff;
	padding: 5px
}

.exam_box .act_btn .btn {
	border: 1px solid #f0882c;
	background: #fb9337;
	color: #fff;
	cursor: pointer;
	padding: 5px 10px;
	margin: 0;
	font-weight: 700;
	font-size: 13px;
	border-radius: 10px;
	text-transform: capitalize
}

.exam_box .act_btn .btn.multiple {
	background-color: #f76e67;
	border-color: #f76e67
}

.exam_box .ans_box {
	display: inline-block;
	width: 100%;
	padding: 10px
}

.exam_box .ans_box pre {
	white-space: normal
}

.exam_box .img_thum {
	width: 100px
}

.exam_box .ans_list {
	display: flex;
	flex-wrap: wrap
}

.exam_box .ans_list li {
	position: relative;
	padding: 10px;
	padding-left: 34px;
	display: inline-block;
	min-height: 30px;
	width: 49%;
	border-radius: 10px;
	border: 1px solid #ddd;
	margin: .5%
}

.exam_box .ans_icon {
	position: absolute;
	left: 10px;
	top: 10px;
	font-weight: 700
}

.exam_box .ans_list li.active {
	box-shadow: 0 5px 10px #ccc;
	border: 1px solid green
}

.exam_box .ans_list li.active .ans_icon {
	color: green
}

.exam_box .ans_list li p {
	margin: 8px 0
}

.exam_box .ans_list li.false {
	box-shadow: 0 5px 10px #ccc;
	border: 1px solid #da3e36
}

.exam_box .ans_list li.false .ans_icon {
	color: #da3e36
}

.exam_box .q_box h5+.img_row {
	padding: 10px
}

.exam_box .ans_list li h6+.img_row {
	margin-top: 10px
}

.exam_box .ans_list .img_thum {
	width: 60px
}

.exam_box .act_btn .form-group {
	display: flex
}

.exam_box .act_btn .form-group input {
	max-width: 100%;
	width: auto;
	border-radius: 5px;
	box-shadow: none;
	border: none
}

.exam_box .ans_list .checkbox,
.exam_box .ans_list .radio {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-top: 0;
	padding-left: 5px
}

.exam_box .ans_list .checkbox label,
.exam_box .ans_list .radio label {
	min-height: 20px;
	padding-left: 20px;
	padding-top: 0;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer;
	float: none;
	width: 100%;
	text-align: left
}

.exam_box .ans_list .checkbox input[type=checkbox],
.exam_box .ans_list .checkbox input[type=radio],
.exam_box .ans_list .checkbox-inline input[type=checkbox],
.exam_box .ans_list .checkbox-inline input[type=radio],
.exam_box .ans_list .radio input[type=radio],
.exam_box .ans_list .radio-inline input[type=radio] {
	position: absolute;
	margin-left: -20px;
	margin-top: 4px
}

.exam_box .ans_list .checkbox label pre {
	margin: 0!important;
	padding: 0!important
}

.exam_box .ans_list .checkbox label pre p {
	margin: 0;
	line-height: 20px;
	color: #333
}

.ans_list h6 .radio label,
.exam_box .ans_list h6 .checkbox label {
	font-weight: 700
}

.exam_box .ans_box .mce-panel {
	width: 100%!important
}

.multiselect-container{ max-height: 200px; overflow-y: auto; }
.table-responsive{ overflow-x: auto;  }
.table-responsive::-webkit-scrollbar{ height: 8px; }
.table-responsive::-webkit-scrollbar-thumb{ background-color:  var(--table_scroll_color); }

/* Header Section New icon */

.headermenu a i{display: block;font-size: 28px; height: 40px; opacity: 1 !important;}
.headermenu li.current a i{ opacity: 1; }


@media screen and (max-width:991px) {
	.exam_box .act_btn {
		flex-wrap: wrap
	}
	.exam_box .act_btn .form-group {
		order: 3;
		flex-basis: 100%;
		justify-content: center;
		padding: 5px 8px 1px;
		margin-top: 5px;
		border-top: 1px solid #8c9ab1
	}
	.exam_box .act_btn .form-group input {
		width: auto!important
	}
	.act_btn .form-group label,
	.exam_box .act_btn .form-group input {
		margin-bottom: 0
	}
}

.wrs_editor .wrs_tickContainer {
	display: none
}

@media print {
	#wrapper .container {
		border: none!important;
		outline: 0!important;
		box-shadow: none;
		overflow: visible
	}
	#wrapper .container .stdtableabsu1,
	#wrapper .container .stdtableabsu2 {
		padding-top: 90mm
	}
	#wrapper .container .stdtableabsu3 {
		padding-top: 55mm
	}
	#wrapper .container .stdtable1 {
		margin-bottom: 0!important
	}
	#wrapper .container .std_photo .std_photo_img img {
		width: auto;
		max-height: 70px
	}
	.stdtable td,
	.stdtable th {
		line-height: 16px!important
	}
	.stdtable tbody tr td {
		border: 1px solid #333!important
	}
}

@page :first {
	border: none!important;
	outline: 0!important
}

@media screen and (max-width:991px) {
	.header .headerwidget {
		display: block;
	}
}

@media screen and (min-width:722px) and (max-width:991px) {
	.header {
		min-height: 76px
	}
	.headermenu {
		display: flex;
		min-height: 76px
	}
	.headermenu li.content-mobile {
		display: none
	}
	.headermenu li a {
		padding: 10px 6px;
		font-size: 11px
	}
	.headermenu li a span.icon {
		background-size: 25px!important;
		margin-bottom: 5px
	}
	.vernav2 {
		top: 177px;
	}
}

@media screen and (max-width:721px) {
	.header {
		min-height: 66px
	}
	.headermenu {
		overflow-x: auto;
		display: flex;
		min-height: 66px;
		flex-wrap: nowrap
	}
	.headermenu li a {
		white-space: nowrap;
		font-size: 12px;
		padding: 8px!important;
		line-height: 15px
	}
	.headermenu li a span.icon {
		background-size: 25px!important;
		margin-bottom: 5px
	}
	.vernav2 {
		top: 172px;
	}
}
@media screen and (max-width:648px)
{
	.vernav2
	{
		top: 181px;
	}
}
@media screen and (max-width:550px)
{
	.vernav2
	{
		top: 176px;
	}
}
@media screen and (max-width:400px)
{
	.vernav2
	{
		top: 171px !important;
	}
}
@media screen and (max-width:298px)
{
	.vernav2
	{
		top: 183px !important;
	}
}
@media screen and (max-width:226px)
{
	.vernav2
	{
		top: 183px !important;
	}
}
@media screen and (max-width:575px) {
	.tableoptions.pg_report {
		justify-content: center;
	}
	.tableoptions.pg_report .frmSearch {
		flex-basis: 100%;
		padding: 0;
	}
	.tableoptions.pg_report .frmSearch input[type=text] {
		width: calc(100% - 16px)!important;
		max-width: 270px;
	}

}
@media screen and (max-width:950px)
{
	.userinfo2 span
	{
		font-size: 8px !important;
		padding: 0 0px !important;
	}
}


/* Text Transform Auto in Question Paper 23/06/2021*/

.white_box_table .q_box p,
.white_box_table .q_box p span { text-transform: none; }

.white_box_table .ans_table .ans_icon{ text-transform: none; }





/*the container must be positioned relative:*/

 .autocompletedrop {
  position: relative;
  display: inline;
}


.autocompletedrop .autocomplete-items {
  margin-top: 9px;
  display: none;
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}


.autocompletedrop .autocomplete-items div {
  padding: 3px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;

}

/*when hovering an item:*/
.autocompletedrop .autocomplete-items:hover {
	 background-color: #e9e9e9;
}

/* .autocompletedrop:hover+.autocomplete-items {
	display: inline-block;
} */



.autocompletedrop .autocomplete-items .items:hover{
	background-color: #ffd292 !important;
	border-color: #000 !important;
    color: #6e3c17 !important;
}


/*when navigating through the items using the arrow keys:*/
/* sujeet 23-11-2021 */
.pad_10{
	padding: 10px;
}
a.badge{
    cursor: pointer;
}
.badge{
	padding: 3px 5px !important;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}
.badge-suceess{
	color: #fff;
	background-color: #28a745;
}

.badge-warning{
	color: #212529;
    background-color: #ffc107;
}
.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}
.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

/* body .btns-orange {
    color: #fff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #f0882c !important;
    border-color: #e7aa53;
} */
body .btns-orange {
    color: #fff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background: linear-gradient(to bottom,var(--default_btn_bg_one) 0%,var(--default_btn_bg_two) 100%) !important;
    border-color: var(--default_btn_border);
}

body .btns {
    white-space: normal;
}

.btns {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    /* border-radius: 4px; */
}
/* mobile */
@media(max-width:767px)
{
	div.mce-fullscreen {
		top: 120px !important;
		left: 0;
	}

    .stutblcrd.stumaxwith {
        min-width: auto !important;
    }

    .panel-title
    {
        margin-bottom:12px;
		font-size: 20px !important;
    }
    .mrgntopsrch{
        margin-top: 10px !important;
    }

	.mobblock
{
	display:block !important;
}
	.ipadnoneview
	{
		display:none !important;
	}
	.ipadblockview
	{
		display:none !important;

	}
	.mobbtn
	{
		display:block;
	}
	.wdthfull
	{
		width: 100% !important;
		margin-right: 0px !important;
		margin-top: 10px !important;
	}
}


/* Dwarkesh 09-08-2023 Start */
/* Css Satrt */
.Chat_chaekbox .border_checkbox:checked{
	background-color: #356216 !important;
	border-color: #ffffff !important;
}
.Chat_chaekbox .border_checkbox[type=checkbox]{
	border-radius: 0;
	height: 1.5rem !important;
	width: 1.5rem !important;
   }
   .Chat_chaekbox .border_checkbox:focus,
        .Chat_chaekbox .border_checkbox:checked,
        .Chat_chaekbox .border_checkbox{
         box-shadow: 3px -3px;

        }
		/* .inp_box_effect .text_box_border {
			border-radius: 0 !important;
			border: none !important;

			padding: 0 !important;
		} */
		/* .inp_box_effect .text_box_border:focus{
			border-color: none !important;
			box-shadow: none !important;
			} */
			.heading_fnt {
				font-size: 20px;
				font-weight: bold;
			}
			.w20 {
				width: 20rem;
			}
			.w15 {
				width: 15rem;
				display: flex;
				justify-content: center;
				flex-direction: column;
			}
			.Secd_fnt {
				border-bottom: 1px solid black;
				width: fit-content;
				margin: auto;
				font-size: 17px;
			}
			.ww10{
				width: 10% !important;
			}
			.iner_data li{
				list-style-type: square !important;
				}
				.pading_lef{
					padding-left: 40px;
			  }
			  .rounder_bullet{
				position: relative;
				}
				.rounder_bullet:before{
				position: absolute;
				content: '';
				height: 0.5rem;
				width: 0.5rem;
				border-radius: 50%;
				display: flex;
				justify-content: center;
				flex-direction: column;
				left: -2%;
				top: 35%;
				border: 1px solid #000000;
				}
				.border_lef_none{
					border-left: none !important;
				}
				.main_sig_box{
					height: 4.5rem;
					width: 8.5rem;
				  }
				  .main_sig_box img{
					height: 100%;
				  width: 100%;
				  object-fit: contain;
				  margin-left: 2rem

				  }
				  .img_margin{
					margin-right: 6rem !important;
				  margin: auto;
				  }
				  .box_techer_information{
					border: 1px solid #000000;
				  }
				  .sig_box_date{
					height: 10rem;
				  display: flex;
				  justify-content: end;
				  flex-direction: column;
				  }
				  .w88 {
					width: 8% !important;
				  }
				  .w11 {
					width: 1% !important;
				  }
				  .w00 {
					width: 0% !important;
				  }
				  .w500 {
					width: 50% !important;
				  }
			    .w55 {
					width: 5% !important;
	  				}
				.w30{
    			  width: 30% !important;
    				}
					.w_10{
						width: 10% !important;
					}

    .w70{
		width: 70%;
	  }
	  .border_bottom {
		border-bottom: 2px solid black !important;
	  }
	  .border-top-none {
		border-top: none;
	  }
	  .h10 {
		height: 7rem !important;

	  }
	  .text_areay_box {
		border: 1px solid #000000;
	  }
	  .border-top-none {
		border-top: none;
	  }
	  .h5 {
		height: 4rem !important;

	  }
	  .text_initial table tr td,
	  .text_initial div,
	  .text_initial{
		text-transform: initial !important;
	  }


/* Css End */
/* Dwarkesh 09-08-2023 End */

.uploadProfileInput{
    opacity: 0;
    height: 0px;
}

a label.badge {
    cursor: pointer;
}


/* pagination_div start  */

 @media(max-width:767px){
         div>.pagination_div {
         background: #fcfcfc;
         border: 1px solid #ddd;
         padding: 10px 2px 110px 0;
         }
         .pagination li {
         display: inline-block;
         float: left;
         margin-right: 5px;
         margin-bottom: 5px;
         }
         .pagination {
         display: flex;
         padding-left: 0;
         list-style: none;
         white-space: nowrap;
         flex-wrap: wrap;
         }
	}
       
.required{
	color:red;
}
/* pagination_div end  */
/* START for share button show  */
    .st-total {
        display  : none !important;
    }
    .st-btn{
        display  : inline-block !important;
    }
/* END for share button show  */