@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');




html, html a {     -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;	 }


h1,h2,h3,h4,h5,h6,p,a,input,select,textarea,button,ul,li,label, span
{	
	font-family: 'Poppins', sans-serif !important;
}


.glyphicon {
    font-family: inherit;
}
.glyphicon:before{
    font-family:'Glyphicons Halflings';
}

@fa-font-path:   "../fonts";


@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }


body
{
	margin:0px;
	padding:0px;
	color:#575962;
	background:#f2f2f7;
}

/* disable text selection */
/*body {
  -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
}*/
.burger
{
	display:none;
}

@media screen and (max-width: 800px) {
.clear-left
{
	margin:0px 0px 0px 0px !important;
}

.burger
{
	position:absolute;
	display:block;
	color:#474848;
	right:10px;
	top:5px;
	font-size:20px;
	cursor:pointer;
}

.clear-offset
{
	margin:0px 0px 0px 0px !important;
}

}



.default-btn
{
    display:inline-block;
	width:auto;
	height:auto;
	padding:10px 15px;
	font-size:14px;
	background:#4483f2;
	text-align:center;
	color:#FFF;
	font-weight:400;
	text-decoration:none;
	border:none;
	border-radius:5px;
    border-color: #4483f2;
}

.field-submit-btn:hover
{
	 
	background:#384ad7;
	transition:all ease-in .2s;
}

.contact-form
{
	float:left;
	width:100%;
	height:auto;
}

.field {
	float:left;
	width:100%;
	height:auto;
	display:block;
	margin-bottom:20px;
}


.field a
{
	color:#4483f2;
}

.field label {
	float:left;
	width:100%;
	height:auto;
	display:block;
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:14px;
	color:#575962;
	font-weight:400;
}

.field input {
    border-color: #ebedf2;
    border:none;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
	background:#FFF;
	border-radius:5px;
	border:1px solid #ebedf2;
}
.field textarea {
	border-color: #ebedf2;
    border:none;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
	background:#FFF;
	border-radius:5px;
	border:1px solid #ebedf2;
}

.field select {
	background:#FFF;
	border:none;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
	border-radius:5px;
	border:1px solid #ebedf2;
}

.field img
{
	display:block;
	width:50px;
	margin:0 auto;
	margin-bottom:10px;
}


.field-submit-btn
{
    display:inline-block;
	width:auto;
	height:auto;
	padding:10px 15px;
	font-size:14px;
	background:#4483f2;
	text-align:center;
	color:#FFF !important;
	font-weight:400;
	text-decoration:none;
	border:none;
	border-radius:5px;
    border-color: #4483f2;
}

.field-submit-btn:hover
{
	 
	background:#384ad7;
	transition:all ease-in .2s;
}


.field-cancel-btn
{
    display:inline-block;
	width:auto;
	height:auto;
	padding:10px 15px;
	font-size:14px;
	text-align:center;
	color:#575962;
	background:#FFF;
	margin:0px 0px 0px 10px;
	font-weight:400;
	text-decoration:none;
	border-radius:5px;
    border:1px solid #ebedf2;
}

.field-cancel-btn:hover
{
	background:#f4f5f8;
	transition:all ease-in .2s;
}

.field-delete-btn
{
    display:inline-block;
	width:auto;
	height:auto;
	padding:10px 15px;
	font-size:14px;
	background:#ff3f30;
	text-align:center;
	color:#FFF;
	font-weight:400;
	text-decoration:none;
	border:none;
	border-radius:5px;
    border-color: #4483f2;
}

.field-delete-btn:hover
{
	 
	background:#575962;
	transition:all ease-in .2s;
}

#form-messages
{
	float:left !important;
	width:100% !important;
	height:auto !important;
	text-align:center !important;
	font-size:18px !important;
	font-weight:200px !important;
	color:#fff!important;
	background:#0C3 !important;
}

::placeholder { 
  color:#ccc;
  opacity: 1;
}

:-ms-input-placeholder { 
 color:#ccc;
}

::-ms-input-placeholder { 
  color:#ccc;
}
/*fixed-css-end*/

/*header*/
.header-wrap
{
	position:fixed;
	width:100%;
	height:auto;
	padding:20px 0px;
	background:#FFF;
	webkit-box-shadow: 0px 1px 15px 1px rgba(81,77,92,0.1);
    box-shadow: 0px 1px 15px 1px rgba(81,77,92,0.1);
	z-index:999;
}

.logo-login-page
{
	float:left;
	width:auto;
	height:auto;
}

.logo-login-page img
{
	height:50px;
}

.logo
{
	float:left;
	width:auto;
	height:auto;
}

.logo img
{
	height:40px;
}

@media screen and (max-width: 800px) {
.logo-login-page img
{
	height:auto;
	width:100%;
}
.logo img
{
	height:25px;
}

}

/*header end*/

/*footer*/

.footer-wrapper-1
{
	position:fixed;
	bottom:0px;
	width:100%;
	height:auto;
	padding:20px 0px;
	background:#FFF;
	webkit-box-shadow: 0px 1px 15px 1px rgba(81,77,92,0.1);
    box-shadow: 0px 1px 15px 1px rgba(81,77,92,0.1);
	z-index:999;
}

.copyright
{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
}

.copyright p
{
	margin:0px;
	padding:0px;
	color:#a9a9aa;
}


.mainpage-footer
{
	position:fixed;
	background:#000000;
	bottom:0px;
	z-index:999;
	width:100%;
}

.footer-main-menu
{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
}

.footer-main-menu ul
{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}

.footer-main-menu ul li
{
	margin:0px;
	padding:0px 10px;
	display:inline-block;
	list-style:none;
}
.footer-main-menu ul li a
{
	float:left;
    width: 40px;
   height: 40px;
}
.home
{
	    background: url(../img/home.png) no-repeat;
    background-size: 40px 40px;
    width: 40px;
   height: 40px;
}

.home:hover
{
	background: url(../img/home_active.png) no-repeat;
	background-size: 40px 40px;
    width: 40px;
   height: 40px;
}

.home-active
{
	background: url(../img/home_active.png) no-repeat;
	background-size: 40px 40px;
    width: 40px;
   height: 40px;
	border-bottom:3px solid #c70000;
}


.contact
{
	    background: url(../img/contact_list.png) no-repeat;
    background-size: 40px 40px;
    width: 40px;
   height: 40px;
}

.contact:hover
{
	background: url(../img/contact_list_active.png) no-repeat;
	background-size: 40px 40px;
    width: 40px;
   height: 40px;
}

.contact-active
{
	background: url(../img/contact_list_active.png) no-repeat;
	background-size: 40px 40px;
    width: 40px;
   height: 40px;
	border-bottom:3px solid #c70000;
}

.search
{
	    background: url(../img/contact_search.png) no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
}

.search:hover
{
	background: url(../img/contact_search_active.png) no-repeat;
	background-size: 40px 40px;
    width: 40px;
   height: 40px;
}

.search-active
{
	background: url(../img/contact_search_active.png) no-repeat;
	background-size: 40px 40px;
    width: 40px;
   height: 40px;
	border-bottom:3px solid #c70000;
}

.profile
{
	    background: url(../img/contacts.png) no-repeat;
    background-size: 40px 40px;
    width: 40px;
   height: 40px;
}

.profile:hover
{
	background: url(../img/contacts_active.png) no-repeat;
	background-size: 40px 40px;
    width: 40px;
   height: 40px;
}

.profile-active
{
	background: url(../img/contacts_active.png) no-repeat;
	background-size: 40px 40px;
    width: 40px;
   height: 40px;
	border-bottom:3px solid #c70000;
}

.settings
{
	    background: url(../img/settings.png) no-repeat;
    background-size: 40px 40px;
    width: 40px;
   height: 40px;
}

.settings:hover
{
	background: url(../img/settings_active.png) no-repeat;
	background-size: 40px 40px;
    width: 40px;
   height: 40px;
}

.settings-active
{
	background: url(../img/settings_active.png) no-repeat;
	background-size: 40px 40px;
    width: 40px;
   height: 40px;
	border-bottom:3px solid #c70000;
}

@media screen and (max-width: 980px) {
.footer-main-menu
{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
}

.footer-main-menu ul
{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}

.footer-main-menu ul li
{
	margin:0px;
	padding:0px 0px !important;
	float:left;
	width:20%;
	height:auto;
	text-align:center;
}
.footer-main-menu ul li a
{
	float:none;
	display:inline-block;
    width: 24px;
   height: 24px;
}
.home
{
	    background: url(../img/home.png) no-repeat;
    background-size: 24px 24px;
    width: 24px;
   height: 24px;
}

.home:hover
{
	background: url(../img/home_active.png) no-repeat;
	background-size: 24px 24px;
    width: 24px;
   height: 24px;
}

.home-active
{
	background: url(../img/home_active.png) no-repeat;
	background-size: 24px 24px;
    width: 24px;
   height: 24px;
	border-bottom:3px solid #c70000;
}


.contact
{
	    background: url(../img/contact_list.png) no-repeat;
    background-size: 24px 24px;
    width: 24px;
   height: 24px;
}

.contact:hover
{
	background: url(../img/contact_list_active.png) no-repeat;
	background-size: 24px 24px;
    width: 24px;
   height: 24px;
}

.contact-active
{
	background: url(../img/contact_list_active.png) no-repeat;
	background-size: 24px 24px;
    width: 24px;
   height: 24px;
	border-bottom:3px solid #c70000;
}

.search
{
	    background: url(../img/contact_search.png) no-repeat;
   background-size: 24px 24px;
    width: 24px;
   height: 24px;
}

.search:hover
{
	background: url(../img/contact_search_active.png) no-repeat;
	background-size: 24px 24px;
    width: 24px;
   height: 24px;
}

.search-active
{
	background: url(../img/contact_search_active.png) no-repeat;
	background-size: 24px 24px;
    width: 24px;
   height: 24px;
	border-bottom:3px solid #c70000;
}

.profile
{
	    background: url(../img/contacts.png) no-repeat;
  background-size: 24px 24px;
    width: 24px;
   height: 24px;
}

.profile:hover
{
	background: url(../img/contacts_active.png) no-repeat;
	background-size: 24px 24px;
    width: 24px;
   height: 24px;
}

.profile-active
{
	background: url(../img/contacts_active.png) no-repeat;
background-size: 24px 24px;
    width: 24px;
   height: 24px;
	border-bottom:3px solid #c70000;
}

.settings
{
	    background: url(../img/settings.png) no-repeat;
    background-size: 24px 24px;
    width: 24px;
   height: 24px;
}

.settings:hover
{
	background: url(../img/settings_active.png) no-repeat;
	background-size: 24px 24px;
    width: 24px;
   height: 24px;
}

.settings-active
{
	background: url(../img/settings_active.png) no-repeat;
	background-size: 24px 24px;
    width: 24px;
   height: 24px;
	border-bottom:3px solid #c70000;
}	
}
/*end footer*/


/*login page*/
.zeropadding
{
	padding:0px 0px 0px 0px !important;
}
.padding-100-100
{
	padding:120px 0px 100px;
}
.padding-160-100
{
	padding:160px 0px 100px;
}

.padding-250
{
	padding:250px 0px !important;
}

.login-wrapper
{
	float:left;
	width:100%;
	height:auto;
	background:#FFF;
	border-radius:5px;
	webkit-box-shadow: 0px 1px 15px 1px rgba(81,77,92,0.1);
    box-shadow: 0px 1px 15px 1px rgba(81,77,92,0.1);
}

.login-header
{
	float:left;
	width:100%;
	height:auto;
	padding:20px 30px;
	border-bottom:1px solid #ebedf2;
}

.login-header h2
{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	color:#575962;
	font-size:18px;
	text-transform:uppercase;
}

.login-container
{
	float:left;
	width:100%;
	height:auto;
	padding:30px 30px;
}
/*login page end*/

/*index*/

.user-details
{
	float:left;
	width:auto;
	height:auto;
	margin:5px 0px;
	text-align:right;
}

.user-details p
{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	cursor:pointer;
	text-align:right;
}

.user
{
	color:#f33e5c;
}

.user-image
{
	height:30px;
	margin:0px 0px 0px 5px;
}

.user-dropdown
{
	position:absolute;
	width:300px;
	height:auto;
	background:#FFF;
	right:0px;
	top:70px;
	display:none;
	webkit-box-shadow: 0px 1px 15px 1px rgba(81,77,92,0.1);
    box-shadow: 0px 1px 15px 1px rgba(81,77,92,0.1);
}

.user-dropdown:after{
    content: '';
	display: block;  
	position: absolute;
	right: 20px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 10px solid #3c3c3c;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}


.cover-container
{
	float:left;
	width:100%;
	height:auto;
}

.cover-photo
{
	float:left;
	width:100%;
	height:auto;
}

.cover-content
{
	float:left;
	width:100%;
	height:auto;
	background:rgba(0,0,0,0.5);
	z-index:99;
	padding:20px 30px;
	text-align:left;
	color:#FFF;
}

.cover-content h2
{
	float:left;
	width:100%;
	height:auto;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:14px;
	font-weight:500;
}

.cover-content h2 img
{
	margin:0px 5px 0px 0px;
}

.cover-content a
{
	color:#FFF;
	font-size:12px;
}

.user-dropdown ul
{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	padding:20px 30px;
}

.user-dropdown ul li
{
	margin:0px;
	padding:0px 0px 10px 0px;
	list-style:none;
}

.user-dropdown ul li a
{
	color:#474848;
	text-decoration:none;
	font-size:12px;
}

.user-dropdown ul li a svg
{
	font-size:16px;
	color:#CCC;
	padding:2px 5px 0px 0px;
	float:left;
}

.logout-btn
{
    float:left;
	width:auto;
	height:auto;
	padding:5px 15px;
	font-size:12px;
	text-align:center;
	color:#4483f2 !important;
	background:#FFF;
	font-weight:500;
	text-decoration:none;
    border:1px solid #ebedf2;
}

.logout-btn:hover
{
	background:#f4f5f8;
	transition:all ease-in .2s;
}

@media screen and (max-width: 800px) {
.user-image
{
	height:20px;
	margin:0px 0px 0px 5px;
}
.user-details
{
	float:right;
	width:auto;
	height:auto;
	margin:0px 0px;
	cursor:pointer;
}	
}

.index-menu-wrapper
{
	float:left;
	width:100%;
	height:auto;
	padding:120px 0px 40px;
}

.main-index-menu
{
	float:left;
	width:100%;
	height:auto;
	padding:40px 15px;
	background:#FFF;
	border-radius:5px;
	webkit-box-shadow: 0px 1px 15px 1px rgba(81,77,92,0.1);
    box-shadow: 0px 1px 15px 1px rgba(81,77,92,0.1);
}

.menu-header
{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	margin:0px 0px 10px 0px;
	color:#FFF;
}

.menu-header h3
{
	margin:0px;
	padding:2px 0px;
	font-weight:600;
	font-size:14px;
	text-transform:uppercase;
}
.main-menu
{
	float:left;
	width:100%;
	height:auto;
	margin:0px 0px 30px 0px;
	text-align:center;
	clear:both;
	display:inline-block;
}

.main-menu p
{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	padding:5px 0px 0px 0px;
	color:#575962;
	font-weight:600;
	font-size:12px;
}

.main-menu img
{
	height:80px;
}

.home-img
{
	float:left;
	width:100%;
	height:auto;
	margin:40px 0px;
}

.home-img img
{
	width:100%;
}


.pink-bg
{
	background:#f21591;
}

.blue
{
	background:#01c5db;
}

.yellow
{
	background:#ffb718;
}

.gold
{
	background:#f6c200;
}

.teel
{
	background:#33bfa3;
}

.purple
{
	background:#8da5ff;
}

.orange
{
	background:#f9880e;
}

.dark-blue
{
	background:#0570aa;
}

.text-white
{
	color:#FFF !important;
	border:none !important;
}

@media screen and (max-width: 800px) {
.home-img
{
	float:left;
	width:100%;
	height:auto;
	margin:0px 0px;
	text-align:center;
}

.home-img img
{
	width:auto;
	height:300px;
	padding:40px;
}

.main-menu p
{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	padding:5px 0px 0px 0px;
	color:#575962;
	font-weight:600;
	font-size:11px;
}

.main-menu img
{
	height:70px;
}
	
}

.default-wrapper
{
	float:left;
	width:100%;
	height:auto;
	padding:120px 0px 40px;
}

.default-container
{
	float:left;
	width:100%;
	height:auto;
	background:#FFF;
	border-radius:5px;
	webkit-box-shadow: 0px 1px 15px 1px rgba(81,77,92,0.1);
    box-shadow: 0px 1px 15px 1px rgba(81,77,92,0.1);
}

.default-header
{
	float:left;
	width:100%;
	height:auto;
	padding:10px 15px;
	border-bottom:1px solid #ebedf2;
}

.default-header h2
{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	font-size:18px;
	text-transform:uppercase;
}

.default-header svg
{
	color:#147cc5;
}

.default-content-area
{
	float:left;
	width:100%;
	height:auto;
	padding:30px 30px;
}
.default-content-area ul
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
}



.default-filter
{
	float:left;
	width:100%;
	height:auto;
	margin:0px 0px 30px 0px;
}

.default-filter label
{
	float:left;
	width:auto;
	height:auto;
}

.default-filter select
{
	display:inline-block;
	width:auto;
	height:auto;
	margin:0px 5px;
}


.contact-table
{
	float:left;
	width:100%;
	height:auto;
}

.table-header
{
	background:#4483f2;
	color:#FFF;
	border:none !important;
}


th
{
   border:none !important;
}

.table-bordered {
   border:none !important;
}

.odd
{
	background:#fbfcfd;
}

.even
{
	background:#e5e9f0;
}

.odd a
{
	color:#4483f2;
}


.even a
{
	color:#4483f2;
}

.icon-area
{
	float:left;
	width:100%;
	height:auto;
	display:inline-block;
	text-align:center;
}

.even a svg
{
	text-align:center;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
   line-height: 1.42857143;
    vertical-align: middle !important;
    border-top: 1px solid #ddd;
}



.results-pagination
{
	float:left;
	width:100%;
	height:auto;
}

.popup-wrapper
{
	position:absolute;
	width:100%;
	height:auto;
	padding:100px 0px;
	z-index:9999;
	top:0px;
	left:0px;
	display:none
}

.popup-container
{
	float:left;
	width:100%;
	height:auto;
	background:#FFF;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
}

.popup-container h2
{
	float:left;
	width:100%;
	height:auto;
	background:#4483f2;
	padding:10px 20px;
	margin:0px;
	color:#FFF;
	font-size:16px;
}

.popup-form
{
	float:left;
	width:100%;
	height:auto;
	padding:30px;
}

.popup-form-field {
	float:left;
	width:100%;
	height:auto;
	display:block;
	margin-bottom:10px;
}


.popup-form-field a
{
	color:#4483f2;
}

.popup-form-field label {
	float:left;
	width:100%;
	height:auto;
	display:block;
	margin:0px 0px 5px 0px;
	padding:10px 10px 0px 0px;
	font-size:13px;
	color:#575962;
	font-weight:400;
	text-align:right;
}

.popup-form-field input {
    border-color: #ebedf2;
    border:none;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
	background:#FFF;
	border-radius:5px;
	border:1px solid #ebedf2;
}
.popup-form-field textarea {
	border-color: #ebedf2;
    border:none;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
	background:#FFF;
	border-radius:5px;
	border:1px solid #ebedf2;
}

.popup-form-field select {
	background:#FFF;
	border:none;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
	border-radius:5px;
	border:1px solid #ebedf2;
}

.popup-form-field img
{
	display:block;
	width:200px;
	margin-bottom:10px;
}


.popup-form-field-submit-btn
{
	display:inline-block;
	width:auto;
	height:auto;
	padding:10px 15px;
	font-size:14px;
	background:#4483f2;
	text-align:center;
	color:#FFF;
	font-weight:400;
	text-decoration:none;
	border:none;
	border-radius:5px;
    border-color: #4483f2;
}

.popup-form-field-submit-btn:hover
{
	 
	background:#384ad7;
	transition:all ease-in .2s;
}


.popup-form-field-submit-cancel-btn
{
    display:inline-block;
	width:auto;
	height:auto;
	padding:10px 15px;
	font-size:14px;
	text-align:center;
	color:#575962;
	background:#FFF;
	margin:0px 0px 0px 10px;
	font-weight:400;
	text-decoration:none;
	border-radius:5px;
    border:1px solid #ebedf2;
}

.popup-form-field-submit-cancel-btn:hover
{
	background:#f4f5f8;
	transition:all ease-in .2s;
}

.close-btn
{
	position:absolute;
	right:25px;
	top:10px;
	color:#FFF;
	cursor:pointer;
}

.content
{
	float:left;
	width:100%;
	height:auto;
	margin:0px 0px 30px 0px;
}

.content img
{
	width:100%;
	margin:0px 0px 10px 0px;
}

.content h2
{
	float:left;
	width:100%;
	height:auto;
	margin:20px 0px 10px;
	padding:0px;
	font-size:18px;
	font-weight:500;
}

.content h3
{
	float:left;
	width:100%;
	height:auto;
	margin:0px 0px 20px 0px;
	padding:0px;
	font-size:14px;
	font-weight:500;
}

.content p span
{
	color:#c64545;
	font-weight:700;
}

.subscription-card
{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	background:#F0F0F0;
	min-height:270px;
}

.monthly
{
	float:left;
	width:100%;
	height:auto;
	padding:20px 10px;
	color:#FFF;
	text-align:center;
	background:#c64545;
}

.monthly h2
{
	margin:0px;
	padding:0px;
	font-size:18px;
	font-weight:500;
}

.monthly h3
{
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:500;
}

.monthly h2 span
{
	font-size:30px;
}

.yearly
{
	float:left;
	width:100%;
	height:auto;
	padding:20px 10px;
	color:#FFF;
	text-align:center;
	background:#2d5772;
}

.yearly h2
{
	margin:0px;
	padding:0px;
	font-size:18px;
	font-weight:500;
}

.yearly h3
{
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:500;
}

.yearly h2 span
{
	font-size:30px;
}

.print
{
	display:inline-block;
	width:auto;
	height:auto;
	padding:10px 9px;
	font-size:14px;
	background:#4483f2;
	text-align:center;
	color:#FFF;
	font-weight:400;
	text-decoration:none;
	border:none;
	border-radius:5px;
    border-color: #4483f2;
}

.print a
{
	padding:0px;
	margin:0px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
}

.adjustment
{
	display:inline-block;
	width:auto;
	height:auto;
	padding:10px 9px;
	font-size:14px;
	background:#00c5dc;
	text-align:center;
	color:#FFF;
	font-weight:400;
	text-decoration:none;
	border:none;
	border-radius:5px;
    border-color: #4483f2 !important;
}

.adjustment a
{
	padding:0px;
	margin:0px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
}



.user-in
{
	float:left;
	width:auto;
	height:auto;
	margin:0px 10px;
	padding:7px 10px;
}

@media screen and (max-width: 800px) {
.print
{
	display:inline-block;
	width:auto;
	height:auto;
	float:left;
	height:auto;
	padding:5px 10px;
	text-align:center;
	background:#4483f2;
	margin:0px 0px;
	color:#FFF;
}

.print a
{
	padding:0px;
	margin:0px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
}

.print-padding{
	width:50%;
padding:10px 10px !important;
	display:inline-block;
	
	height:auto;
	float:left;
	height:auto;

	text-align:center;
	background:#4483f2;
	margin:0px 0px;
	color:#FFF;

}


.user-100
{
	width:100%;
}
.adjustment
{
	display:inline-block;
	width:50%;
	height:auto;
	float:left;
	padding:10px 15px;
	font-size:14px;
	background:#00c5dc;
	text-align:center;
	color:#FFF;
	font-weight:400;
	text-decoration:none;
	border:none;
	border-radius:5px;
    border-color: #4483f2 !important;
}
.user-in
{
	float:left;
	width:auto;
	height:auto;
	margin:0px 3px;
	padding:7px 10px;
}	
}

.header-padding
{
	padding:10px 0px 0px 0px !important;
}

.web-filter
{
	display:inline-block;
	width:auto;
	height:auto;
	padding:5px 0px 0px 0px;
}

.web-filter label
{
	float:left;
	width:auto;
	height:auto;
}

.web-filter select
{
	display:inline-block;
	width:auto;
	height:auto;
	margin:0px 5px;
}

.clearpadding
{
	float:left;
	width:100%;
	height:auto;
}

.color-form-box
{
	float:left;
	width:100%;
	height:auto;
	margin:30px 0px 0px 0px;
	background:#FFF;
}

.color-form-box h2
{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	padding:5px 10px;
	font-size:16px;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
}
.box-gray
{
	background:#ccc;
}
.box-pink
{
	background:#f21692;
}

.box-blue
{
	background:#00c5dc;
}

.box-yellow
{
	background:#ffb719;
}

.box-dark-blue
{
	background:#0570aa;
}
.box-purple
{
	background:#8da5ff;
}
.box-green
{
	background:#33BFA3;
}
.padding-100
{
	padding:50px 0px 50px 0px;
}

.sold-amount
{
	width:100%;
	height:35px;
	background:#ccc;
	margin:0px;
	padding:7px 0px 0px 10px;
}
.box-form
{
	float:left;
	width:100%;
	height:auto;
	padding:20px;
}

.box-form h3
{
	float:left;
	width:100%;
	height:auto;
	padding:0px 0px 10px;
	margin:0px;
}

.gray-box
{
	color:#575962;
	margin:0px;
	padding:11px 0px !important; 
	text-align:center;
	background:#dbd2d2;
}

.gray-box svg
{
	padding: 3px 0px;
    font-size: 20px;
}

.box-form-field {
	float:left;
	width:100%;
	height:auto;
	display:block;
	padding:0px 0px 5px 0px;
}


.box-form-field a
{
	color:#4483f2;
}

.box-form-field label {
	float:left;
	width:100%;
	height:auto;
	display:block;
	margin:0px 0px 5px 0px;
	padding:10px 10px 0px 0px;
	font-size:13px;
	color:#575962;
	font-weight:400;
	text-align:right;
}

.box-form-field input {
    border:none;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
	background:#FFF;
	border:1px solid #dbd2d2;
}
.box-form-field textarea {
    border:none;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
	background:#FFF;
	border:1px solid #dbd2d2;
}

.box-form-field select {
	background:#FFF;
	border:none;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
	border:1px solid #dbd2d2;
}

.box-form-field img
{
	display:block;
	width:200px;
	margin-bottom:10px;
}


.box-form-submit-btn
{
	display:inline-block;
	width:auto;
	height:auto;
	padding:10px 15px;
	font-size:14px;
	background:#4483f2;
	text-align:center;
	color:#FFF;
	font-weight:400;
	text-decoration:none;
	border:none;
	border-radius:5px;
    border-color: #4483f2;
}

.box-form-submit-btn:hover
{
	 
	background:#384ad7;
	transition:all ease-in .2s;
}


.box-form-submit-btn-cancel
{
    display:inline-block;
	width:auto;
	height:auto;
	padding:10px 15px;
	font-size:14px;
	text-align:center;
	color:#575962;
	background:#FFF;
	margin:0px 0px 0px 10px;
	font-weight:400;
	text-decoration:none;
	border-radius:5px;
    border:1px solid #ebedf2;
}

.box-form-submit-btn-cancel:hover
{
	background:#f4f5f8;
	transition:all ease-in .2s;
}



/*final*/

.open-popup-wrapper
{
	position:absolute;
	width:100%;
	height:auto;
	padding:80px 0px;
	z-index:9999;
	top:0px;
	left:0px;
}

.open-popup-container
{
	float:left;
	width:100%;
	height:auto;
	background:#FFF;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
}

.open-popup-container h2
{
	float:left;
	width:100%;
	height:auto;
	background:#4483f2;
	padding:10px 20px;
	margin:0px;
	color:#FFF;
	font-size:16px;
}

.open-popup
{
	float:left;
	width:100%;
	height:auto;
	padding:30px;
}

.open-popup-field {
	float:left;
	width:100%;
	height:auto;
	display:block;
	margin-bottom:10px;
}


.open-popup-field a
{
	color:#4483f2;
}

.open-popup-field label {
	float:left;
	width:100%;
	height:auto;
	display:block;
	margin:0px 0px 5px 0px;
	padding:10px 10px 0px 0px;
	font-size:13px;
	color:#575962;
	font-weight:400;
	text-align:right;
}

.open-popup-field input {
    border-color: #ebedf2;
    border:none;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
	background:#FFF;
	border-radius:5px;
	border:1px solid #ebedf2;
}
.open-popup-field textarea {
	border-color: #ebedf2;
    border:none;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
	background:#FFF;
	border-radius:5px;
	border:1px solid #ebedf2;
}

.open-popup-field select {
	background:#FFF;
	border:none;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
	border-radius:5px;
	border:1px solid #ebedf2;
}

.open-popup-field img
{
	display:block;
	width:200px;
	margin-bottom:10px;
}


.open-popup-field-btn
{
	display:inline-block;
	width:auto;
	height:auto;
	padding:10px 15px;
	font-size:14px;
	background:#4483f2;
	text-align:center;
	color:#FFF;
	font-weight:400;
	text-decoration:none;
	border:none;
	border-radius:5px;
    border-color: #4483f2;
}

.open-popup-field-btn:hover
{
	 
	background:#384ad7;
	transition:all ease-in .2s;
}


.open-popup-field-cancel-btn
{
    display:inline-block;
	width:auto;
	height:auto;
	padding:10px 15px;
	font-size:14px;
	text-align:center;
	color:#575962;
	background:#FFF;
	margin:0px 0px 0px 10px;
	font-weight:400;
	text-decoration:none;
	border-radius:5px;
    border:1px solid #ebedf2;
}

.open-popup-field-cancel-btn:hover
{
	background:#f4f5f8;
	transition:all ease-in .2s;
}

.open-popup ul
{
	margin:0px;
	padding:0px;
}
.open-popup ul li
{
	float:left;
	width:100%;
	height:auto;
	margin:0px 0px 1px 0px;
	padding:5px;
	background:#e5e9f0;
	list-style:none;
}

.open-popup ul li a
{
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	color:#4483f2;
}


.margin-top
{
	margin:30px 0px;
}

.upload-img
{
	position:absolute;
	top:-5px;
	left:5px;
	color:#FFF;
	width:24px !important;
}

.calculation-results
{
	float:left;
	width:100%;
	height:auto;
}

.calculation-results input
{
background-color:#f0f0f0;
border-color:#f0f0f0;
}
input:read-only { 
  background-color: #dee1e5;
}
.arrow-status{
position:absolute;
right:15px;
z-index:999;
top:0px;
}
.arrow-status svg{
color:#ff2525;
font-size:30px;
}
.space-height{
	float:left;
	width:100%;
	height:60px;
}

.table-scroll {
	position:relative;
	max-width:100%;
	margin:auto;
	width:100%;
	overflow:hidden;
	border:1px solid #000;
}

.table-wrap {
	width:100%;
	overflow:auto;
}
.table-scroll table {
	width:100%;
	margin:auto;
	border-collapse:separate;
	border-spacing:0;
}
.table-scroll th, .table-scroll td {
	padding:5px 10px;
	border:1px solid #000;
	background:#fff;
	white-space:nowrap;
	vertical-align:top;
}
.table-scroll thead, .table-scroll tfoot {
	background:#f9f9f9;
}
.clone {
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
}
.clone th, .clone td {
	visibility:hidden
}
.clone td, .clone th {
	border-color:transparent
}
.clone tbody th {
	visibility:visible;
	color:red;
}
.clone .fixed-side {
	border:1px solid #000;
	background:#eee;
	visibility:visible;
}
.clone thead, .clone tfoot{background:transparent;}

}

@media screen and (max-width:800px){
.space-height{
	display:none;
}

.table-scroll {
	position:relative;
	max-width:600px;
	margin:auto;
	overflow:hidden;
	border:1px solid #000;
	cursor: e-resize;
}
.table-wrap {
	width:100%;
	overflow:auto;
}
.table-scroll table {
	width:100%;
	margin:auto;
	border-collapse:separate;
	border-spacing:0;
}
.table-scroll th, .table-scroll td {
	padding:5px 10px;
	border:1px solid #000;
	background:#fff;
	white-space:nowrap;
	vertical-align:top;
}
.table-scroll thead, .table-scroll tfoot {
	background:#f9f9f9;
}
.clone {
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
}
.clone th, .clone td {
	visibility:hidden
}
.clone td, .clone th {
	border-color:transparent
}
.clone tbody th {
	visibility:visible;
	color:red;
}
.clone .fixed-side {
	border:1px solid #000;
	background:#eee;
	visibility:visible;
}
.clone thead, .clone tfoot{background:transparent;}

}


a 
{
	color:#4483f2;
}

.calc-close 
{
	position:absolute;
	top:-35px;
	right:5px !important;
	z-index:99;
	
}

.calc-close svg
{
	color:#ff2229;
	font-size:30px;
}


/* loding gif */
.loader {
        position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/jstree/loading.gif') 50% 50% no-repeat ;
    opacity: .6;

}

.calImgLink{
	position:fixed;
	width:60px;
	height:60px;
	bottom:55px;
	right:10px;
	text-align:center;
}



  .calculator {
  width: 190px;
  height: 200px;
  background-color: #c0c0c0;
  box-shadow: 0px 0px 0px 10px #666;
  border: 5px solid black;
  border-radius: 10px;
  
  
}
#display {
  width: 92%	;
  height: 35px;
  text-align: right;
  background-color: black;
  left: 6px;
  top: 2px;
  
  
	margin:10px;
  line-height:54px;
	margin: 0 auto;
	position: relative;
	padding-right:9px;
	background:#cad69a;
	text-align:right;
	text-shadow:none;
	border-radius:6px;
	border:1px solid #6B6B6B;
	font-size:26px;
	color:#111;
	inset 0 1px 1px #0A0B0D, 0px 1px #E6E6E6;
	-webkit-box-shadow:inset 0 0 10px #333,
	inset 0 1px 1px #0A0B0D, 0px 1px #E6E6E6;
	box-shadow:inset 0 0 10px #333,
	inset 0 1px 1px #0A0B0D, 0px 1px #E6E6E6;
	
}
.btnTop{
 width:35px;
	height:30px;
	padding:0;
  outline:none;
	margin:0px 0px 10px 5px;
	border:1px solid #333;
	border-radius:6px;
	color:#fefefe;
	font:10px "Lato", Arial, Helvetica, sans-serif;
	line-height: 30px;
	-moz-box-shadow:inset 0 0 10px #666,
	inset 0px 1px #BCD6FF, 0 1px 1px #323643;
	-webkit-box-shadow:inset 0 0 10px #666,
	inset 0px 1px #BCD6FF, 0 1px 1px #323643;
	box-shadow:inset 0 0 10px #555,
	inset 0px 1px #BCD6FF, 0 1px 1px #222;
	background:#222;
  transition: all 1s ease;
}
.btnNum {
 width:35px;
	height:30px;
	padding:0;
  outline:none;
	margin:0px 0px 10px 5px;
	border:1px solid #333;
	border-radius:6px;
	color:#fefefe;
	font:12px "Lato", Arial, Helvetica, sans-serif;
	line-height: 30px;
	-moz-box-shadow:inset 0 0 10px #666,
	inset 0px 1px #BCD6FF, 0 1px 1px #323643;
	-webkit-box-shadow:inset 0 0 10px #666,
	inset 0px 1px #BCD6FF, 0 1px 1px #323643;
	box-shadow:inset 0 0 10px #555,
	inset 0px 1px #BCD6FF, 0 1px 1px #222;
	background:#222;
  transition: all 1s ease;
}
.btnMath {
  width:35px;
	height:30px;
	padding:0;
  outline:none;
	margin:0px 0px 5px 5px;
	border:1px solid #333;
	border-radius:6px;
	color:#fefefe;
	font:10px "Lato", Arial, Helvetica, sans-serif;
	line-height: 30px;
	-moz-box-shadow:inset 0 0 10px #666,
	inset 0px 1px #BCD6FF, 0 1px 1px #323643;
	-webkit-box-shadow:inset 0 0 10px #666,
	inset 0px 1px #BCD6FF, 0 1px 1px #323643;
	box-shadow:inset 0 0 10px #555,
	inset 0px 1px #BCD6FF, 0 1px 1px #222;
	background:#222;
  transition: all 1s ease;
}
.btnOpps {
  color: white;
  background-color: #ff9933;
  font-size: 12px;
  margin: auto;
  width: 50px;
  height: 25px;
}
#clear{

  width:35px;
	height:30px;
	padding:0;
  outline:none;
	margin:0px 0px 10px 5px;
	border:1px solid #333;
	border-radius:6px;
	color:#fefefe;
	font:10px "Lato", Arial, Helvetica, sans-serif;
	line-height: 30px;
	-moz-box-shadow:inset 0 0 10px #666,
	inset 0px 1px #BCD6FF, 0 1px 1px #323643;
	-webkit-box-shadow:inset 0 0 10px #666,
	inset 0px 1px #BCD6FF, 0 1px 1px #323643;
	box-shadow:inset 0 0 10px #555,
	inset 0px 1px #BCD6FF, 0 1px 1px #222;
	background:#f9484e;
  transition: all 1s ease;

}
.bold_text{
	font-weight:bold;
}



.bgnone
{
	background:none !important;
}

.table-header-new{
	background-color:#4483f2;
	color:#FFF;
	font-weight:bold;"
}

.table-overflow-scroll-x{
	overflow-x:scroll;
	overflow-y:visible;"
}