@charset "UTF-8";
.form-group label{	
	font-size: 13px;
	margin-bottom:5px;	
}
/* Basics */
.pull-right{
	float:right;
}
.pull-left{
	float:left;
}
.pd-0{
	padding:0!important;
}
.bg-1 {
	background: #fff;
	padding: 8px!important;
	box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
	-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
	/* border: 1px solid #dedede !important; */
	margin-bottom: 5px;
}
.card-v{
	background:#fff;
	border-radius:5px;
	/* max-height: 340px;
	height: 340px; */
	border: 2px solid #ddd;
	padding: 8px;
}
.card-c{
	background:#fff;
	border-radius:5px;
	border: 2px solid #ddd;
	padding: 8px;
    box-shadow: rgb(100 100 100 / 20%) 0px 0px 20px 0px;
}

.modal-header> h5{
	display:inline-block;
}
#myModal2 .form-control{
	margin-top:5px;
}
.modal-header .close {
    background: #ddd;
    color: #5c5c5c;
    opacity: 1;
    border-radius: 25px;
    padding: 3px;
    font-size: 14px;
    width: 20px;
    height: 20px;
}
.modal-header .close:hover {
    background: red;
    color: #fff;
}
/* .modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 320px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		 -o-transform: translate3d(0%, 0, 0);
			transform: translate3d(0%, 0, 0);
}   */       
.modal.left .modal-dialog, .modal.right .modal-dialog {
     position: fixed;
     margin: auto;
     width: 300px;
     height: 100%;
     -webkit-transform: translate3d(0%, 0, 0);
         -ms-transform: translate3d(0%, 0, 0);
          -o-transform: translate3d(0%, 0, 0);
             transform: translate3d(0%, 0, 0);
 }

 .modal.left .modal-content,
 .modal.right .modal-content {
     height: 100%;
     overflow-y:hidden;
     
 }
 
 .modal.left .modal-body,
 .modal.right .modal-body {
     padding: 15px 15px 80px;
 }

 .modal.left.fade .modal-dialog{
     left: -300px;
     -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
          -o-transition: opacity 0.3s linear, left 0.3s ease-out;
             transition: opacity 0.3s linear, left 0.3s ease-out;
 }
 
 .modal.left.fade.show .modal-dialog{
     left: 0!important;
 }

 
/*Right*/
.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
	        transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
	right: 0!important;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#logout_id .dropdown-toggle::after {
	display:none;
}
/* Buttons */
/* Reset Buttons */
 .btn-reset:focus,.btn-default-3:focus{
	outline:0;
	border: 1px solid #183442;
	color:#183442;
}

.btn-reset, .btn-reset:focus {
	border: 1px solid #f06e70!important;
	background: #f06e70!important;
	color: #fff!important;
	margin: 5px;
}
.btn-reset:hover {
	border: 1px solid #f06e70!important;
	background: #e6e7e9!important;
	color: #f06e70!important;
}
/* Reset Button */
/* Apply Button */
.btn-default-2 {
    border: 1px solid #183442!important;
    color: #183442;
    margin: 5px;
    border-radius: 25px!important;    
}
/* Apply Button */
.btn-default-2-1 {
    border: 1px solid #183442!important;
    background: #ffffff;
    color: #183442;    
}
.btn-default-3, .btn-apply {
    border: 1px solid #183442!important;
    background: #183442;
    color: #fff;
}
.btn-add{
	background: #fcc12c!important;
    color: #000!important;
    border:1px solid #183442!important;
}

.btn-default-1, .btn-default-2, .btn-default-2-1, .btn-default-3, .btn-add, .btn-apply, .btn-reset{
	margin: 5px;
    border-radius:5px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration:none;
}
.btn-default-1 {
    border: 1px solid #183442;
    color: #183442;
    margin:5px;
}
.btn-default-1:hover, .btn-default-2:hover, .btn-default-2-1:hover, .btn-default-3:hover, .btn-add:hover, .btn-apply:hover, .btn-reset:hover {
    background: #e6e7e9;
    color: #183442;
    text-decoration:none!important;
}
a:focus, a:hover {
    color: inherit;
    text-decoration: none!important;
    outline: 0!important;
    outline-offset: 0!important;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
	outline:0;outline-offset: 0px;
}
.btn.focus, .btn:focus, .btn:hover{	
	outline: 0!important;
    outline-offset: 0!important;
}
.filtersActive{
	color:white ;
	background:#706f6f ;
}
/* .btn-default-2:focus{
	color:#fff;	
} */
/* .btn:focus{
	color:#fff;	
} */
/* .btn-default-1:focus, .btn-default-2:focus, .btn-default-2-1:focus, .btn-default-3:focus{
	color:#fff
} */
 /* Buttons */
 

ul.list-inline{
	margin-bottom:0;
}

/* Chart View Side Buttons */
.bg-m-default{
	background: #f6f6f6;
	color:#000;
	border:2px solid #ddd;
	border-radius:5px;
}
.bg-m-progress{
	background: #0d3443;
	color:#fff;
	border:2px solid #0d3443;
	border-radius:5px;
}
.btn.bg-m-progress:hover{
	color:#fff!important;
}
.bg-m-danger{
	background: #ff7271;
	color:#fff;
	border:2px solid #ff7271;
	border-radius:5px;
}
.bg-m-success{
	background: #24a68a;
	color:#fff;
	border:2px solid #24a68a;
	border-radius:5px;
}
.bg-m-success1{
	color:#fff;
	border:2px solid #42328e;
	border-radius:5px;
	background: #42328e;
	border-color: #42328e;
}
.bg-m-error{
	background: #797171;
	color:#fff;
	border:2px solid #797171;
	border-radius:5px;
}
.btn-primary1{
	color: #0d3443;
	background-color: #fff;
	border-color: #2e6da4;
}
.btn-white{
	background:#fff;
	color:#254F65;
}
.bg-danger{
	background:#ff7271!important;
	color:#fff;
}
.text-danger{
	color:#ff7271;
}
.border-danger{
	border: 1px solid #ff7271!important;
}
.bg-danger1{
	background:#EB1010!important;
	color:#fff;
}
.text-danger1{
	color:#EB1010;
}
.border-danger1{
	border: 1px solid #EB1010!important;
}
.bg-success1{
	background:#24A68A!important;
	color:#fff;
}
.text-success1{
	color:#24A68A;
}
.border-success1{
	border: 1px solid #24A68A!important;
}
.text-white{
	color:#fff;
}
.btn-white:hover{
	background:#254F65;
	color:#fff;
}
.btn-white:focus{
	background:#254F65;
	color:#fff;
}
.btn:active:focus, .btn:focus {
	outline: 0;
	outline-offset: 0;
}
.btn.focus,.btn:focus{
	color:#000;
}
.btn.focus, .btn:focus, .btn:active,.bg-m-default2{
	color:#000;
}

.btn:active,.bg-m-default2:focus{
	color:#fff;
}
a.btn-default-2:focus:hover{
    color: #333;
}
a:focus, a:hover{
	color:#183442;
}
/* .filtersActive:focus {
    color: #fff;
} */
.filtersActive:hover {
    color: #183442!important;
}
h3.list-title:first-letter {
    text-transform: capitalize;
}

.btn-save-c{
	background: #fcc12c!important;
    max-width: 150px;
    width: 100px;
    color: #333;
    text-shadow: none;
    border:1px solid #183442!important;
}
.btn-save-c:hover {
    background:#fff!important;
    color:#183442!important;
}
.btn-save{
	background: #fcc12c!important;
    color: #333;
    text-shadow: none;
    max-width:150px;
    width:100px;
    border:1px solid #183442!important;
}
.btn-save:hover {
    background:#fff!important;
    color:#183442!important;
}
.btn-back{
	border:1px solid #183442!important;
	background:#ffff!important;
	color:#183442!important;
	margin:0 5px!important;
	text-transform:capitalize;
}
.btn-back:hover{
	background: #e6e7e9!important;
    color: #183442!important;
}
.table-header {
    background: #fafafa;
	color: #333!important;
 }
 
 /* Radio Button */
 
 .container-r {
	  display: inline-block!important;
	  position: relative;
	  padding-left: 25px;
	  padding-right: 10px;
	  margin-bottom: 12px;
	  cursor: pointer;
	  font-size: 14px;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}
	
	/* Hide the browser's default radio button */
	.container-r input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
	}
	
	/* Create a custom radio button */
	.checkmark-r {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 20px;
	  width: 20px;
	  background-color: #fff;
	  border-radius: 50%;
	  border: 1px solid #2196f3;
	}
	
	/* On mouse-over, add a grey background color */
	.container-r:hover input ~ .checkmark-r {
	  background-color: #ccc;
	}
	
	/* When the radio button is checked, add a blue background */
	.container-r input:checked ~ .checkmark-r {
	  background-color: #2196F3;
	  border:none;
	}
	
	/* Create the indicator (the dot/circle - hidden when not checked) */
	.checkmark-r:after {
	  content: "";
	  position: absolute;
	  display: none;
	}
	
	/* Show the indicator (dot/circle) when checked */
	.container-r input:checked ~ .checkmark-r:after {
	  display: block;
	}
	
	/* Style the indicator (dot/circle) */
	.container-r .checkmark-r:after {
	 	top: 6px;
		left: 6px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: white;
	}
	
/* Profile CSS */
#user-profile-view .modal-dialog{
	width:320px!important;
}

#user-profile-view .modal-body{    height: calc(100vh - 315px);}

#user-profile-view .modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0;
}
ul.profile-list, ul.profile-list-app{
	padding:0;
	list-style:none;
	font-family: 'Poppins', sans-serif;
}
.profile-list li{
	list-style:none;
	font-family: 'Poppins', sans-serif;
}
.profile-list li a{
	color: #222326;
    border: 1px solid transparent;    
    border-radius: 4px;
    padding: 5px 16px;
    margin: 3px 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.25;
    display: block;
    cursor: pointer;
    text-decoration:none;
    font-family: 'Poppins', sans-serif;
}
.profile-list li a:hover{
    background: #fff;
    border: 1px solid #ddd;
}
.profile-list li a i{ 
	display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    margin-right: 6px;
    width: 16px;
    text-align: center;
}
.user-image img{
	/* width:40px; */
	width:55px;
}
#user-profile-view button.close1{
    float: left;
    margin-top:5px;
    margin-left: -40px;
    background: #ddd!important;
    opacity: 1;
    border-radius: 50%;
    padding: 3px 6px!important;
    line-height: normal!important;
    left: 0!important;
    top: 0;
    font-size: 21px;
    color: #333;
    border:none;
    width: 35px;
    height: 35px;
    position:absolute;
}
#user-profile-view button.close1{
    -webkit-transition: 0.6s ease-out;
    -moz-transition: 0.6s ease-out;
    transition: 0.6s ease-out;
}
#user-profile-view button.close1:hover{
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
  background:#F0F0F8;
}
.bg-profile-popup{
	background:#fff;border-radius:4px;padding:5px 0;
}
.bg-profile-popup .row{
	margin:0!important;	
}
.bg-profile-popup .col-md-12{
	padding-right: 15px!important;
    padding-left: 15px!important;
}
.bg-profile-popup .user-image.form-group{
	margin-bottom:15px!important;	
}
.profile-list-app li{
	display:inline-block;
	width:47%;
	margin:1%;
	text-align:center;
	vertical-align: top;
}
.profile-list-app li a{
	color: #222326;
    /* border: 0px; */
    padding: 5px;
    /* margin: 3px 0; */
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    display: block;
    cursor: pointer;
	height:88px;
	border:1px solid transparent;
	border-radius:4px;
	text-decoration:none;
}
.profile-list-app li a:hover{
    background: #fff;
    /* border: 0px; */
    border-radius: 4px;
    text-decoration:none;
	border:1px solid #ddd;
}
.profile-list-app li a span{
    font-size: 12px;
    text-align: center;
    display: block;
    padding-top: 5px;
    word-wrap: break-word;
    word-break: break-word;
    font-family: 'Poppins', sans-serif;
}
.profile-list-app li a img{
	/* background:green; */
	background:#0061FF;
	width: 35px;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    width: 35px!important;
    height: 37px!important;
    /* width: 65px!important;
    height: 55px!important; */
}
#user-profile-view .form-group label {
    word-break: break-word;
    display: block;
    width: 100%;
    color:#222326!important;
    background:transparent!important;
    padding:0!important;
    height:auto!important;
    border:none!important;
    font-weight:normal!important;
    font-size:13px!important;
    font-family: 'Poppins', sans-serif!important;
    margin:0!important;
}
.profile-padding{
	padding:3px 15px;
	background:#fff;
	border-radius:4px;
	border:1px solid #ddd;
}
.profile-padding label{
	color:#222326!important;
    background:transparent!important;
    height:auto!important;
    border:none!important;
    font-size: 13px!important;
    line-height: 1.42857143!important;
    padding:0!important;
    font-family: 'Poppins', sans-serif!important;
    margin:0!important;
}
/* #user-profile-view .modal-body{
	padding:15px 15px 80px!important;
} */
/* Profile CSS */

/* MENU CSS */

/* #menu .modal.left .modal-dialog {
position: fixed;
margin: auto;
width: 300px;
height: 100%!important;
-webkit-transform: translate3d(0%, 0, 0);
   -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
       transform: translate3d(0%, 0, 0);
} */

/* #menu .modal.left .modal-content{
height: 100%;
overflow-y: auto;
background:#fff;
background:#254f65;
background:#fff;
    background: #F7F8FC;
width:230px;
}

#menu .modal.left .modal-body{
padding: 5px;
max-height:100%;
} */
#menu .modal-header .close:hover {
    background: red!important;
    color: #fff;
}
/* #menu .modal-header .close, .modal-header .close {
    background: #ddd!important;
    color: #5c5c5c;
    opacity: 1;
    border-radius: 25px;
    padding: 3px;
    font-size: 14px;
    width: 20px;
    height: 20px;
} */
#menu .close::before, #menu .close::after, .close::before, .close::after {
    display:none;
}
#menu .close, .close{
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
/*Left*/
/* #menu .modal.left.fade .modal-dialog{
left: -320px;
-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
       transition: opacity 0.3s linear, left 0.3s ease-out;
}
#menu .modal.left.fade.show .modal-dialog{
left: 0;
}   */
/* ----- MODAL STYLE ----- */
#menu .modal-content {
border-radius: 0;
border: none;
}

#menu .modal-header {
border-bottom-color: #EEEEEE;
/* background-color:#fff; */
background-color:#F7F8FC;
/* background-color: #FAFAFA; */
}
#menu .modal-title{
font-family:'Poppins', sans-serif;
}
/* Menu CSS */

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.42857143;
	line-break: auto;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	font-size: 14px;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.popover.top {
	margin-top: -10px
}

.popover.right {
	margin-left: 10px
}

.popover.bottom {
	margin-top: 10px
}

.popover.left {
	margin-left: -10px
}

.popover>.arrow {
	border-width: 11px
}

.popover>.arrow,
.popover>.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.popover>.arrow:after {
	content: "";
	border-width: 10px
}

.popover.top>.arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, .25);
	border-bottom-width: 0
}

.popover.top>.arrow:after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #fff;
	border-bottom-width: 0
}

.popover.right>.arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, .25);
	border-left-width: 0
}

.popover.right>.arrow:after {
	bottom: -10px;
	left: 1px;
	content: " ";
	border-right-color: #fff;
	border-left-width: 0
}

.popover.bottom>.arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bottom>.arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #fff
}

.popover.left>.arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
	right: 1px;
	bottom: -10px;
	content: " ";
	border-right-width: 0;
	border-left-color: #fff
}

.popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0
}

.popover-content {
	padding: 9px 14px
}
.btn-feedback {
    border: 1px solid #183442!important;
    background: #fcc12c!important;
    color: #333;
    margin: 5px;
}
.btn-feedback:hover{
	background:#fff!important;
    border: 1px solid #183442!important;
    color:#333;
}