@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'ralewayextrabold';
    src: url('fonts/raleway-extrabold-webfont.eot');
    src: url('fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-extrabold-webfont.woff2') format('woff2'),
         url('fonts/raleway-extrabold-webfont.woff') format('woff'),
         url('fonts/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
	}	
@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/raleway-bold-webfont.eot');
    src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('fonts/raleway-bold-webfont.woff') format('woff'),
         url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular-webfont.eot');
    src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('fonts/raleway-regular-webfont.woff') format('woff'),
         url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}	
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
	}
audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
	}
html {
	overflow-y: scroll;
	overflow-x:hidden;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	}
body,
button,
input,
select,
textarea {
	color: #2f2f2f;
	font-family: 'open_sansregular';
	font-size: 14px;
	font-weight:normal;
	line-height: 1.5;
	}

a {color: #0083c1;text-decoration: none;}
a:focus {outline: none;}

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


/*a:active,
a:hover {color: #202b59;}*/

em {
    font-style: italic;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	/*margin: 36px 0 12px;*/
	}
dl {margin-bottom: 24px;}
dt {font-weight: bold;}
dd {margin-bottom: 24px;}
ul,
ol {
	list-style: none;
	margin: 0 0 24px 20px;
	}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,
li > ol {
	margin: 0 0 0 20px;
	}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	max-width:100%;
	}
button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
	}
button,
input {	line-height: normal;}

input,
textarea {	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	}
table,
th,
td { border: 1px solid #bfdce2;}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	min-width: 100%;
	}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
	}
th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
	}
td {border-width: 0 1px 1px 0;	}
del {color: #767676;}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
	}
b, strong{font-family: 'open_sansbold'; font-weight:normal}

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
/************************************/
*{ margin:0; padding:0;}
.clear-fix:after{
	content: "";
	clear: both;
	display: table;
	}
.clear-fix:before{
	content: "";
	clear: both;
	display: table;
	}
.clear{ clear:both;}
h1{
	font-size:32px;
	
	}
h2{
	font-size:24px;
	
	}
h3{
	font-size:22px;
	
	}
h4{
	font-size:20px;
	
	}
h5{
	font-size:18px;
	
	}
h6{
	font-size:16px;
	}
p{
	font-size:14px;
	}
ul{
	margin-left:0;
	}
/*---- ----*/
.admin-wrapper{
	width: 100%;
	position: relative;
	}
/*==========left-panel==========*/
.admin-left-pnl {
    width: 270px;
    background: #fff;
    position: fixed;
    height: 100%;
	}
/*----logo----*/
.logo-area{
	width:100%;
	height:57px;
	background:#fff;
	text-align:center;
	padding:10px 0;
	border-right:1px solid #e7e7e7;
	}
.logo{
	width:197px;
	height:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	position:relative;
	z-index:9;
	margin:0 auto;
	}
.logo img{ max-width:100%; }
/*----End-logo----*/
.left-bg-area{
	width:100%;
	height:calc(100vh - 57px);
	background:linear-gradient(#0b82bc , #3a9e6f );
	position:relative;
	}
.left-bg-area:after{
	position:absolute;
	content:"";
	background:url(../images/left-menu-bg.png) no-repeat;
	bottom:0;
	right:0;
	width:100%;
	height:227px;
	background-position: right bottom;
    z-index: 5;
	}
/*----search----*/
.scarch-area-wrap {
    width: 100%;
    background: rgba(0, 0, 0, .2);
    padding: 19px 15px;
    height: 76px;
    box-sizing: border-box;
	position:relative;
	z-index:9;
	}	
.admin-search{ width:240px; position:relative;height: 38px;}
.admin-src-fild {
    width: 100%;
    height: 38px;
    background: #74aac1;
    border: 0;
    border-radius: 3px;
    color: #fff;
    padding: 0 36px 0 14px;
	}
.admin-src-fild::-webkit-input-placeholder {color: #fff; opacity:1; }
.admin-src-fild:-moz-placeholder { color: #fff; opacity:1 ;}
.admin-src-fild::-moz-placeholder { color: #fff;opacity:1;   }
.admin-src-fild:-ms-input-placeholder {  color: #fff; opacity:1; }
.admin-src-fild:focus{ outline:none}
.admin-src-btn{
	position:absolute;
	top:0;
	width:36px;
	height:100%;
	top:0;
	right:0;
	border:none;
	background:none;
	text-indent:-150px;
	overflow:hidden;
	}
.admin-src-btn:after{
	position:absolute;
	content:"\f002";
	font:normal normal normal 14px/1 FontAwesome;
	color:#fff;
	text-align:center;
	width:100%;
	height:100%;
	line-height:38px;
	text-indent:0px;
	top:0;
	right:0;
	}	
.admin-src-btn:focus{ outline:none}
/*----End-search----*/
/*----menu----*/
.left-menu-area {
    width: 100%;
    height: calc(100vh - 153px);
    overflow: auto;
	/* margin:10px 0; */
	position:relative;
	z-index:9;
	}
.left-menu-area a{ color:#fff}

.menu-left-style{}
.menu-left-style ul{
	margin:0;
	padding:0;
	list-style:none;
	}
.menu-left-style ul li{
	margin:0;
	padding:0;
	border-bottom:1px dashed #91bcd2;
	position:relative;
	}
.menu-left-style ul li:last-child{ border-bottom:0;}
.menu-left-style ul li a{
	font-family: 'open_sanssemibold';
	font-size:14px;
	text-decoration:none;
	color:#fff;
	padding:12px 15px 12px 43px;
	display:block;
	line-height:1;
	position:relative;
	z-index:9;
	}
.leftMenuIcon {
    width: 27px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 15px;
    top: 12px;
	font-size:14px;
	}
.menu-left-style ul li.active span a{ background:rgba(0, 0, 0, .2)}
.menu-left-style ul li.active-menu span a{ background:rgba(0, 0, 0, .2)}

.Sub:after {
    position: absolute;
    content: "\f104 ";
	font:normal normal normal 14px/1 FontAwesome;
    right: 15px;
    top: 11px;
	color:#fff;
	z-index:8;
	}
.Sub.active:after{ content:"\f107"; right: 12px;}

/*---sub-menu---*/	
.menu-left-style ul li ul{ margin-bottom:12px;}
.menu-left-style ul li li{
	border-bottom:0;
	}
.menu-left-style ul li li a{
	font-size:13px;
	color:rgba(255, 255, 255, .7);
	font-family: 'open_sansregular';
	padding:10px 15px 10px 43px
	}
.menu-left-style ul li li a:after{
	position:absolute;
	content:"";
	width:6px;
	height:6px;
	background:#c0dfe8;
	top: 13px;
    left: 20px;
	}
.menu-left-style ul li li a:hover{ color:#fff}

/*----End Menu----*/
		
/*==========right-panle==========*/
.admin-content-area {
    width: calc(100% - 270px);
    margin-left: 270px; 
	/*  width: calc(100% - 10px); */
	min-height:100vh;
	padding-bottom:50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	position:relative;
	padding-top: 57px
	}

/*----header----*/
.admin-content-area header{ 
	position:fixed; 
	width: calc(100% - 270px);
	top:0;
	right:0;
	z-index:10;
	background:#fff;
	}
.header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 11px 15px;
    height: 58px;
	border-bottom:1px solid #b0cbd0;
	box-shadow: 5px 0px 5px rgba(0, 0, 0, .2);
	}
	
/*----login-menu-----*/
.header-login-area { display: flex;}
.header-login-area ul{ margin:0; padding:0; list-style:none}
.header-login-area ul li{
    display: inline-block;
    margin: 0 0 0 9px;
    height: 35px;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    overflow: hidden;
	cursor:pointer;
	}
.header-login-area ul li:first-child{ margin-left:0}
.header-login-area ul li a {
    font-family: 'open_sanssemibold';
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    display: block;
	}
.header-login-area ul li.logout-btn-color {
    background: linear-gradient(166.38deg, #007BD0 -14.33%, #6EBD13 144.52%);
    display: inline-block;
    padding: 1px;
    text-decoration: none;
    line-height: 31px;
	min-width:40px;
	}
.header-login-area ul li.logout-btn-color a span {
    background: #fff;
    display: block;
    border-radius: 4px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition:all .3s ease-in-out;
	}
.header-login-area ul li.logout-btn-color:hover a span{ background:#e0eaed}
.userIcon-menuT {
    display: inline-block;
    margin-right: 10px;
	font-size:13px;
	color:#fff;
	}
.icondrop-ML{
    display: inline-block;
    margin-left: 10px;
	font-size:13px;
	color:#fff;
	}
.header-login-area ul.dropdown-menu{ 
	margin:0; 
	padding:0;
	width: 170px;
    border-radius: 0;
    text-align: left;
	}
.header-login-area ul.dropdown-menu li {
    margin: 0;
    padding: 0;
    background: none;
    display: block;
    text-align: left;
    line-height: 1;
    height: auto;
    padding: 0px 0px;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    font-size: 14px;
    cursor: auto;
	white-space: normal;
	}
.header-login-area ul.dropdown-menu li:first-child{ 
	background:#eee;
	font-family: 'open_sanssemibold';
	color:#000;
	padding: 10px 10px;
	}
.header-login-area ul.dropdown-menu li a {
    background: none !important;
    color: #222 !important;
    display: block;
    padding: 7px 10px !important;
    font-size: 13px;
	font-family: 'open_sansregular';
	white-space: normal;
	}
.header-login-area ul.dropdown-menu li a:hover{ 
	background:#3a9e6f!important;
	color: #fff !important;
	}

.header-login-area ul li.login-btn-color a {
    background: linear-gradient(166.38deg, #007BD0 -14.33%, #6EBD13 144.52%);
    color: #fff;
	padding:0 10px;
	}
/*==========breadcrumb==========*/
.breadcrumb-area{
	width:100%;
	background:#ecf2f4;
	border-bottom:1px solid #d2e6eb;
	padding:8px 15px 2px;
	}
.breadcrumb-area ul{ 
	margin:0; 
	padding:0; 
	list-style:none;
	}
.breadcrumb-area ul li{
	font-family: 'open_sanssemibold';
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin-bottom: 5px;
	position: relative;
	padding-right: 25px;
	float: left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color:#586c68
	}
.breadcrumb-area ul li a{
	color:#3f9885;
	font-size:12px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition:all .3s ease-in-out;
	text-decoration:none
	}
.breadcrumb-area ul li:after{
	position: absolute;
	content:"\f054";
	font-family: 'FontAwesome';
	font-weight: 400;
    font-size: 10px;
    width: 12px;
    right: 5px;
    top: 0px;
    color: #3f9885;
	}
.breadcrumb-area ul li a:hover{ color:#0b82bc }
.breadcrumb-area ul li:last-child:after{ display:none}
.breadcrumb-area ul li:last-child{ padding-right:0}
	
/*==========container==========*/
.container-section{
	width:100%;
	background:#fff;
	padding:20px 15px 50px;
	}
.container-section h1{
	font-family: 'ralewaybold';
	font-size:20px;
	line-height:1.2;
	color:#000;
	font-weight:normal;
	margin-bottom:20px;
	}
.container-section h2{
	font-family: 'ralewaybold';
	font-size:18px;
	line-height:1.2;
	color:#000;
	font-weight:normal;
	margin-bottom:20px;
	}
/*----button----*/
.btn-style, a.btn-style {
    border: 0;
    text-decoration: none;
    background: linear-gradient(166.38deg, #007BD0 -14.33%, #6EBD13 144.52%);
    color: #fff;
    font-family: 'open_sanssemibold';
    font-size: 13px;
	line-height:1;
    padding:11px 15px 10px;
    border-radius: 3px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition:all .3s ease-in-out;
	display:inline-block;
	}
.btn-style:hover, a.btn-style:hover{
	background: linear-gradient(166.38deg, #2f9880 -14.33%, #08ac64 144.52%);
	}	
.btn-style:focus, a.btn-style:focus{ outline:none}
.btn-style.md-size {
    height: 44px;
    font-size: 16px;
    min-width: 114px;
	}
.icno-line-btn, a.icno-line-btn{
	color:#49a072;
	text-decoration:none;
	border:1px solid #a1cdb6;
	border-radius: 3px;
	padding:2px 5px 3px;
	display:inline-block;
	margin:1px 1px;
	font-size:15px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition:all .3s ease-in-out;
	min-width:25px;
	line-height:1.2;
	}
.icno-line-btn:hover, a.icno-line-btn:hover{
	background:#49a072;
	color:#fff;
	}
.icno-line-btn:focus, a.icno-line-btn:focus{ outline:none}


.login-button-style, a.login-button-style{
	border: 0;
    text-decoration: none;
    background: linear-gradient(to right, #28938b , #4faa4a);
    color: #fff;
    font-family: 'open_sanssemibold';
    font-size: 16px;
	line-height:1;
    padding:21px 15px;
    border-radius: 7px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition:all .3s ease-in-out;
	display:inline-block;
	width:292px;
	}
.login-button-style:hover, a.login-button-style:hover{
	background: linear-gradient(166.38deg, #2f9880 -14.33%, #08ac64 144.52%);
	}	
.login-button-style:focus, a.login-button-style:focus{ outline:none}

	
.iconRight-M{ margin-right:10px; display: inline-block;}
.iconLeft-M{ margin-left:10px; display: inline-block;}
.btn-center { text-align: center;}

/*----input-----*/
.default-text-fild{
	height:22px;
	background:#fafafa;
	border:1px solid #bfdce2;
	padding:0 7px;
	color:#222;
	font-size:12px;
	width:100%;
	}
.default-text-fild:focus{ outline:none}

/*----table----*/

table thead tr th{ 
	background:#e0eaed; 
	padding:8px 7px;
	font-family: 'open_sansbold';
	font-size:13px;
	font-weight:normal;
	line-height: 1.2;
	color:#000;
	}
table thead tr td{background:#fff; padding:6px 7px;}
table tbody tr:nth-child(even){ background:#fff}
table tbody tr:nth-child(odd){ background:#fafafa}
table tbody tr td{
	padding:7px 7px;
	font-size:13px;
	color:#222222;
	line-height:1.2;
	}
.tables-info{ font-size:12px; color:#000}
.tables-info strong{font-family: 'open_sansbold'; font-weight:normal}
.horizontalScrl{ margin-bottom:25px;}
.horizontalScrl table{ margin-bottom:0}
table a{ color:#000; text-decoration:none}
a.thumbnail-img{
	background:#fff;
	border:1px solid #ddd;
	padding:4px;
	border-radius:4px;
	display:block;
	width:70px;
	min-width:70px;
	}
a.thumbnail-img:hover{border:1px solid #49a072}

.datepicker-days table, .datepicker-days tr, .datepicker-days td{ border:0}
.datepicker-days table thead tr th{ background:none}
.datepicker-days table tbody tr{ background:none}

/*----pagination----*/
ul.pagination-btn{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	}
ul.pagination-btn li{
	color:#3f9885;
	font-size:12px;
	font-family: 'open_sanssemibold';
	border-top:1px solid #bfdce2;
	border-bottom:1px solid #bfdce2;
	border-left:1px solid #bfdce2;
	height:30px;
	line-height:28px;
	overflow:hidden;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition:all .3s ease-in-out;
	background:#fff;
	}
ul.pagination-btn li:last-child{
	border-right:1px solid #bfdce2;
	border-radius:0px 3px 3px 0px;
	}
ul.pagination-btn li:first-child{
	border-radius:3px 0px 0px 3px;
	}
ul.pagination-btn li a{
	color:#3f9885;
	text-decoration:none;
	padding:0 12px; 
	}
ul.pagination-btn li:hover{ background:#e0eaed; }
ul.pagination-btn li span{padding:0 12px;}
ul.pagination-btn li.active {background: linear-gradient(#348f9d , #49a070 ); border-color:#49a072}
ul.pagination-btn li.active a{ color:#fff;}

/*----form----*/
.flex-wrap{
	display:flex;
	flex-wrap:wrap;
	}
.flex-end{
    display: flex;
    align-items: flex-end;
	}
.form-wrap {
    background: #fafafa;
    border: 1px solid #bfdce2;
    padding: 12px 15px 15px;
    border-top: 4px solid #e0eaed;
	}
.fild-title{
	font-size:13px;
	color:#878f94;
	letter-spacing:1px;
	line-height:1.2;
	margin-bottom:10px;
	text-transform:uppercase;
	}
.input-style-fild{
	width: 100%; 
	height: 44px; 
	-webkit-box-sizing: border-box;  
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	padding: 0px 10px; 
	color: #10202B;
	font-weight: normal;	
	background:#fff; 
	border: 1px solid #bfdce2;
	border-radius: 3px;
	font-size:14px;
	}
.input-style-fild::-webkit-input-placeholder {color: #333; opacity:1; }
.input-style-fild:-moz-placeholder { color: #333; opacity:1 ; }
.input-style-fild::-moz-placeholder { color: #333; opacity:1;  }
.input-style-fild:-ms-input-placeholder {color: #333; opacity:1; }
.input-style-fild:focus{ outline:none}

.input-style-fild.sm-size { height: 34px;}
.input-style-fild.lg-size { height: 60px;}

.input-icon-fild{ position:relative}
.input-icon-fild .input-style-fild{
	padding-left:60px;
	border-radius:5px;
	}
.input-left-icon{
	position:absolute;
	top:16px;
	left:20px;
	}
.input-icon-fild .input-style-fild::-webkit-input-placeholder {color: #878f94; opacity:1; letter-spacing:1px; }
.input-icon-fild .input-style-fild:-moz-placeholder { color: #878f94; opacity:1 ; letter-spacing:1px;}
.input-icon-fild .input-style-fild::-moz-placeholder { color: #878f94; opacity:1;  letter-spacing:1px;}
.input-icon-fild .input-style-fild:-ms-input-placeholder {color: #878f94; opacity:1; letter-spacing:1px;}
	
.datepicker-style .input-style-fild{ padding-right:30px;}	
.datepicker-style{ position:relative}
.datepicker-style:after{
	position:absolute;
	content:"\f073";
	color:#bfdce2;
	font-size:16px;
	font:normal normal normal 16px/1 FontAwesome;
	top: calc(50% - 8px);
    right: 9px;
	z-index:8;
	}

/*----text-area----*/	
.input-style-textarea{
	width: 100%; 
	height: 80px; 
	-webkit-box-sizing: border-box;  
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	padding: 5px 10px 0; 
	color: #10202B;
	font-weight: normal;	
	background:#fff; 
	border: 1px solid #bfdce2;
	border-radius: 3px;
	font-size:14px;
	}
.input-style-textarea::-webkit-input-placeholder {color: #333; opacity:1; }
.input-style-textarea:-moz-placeholder { color: #333; opacity:1 ; }
.input-style-textarea::-moz-placeholder { color: #333; opacity:1;  }
.input-style-textarea:-ms-input-placeholder {color: #333; opacity:1; }
.input-style-textarea:focus{ outline:none}

.input-style-textarea.sm-size{ height:60px;}

/*----select-box----*/
.input-style-select{
	position:relative;
	width: 100%;
	}
.input-style-select select{
	width: 100%; 
	height: 44px; 
	-webkit-box-sizing: border-box;  
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	padding: 0px 10px; 
	color: #10202B;
	font-weight: normal;	
	background:#fff; 
	border: 1px solid #bfdce2;
	border-radius: 3px;
	font-size:14px;
	line-height:42px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0 20px 0 10px;
	position:relative;
	z-index:8;
	}
.input-style-select.sm-size select{height: 34px; line-height:32px }
.input-style-select.xs-size select{height: 22px; line-height:20px; font-size:12px;}
.input-style-select.xs-size{ min-width:120px;}

.input-style-select:after{
	position:absolute;
	content:"\f107";
	color:#87b8c2;
	font-size:16px;
	font:normal normal normal 20px/1 FontAwesome;
	top: calc(50% - 10px);
    right: 15px;
	z-index:9;
	}
.input-style-select select:focus{outline:none;}
.input-style-select option{ color:#333}

/*----checkbox----*/
.input-style-checkbox{
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 14px;
    color: #878f94;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	top:0px;
	display:block;
	letter-spacing: 0.17px;
	text-align:left;
	min-height:20px;
	}
.input-style-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
	margin:0;
	top:0px;
	left:0px;
	}
.checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 20px;
    width: 20px;
    background:#f9f9f9;
    border: 1px solid #6EBD13;;
    border-radius: 3px;
	}
.input-style-checkbox input:checked ~ .checkmark {
    background:url(../../myukmb_v2/images/check-on-icon-nw.svg) center center no-repeat #6fbd12;
	}

/*----redio button----*/	
.input-style-redio{
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 14px;
    color: #878f94;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	top:0px;
	display:block;
	letter-spacing: 0.17px;
	text-align:left;
	min-height:20px;
	margin-right:25px;
	}
.input-style-redio:last-child{ margin-right:0}
.input-style-redio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
	margin:0;
	top:0px;
	left:0px;
	}
.rediomark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 20px;
    width: 20px;
    background:#f9f9f9;
    border: 3px solid #6EBD13;;
    border-radius: 50%;
	}
.input-style-redio input:checked ~ .rediomark {
    background:url(../images/check-on-icon-nw.svg) center center no-repeat #6fbd12;
	}	

/*==========footer==========*/
.footer-wrap{
	border-top:1px solid #d2d2d2;
	margin:0 15px;
	width:calc(100% - 30px);
	position:absolute;
	bottom:0;
	left:0;
	}
.copyrightDiv{
	padding:15px 0;
	font-size:12px;
	color:#666;
	}


/*==========Login Page==========*/
.login-area{
	width:100%;
	background: linear-gradient(#0b82bc , #3a9e6f );
	min-height:100vh;
	display: flex;
    align-items: center;
    justify-content: center;
	position:relative;
	}
.login-area:after {
    position: absolute;
    content: "";
    background: url(../images/login-bg.png) no-repeat;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: right bottom;
    z-index: 5;
	}
.login-contener {
    width: 580px;
    text-align: center;
	padding:30px 0;
	position:relative;
	z-index:9;
	}
.login-logo {
    width: 100%;
    margin-bottom: 47px;
	}
.login-form-box {
    width: 100%;
    background: #fafafa;
    padding: 35px 45px 40px;
    border-radius: 30px;
	box-shadow: 0px 25px 50px rgba(16, 32, 42, 0.1);
	}
.login-form-box h1 {
    font-family: 'ralewaybold';
    font-size: 26px;
    line-height: 1.2;
    color: #000;
    font-weight: normal;
    margin-bottom: 27px;
	}
.login-foot{
	font-size:15px;
	color:#fff;
	padding:45px 0 0;
	text-align:center;
	}


/*==========Dashboard Page==========*/
.dashboardArea-wrap{
	width:100%;
	}
.dashboardArea-wrap h2{
	font-size:16px;
	color:#3c968a;
	font-family: 'ralewayextrabold';
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:normal;
	margin-bottom:15px;
	}
.dashboardListBox {
    border: 1px solid #bfdce2;
    background: #f4f4f4;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
	height:100%;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition:all .3s ease-in-out;
	}
.dashboardListBox:hover{
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
	}
.listBoxTopSec {
    border: 1px solid #bfdce2;
    background: #fff;
    border-radius: 3px;
    padding:12px 10px;
    position: relative;
	min-height:90px;
	z-index:7;
	}
.listBoxTopSec h3{
	font-family: 'ralewaybold';
	font-size:15px;
	font-weight:normal;
	color:#000;
	margin-bottom:12px;
	line-height:1;
	max-width:175px;
	position:relative;
	z-index:8;
	}
.listBoxTopSec p{
	color:#7d7d7d;
	font-size:12px;
	line-height:normal;
	max-width:145px;
	position:relative;
	z-index:8;
	}
.itemCountArea {
    background: #55616b;
    font-family: 'ralewayregular';
    font-size: 14px;
    color: #b9c3cc;
    margin-top: 9px;
    border-radius: 3px;
    padding-left: 8px;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	overflow: hidden;
	}
.itemCountArea span{
	font-family: 'open_sansbold';
	font-weight:normal;
	color:#fff;
	font-size:28px;
	padding-right:8px;
	background:#64707a;
	min-width:90px;
	position:relative;
	text-align:right;
	line-height:35px;
	height:35px;
	}
.itemCountArea span:after{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-bottom: 35px solid #64707a;
	border-left: 30px solid transparent;
	top:0;
	left:-30px
	}
.listViewMoreBtn a{
	background: linear-gradient(166.38deg, #007BD0 -14.33%, #6EBD13 144.52%);
	font-family: 'ralewaybold';
	font-size:12px;
	font-weight:normal;
	color:#fff;
	margin-top: 9px;
    border-radius: 3px;
    padding-left: 8px;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	overflow: hidden;
	border:1px solid #3c968a;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition:all .3s ease-in-out;
	}
.listViewMoreBtn span{
	font-family: 'open_sansbold';
	font-weight:normal;
	color:#229f60;
	font-size:11px;
	padding-right:18px;
	background:#fff;
	min-width:60px;
	position:relative;
	text-align:right;
	line-height:33px;
	height:33px;
	}
.listViewMoreBtn span:after{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-bottom: 33px solid #fff;
	border-left: 30px solid transparent;
	top:0;
	left:-30px
	}
.dashboardListBox:hover .listViewMoreBtn a{ background:linear-gradient(166.38deg, #2eaf6f -14.33%, #2eaf6f 144.52%)}
.ListIconSec {
    position: absolute;
    right: 10px;
    top: 12px;
	max-width:85px;
	z-index:7;
	}
.dashboardHeadBerIndv {
    background: #55616b;
    padding: 13px 15px;
	}
.dashboardHeadBerIndv h2 {
    font-family: 'ralewayregular';
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
    text-transform: unset;
    letter-spacing: .7px;
	}
.dashboardHeadBerIndv h2 strong{ color:#7cc085}
.dashboardCntIndv{
	border:1px solid #bfdce2;
	background:#f4f4f4;
	}
.dashboardIndvTableArea{
	padding:15px;
	border-top: 1px dashed #94bfb6;
	}
.dashboardIndvHeadArea {
    width: 100%;
    padding: 25px 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
	}
.showItemIndv {
    width: 195px;
	color:#2e2d2d;
	font-size:34px;
	font-family: 'open_sansbold';
	font-weight:normal;
	}
.showItemIndv sub{
	font-size:12px;
	font-family: 'open_sanssemibold';
	color:#666666;
	font-weight:normal;
	position:relative;
	top:0;
	text-transform:uppercase;
	}

.showAssignAreaIndv {
    width: calc(100% - 395px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	}
.totalAsgArea {
    width: 234px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
	border:1px solid #c0dce2;
	background:#fff;
	border-radius:3px;
	padding:1px;
	}
.asgFild {
    width: calc(100% - 58px);
	height: 30px;
	}
.asgFild .select2-container--default .select2-selection--single, .asgFild .select2-selection .select2-selection--single{ 
	border:0px !important;
	height:31px;
	}

a.pendingListBtn, .pendingListBtn {
    background: #0e84b7;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-family: 'open_sanssemibold';
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    border-radius: 3px;
    margin-left: 10px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition:all .3s ease-in-out;
	}
a.pendingListBtn:hover, .pendingListBtn:hover{ background:#2eaf6f}	
a.pendingListBtn:focus, .pendingListBtn:focus{ outline:none}	
.totalAsgArea{
	width:234px;
	position:relative;
	}
a.asgBtn, .asgBtn{
	background: linear-gradient(166.38deg, #007BD0 -14.33%, #6EBD13 144.52%);
    color: #fff;
    padding: 0 10px;
	height:30px;
	border:0;
	font-size: 12px;
    font-family: 'open_sanssemibold';
	border-radius: 3px;
	line-height:30px;
	}
a.asgBtn:focus, .asgBtn:focus{ outline:none}
.showLogoIndv {
    width: 200px;
    text-align: right;
	}	
.showLogoIndv img{ max-height:60px;}	


/*==========FAQ Page==========*/

.ttlBer {
    background: #55616b;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	}
.lftTTl{
	font-size:16px;
	color:#7cc085;
	font-family: 'ralewaybold';
	height:100%;
	}
.lftTTl label{
	width:220px;
	background:#64707a;
	color:#fff;
	text-transform:uppercase;
	padding: 12px;
	margin-right:30px;
	}
.edit-Del-areaRight{
	background:#64707a;
	color:#fff;
	padding:7px 12px;
	position:relative;
	}
.edit-Del-areaRight:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 42px solid #64707a;
    border-left: 40px solid transparent;
    left: -40px;
    top: 0;
	}
.catBer{
    background: #ecf2f4;
    border: 1px solid #55616b;
	font-family: 'ralewayregular';
    font-size: 16px;
	position:relative;
	color:#55616b;
	}	
.catBer label{
	width:220px;
	background:#dee9ed;
	margin-right:30px;
	font-family: 'ralewaybold';
	padding: 10px 12px;
	color:#55616b;
	text-transform:uppercase;
	font-size:14px;
	}
.UpDownAccordion {
    width: 27px;
    height: 24px;
    position: absolute;
    top: 6px;
    right: 10px;
    background: #616e78;
    border-radius: 3px;
	text-align:center;
	cursor:pointer;
	}
.UpDownAccordion:after{
	position:absolute;
	content:"\f077";
	font:normal normal normal 16px/1 FontAwesome;
	color:#fff;
	left:6px;
	top:3px;
	}
.UpDownAccordion.collapsed:after{content:"\f078";}

.panel-collapse-body{
	background:#fcfcfc;
	border:1px solid #55616b;
	border-top:0px;
	padding:12px;
	}	
.panel-collapse-body table tr td{ vertical-align:top}
.panel-collapse-body table tbody tr td{ padding:10px 7px;}
.edit-Del-areaRight .icno-line-btn, .edit-Del-areaRight  a.icno-line-btn{ background:#50a664; color:#fff}

.panel-collapse-body .mCustomScrollBox{ height:auto}
.panel-group .panel+.panel{ margin-top:20px;}


.fileUpload {
    position: relative;
    overflow: hidden;
	text-align:center;
	}
.fileUpload span{ line-height:1.2}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
	}
.uploadFileStyle {
    width: calc(100% - 120px);
    vertical-align: top;
	}


.mLR7{
	margin-left:-7px;
	margin-right:-7px;
	}
.pLR7{
	padding-left:7px;
	padding-right:7px;
	}
.forMobile{ display:none}
/*----marginB20----*/
.marginT10{ margin-top:10px;}
.marginT20{ margin-top:20px;}
.marginT30{ margin-top:30px;}
.marginT30{ margin-top:40px;}
.marginT40{ margin-top:50px;}

.marginB5{ margin-bottom:5px;}
.marginB10{ margin-bottom:10px;}
.marginB15{ margin-bottom:15px;}
.marginB20{ margin-bottom:20px;}
.marginB25{ margin-bottom:25px;}
.marginB30{ margin-bottom:30px;}
.marginB40{ margin-bottom:40px;}
.marginB50{ margin-bottom:50px;}

/*=============================RESPONSIVE=============================*/
@media(min-width:1366px){
	.panel-collapse-body .horizontalScrlWrap .mCSB_container{ width:100% !important}
	}

@media only screen and (min-width:1200px) and (max-width:1365px){
	.col-custom-04{width: 33.33333333%;}
	.showLogoIndv{ width:170px;}
	.showAssignAreaIndv{width: calc(100% - 365px);}
	
	.panel-collapse-body .horizontalScrlWrap .mCSB_container{ width:1000px !important}

	}
@media only screen and (min-width:992px) and (max-width:1199px){
	.col-custom-04{width: 50%;}
	a.pendingListBtn, .pendingListBtn{ margin-left:0; margin-top:10px;}
	.showAssignAreaIndv{justify-content: center;}
	
	.panel-collapse-body .horizontalScrlWrap .mCSB_container{ width:1000px !important}
	.lftTTl, .catBer{ font-size:14px;}
	.lftTTl label{ width:185px; margin-right:15px;}
	.catBer label{ width:185px; margin-right:15px;}
	
	}
@media only screen and (min-width:768px) and (max-width:991px){
	
	.pull-sm-left{float: left!important;}
	
	.header-wrap{align-items: start;}
	.header-login-area { position: absolute; right: 15px; top: 11px;}
	
	.admin-left-pnl{ width:250px;}
	.admin-content-area{width: calc(100% - 250px);margin-left: 250px;}
	.admin-content-area header{width: calc(100% - 250px);}
	.admin-search{ width:220px;}
	.menu-left-style ul li a{ font-size:13px;}
	.menu-left-style ul li li a{ font-size:12px;}
	
	.horizontalScrlWrap table{ min-width:992px;}
	
	.itemCountArea{ font-size:12px;}
	.itemCountArea span{ font-size:22px; min-width:75px;}
	.listViewMoreBtn span{ min-width:30px;}
	.listBoxTopSec h3{ font-size:14px; max-width:145px;}
	.listBoxTopSec p{ max-width:130px;}
	.ListIconSec{ max-width:50px;}
	
	.showItemIndv{ width:100%}
	.showAssignAreaIndv{ width:100%; margin-top:20px;}
	a.pendingListBtn, .pendingListBtn{ margin-left:0; margin-top:10px;}
	.showLogoIndv{ width:100%; text-align:left; margin-top:20px;} 
	.dashboardIndvHeadArea { padding:15px;}
	
	.lftTTl label{ background:none; width:auto; margin-right:0}
	.catBer{ padding:10px 12px}
	.catBer label{ background:none; width:auto; margin-right:0; padding:0 10px 0 0; }
	
	}
@media(max-width:767px){
	
	.forMobile{ display:block}
	.pull-xs-left{float: left!important;}
	
	.logo-area { width: calc(100% - 64px); display: inline-block; border-right:0px; height:60px}
	.logo{ margin:0 15px;}
	.menuBtn{ width:44px; display:inline-block}
	.admin-left-pnl{ width:100%; position:fixed; z-index:10; height:auto}
	.admin-content-area{ width:100%; margin-left:0; padding-top:115px;}
	.admin-content-area header{ position:fixed; width:100%; top:60px; z-index:8;}
	.left-bg-area{ height:100vh;}
	.header-wrap{align-items: start; background:#f1f1f1; box-shadow:0px 0px 0px #fff; height:54px; padding:8px 15px; border-top:1px solid #e9e9e9;}
	.header-login-area { position: absolute; right: 15px; top: 11px; z-index:9;}
	.header-login-area ul li{ height:32px; line-height:30px; margin-left:7px;}
	.header-login-area ul li:first-child{ margin-left:0}
	.header-login-area ul li.logout-btn-color a span{ height:28px; line-height:26px;}
	.close-menu-hamburger{ position:absolute !important; top:25px; left:265px}
	.menu-left-style ul{ width:310px;}
	.left-menu-area{height: calc(100vh - 97px);}
	
	.horizontalScrlWrap table{ min-width:992px;}
	table thead tr th{ font-size:12px;}
	table tbody tr td{ font-size:12px;}
	
	.login-contener{ width:calc(100% - 30px);}
	
	.showItemIndv{ width:100%}
	.showAssignAreaIndv{ width:100%; margin-top:20px;}
	a.pendingListBtn, .pendingListBtn{ margin-left:0; margin-top:10px;}
	.showLogoIndv{ width:100%; text-align:left; margin-top:20px;} 
	.dashboardIndvHeadArea { padding:15px;}
	
	.lftTTl label{ background:none; width:auto; margin-right:0}
	.catBer{ padding:10px 45px 10px 12px}
	.catBer label{ background:none; width:auto; margin-right:0; padding:0 0px 0 0; display:block }
	.edit-Del-areaRight{ background:none}
	.edit-Del-areaRight:after{ display:none}
	.lftTTl label{padding:0; display:block; font-size:13px;}
	.lftTTl {padding: 10px 0 10px 12px; width:calc(100% - 85px)}

	}
@media(max-width:599px){
	
	}
@media(max-width:479px){
	
	.logo-area{width: calc(100% - 56px);}
	.header-login-area ul li a{ font-size:12px;}
	
	.login-form-box{ padding:30px 25px 40px; border-radius: 15px;}
	.login-button-style, a.login-button-style{ width:100%}
	.login-logo{ width:250px; margin:0 auto 25px;}
	
	}
@media(max-width:374px){
	
	.userIcon-menuT{ margin-right:6px;}
	.icondrop-ML{ margin-left:6px;}
	
	}